'法人身份证上传'

src/pages/userBind/np/naturePerson.vue

@@ -53,6 +53,9 @@
             <div v-if="idCardFront && !isApproved" @click="ocrShow('idCard', 'front')">
               <img :src="idCardFront" style="width: 100%;height: 100%;margin: 0" >
             </div>
+            <div v-if="idCardFront && isApproved">
+              <img :src="idCardFront" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(idCardFront)">
+            </div>
             <div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
               <img src="@/assets/userBind/back.png" >
               <p>反面</p>
@@ -60,6 +63,9 @@
             <div v-if="idCardBack && !isApproved" @click="ocrShow('idCard', 'back')">
               <img :src="idCardBack" style="width: 100%;height: 100%;margin: 0" >
             </div>
+            <div v-if="idCardBack && isApproved">
+              <img :src="idCardBack" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(idCardBack)">
+            </div>
           </div>
         </div>
         <list-item :item-height="44" class="second-part">
@@ -199,15 +205,15 @@
           <div class="img-content">
             <!--待上传图片列表-->
             <div v-for="(item, index) in upload_list" v-if="item.check_id==list.check_id" :key="index" class="card-upload">
-              <img :src="item.picture" >
-              <div class="close" @click="delete_pic(item.attachment_id)">
+              <img :src="item.picture" @click="showBigPicture(item.picture)">
+              <div class="close" @click="remove_pic(item.attachment_id,index)">
                 <img src="@/assets/userBind/deleteIcon.png">
               </div>
             </div>
             <!--从服务器上下载的图片-->
             <div v-for="item in dowload_list">
               <div v-for="(pic, index) in item" v-if="pic.check_id==list.check_id" :key="index" class="card-upload">
-                <img :src="pic.url" >
+                <img :src="pic.url" @click="showBigPicture(pic.url)">
                 <div class="close" @click="delete_pic(pic.attachment_id)">
                   <img src="@/assets/userBind/deleteIcon.png">
                 </div>
@@ -368,9 +374,7 @@ export default {
       bankImg: '', // 银行卡图片
       cddItemList: [], // 资料清单列表
       idCardCheck_id: '', // 身份证check_id
-      bankCardCheck_id: '', // 银行卡check_id
       idCardImgList: [], // 存身份证图片列表
-      bankCardImgList: [], // 存上传银行卡图片列表
       idCardEditFlag: false, // 身份证修改标识，为true则标识已修改，后续需要重新上传此照片
     }
   },
@@ -454,7 +458,7 @@ export default {
         }
       })
     },
-    load_picture (check_id, index) {
+    load_picture (check_id, index, cdd_item) {
       let vm = this
       let url = process.env.basePath + 'attachment_list_query' + '&index' + index // 附件查询
       let param = {
@@ -467,7 +471,14 @@ export default {
           res.lists.forEach(item => {
             item['url'] = process.env.filePath + 'attachment_id=' + item.attachment_id + '&access_token=' + window.localStorage.access_token
           })
-          vm.dowload_list.push(res.lists)
+          switch (cdd_item) {
+            case 'NP_ID_CARD':
+              vm.idCardBack = res.lists[0].url
+              vm.idCardFront = res.lists[1].url
+              break
+            default:
+              vm.dowload_list.push(res.lists)
+          }
         } else {
           hlsPopup.showLongCenter(res.message)
         }
@@ -502,16 +513,13 @@ export default {
               case 'NP_ID_CARD':
                 vm.idCardCheck_id = item.check_id
                 break
-              case 'BANK_CARD':
-                vm.bankCardCheck_id = item.check_id
-                break
               default:
                 vm.cddItemList.push(item)
             }
           })
           // 查询图片
           listTemp.forEach((item, index) => {
-            vm.load_picture(item.check_id, index)
+            vm.load_picture(item.check_id, index, item.cdd_item)
           })
           if (vm.idCardEditFlag) { // 身份证图片已修改，重新上传
             var list = []
@@ -706,40 +714,67 @@ export default {
         hlsPopup.hideLoading()
       }
     },
-    // 删除图片
-    delete_pic (attachment_id) {
-      hlsPopup.showLongCenter('接口还没写')
-      /* let vm = this
-      let url = process.env.basePath + 'attachment_list_query'
+    // 移除图片
+    remove_pic (attachment_id, index) {
+      let vm = this
+      var delete_list = []
+      let obj = {'attachment_id': attachment_id}
+      delete_list.push(obj)
+      let url = process.env.basePath + 'app_delete_attment' // 附件删除
       let param = {
-        attachment_id: attachment_id,
+        'picturelist': delete_list,
       }
       hlsPopup.showLoading('请稍候')
-      vm.$post(url, param).then(function (res) {
-        vm.hlsPopup.hideLoading()
+      vm.hlsHttp.post(url, param).then(function (res) {
+        hlsPopup.hideLoading()
         if (res.result === 'S') {
-
-        } else {
-          hlsPopup.showLongCenter(res.message)
+          hlsPopup.showLongCenter('删除成功!')
+          vm.remove_upload_list(attachment_id, index)
+        } else if (res.result === 'E') {
+          hlsPopup.showShortCenter(res.message)
         }
-      }) */
+      })
     },
