feat: 新项目环境、内容添加
This commit is contained in:
kun
parent
f3e54fc053
commit
8cf07f81c9
12
main.js
12
main.js
@ -32,7 +32,8 @@ Vue.component('uni-icons2', uniIcons2)
|
||||
// Vue.prototype.COMPANY = "zjwj"
|
||||
// Vue.prototype.COMPANY = "sccr"
|
||||
// Vue.prototype.COMPANY = "agjt" // 鞍钢集团环境
|
||||
Vue.prototype.COMPANY = "" // 标准版
|
||||
Vue.prototype.COMPANY = "cpgs" // 成平高速环境
|
||||
// Vue.prototype.COMPANY = "" // 标准版
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
// 开发环境
|
||||
console.log('开发环境')
|
||||
@ -41,14 +42,14 @@ if (process.env.NODE_ENV === 'development') {
|
||||
// Vue.prototype.url_config = 'http://42.180.188.17:11211/' // 鞍钢测试地址
|
||||
// Vue.prototype.url_config = 'http://182.90.224.237:51234/' //雄哥内网穿透地址
|
||||
// Vue.prototype.url_config = 'http://jxj.zhgdyun.com:61212/' //杰哥内网穿透地址
|
||||
// Vue.prototype.url_config = ' http://192.168.34.221:28888/' //郭圣雄本地
|
||||
Vue.prototype.url_config = ' http://192.168.34.221:9111/' //郭圣雄本地
|
||||
// Vue.prototype.url_config = 'http://192.168.34.221:28888/' //郭圣雄本地
|
||||
// Vue.prototype.url_config = 'http://192.168.34.221:9111/' //郭圣雄本地
|
||||
// Vue.prototype.url_config = 'http://182.90.224.237:51234/' //郭圣雄本地
|
||||
// Vue.prototype.url_config = 'http://192.168.34.155:19111/' //彭洁本地
|
||||
Vue.prototype.url_config = 'http://192.168.34.155:19111/' //彭洁本地
|
||||
// Vue.prototype.work_url = 'http://47.93.215.234:19997' // 工作流线上地址（弃用）
|
||||
// Vue.prototype.work_url = 'http://42.180.188.17:19997' // 工作流线上地址
|
||||
// Vue.prototype.work_url = 'http://42.180.188.17:19097' // 工作流测试地址
|
||||
Vue.prototype.work_url = 'http://192.168.34.175:5173' // 工作流地址
|
||||
// Vue.prototype.work_url = 'http://192.168.34.175:5173' // 工作流地址
|
||||
// Vue.prototype.work_url = 'http://192.168.34.138:5173' // 工作流地址
|
||||
// Vue.prototype.work_url = 'http://139.9.66.234:5173' // 工作流地址
|
||||
// Vue.prototype.work_url = 'http://192.168.34.126:5173' // 工作流地址
|
||||
@ -84,6 +85,7 @@ if (process.env.NODE_ENV === 'development') {
|
||||
// Vue.prototype.url_config = 'http://118.121.198.147:23232'//成润正式
|
||||
// Vue.prototype.url_config = 'http://huli.zjzhiliao.com/jxjgdapi'//金林湾测试
|
||||
// Vue.prototype.url_config = 'http://8.136.222.164:8808/'//中科安信
|
||||
// Vue.prototype.url_config = 'http://101.43.164.214:11111/'// 百色三标段
|
||||
|
||||
|
||||
} else {
|
||||
|
||||
14
pages.json
14
pages.json
@ -247,6 +247,20 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/laborManage/searchTeam/addAttendance",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/laborManage/searchTeam/addAttendanceManage",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/laborManage/clockIn",
|
||||
"style": {
|
||||
|
||||
592
pages/projectEnd/laborManage/searchTeam/addAttendance.vue
Normal file
592
pages/projectEnd/laborManage/searchTeam/addAttendance.vue
Normal file
@ -0,0 +1,592 @@
|
||||
<template>
|
||||
<!-- 新增问题 -->
|
||||
<view class="addIssue">
|
||||
<view class="fixedheader">
|
||||
<headers :showBack="true">
|
||||
<view class="headerName">
|
||||
{{pageTitle}}
|
||||
</view>
|
||||
</headers>
|
||||
</view>
|
||||
<view class="content" :style="{paddingTop: mobileTopHeight + 50 + 'px'}">
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>通行设备：</view>
|
||||
<picker @change="(e)=>bindPickerChange(e,1)" :value="passEquipIndex" class="picker"
|
||||
:range="devEquipList" range-key="devName">
|
||||
<view class="uni-input uni-select cl" v-if="passEquipIndex==null && !defaultDevEquip">
|
||||
请选择 <image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
<view class="uni-input uni-select" v-else>
|
||||
{{defaultDevEquip || devEquipList[passEquipIndex].devName}}
|
||||
<image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>通行方向：</view>
|
||||
<picker @change="(e)=>bindPickerChange(e,2)" :value="passDirectionIndex" class="picker"
|
||||
:range="passDirectionList" range-key="name">
|
||||
<view class="uni-input uni-select cl" v-if="form.direction==null">
|
||||
请选择 <image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
<view class="uni-input uni-select" v-else>
|
||||
{{form.direction==1?'进':form.direction==2?'出':''}}
|
||||
<image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>通行时间：</view>
|
||||
<dateTimePiccker :placeholder="'请选择'" :start="startTime" fields="second"
|
||||
:default-value="form.passTime" @change="bindPickerChange($event,'passTime')"
|
||||
class="dateTimePiccker">
|
||||
<!-- <view class="uni-input uni-select cl" v-if="form.inspectTime===''">
|
||||
请选择 <image class="icon-right" src="/static/icon-right.png"></image>
|
||||
</view>
|
||||
<view class="uni-input uni-select" v-else>{{form.inspectTime}}
|
||||
<image class="icon-right" src="/static/icon-right.png"></image>
|
||||
</view> -->
|
||||
</dateTimePiccker>
|
||||
<!-- <picker @change="(e)=>bindPickerChange(e,4)" mode="date" :value="form.inspectTime" class="picker">
|
||||
<view class="uni-input uni-select cl" v-if="form.inspectTime===''">
|
||||
请选择 <image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
<view class="uni-input uni-select" v-else>{{form.inspectTime}}
|
||||
<image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
</picker> -->
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>通行方式：</view>
|
||||
<picker @change="(e)=>bindPickerChange(e,3)" :value="passTypeIndex" class="picker"
|
||||
:range="passTypeList" range-key="name">
|
||||
<view class="uni-input uni-select cl" v-if="form.passType==null">
|
||||
请选择 <image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
<view class="uni-input uni-select" v-else>
|
||||
{{form.passType==1?'IC卡':form.passType==2?'人脸识别':form.passType==3?'指纹识别':form.passType==5?'二维码':form.passType==6?'蓝牙':''}}
|
||||
<image class="icon-down" src="/static/icon-down-black.png"></image>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<!-- <view class="type flex3">
|
||||
<view class="name">补充说明：</view>
|
||||
<textarea class="textarea" maxlength="-1" placeholder-class="cl" name="inspectContent"
|
||||
@input='supplementTextarea' :value="form.dangerDesc" placeholder="请输入"></textarea>
|
||||
</view> -->
|
||||
<view class="addSaveBtn" @click="addSaveBtn">新增保存</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dateTimePiccker from '@/components/dateTimePicker/index.vue'
|
||||
import {
|
||||
dateformat
|
||||
} from "@/utils/tool.js"
|
||||
export default {
|
||||
components: {
|
||||
dateTimePiccker
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
passTypeList: [{
|
||||
name: 'IC卡',
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
name: '人脸识别',
|
||||
value: 2
|
||||
},
|
||||
{
|
||||
name: '指纹识别',
|
||||
value: 3
|
||||
},
|
||||
{
|
||||
name: '二维码',
|
||||
value: 5
|
||||
},
|
||||
{
|
||||
name: '蓝牙',
|
||||
value: 6
|
||||
}
|
||||
],
|
||||
passTypeIndex: null,
|
||||
passDirectionList: [{
|
||||
name: '进',
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
name: '出',
|
||||
value: 2
|
||||
}
|
||||
],
|
||||
passDirectionIndex: null,
|
||||
defaultDevEquip: "",
|
||||
devEquipList: [],
|
||||
passEquipIndex: null,
|
||||
mobileTopHeight: 0,
|
||||
startTime: this.getDate({
|
||||
format: true,
|
||||
}),
|
||||
form: {
|
||||
passTime: "",
|
||||
passType: null,
|
||||
direction: null,
|
||||
devCode: ""
|
||||
},
|
||||
workerInfo: {}
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.pageTitle = option.type == 'add' ? '添加补卡' : '添加补卡';
|
||||
this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||||
this.userInfo = JSON.parse(uni.getStorageSync('userInfo'));
|
||||
this.workerInfo = JSON.parse(decodeURIComponent(option.item));
|
||||
this.getPassEquipList();
|
||||
},
|
||||
mounted() {
|
||||
var that = this
|
||||
uni.getSystemInfo({
|
||||
success(res) {
|
||||
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
||||
uni.setStorageSync('systemInfo', res)
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
console.log('this.mobileTopHeight', this.mobileTopHeight)
|
||||
},
|
||||
methods: {
|
||||
//获取通行设备
|
||||
getPassEquipList() {
|
||||
this.sendRequest({
|
||||
url: 'xmgl/ufaceDev/list',
|
||||
method: 'post',
|
||||
data: {
|
||||
projectSn: this.projectSn
|
||||
},
|
||||
success: res => {
|
||||
console.log(res.result, '通行设备')
|
||||
if (res.result.length > 0) {
|
||||
this.devEquipList = res.result;
|
||||
} else {
|
||||
this.devEquipList = [];
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
getDate(type) {
|
||||
const date = new Date();
|
||||
let year = date.getFullYear();
|
||||
let month = date.getMonth() + 1;
|
||||
let day = date.getDate();
|
||||
if (type === 'start') {
|
||||
year = year;
|
||||
} else if (type === 'end') {
|
||||
// year = year + 2;
|
||||
}
|
||||
month = month > 9 ? month : '0' + month;
|
||||
day = day > 9 ? day : '0' + day;
|
||||
return `${year}-${month}-${day}`;
|
||||
},
|
||||
//下拉选择回显
|
||||
bindPickerChange(e, type) {
|
||||
console.log(e)
|
||||
if (type == 1) {
|
||||
this.passEquipIndex = e.detail.value;
|
||||
this.form.devCode = this.devEquipList[e.detail.value].devSn;
|
||||
} else if (type == 2) {
|
||||
this.passDirectionIndex = e.detail.value;
|
||||
this.form.direction = this.passDirectionList[e.detail.value].value;
|
||||
} else if (type == 3) {
|
||||
this.passTypeIndex = e.detail.value;
|
||||
this.form.passType = this.passTypeList[e.detail.value].value
|
||||
} else if (type == 'passTime') {
|
||||
this.form.passTime = e.f3;
|
||||
}
|
||||
},
|
||||
//新增保存
|
||||
async addSaveBtn() {
|
||||
console.log(this.workerInfo,777888)
|
||||
console.log(this.form,888999)
|
||||
let data = JSON.parse(JSON.stringify(this.form));
|
||||
if (!data.devCode) {
|
||||
uni.showToast({
|
||||
title: '请选择通行设备',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!data.direction) {
|
||||
uni.showToast({
|
||||
title: '请选择通行方向',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!data.passTime) {
|
||||
uni.showToast({
|
||||
title: '请选择通行时间',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!data.passType) {
|
||||
uni.showToast({
|
||||
title: '请选择通行方式',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
let requestData = {
|
||||
...data,
|
||||
faceUrl: this.workerInfo.fieldAcquisitionUrl,
|
||||
idCard: this.workerInfo.idCard,
|
||||
projectCode: this.projectSn
|
||||
}
|
||||
this.sendRequest({
|
||||
url: 'xmgl/itbgp/api/passRecord',
|
||||
method: 'post',
|
||||
data: requestData,
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
if (res.status == 1) {
|
||||
uni.showToast({
|
||||
title: '保存成功'
|
||||
})
|
||||
setTimeout(() => {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
}, 1200)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.fixedheader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
|
||||
.headerName {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
box-shadow: 0 0 10px rgba(194, 194, 194, 0.5);
|
||||
}
|
||||
|
||||
.tabType {
|
||||
width: 50%;
|
||||
line-height: 43px;
|
||||
border-bottom: 1px solid rgba(194, 194, 194, 0.2);
|
||||
|
||||
}
|
||||
|
||||
.noCheckTab {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.lagCss {
|
||||
width: 180px;
|
||||
height: 61px;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
line-height: 29px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.add2 {
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #4181fe;
|
||||
border-radius: 25px;
|
||||
font-size: 14px;
|
||||
margin: 0px 22px;
|
||||
}
|
||||
|
||||
.point {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex3 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20px 30rpx;
|
||||
}
|
||||
|
||||
.type {
|
||||
font-size: 30rpx;
|
||||
line-height: 40px;
|
||||
margin-bottom: 8px;
|
||||
/* border-bottom: 1px solid rgba(194, 194, 194, 0.2); */
|
||||
}
|
||||
|
||||
.type .name {
|
||||
margin-right: 6px;
|
||||
width: 176rpx;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.radio-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.radio {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.accessory {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.accessoryImg {
|
||||
width: 110rpx;
|
||||
height: 60px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.picker {
|
||||
width: 70%;
|
||||
border: 1px solid rgba(42, 43, 91, 0.3);
|
||||
padding: 0px 30rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.uni-input {
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
width: calc(79% - 32px);
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(42, 43, 91, 0.3);
|
||||
padding: 8px 15px;
|
||||
box-sizing: border-box;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.inpuStyle {
|
||||
width: calc(80% - 35px);
|
||||
border-radius: 20px;
|
||||
border: 1px solid rgba(42, 43, 91, 0.3);
|
||||
padding: 8px 15px;
|
||||
box-sizing: border-box;
|
||||
height: 35px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.cl {
|
||||
font-size: 30rpx;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
.imgBox_wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10px;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
.img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.addImgBox {
|
||||
border: 1px solid rgba(42, 43, 91, 0.1);
|
||||
background-color: #f6f5f8;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
|
||||
.icon-add {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.unitDialog {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 111;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.unitContent {
|
||||
width: 85%;
|
||||
height: 70%;
|
||||
margin: 25% auto 0;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 20px 30rpx;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.tabs {
|
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.5);
|
||||
}
|
||||
|
||||
.tabs_name {
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
padding: 5px 10rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.checkName {
|
||||
border-bottom: 2px solid #4181FE;
|
||||
color: #4181FE;
|
||||
}
|
||||
|
||||
.noCheckName {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.unitList {
|
||||
margin: 10px 0;
|
||||
font-size: 30rpx;
|
||||
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.list_val {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.bg_999 {
|
||||
background-color: rgba(153, 153, 153, 0.1);
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status {
|
||||
color: #007AFF;
|
||||
}
|
||||
|
||||
.addSaveBtn {
|
||||
margin: 30px auto;
|
||||
width: 60%;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
background-color: #4181FE;
|
||||
color: #fff;
|
||||
font-size: 34rpx;
|
||||
border-radius: 30px;
|
||||
letter-spacing: 2px;
|
||||
box-shadow: 0 3px 10px rgba(65, 129, 254, 0.8);
|
||||
}
|
||||
|
||||
.addSaveBtn:active {
|
||||
background-color: rgba(65, 129, 254, 0.8);
|
||||
}
|
||||
|
||||
.radio-box {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.radio-item {
|
||||
display: flex;
|
||||
margin-right: 20rpx;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
|
||||
/deep/ .uni-radio-input {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.radio-text {
|
||||
height: 72rpx;
|
||||
}
|
||||
|
||||
.butA {
|
||||
display: flex;
|
||||
// position: absolute;
|
||||
top: 60%;
|
||||
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.icon-right {
|
||||
margin-left: 16rpx;
|
||||
width: 16rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.dateTimePiccker {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
width: 67%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
</style>
|
||||
309
pages/projectEnd/laborManage/searchTeam/addAttendanceManage.vue
Normal file
309
pages/projectEnd/laborManage/searchTeam/addAttendanceManage.vue
Normal file
@ -0,0 +1,309 @@
|
||||
<template>
|
||||
<view class="fullHeight">
|
||||
<view class="" style="position: fixed; top: 0; left: 0; width: 100%; z-index: 10;background-color: #fff;">
|
||||
<headers :showBack="true" class="fixedHeaderBox">
|
||||
<view class="headerName">
|
||||
考勤记录
|
||||
</view>
|
||||
</headers>
|
||||
<view class="searchBox selectContent" :style="{ 'padding-top': (statusBarHeight+52) + 'px' }">
|
||||
<text>考勤日期：</text>
|
||||
<picker mode="date" @change="changeDate" :value="searchForm.attendanceDate" class="selectItem">
|
||||
<view class="selectVideoBox">
|
||||
<text class="videoName">{{ searchForm.attendanceDate }}</text>
|
||||
<uni-icons class="arrow" type="arrowdown" size="15"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
<!-- <picker mode="selector" :range="personTypeArr" @change="changePersonType" range-key="name"
|
||||
:value="personTypeIndex" style="margin-left:10px" class="selectItem">
|
||||
<view class="selectVideoBox">
|
||||
<text class="videoName">{{ personTypeArr[personTypeIndex].name }}</text>
|
||||
<uni-icons class="arrow" type="arrowdown" size="15"></uni-icons>
|
||||
</view>
|
||||
</picker> -->
|
||||
</view>
|
||||
<!-- <view class="middleBox" :style="{ 'padding-top': (statusBarHeight+52+40) + 'px' }">
|
||||
<view class="box">
|
||||
<view class="num">
|
||||
{{ statictisData.total_person }}
|
||||
</view>
|
||||
<view class="txt">
|
||||
出勤人数
|
||||
</view>
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="num">
|
||||
{{ searchForm.personType == 1 ? statictisData.totalTeamNum : statictisData.totalDepartmentNum }}
|
||||
</view>
|
||||
<view class="txt">
|
||||
{{ searchForm.personType == 1 ? '出勤班组' : '出勤部门' }}
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="listBox" style="padding-top: 100px;">
|
||||
<!-- @click="searchPerson(item.id)" -->
|
||||
<view class="personItem" v-for="item in list" :key="item.id">
|
||||
<image v-if="item.fieldAcquisitionUrl" :src="url_config+'image/'+item.fieldAcquisitionUrl"
|
||||
class="profile_photo"></image>
|
||||
<image v-else src="/static/profile_photo.png" class="profile_photo"></image>
|
||||
<view class="personInfo">
|
||||
<view class="name">
|
||||
{{ item.workerName }}
|
||||
</view>
|
||||
<view class="teamName">
|
||||
{{ item.teamName ? item.teamName : item.departmentName }}
|
||||
</view>
|
||||
<view class="small">
|
||||
{{ item.sex == 2 ? '女' : '男' }} {{ item.age }}
|
||||
</view>
|
||||
</view>
|
||||
<!-- <image src="/static/icon-right.png" class="icon-right"></image> -->
|
||||
</view>
|
||||
<view class="placeholderBox" v-show="list.length===0">
|
||||
<image src="/static/noData.png" class="noDataImg"></image>
|
||||
<view class="text">
|
||||
暂无数据
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="loadMoreBox" v-if="isLoadMore&&list.length>0">
|
||||
<uni-load-more :status="loadStatus" iconType="auto"></uni-load-more>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import headers from "@/components/headers/headers.vue"
|
||||
import {
|
||||
GetDateStr
|
||||
} from "@/static/js/util.js"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
headers
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
searchForm: {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
projectSn: "",
|
||||
attendanceDate: ''
|
||||
},
|
||||
projectDetail: {},
|
||||
list: [],
|
||||
statusBarHeight: 0,
|
||||
loadStatus: 'more',
|
||||
isLoadMore: false,
|
||||
personTypeArr: [{
|
||||
name: '施工人员',
|
||||
value: 1
|
||||
}, {
|
||||
name: '管理人员',
|
||||
value: 2
|
||||
}],
|
||||
personTypeIndex: 0,
|
||||
statictisData: {
|
||||
totalDepartmentNum: 0,
|
||||
totalTeamNum: 0,
|
||||
total_person: 0,
|
||||
},
|
||||
workerInfo: {}
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.workerInfo = JSON.parse(decodeURIComponent(option.item));
|
||||
},
|
||||
mounted() {
|
||||
this.statusBarHeight = uni.getStorageSync('systemInfo').statusBarHeight
|
||||
this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'))
|
||||
this.searchForm.projectSn = this.projectDetail.projectSn
|
||||
this.searchForm.attendanceDate = GetDateStr(0, '-')
|
||||
this.loadData()
|
||||
},
|
||||
onShow() {
|
||||
uni.removeStorageSync('person')
|
||||
},
|
||||
onReachBottom() {
|
||||
if (!this.isLoadMore) { //此处判断，上锁，防止重复请求
|
||||
this.isLoadMore = true
|
||||
this.searchForm.pageNo += 1
|
||||
this.loadData()
|
||||
}
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.searchForm.pageNo = 1
|
||||
this.list = []
|
||||
this.loadData()
|
||||
},
|
||||
methods: {
|
||||
changeDate(e) {
|
||||
this.searchForm.attendanceDate = e.target.value
|
||||
this.list = []
|
||||
this.searchForm.pageNo = 1
|
||||
this.loadData()
|
||||
},
|
||||
changePersonType(e) {
|
||||
this.personTypeIndex = e.target.value
|
||||
this.searchForm.personType = this.personTypeArr[this.personTypeIndex].value
|
||||
this.list = []
|
||||
this.searchForm.pageNo = 1
|
||||
this.loadData()
|
||||
},
|
||||
searchPerson(id) {
|
||||
uni.navigateTo({
|
||||
url: './searchTeam/personDetail?id=' + id
|
||||
})
|
||||
},
|
||||
loadData() {
|
||||
var that = this
|
||||
let requestData = {
|
||||
...this.searchForm,
|
||||
personSn: this.workerInfo.personSn
|
||||
}
|
||||
this.sendRequest({
|
||||
url: 'xmgl/workerInfo/selectAttendanceWorkerListByDate',
|
||||
data: requestData,
|
||||
method: "POST",
|
||||
success(res) {
|
||||
that.statictisData = res.result.count
|
||||
that.list = that.list.concat(res.result.page.records)
|
||||
if (res.result.page.records.length < that.searchForm
|
||||
.pageSize) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
||||
that.isLoadMore = true
|
||||
that.loadStatus = 'nomore'
|
||||
} else {
|
||||
that.isLoadMore = false
|
||||
// that.loadStatus='more'
|
||||
}
|
||||
uni.stopPullDownRefresh()
|
||||
console.log('that.isLoadMore', that.isLoadMore)
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.searchBox {
|
||||
// background-color: #2b8df3;
|
||||
padding: 0 15px 5px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.selectContent {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
.selectItem {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.listBox {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.personItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-shadow: 0px 4px 13px 0px rgba(212, 220, 236, 0.53);
|
||||
position: relative;
|
||||
margin-bottom: 5px;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
// padding: 0 15px;
|
||||
font-size: 15px;
|
||||
|
||||
.teamName {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 12px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.profile_photo {
|
||||
width: 50px;
|
||||
height: 60px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.icon-right {
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 14px;
|
||||
right: 15px;
|
||||
top: calc(50% - 7px);
|
||||
}
|
||||
|
||||
.selectVideoBox {
|
||||
border: 1px solid rgba(42, 43, 91, 0.2);
|
||||
border-radius: 18px;
|
||||
height: 35px;
|
||||
font-size: 15px;
|
||||
// display: inline-block;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.videoName {
|
||||
padding: 0 12px 0 15px;
|
||||
// border-right: 1px solid rgba(42, 43, 91, 0.2);
|
||||
line-height: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
padding: 0 12px 0 2px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.middleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 5px 15px 10px;
|
||||
|
||||
.box {
|
||||
flex: 1;
|
||||
// display: inline-flex;
|
||||
// align-items: center;
|
||||
// height: 65px;
|
||||
padding: 4px 0 6px;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.txt {
|
||||
color: rgba(55, 45, 102, 0.6);
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
box-shadow: 0 4px 24px 0px rgba(212, 220, 236, 0.69);
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
@ -103,6 +103,11 @@
|
||||
src="../../../../static/personManage/qrCode.png"></image>
|
||||
<text>二维码</text>
|
||||
</view>
|
||||
<view class="flex item" @click="showItemDetails(6)" v-if="COMPANY == 'cpgs'">
|
||||
<image class="margin_r_5" style="width: 40rpx;height:40rpx"
|
||||
src="../../../../static/personManage/cyjl.png"></image>
|
||||
<text>考勤录入</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="log_wrap">
|
||||
<view class="flex" @click="showInfoList(1)">
|
||||
@ -296,6 +301,16 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="log_wrap" v-if="COMPANY == 'cpgs'">
|
||||
<view class="flex" @click="showInfoList(6)">
|
||||
<view class="flex">
|
||||
<image class="margin_r_5" style="width: 34rpx;height:34rpx"
|
||||
src="../../../../static/personManage/zs.png"></image>
|
||||
<text class="title">考勤记录</text>
|
||||
</view>
|
||||
<view v-if="false">添加</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@ -314,6 +329,7 @@
|
||||
qrUrl: '此二维码仅供展示',
|
||||
workerId: 0,
|
||||
operateType: false,
|
||||
originWorkerInfo: {}, // 原始基本信息
|
||||
workerInfo: {}, //基本信息
|
||||
certificateList: [], //资格证书
|
||||
workExperienceList: [], //从业信息
|
||||
@ -414,6 +430,7 @@
|
||||
},
|
||||
success: res => {
|
||||
if (res.code == 200) {
|
||||
this.originWorkerInfo = {...res.result.workerInfo};
|
||||
this.workerInfo = res.result.workerInfo;
|
||||
this.productRecord(res.result.workerInfo)
|
||||
//获取证书附件
|
||||
@ -525,6 +542,11 @@
|
||||
this.showReduceScoreList = !this.showReduceScoreList;
|
||||
}
|
||||
|
||||
break;
|
||||
case 6:
|
||||
uni.navigateTo({
|
||||
url: "./addAttendanceManage?item="+ encodeURIComponent(JSON.stringify(this.originWorkerInfo))
|
||||
});
|
||||
break;
|
||||
}
|
||||
},
|
||||
@ -543,7 +565,7 @@
|
||||
|
||||
//查看信息详情
|
||||
showItemDetails(type) {
|
||||
// type == 1.合同; 2.体检; 3.保险; 4安全教育; 5.二维码
|
||||
// type == 1.合同; 2.体检; 3.保险; 4安全教育; 5.二维码 ; 6.补卡
|
||||
let moduleInfo = null;
|
||||
if (type == 1) {
|
||||
moduleInfo = this.contractList;
|
||||
@ -553,6 +575,13 @@
|
||||
moduleInfo = this.insuranceList;
|
||||
} else if (type == 4) {
|
||||
moduleInfo = this.safeEducationList;
|
||||
} else if (type == 5) {
|
||||
// moduleInfo = this.safeEducationList;
|
||||
} else if (type == 6) {
|
||||
uni.navigateTo({
|
||||
url: "./addAttendance?item="+ encodeURIComponent(JSON.stringify(this.originWorkerInfo))
|
||||
});
|
||||
return;
|
||||
};
|
||||
uni.setStorageSync('moduleInfo', moduleInfo)
|
||||
uni.navigateTo({
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user