bonus
/
hz-zhhq-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

门禁卡申请页面2

This commit is contained in:
zzyuan 2025-03-03 17:02:53 +08:00
parent bf1164a43b
commit bc60d8000d
1 changed files with 678 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

753
pages/access-card/access-card.vue
View File

@ -354,59 +354,289 @@
<!-- /新办证 -->
<view v-if="firstIndex==1">
<view class="form-item" v-if="firstIndex==1">
<text class="label">人员单位<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="unit" placeholder="请输入人员单位"
maxlength="15" /></view>
</view>
<view class="form-item" v-if="firstIndex==1">
<text class="label">联系电话<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="personnelPhone" placeholder="请输入手机号码"
type="text" maxlength="11" /></view>
</view>
<view class="form-item" v-if="firstIndex==1">
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
<text class="label">出入区域<text style="color: red;">*</text>:</text>
</view>
<checkbox-group @change="accessAreaChecked" style="padding-left: 10upx;display: flex;">
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="科技楼"/>
</view>
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
<!-- <view class="input-box">
<input v-model="scienceTechRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text"
maxlength="15" />
</view> -->
<!-- 临时出入证 -->
<view v-if="secondIndex==0">
<view class="form-item">
<text class="label">项目名称<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="proName" placeholder="请输入项目名称"
maxlength="15" /></view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="调度楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
<!-- <view class="input-box">
<input v-model="dispatchRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text" maxlength="15" />
</view> -->
<view class="form-item">
<text class="label">项目单位<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="proUnitName" placeholder="请输入项目单位"
maxlength="15" /></view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="后勤楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
<!-- <view class="input-box">
<input v-model="logisticsRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text" maxlength="15" />
</view> -->
<view class="form-item">
<text class="label" style="width: 170rpx;">项目负责人<text style="color: red;">*</text>:</text>
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="proUserName" placeholder="请输入项目负责人"
maxlength="15" /></view>
</view>
<view class="form-item">
<text class="label">联系电话<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="proUserPhone" placeholder="请输入手机号码"
type="text" maxlength="11" /></view>
</view>
<view class="form-item">
<text class="label">项目归口管理部门<text style="color: red;">*</text>:</text>
<view class="ipt-box select">
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
<picker class="picker" :range="unitList3"
@change="changeUnit3" range-key="name">
<view>{{ unitList3[unitIndex3].name }}</view>
</picker>
</view>
</view>
<view class="form-item">
<text class="label">经办人员<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="handlerName3" placeholder="请输入" type="text"
maxlength="15" /></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">合同有效期<text style="color: red;">*</text>:</text>
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange"
type="daterange" :border="false"/></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">证件有效期<text style="color: red;">*</text>:</text>
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange1"
type="daterange" :border="false"/></view>
</view>
</checkbox-group>
</view>
<view class="form-item" v-if="firstIndex==1">
<text class="label">日期期限<text style="color: red;">*</text>:</text>
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange"
type="daterange" :border="false"/></view>
</view>
<view class="form-item">
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
<text class="label" style="width: 190rpx;">申请出入区域<text style="color: red;">*</text>:</text>
</view>
<checkbox-group @change="accessAreaChecked" style="padding-left: 10upx;display: flex;flex-wrap: wrap;">
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="科技楼"/>
</view>
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="调度楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="后勤楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="同城调度" />
</view>
<view style="margin-right: 10upx;width: 70px;">同城调度</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="青年公寓" />
</view>
<view style="margin-right: 10upx;width: 70px;">青年公寓</view>
</view>
</checkbox-group>
</view>
<view style="margin: 20upx;border-bottom: 1px solid #eee;"><text style="font-size: 28upx;font-weight: bold;">附件：</text></view>
<view class="pic" style="border-bottom: 1px solid #eee;">
<view class="img-box">
<view class="img-item" v-for="(item, index) in documentPhoto" :key="index">
<image class="remove-btn" @click="removeDocumentImg(index)" src="/static/icons/delete-icon.png"
mode=""></image>
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
</view>
<view class="img-item upload-btn" @click="chooseDocumentImg()" v-if="documentPhoto.length < 1">
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
</view>
</view>
</view>
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
<view class="form-item">
<text class="label">办证人数<text style="color: red;">*</text>:</text>
<view class="ipt-box" style="margin-top: 10rpx;">{{peopleList1.length}}</view>
</view>
<view v-for="(people,peopleIndex) in peopleList1" :key="peopleIndex" >
<view style="margin: 20rpx 10rpx;font-size: 30rpx;font-weight: bold;border-left:4px solid #0DB0A7;">办证人员信息{{peopleIndex+1}}</view>
<view class="form-item">
<text class="label">人员姓名<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="people.personnelName" placeholder="请输入人员姓名" type="text"
maxlength="15" /></view>
</view>
<view style="margin: 20upx;"><text style="font-size: 28upx;font-weight: bold;">人脸照片（上传1张）<text style="color: red;">*</text>:</text></view>
<view class="pic" style="border-bottom: 1px solid #eee;">
<view class="img-box">
<view class="img-item" v-for="(item, index) in people.faceImgs" :key="index">
<image class="remove-btn" @click="removeFaceImg3(peopleIndex,index)" src="/static/icons/delete-icon.png"
mode=""></image>
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
</view>
<view class="img-item upload-btn" @click="chooseFaceImg3(peopleIndex)" v-if="people.faceImgs.length < 1">
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
</view>
</view>
</view>
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
<view @click="addpeople1()" v-if="peopleIndex==(peopleList0.length-1)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
增加办证人员
</view>
<view v-else @click="delpeople1(peopleIndex)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
删除办证人员
</view>
</view>
<view class="form-box" style="border-radius: 10upx;margin-top: 20upx;">
<view class="form-item">
<text class="label">项目归口部门负责人<text style="color: red;">*</text>:</text>
<view class="ipt-box select">
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
<picker class="picker" v-if="examList3.length > 0" :range="examList3" @change="changeExamList3"
range-key="name">
<view>{{ examList3[examIndex3].name }}</view>
</picker>
</view>
</view>
</view>
</view>
<!-- 施工出入证 -->
<view v-if="secondIndex==1">
<view class="form-item">
<text class="label">项目归口管理部门<text style="color: red;">*</text>:</text>
<view class="ipt-box select">
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
<picker class="picker" :range="unitList4"
@change="changeUnit4" range-key="name">
<view>{{ unitList4[unitIndex4].name }}</view>
</picker>
</view>
</view>
<view class="form-item">
<text class="label">经办人员<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="handlerName4" placeholder="请输入" type="text"
maxlength="15" /></view>
</view>
<view class="form-item">
<text class="label">联系电话<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="handlerPhone4" placeholder="请输入手机号码"
type="text" maxlength="11" /></view>
</view>
<view class="form-item">
<text class="label">工作内容<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="work" placeholder="请输入" type="text"
maxlength="15" /></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">工作票编号:</text>
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="ticketNo" placeholder="请输入" type="text"
maxlength="20" /></view>
</view>
<view class="form-item">
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
<text class="label" style="width: 190rpx;">作业地点<text style="color: red;">*</text>:</text>
</view>
<checkbox-group @change="accessAreaChecked1" style="padding-left: 10upx;display: flex;">
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="科技楼"/>
</view>
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="调度楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
</view>
<view
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
<view>
<checkbox color="#4db4ea" value="后勤楼" />
</view>
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
</view>
</checkbox-group>
</view>
<view class="form-item">
<text class="label">作业单位<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="workUnit" placeholder="请输入" type="text"
maxlength="20" /></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">工作负责人<text style="color: red;">*</text>:</text>
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="workCharger" placeholder="请输入" type="text"
maxlength="20" /></view>
</view>
<view class="form-item">
<text class="label">联系方式<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="workChargerPhone" placeholder="请输入" type="text"
maxlength="11" /></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">合同有效期<text style="color: red;">*</text>:</text>
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange2"
type="daterange" :border="false"/></view>
</view>
<view class="form-item">
<text class="label" style="width: 170rpx;">证件有效期<text style="color: red;">*</text>:</text>
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange3"
type="daterange" :border="false"/></view>
</view>
<view class="form-item">
<text class="label">车牌号:</text>
<view class="ipt-box"><input class="top-t" v-model="licenseNumber" placeholder="请输入" type="text"
maxlength="9" /></view>
</view>
<view v-for="(people,peopleIndex) in peopleList2" :key="peopleIndex" >
<view style="margin: 20rpx 10rpx;font-size: 30rpx;font-weight: bold;border-left:4px solid #0DB0A7;">作业班成员{{peopleIndex+1}}</view>
<view class="form-item">
<text class="label">人员姓名<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="people.personnelName" placeholder="请输入人员姓名" type="text"
maxlength="15" /></view>
</view>
<view class="form-item">
<text class="label">身份证号<text style="color: red;">*</text>:</text>
<view class="ipt-box"><input class="top-t" v-model="people.idNumber" placeholder="请输入身份证号" type="text"
maxlength="19" /></view>
</view>
<view style="margin: 20upx;"><text style="font-size: 28upx;font-weight: bold;">人脸照片（上传1张）<text style="color: red;">*</text>:</text></view>
<view class="pic" style="border-bottom: 1px solid #eee;">
<view class="img-box">
<view class="img-item" v-for="(item, index) in people.faceImgs" :key="index">
<image class="remove-btn" @click="removeFaceImg4(peopleIndex,index)" src="/static/icons/delete-icon.png"
mode=""></image>
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
</view>
<view class="img-item upload-btn" @click="chooseFaceImg4(peopleIndex)" v-if="people.faceImgs.length < 1">
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
</view>
</view>
</view>
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
<view @click="addpeople2()" v-if="peopleIndex==(peopleList0.length-1)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
增加办证人员
</view>
<view v-else @click="delpeople2(peopleIndex)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
删除办证人员
</view>
</view>
<view class="form-box" style="border-radius: 10upx;margin-top: 20upx;">
<view class="form-item">
<text class="label">项目归口部门负责人<text style="color: red;">*</text>:</text>
<view class="ipt-box select">
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
<picker class="picker" v-if="examList4.length > 0" :range="examList4" @change="changeExamList4"
range-key="name">
<view>{{ examList4[examIndex4].name }}</view>
</picker>
</view>
</view>
</view>
</view>
</view>
<!-- /新办证 -->
@ -717,15 +947,72 @@
examIndex2: 0,//经办部门负责人
examList2: [],//经办部门负责人
matter: '',
//办证数据
//临时出入证-----------------------------
proName:"",//项目名称
proUnitName:"",//项目单位
proUserName:"",//项目负责人
proUserPhone:"",//联系方式
unitIndex3:0,//项目归口管理部门
unitList3: [{
name: '后勤部',
value: '后勤部'
}, {
name: '综合部',
value: '综合部'
}, {
name: '办公室',
value: '办公室'
}],
handlerName3:"", //经办人
dateRange: '',//合同有效期
dateRange1: '',//证件有效期
accessArea: '',//申请出入区域
applyNumber:1,//办证人数
peopleList1:[//办证人员列表
{
personnelName: '',
faceImgs:[],
faceImgsId:[],
}
],
examIndex3: 0,//项目归口部门负责人
examList3: [],//项目归口部门负责人
//施工出入证-----------------------------
unitIndex4:0,//项目归口管理部门
unitList4: [{
name: '后勤部',
value: '后勤部'
}, {
name: '综合部',
value: '综合部'
}, {
name: '办公室',
value: '办公室'
}],
handlerName4:"", //经办人
handlerPhone4: '',//经办人联系电话
work: '',//工作内容
ticketNo:'',//工作票编号
accessArea1:'',//作业地点
workUnit:'',//作业单位
workCharger:'',//工作负责人
workChargerPhone:'',//工作负责人联系方式
dateRange2: '',//合同有效期
dateRange3: '',//证件有效期
licenseNumber: '',//车牌号
peopleList2:[//作业班成员列表
{
personnelName: '',
idNumber: '',
faceImgs:[],
faceImgsId:[],
}
],
examIndex4: 0,//项目归口部门负责人
examList4: [],//项目归口部门负责人
// ---------------------------------------------
chosenType:0,
accessArea: '',
dateRange: '',
myCardList:[],//我的卡列表
reissueCardList:[],//待补办卡列表
losscard:{},
@ -767,12 +1054,6 @@
// pageTitle: ['新办卡', '补办卡', '新办证', '补办证'],
submitFlag: true,
showAlert: false,
scienceTechRemarks: '', //科技楼备注
dispatchRemarks: '', //调度楼备注
logisticsRemarks: '', //后勤楼备注
@ -811,9 +1092,7 @@
faceChange(evt){
this.isEnableFace = evt.target.value;
},
accessAreaChecked(e){
this.accessArea = e.detail.value
},
//办卡类型
showradio: function(index) {
var self = this;
@ -944,8 +1223,12 @@
// console.log(e)
this.examIndex = e.detail.value;
},
//新办卡-职工卡-选择审批人
changeExamList1(e) {
// console.log(e)
this.examIndex1 = e.detail.value;
},
// --------------------------
//新办卡-第三方-选择项目归口管理部门
changeUnit(e) {
console.log(e)
@ -961,15 +1244,7 @@
console.log(e)
this.limitIndex = e.detail.value;
},
//新办卡-职工卡-选择审批人
changeExamList1(e) {
// console.log(e)
this.examIndex1 = e.detail.value;
},
// --------------------------
//新办卡-VIP贵宾-经办部门
changeUnit2(e) {
console.log(e)
@ -980,8 +1255,106 @@
// console.log(e)
this.examIndex2 = e.detail.value;
},
// --------------------------
//新办证-临时出入证-选择项目归口管理部门
changeUnit3(e) {
console.log(e)
this.unitIndex3 = e.detail.value;
},
//新办证-临时出入证-项目归口部门负责人
changeExamList3(e) {
// console.log(e)
this.examIndex3 = e.detail.value;
},
//出入区域
accessAreaChecked(e){
this.accessArea = e.detail.value
},
//添加人员
addpeople1(){
uni.showModal({
title: '确认',
content: '请确认是否增加新的人员？',
showCancel: true,
cancelText: '取消',
confirmText: '确认',
success: res => {
if (res.confirm) {
this.peopleList1.push({
personnelName: '',
faceImgs:[],
faceImgsId:[],
})
} else if (res.cancel) {}
}
});
},
//删除人员
delpeople1(peopleIndex){
uni.showModal({
title: '确认',
content: '请确认是否删除人员？',
showCancel: true,
cancelText: '取消',
confirmText: '确认',
success: res => {
if (res.confirm) {
this.peopleList1.splice(peopleIndex, 1);
} else if (res.cancel) {}
}
});
},
//-------------------------------
//新办证-施工出入证-选择项目归口管理部门
changeUnit4(e) {
console.log(e)
this.unitIndex4 = e.detail.value;
},
//新办证-施工出入证-项目归口部门负责人
changeExamList4(e) {
// console.log(e)
this.examIndex4 = e.detail.value;
},
//新办证-施工出入证-出入区域
accessAreaChecked1(e){
this.accessArea1 = e.detail.value
},
//添加人员
addpeople2(){
uni.showModal({
title: '确认',
content: '请确认是否增加新的人员？',
showCancel: true,
cancelText: '取消',
confirmText: '确认',
success: res => {
if (res.confirm) {
this.peopleList2.push({
personnelName: '',
idNumber:"",
faceImgs:[],
faceImgsId:[],
})
} else if (res.cancel) {}
}
});
},
//删除人员
delpeople2(peopleIndex){
uni.showModal({
title: '确认',
content: '请确认是否删除人员？',
showCancel: true,
cancelText: '取消',
confirmText: '确认',
success: res => {
if (res.confirm) {
this.peopleList2.splice(peopleIndex, 1);
} else if (res.cancel) {}
}
});
},
//提交（新办卡，新办证）
submit() {
@ -1103,7 +1476,6 @@
// this.unit = '';
// this.personnel = '';
// this.personnelPhone = '';
// this.matter = '';
// this.accessArea = '';
// this.scienceTechRemarks = '';
// this.dispatchRemarks = '';
@ -1683,7 +2055,6 @@
this.situationPhotoes.splice(index, 1);
this.situationPhotoesId.splice(index, 1);
},
//办卡-附件照片-VIP贵宾
async chooseDocumentImg() {
let chec = 0;
@ -1849,15 +2220,234 @@
}
});
},
//办卡-删除附件文件-VIP贵宾
removeDocumentImg(index) {
this.documentPhoto.splice(index, 1);
this.documentPhotoId.splice(index, 1);
},
//办证-临时出入证
//办卡-人脸照片-临时出入证-多人多张图片
async chooseFaceImg3(peopleIndex) {
let chec = 0;
let sty = [];
let _this = this;
uni.showActionSheet({
itemList: ['拍照', '相册'],
success: function(resp) {
chec = resp.tapIndex;
if (chec == 0) {
sty = ['camera']; //从相册相机选择
} else {
sty = ['album']; //从相册相机选择
}
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: sty,
quality: 1,
success: async function(res) {
let resData = res.tempFilePaths;
for (let i = 0; i < resData.length; i++) {
if (_this.peopleList1[peopleIndex].faceImgs.length > 1) {
break;
}
uni.getImageInfo({
src: resData[i],
success: async (path) => {
convertImgToBase64(path.path,async function(base64) {
if (_this.peopleList1[peopleIndex].faceImgs.length < 1) {
uni.showLoading({title: '图片上传中'})
let blength = base64.length;
let glength = 7500;
// console.log("base64:",base64)
if (blength <= glength) {
let uploadParam = {
base64: base64,
userId: getStorage('userInfo').userId + i,
groupEnd: '1'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
uni.hideLoading();
if (resu.returnCode !=1) {
alertTip(resu.returnMsg);
} else {
_this.peopleList1[peopleIndex].faceImgs.push(base64);
_this.peopleList1[peopleIndex].faceImgsId.push(resu.returnData + ".jpg");
}
});
} else {
let fnum = parseInt(blength / glength);
for (let j =1; j < fnum + 1; j++) {
if (j == fnum) {
let groupBase = base64.slice((j-1)*glength);
let uploadParam = {
base64: groupBase,
userId: getStorage('userInfo').userId +i,
groupEnd: '1'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
if (resu.returnCode==1) {
_this.peopleList1[peopleIndex].faceImgs.push(base64);
_this.peopleList1[peopleIndex].faceImgsId.push(resu.returnData+".jpg");
} else {
uni.hideLoading();
alertTip(resu.returnMsg);
return;
}
});
} else {
let groupBase =base64.slice((j-1)*glength,glength*j);
let uploadParam = {
base64: groupBase,
userId: getStorage('userInfo').userId+i,
groupEnd: '0'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
if (resu.returnCode ==1) {
} else {
uni.hideLoading();
alertTip(resu.returnMsg);
return;
}
});
}
}
uni.hideLoading();
}
}
});
},
});
}
}
});
},
fail: function(resp) {
console.log(resp.errMsg);
}
});
},
//删除人脸照片-临时出入证
removeFaceImg3(peopleIndex,index) {
this.peopleList1[peopleIndex].faceImgs.splice(index, 1);
this.peopleList1[peopleIndex].faceImgsId.splice(index, 1);
},
//办证-临时出入证
//办卡-人脸照片-临时出入证-多人多张图片
async chooseFaceImg4(peopleIndex) {
let chec = 0;
let sty = [];
let _this = this;
uni.showActionSheet({
itemList: ['拍照', '相册'],
success: function(resp) {
chec = resp.tapIndex;
if (chec == 0) {
sty = ['camera']; //从相册相机选择
} else {
sty = ['album']; //从相册相机选择
}
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: sty,
quality: 1,
success: async function(res) {
let resData = res.tempFilePaths;
for (let i = 0; i < resData.length; i++) {
if (_this.peopleList2[peopleIndex].faceImgs.length > 1) {
break;
}
uni.getImageInfo({
src: resData[i],
success: async (path) => {
convertImgToBase64(path.path,async function(base64) {
if (_this.peopleList2[peopleIndex].faceImgs.length < 1) {
uni.showLoading({title: '图片上传中'})
let blength = base64.length;
let glength = 7500;
// console.log("base64:",base64)
if (blength <= glength) {
let uploadParam = {
base64: base64,
userId: getStorage('userInfo').userId + i,
groupEnd: '1'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
uni.hideLoading();
if (resu.returnCode !=1) {
alertTip(resu.returnMsg);
} else {
_this.peopleList2[peopleIndex].faceImgs.push(base64);
_this.peopleList2[peopleIndex].faceImgsId.push(resu.returnData + ".jpg");
}
});
} else {
let fnum = parseInt(blength / glength);
for (let j =1; j < fnum + 1; j++) {
if (j == fnum) {
let groupBase = base64.slice((j-1)*glength);
let uploadParam = {
base64: groupBase,
userId: getStorage('userInfo').userId +i,
groupEnd: '1'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
if (resu.returnCode==1) {
_this.peopleList2[peopleIndex].faceImgs.push(base64);
_this.peopleList2[peopleIndex].faceImgsId.push(resu.returnData+".jpg");
} else {
uni.hideLoading();
alertTip(resu.returnMsg);
return;
}
});
} else {
let groupBase =base64.slice((j-1)*glength,glength*j);
let uploadParam = {
base64: groupBase,
userId: getStorage('userInfo').userId+i,
groupEnd: '0'
}
await uploadImg(uploadParam).then(resu => {
resu = resu.data;
if (resu.returnCode ==1) {
} else {
uni.hideLoading();
alertTip(resu.returnMsg);
return;
}
});
}
}
uni.hideLoading();
}
}
});
},
});
}
}
});
},
fail: function(resp) {
console.log(resp.errMsg);
}
});
},
//删除人脸照片-临时出入证
removeFaceImg4(peopleIndex,index) {
this.peopleList2[peopleIndex].faceImgs.splice(index, 1);
this.peopleList2[peopleIndex].faceImgsId.splice(index, 1);
},
@ -2345,6 +2935,7 @@
border-bottom: 1px solid #eee;
padding: 30upx 20upx;
.label {
float: left;
width: 140upx;