From bc60d8000d6092f0765fc7b07b006d31511cef40 Mon Sep 17 00:00:00 2001 From: zzyuan <781948537@qq.com> Date: Mon, 3 Mar 2025 17:02:53 +0800 Subject: [PATCH] =?UTF-8?q?=E9=97=A8=E7=A6=81=E5=8D=A1=E7=94=B3=E8=AF=B7?= =?UTF-8?q?=E9=A1=B5=E9=9D=A22?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/access-card/access-card.vue | 765 ++++++++++++++++++++++++++---- 1 file changed, 678 insertions(+), 87 deletions(-) diff --git a/pages/access-card/access-card.vue b/pages/access-card/access-card.vue index 18ea3cd..089eaed 100644 --- a/pages/access-card/access-card.vue +++ b/pages/access-card/access-card.vue @@ -354,59 +354,289 @@ - - 人员单位*: - - - - 联系电话*: - - - - - 出入区域*: - - - - - - - 科技楼 - + + + + 项目名称*: + - - - - - 调度楼 - + + 项目单位*: + - - - - - 后勤楼 - + + 项目负责人*: + - - - - 日期期限*: - - - + + 联系电话*: + + + + 项目归口管理部门*: + + + + {{ unitList3[unitIndex3].name }} + + + + + 经办人员*: + + + + 合同有效期*: + + + + 证件有效期*: + + + + + + 申请出入区域*: + + + + + + + 科技楼 + + + + + + 调度楼 + + + + + + 后勤楼 + + + + + + 同城调度 + + + + + + 青年公寓 + + + + 附件: + + + + + + + + + + + + 互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息,违者将严肃问责追责! + + 办证人数*: + {{peopleList1.length}} + + + 办证人员信息{{peopleIndex+1}} + + 人员姓名*: + + + 人脸照片(上传1张)*: + + + + + + + + + + + + 互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息,违者将严肃问责追责! + + 增加办证人员 + + + 删除办证人员 + + + + + 项目归口部门负责人*: + + + + {{ examList3[examIndex3].name }} + + + + + + + + + 项目归口管理部门*: + + + + {{ unitList4[unitIndex4].name }} + + + + + 经办人员*: + + + + 联系电话*: + + + + 工作内容*: + + + + 工作票编号: + + + + + 作业地点*: + + + + + + + 科技楼 + + + + + + 调度楼 + + + + + + 后勤楼 + + + + + 作业单位*: + + + + 工作负责人*: + + + + 联系方式*: + + + + 合同有效期*: + + + + 证件有效期*: + + + + 车牌号: + + + + 作业班成员{{peopleIndex+1}} + + 人员姓名*: + + + + 身份证号*: + + + 人脸照片(上传1张)*: + + + + + + + + + + + + 互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息,违者将严肃问责追责! + + 增加办证人员 + + + 删除办证人员 + + + + + 项目归口部门负责人*: + + + + {{ examList4[examIndex4].name }} + + + + + @@ -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:{}, @@ -766,13 +1053,7 @@ faultType: 0, // pageTitle: ['新办卡', '补办卡', '新办证', '补办证'], submitFlag: true, - showAlert: false, - - - - - - + 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,9 +1255,107 @@ // 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() { console.log(this.firstIndex) @@ -1102,8 +1475,7 @@ // setTimeout(_ => { // this.unit = ''; // this.personnel = ''; - // this.personnelPhone = ''; - // this.matter = ''; + // this.personnelPhone = ''; // 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); + }, @@ -2344,6 +2934,7 @@ overflow: hidden; border-bottom: 1px solid #eee; padding: 30upx 20upx; + .label { float: left;