-    /* uploadIdCardFront () {
+    remove_upload_list (attachment_id, index) {
       let vm = this
-      let url = process.env.basePath + 'attachment_upload'
+      vm.upload_list.remove(index)
+      vm.upload_list.sort()
+    },
+    // 删除图片
+    delete_pic (attachment_id) {
+      let vm = this
+      var delete_list = []
+      let obj = {'attachment_id': attachment_id}
+      delete_list.push(obj)
+      let url = process.env.basePath + 'app_delete_attment' // 附件删除
       let param = {
-        file_path: this.upload_list[0].filePath,
-        source_type: '',
-        pkvalue: window.localStorage.getItem('user_id'),
-        user_id: window.localStorage.getItem('user_id'),
+        'picturelist': delete_list,
       }
+      hlsPopup.showLoading('请稍候')
       vm.hlsHttp.post(url, param).then(function (res) {
-        vm.hlsPopup.hideLoading()
+        hlsPopup.hideLoading()
         if (res.result === 'S') {
-          console.log(res.response.attachment_id)
+          hlsPopup.showLongCenter('删除成功!')
+          vm.remove_dowload_list(attachment_id)
+        } else if (res.result === 'E') {
+          hlsPopup.showShortCenter(res.message)
         }
       })
-    }, */
+    },
+    remove_dowload_list (attachment_id) {
+      let vm = this
+      for (let i = 0; i < vm.dowload_list.length; i++) {
+        let list = vm.dowload_list[i]
+        for (let j = 0; j < list.length; j++) {
+          let li = list[j]
+          if (parseFloat(li.attachment_id) === parseFloat(attachment_id)) {
+            list.remove(j)
+            break
+          }
+        }
+      }
+      vm.dowload_list.sort()
+    },
     ocrShow (ocrType, type) {
       let vm = this
       hlsPopup.showActionSheet({
@@ -1178,6 +1213,13 @@ export default {
         }
       })
     },
+    // 查看大图
+    showBigPicture (pic) {
+      let vm = this
+      vm.hlsPopup.showBigPicture({
+        imgUrl: pic,
+      })
+    },
   },
 }
 </script>

src/pages/userBind/org/enterprise.vue

@@ -46,13 +46,12 @@
             <div v-if="!licenseImg" @click="ocrShow('license', '')">
               <img src="@/assets/userBind/camera.png" >
             </div>
-            <div
-              v-if="licenseImg && !isApproved"
-              style="width: 100%;height: 100%"
-              @click="ocrShow('license', '')"
-            >
+            <div v-if="licenseImg && !isApproved" style="width: 100%;height: 100%" @click="ocrShow('license', '')">
               <img :src="licenseImg" style="width: 100%;height: 100%;margin: 0" >
             </div>
+            <div v-if="licenseImg && isApproved">
+              <img :src="licenseImg" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(licenseImg)">
+            </div>
           </div>
         </div>
 
@@ -197,6 +196,9 @@
             <div v-if="idCardFront && !isApproved" @click="ocrShow('idCard', 'front')">
               <img :src="idCardFront" style="width: 100%;height: 100%;margin: 0" >
             </div>
