'经销商签约认证'

src/pages/distributorSign/contract-details.vue

@@ -167,19 +167,12 @@
       </list-item>
 
     </h-content>
-    <bottom-tab v-show="confirm_status!=='APPROVED'&&tabNum === 0" class="footer-button">
-      <tab-button class="approve" @click.native="goBodyCheck">
-        活体检测
+    <bottom-tab v-if="confirm_status!=='APPROVED'" class="add-box">
+      <tab-button class="before" @click.native="takePhonto">
+        <img src="@/assets/constractSigning/certification.png" >认证
       </tab-button>
-    </bottom-tab>
-    <bottom-tab v-show="confirm_status!=='APPROVED'&&tabNum === 0" class="footer-button">
-      <tab-button class="approve" @click.native="goElectronicSign">
-        电子签
-      </tab-button>
-    </bottom-tab>
-    <bottom-tab v-if="confirm_status!=='APPROVED'" class="footer-button">
-      <tab-button class="approve" @click.native="contractConfirm('APPROVED')">
-        确认签约
+      <tab-button class="next" @click.native="contractConfirm()">
+        <img src="@/assets/intoApproval/approve.png" >确认签约
       </tab-button>
     </bottom-tab>
   </h-view>
@@ -260,12 +253,16 @@ export default {
   created () {},
   methods:
  {
-   goBodyCheck () { // 活体检测
+   goBodyCheck (confirm_id) { // 活体检测
      this.$router.push({
        name: 'BodyCheck',
+       params: {
+         check_id: this.$route.params.check_id,
+         confirm_id: confirm_id,
+       },
      })
    },
-   goElectronicSign () { // 电子签
+ /*  goElectronicSign () { // 电子签
      let vm = this
      let url = process.env.basePath + 'get_sign_url'
      let param = {
@@ -286,40 +283,39 @@ export default {
          vm.hlsPopup.showLongCenter(res.info.msg)
        }
      })
-   },
+   },*/
    // 签约确认
-   contractConfirm (status) {
+   contractConfirm () {
      let vm = this
      this.hlsPopup.showConfirm({
        title: '提示',
        content: '您确认签约吗？',
        onConfirm: (data) => {
          if (data) {
-           // this.issure('APPROVED')
-           vm.takePhonto(status)
+           vm.issure('APPROVED')
          }
        },
 
      })
    },
 
-   takePhonto (status) {
+   takePhonto () {
      let vm = this
      hlsPopup.showPopup({
        title: '提示',
        content: `请自拍一张`,
        onConfirm: () => {
-         vm.takePhontoOpenCamera(status)
+         vm.takePhontoOpenCamera()
        },
      })
    },
    // 打开相机自拍
-   takePhontoOpenCamera (status) {
+   takePhontoOpenCamera () {
      let vm = this
      vm.faceListUpload = []
      let obj = {
-       'pkvalue': vm.confirm_id,
-       'source_type': 'PRJ_PROJECT_BP_CONFIRM',
+       'pkvalue': vm.$route.params.check_id,
+       'source_type': 'PRJ_CDD_ITEM_CHECK',
        'picture': '',
        'filePath': '',
        'attachment_id': '',
@@ -333,7 +329,7 @@ export default {
      let success = function (imgdata) {
        obj.filePath = imgdata
        // obj.filePath = 'http://hlsapp.hand-china.com/file/XCMG/2.jpg'
-       vm.confirmContractSign(imgdata, status)
+       vm.confirmContractSign(imgdata)
        vm.faceListUpload.push(obj)
      }
      let error = function () {
@@ -342,10 +338,10 @@ export default {
      hlsUtil.openCamera(cameraoptions, success, error)
    },
    // 执行同意的逻辑(查询对应的身份证正面图片->人脸识别->确认签约)
-   async confirmContractSign (faceImg, status) {
+   async confirmContractSign (faceImg) {
      let idCardImgUrl = await this.idCardImgUrlGet()
      if (idCardImgUrl) {
-       this.faceIdentify(faceImg, idCardImgUrl, status)
+       this.faceIdentify(faceImg, idCardImgUrl)
      }
    },
    // 获取身份证照片
@@ -370,7 +366,7 @@ export default {
      }
    },
    // 人脸比对
-   faceIdentify (faceImg, idCardImgUrl, status) {
+   faceIdentify (faceImg, idCardImgUrl) {
      let vm = this
      let obj = {
        'fileUrl': faceImg,
@@ -381,16 +377,14 @@ export default {
      hlsUtil.baiduOcrFace(obj, url, function (res) {
        hlsPopup.hideLoading()
        if (res.success) {
+         vm.save_picture(vm.faceListUpload)
          let identifyScore = res.result.result.score.toFixed(0)
-         hlsPopup.showConfirm({
+         hlsPopup.showPopup({
            title: '提示',
-           content: `识别分数为${identifyScore}`,
-           onConfirm: (data) => {
-             if (data) {
-               vm.issure(status)
-             } else {
-
-             }
+           content: `识别分数为${identifyScore},请进行活体检测`,
+           onConfirm: () => {
+             // 进入活体检测页面
+             vm.goBodyCheck(vm.confirm_id)
            },
          })
        } else {
@@ -425,7 +419,7 @@ export default {
    },
    // 图片保存
    save_picture (list) {
-     alert('list' + JSON.stringify(list))
+     //alert('list' + JSON.stringify(list))
      let vm = this
      if (list.length) {
        // hlsPopup.showLoading('图片上传请稍候')
@@ -446,7 +440,7 @@ export default {
                if (list[j].filePath === res.response.filePath) {
                  list[j].attachment_id = res.response.attachment_id
                  vm.faceListUpload.push(list[j])
-                 alert('faceListUpload' + JSON.stringify(vm.faceListUpload))
+                 //alert('faceListUpload' + JSON.stringify(vm.faceListUpload))
                  break
                }
              }
@@ -890,6 +884,24 @@ export default {
     background: #00469c;
     border: 1px solid #00469c;
   }
+  .add-box {
+    .before {
+      border: 1px solid #fdb62f;
+      border-radius: 4px;
+      color: #fdb62f;
+      img{
+        width: 18px;
+      }
+    }
+    .next {
+      background: #1d3fff;
+      border-radius: 4px;
+      color: #fff;
+      img{
+        width: 18px;
+      }
+    }
+  }
 }
 .modal {
   background-color: rgba(0, 0, 0, 0) !important;

src/pages/distributorSign/contract-list.vue

@@ -313,6 +313,7 @@ export default {
         name: 'ContractDetails',
         params: {
           item: item,
+          check_id: item.check_id,
         },
       })
     },

www/index.html

-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=o7fTnpVAGzXKN7SirV8xGU2xzWQS2NrI"></script><title>徐工融租</title><link href=./static/css/app.9fbb65bffac9a40fa256e66161900a01.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.efd596b798e6119ce4a4.js></script><script type=text/javascript src=./static/js/app.1749810cee9a3df49278.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=o7fTnpVAGzXKN7SirV8xGU2xzWQS2NrI"></script><title>徐工融租</title><link href=./static/css/app.c3b86c4dda542a57614e92689a640abf.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.e547499500fbe65e7169.js></script><script type=text/javascript src=./static/js/app.e1df2f9bad0382c6b3b4.js></script></body></html>
\ No newline at end of file