+            <div v-if="idCardFront && isApproved">
+              <img :src="idCardFront" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(idCardFront)">
+            </div>
             <div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
               <img src="@/assets/userBind/org/back.png" >
               <p>反面</p>
@@ -204,6 +206,9 @@
             <div v-if="idCardBack && !isApproved" @click="ocrShow('idCard', 'back')">
               <img :src="idCardBack" style="width: 100%;height: 100%;margin: 0" >
             </div>
+            <div v-if="idCardBack && isApproved">
+              <img :src="idCardBack" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(idCardBack)">
+            </div>
           </div>
         </div>
 
@@ -297,15 +302,15 @@
           <div class="img-content">
             <!--待上传图片列表-->
             <div v-for="(item, index) in upload_list" v-if="item.check_id==list.check_id" :key="index" class="card-upload">
-              <img :src="item.picture" >
-              <div class="close" @click="delete_pic(item.attachment_id)">
+              <img :src="item.picture" @click="showBigPicture(item.picture)">
+              <div class="close" @click="remove_pic(item.attachment_id, index)">
                 <img src="@/assets/userBind/deleteIcon.png">
               </div>
             </div>
             <!--从服务器上下载的图片-->
             <div v-for="item in dowload_list" >
               <div v-for="(pic, index) in item" v-if="pic.check_id==list.check_id" :key="index" class="card-upload">
-                <img :src="pic.url" >
+                <img :src="pic.url" @click="showBigPicture(pic.url)">
                 <div class="close" @click="delete_pic(pic.attachment_id)">
                   <img src="@/assets/userBind/deleteIcon.png">
                 </div>
@@ -487,6 +492,13 @@ export default {
       upload_list: [], // 上传图片列表
       dowload_list: [], // 下载图片列表
       cddItemList: [], // 资料清单列表
+      idCardCheck_id: '', // 身份证check_id
+      bankCardCheck_id: '', // 银行卡check_id
+      licenseCheck_id: '', // 营业执照check_id
+      idCardImgList: [], // 存身份证图片列表
+      bankCardImgList: [], // 存上传银行卡图片列表
+      idCardEditFlag: false, // 身份证修改标识，为true则标识已修改，后续需要重新上传此照片
+      licenseEditFlag: false, // 营业执照照片修改标识，为true则标识已修改，后续需要重新上传此照片
     }
   },
   computed: {},
@@ -705,7 +717,7 @@ export default {
 
     verified () {
       this.dowload_list = [] // 保存之前将图片下载列表清空，防止出现重复的图片
-      if (this.flag) {
+     /* if (this.flag) {
         // this.flag = false
         for (let i in this.authMsg) {
           this.authMsg[i] = ''
@@ -919,8 +931,8 @@ export default {
             // vm.loadItemList()
           }
         })
-      }
-      // this.loadItemList()
+      }*/
+     //  this.loadItemList()
     },
     hideModal () {
       this.showModalValue = false
@@ -1161,11 +1173,13 @@ export default {
           hlsPopup.showLongCenter('请拍照')
         } else {
           if (ocrType === 'idCard') {
-            type === 'front' ? (vm.idCardFront = imgdata, vm.idCardIdentify(imgdata)) : (vm.idCardBack = imgdata)
+            vm.idCardEditFlag = true // 身份证图片状态已修改
+            type === 'front' ? (vm.idCardFront = imgdata, vm.idCardIdentify(imgdata), vm.idCardImgList.push({'url': imgdata, 'fileName': 'front'})) : (vm.idCardBack = imgdata, vm.idCardImgList.push({'url': imgdata, 'fileName': 'back'}))
           } else if (ocrType === 'bankCard') {
             vm.bankImg = imgdata
             vm.bankCardIdentify(imgdata)
           } else if (ocrType === 'license') {
+            vm.licenseEditFlag = true // 营业执照图片状态已修改
             vm.licenseImg = imgdata
             vm.licenseIdentify(imgdata)
           }
@@ -1189,11 +1203,13 @@ export default {
           hlsPopup.showLongCenter('请选择一张图片')
         } else {
           if (ocrType === 'idCard') {
-            type === 'front' ? (vm.idCardFront = imgUrl[0], vm.idCardIdentify(imgUrl[0])) : (vm.idCardBack = imgUrl[0])
+            vm.idCardEditFlag = true // 身份证图片状态已修改
+            type === 'front' ? (vm.idCardFront = imgUrl[0], vm.idCardIdentify(imgUrl[0]), vm.idCardImgList.push({'url': imgUrl[0], 'fileName': 'front'})) : (vm.idCardBack = imgUrl[0], vm.idCardImgList.push({'url': imgUrl[0], 'fileName': 'back'}))
           } else if (ocrType === 'bankCard') {
             vm.bankImg = imgUrl[0]
             vm.bankCardIdentify(imgUrl[0])
           } else if (ocrType === 'license') {
+            vm.licenseEditFlag = true // 营业执照图片状态已修改
             vm.licenseImg = imgUrl[0]
             vm.licenseIdentify(imgUrl[0])
           }
@@ -1252,7 +1268,7 @@ export default {
         vm.baseInfo.organization_code = result.社会信用代码.words
       })
     },
-    load_picture (check_id, index) {
+    load_picture (check_id, index, cdd_item) {
       let vm = this
       let url = process.env.basePath + 'attachment_list_query' + '&index' + index // 附件查询
       let param = {
@@ -1265,7 +1281,17 @@ export default {
           res.lists.forEach(item => {
             item['url'] = process.env.filePath + 'attachment_id=' + item.attachment_id + '&access_token=' + window.localStorage.access_token
           })
-          vm.dowload_list.push(res.lists)
+          switch (cdd_item) {
+            case 'NP_ID_CARD':
+              vm.idCardBack = res.lists[0].url
+              vm.idCardFront = res.lists[1].url
+              break
+            case 'ORG_CODE':
+              vm.licenseImg = res.lists[0]
+              break
+            default:
+              vm.dowload_list.push(res.lists)
+          }
         } else {
           hlsPopup.showLongCenter(res.message)
         }
@@ -1273,11 +1299,11 @@ export default {
     },
     loadItemList () {
       let vm = this
-      let bpId = vm.from ? vm.$route.params.bp_id : vm.bp_id
+     // let bpId = vm.from ? vm.$route.params.bp_id : vm.bp_id
       let url = process.env.basePath + 'prj_cdd_check_list'
       let param = {
         master: {
-          'document_id': bpId,
+          'document_id': 8142,
           'document_table': 'HLS_BP_MASTER',
           'tab_group': vm.flag ? 'HLS_ORG_NAUTH' : 'HLS_ORG_AUTH',
         },
@@ -1286,14 +1312,120 @@ export default {
       vm.hlsHttp.post(url, param).then(function (res) {
         // vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
-          vm.cddItemList = [...res.lists]
+          vm.cddItemList = []
+          var listTemp = [...res.lists]
+          listTemp.forEach(item => {
+            switch (item.cdd_item) {
+              case 'NP_ID_CARD':
+                vm.idCardCheck_id = item.check_id
+                break
+              case 'ORG_CODE':
+                vm.licenseCheck_id = item.check_id
+                break
+              default:
+                vm.cddItemList.push(item)
+            }
+          })
           // 查询图片
-          vm.cddItemList.forEach((item, index) => {
-            vm.load_picture(item.check_id, index)
+          listTemp.forEach((item, index) => {
+            vm.load_picture(item.check_id, index, item.cdd_item)
           })
+          if (vm.idCardEditFlag) { // 身份证图片已修改，重新上传
+            var list = []
+            for (let i = 0; i < vm.idCardImgList.length; i++) {
+              let obj = {
+                'pkvalue': vm.idCardCheck_id,
+                'source_type': 'PRJ_CDD_ITEM_CHECK',
+                'picture': '',
+                'check_id': vm.idCardCheck_id,
+                'filePath': vm.idCardImgList[i].url,
+                'attachment_id': '',
+                'user_id': 1,
+                'fileName': vm.idCardImgList[i].fileName,
+              }
+              list.push(obj)
+            }
+            vm.save_picture(list)
+          }
+          if (vm.licenseEditFlag) { // 营业执照图片已修改，重新上传
+            var list = []
+              let obj = {
+                'pkvalue': vm.licenseCheck_id,
+                'source_type': 'PRJ_CDD_ITEM_CHECK',
+                'picture': '',
+                'check_id': vm.licenseCheck_id,
+                'filePath': vm.licenseImg,
+                'attachment_id': '',
+                'user_id': 1,
+                'fileName': '',
+              }
+              list.push(obj)
+            vm.save_picture(list)
+          }
         }
       })
     },
+    // 移除图片
+    remove_pic (attachment_id, index) {
+      let vm = this
+      var delete_list = []
+      let obj = {'attachment_id': attachment_id}
+      delete_list.push(obj)
+      let url = process.env.basePath + 'app_delete_attment' // 附件删除
+      let param = {
+        'picturelist': delete_list,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          hlsPopup.showLongCenter('删除成功!')
+          vm.remove_upload_list(attachment_id, index)
+        } else if (res.result === 'E') {
+          hlsPopup.showShortCenter(res.message)
+        }
+      })
+    },
+    remove_upload_list (attachment_id, index) {
+      let vm = this
+      vm.upload_list.remove(index)
+      vm.upload_list.sort()
+    },
+    // 删除图片
+    delete_pic (attachment_id) {
+      let vm = this
+      var delete_list = []
+      let obj = {'attachment_id': attachment_id}
+      delete_list.push(obj)
+      let url = process.env.basePath + 'app_delete_attment' // 附件删除
+      let param = {
+        'picturelist': delete_list,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          hlsPopup.showLongCenter('删除成功!')
+          vm.remove_dowload_list(attachment_id)
+        } else if (res.result === 'E') {
+          hlsPopup.showShortCenter(res.message)
+        }
+      })
+    },
+    remove_dowload_list (attachment_id) {
+      let vm = this
+      for (let i = 0; i < vm.dowload_list.length; i++) {
+        let list = vm.dowload_list[i]
+        for (let j = 0; j < list.length; j++) {
+          let li = list[j]
+          if (parseFloat(li.attachment_id) === parseFloat(attachment_id)) {
+            list.remove(j)
+            break
+          }
+        }
+      }
+      vm.dowload_list.sort()
+    },
     // 图片上传入口
     imgUploadShow (check_id) {
       let vm = this
@@ -1404,23 +1536,12 @@ export default {
         hlsPopup.hideLoading()
       }
     },
-    // 删除图片
-    delete_pic (attachment_id) {
-      hlsPopup.showLongCenter('接口还没写')
-      /* let vm = this
-      let url = process.env.basePath + 'attachment_list_query'
-      let param = {
-        attachment_id: attachment_id,
-      }
-      hlsPopup.showLoading('请稍候')
-      vm.$post(url, param).then(function (res) {
-        vm.hlsPopup.hideLoading()
-        if (res.result === 'S') {
-
-        } else {
-          hlsPopup.showLongCenter(res.message)
-        }
-      }) */
+    // 查看大图
+    showBigPicture (pic) {
+      let vm = this
+      vm.hlsPopup.showBigPicture({
+        imgUrl: pic,
+      })
     },
   },
 }

src/scripts/hlsPopup.js

@@ -17,6 +17,23 @@ export default {
   isLoading: false,
   SHOW_TIMES: 2000,
   IS_SHOW_MASK: true,
+  /**
+   * 移除数组的某个元素
+   * @param dx 下标
+   * @returns {boolean}
+   */
+  remove: function (dx) {
+    debugger
+    if (isNaN(dx) || dx > this.length) {
+      return false
+    }
+    for (var i = 0, n = 0; i < this.length; i++) {
+      if (this[i] != this[dx]) {
+        this[n++] = this[i]
+      }
+    }
+    this.length -= 1
+  },
   /**
    * 锁屏函数 超过10s后自动解屏用于防止屏幕锁死
    * 自动截屏成弹出错误提示框
@@ -249,12 +266,11 @@ export default {
       ShowPicturePlugin.show({
         imgUrl: imgObject.imgUrl,
         width: imgObject.width,
-        imgList: imgObject.imgList,
-        startPosition: imgObject.startPosition,
       })
     }
   },
 
+
   /**
    * 下拉框 支持级联操作 需指定 parent 属性
    * @param selectOption.list Array [{"code": "NP","code_name": "个人"}]