2

src/router/index.js

@@ -19,6 +19,7 @@ import Authentify from "../views/visitor/authentify.vue";
 import AuthSuccess from "../views/visitor/authSuccess.vue";
 import Card from "../views/visitor/card.vue";
 import Send from "../views/visitor/send.vue";
+import visitorPhoto from "../views/visitor/photograph.vue";
 import Sim from "../views/sim/index.vue";
 import hotelOrderCheck from "../views/hotels/order/check.vue";
 import hotelRegistration from "../views/hotels/registration.vue";
@@ -33,6 +34,7 @@ import Payment from "../views/sim/register.vue";
 import Payment2 from "../views/sim/pay.vue";
 import simCard from "../views/sim/roomcard.vue";
 import simSuccess from "../views/sim/success.vue";
+import simPhoto from "../views/sim/photograph.vue";
 Vue.use(VueRouter);
 
 const routes = [
@@ -113,6 +115,14 @@ const routes = [
           title: "发放访客卡",
         },
       },
+      {
+        path: "/visitor/photo",
+        name: "visitorPhoto",
+        component: visitorPhoto,
+        meta: {
+          title: "发放访客卡",
+        },
+      },
     ],
   },
 
@@ -308,6 +318,15 @@ const routes = [
           index: 4,
         },
       },
+      {
+        path: "/sim/photo",
+        name: "simPhoto",
+        component: simPhoto,
+        meta: {
+          title: "自助办理sim卡系统",
+          index: 2,
+        },
+      },
     ],
   },
 ];

src/views/common.vue

@@ -58,7 +58,7 @@
             },
             // 倒计时
             decrease() {
-                // return
+                return
                 // this.timer && clearInterval(this.timer);
                 var that = this;
                 that.timer = setInterval(() => {

src/views/common2.vue

@@ -96,7 +96,7 @@
             },
             // 倒计时
             decrease() {
-                // return
+                return
                 // this.timer && clearInterval(this.timer);
                 var that = this;
                 that.timer = setInterval(() => {

src/views/sim/authSuccess.vue

@@ -10,15 +10,16 @@
             <div class="auth_body">
                 <div>
 
-                    <div class="auth_center">
-                        <img src="@/assets/visitor/camera.png" class="auth_img">
+                    <div class="auth_center" v-if="type==0">
+                        <img :src="info.photo" class="auth_img">
                         <div class="auth_right">
-                            <div>姓名：<span style="color: #666666;">王大锤</span></div>
-                            <div>性别：<span style="color: #666666;">女</span></div>
-                            <div>民族：<span style="color: #666666;">汉</span></div>
-                            <div>出生：<span style="color: #666666;">1994年10月10日</span></div>
-                            <div>住址：<span style="color: #666666;">广东省广州市黄浦区黄埔大道129号</span></div>
-                            <div>身份证号码：<span style="color: #666666;">362421********5627</span></div>
+                            <div>姓名：<span style="color: #666666;">{{info.name}}</span></div>
+                            <div>性别：<span style="color: #666666;">{{info.gender}}</span></div>
+                            <div>民族：<span style="color: #666666;">{{info.nation}}</span></div>
+                            <div>出生：<span style="color: #666666;">{{info.birth}}</span></div>
+                            <div>住址：<span style="color: #666666;">{{info.address}}</span></div>
+                            <div>身份证号码：<span style="color: #666666;">{{info.idnumber}}</span></div>
+
                         </div>
                     </div>
                     <div><el-button type="primary" @click="toNext">下一步</el-button>
@@ -36,11 +37,18 @@
     export default {
         data() {
             return {
-
+                info: {},
+                type: 0,
             }
         },
 
         created() {
+            // var info = this.$route.params.info;
+            // if (info) {
+            //     info = JSON.parse(info);
+            //     this.info = info;
+            // }
+            // this.type = this.$route.params.type
         },
         methods: {
             toBack() {

src/views/sim/authentify.vue

@@ -8,7 +8,7 @@
                     <div class="auth_title_a">实名认证
                     </div>
                     <div>您可通过刷<span style="color: #5A8FF6;">
-                            身份证、粤居码</span>任意一种进行实名认证</div>
+                            身份证、sim卡、护照</span>任意一种进行实名认证</div>
                 </div>
             </div>
             <div class="auth_body">
@@ -17,23 +17,22 @@
                     <div class="auth_center_right">
                         <div class="auth_right">
                             <img src="@/assets/visitor/left.png" class="auth_img_left">
-                            <div><span class="auth_span">身份证读取处</span>
-                                <div class="auth_span_a">请将您的身份证放置此区域</div>
+                            <div><span class="auth_span">身份证、sim卡读取处</span>
+                                <div class="auth_span_a">请将您的身份证、sim卡放置此区域</div>
                             </div>
 
                         </div>
                         <div class="auth_right">
                             <img src="@/assets/visitor/left.png" class="auth_img_left">
-                            <div><span class="auth_span">粤居码读取处</span>
-                                <div class="auth_span_a">请将您的粤居码放置此区域</div>
+                            <div><span class="auth_span">护照读取处</span>
+                                <div class="auth_span_a">请将您的护照放置此区域</div>
                             </div>
 
                         </div>
                     </div>
                 </div>
-                <div style="margin-top:70px;"><el-button type="primary">身份证</el-button>
-
-                    <el-button type="primary">粤居码</el-button>
+                <div style="margin-top:70px;"><el-button type="primary" @click="verify">身份证、sim卡</el-button>
+                    <el-button type="primary" @click="cantonese">护照</el-button>
                 </div>
                 <button @click="toNext">下一步</button>
 
@@ -54,7 +53,7 @@
         },
 
         created() {
-            AppInterface.readIdCard();
+            // AppInterface.readIdCard();
         },
         methods: {
             toBack() {
@@ -64,6 +63,49 @@
                 this.$router.push({ name: "realname" });
 
             },
+            // 身份证
+            verify() {
+                alert(11)
+                return
+                var res = AppInterface.readIdCard();
+
+                if (res) {
+                    alert(res)
+                    res = JSON.parse(res);
+                    if (res.error == 0) {
+                        alert(res)
+                        if (res.nation) {
+
+                            this.$router.push({
+                                name: "simPhoto",
+                                params: {
+                                    type: 0,
+                                },
+                            });
+                        }
+                        else {
+                            this.$router.push({
+                                name: "simPhoto",
+                                params: {
+                                    type: 2,
+                                },
+                            });
+                        }
+
+                    } else {
+                        this.$message.error("读取失败,请重新放置卡片");
+                    }
+                }
+            },
+            cantonese() {
+                alert(222)
+                this.$router.push({
+                    name: "simPhoto",
+                    params: {
+                        type: 1,
+                    },
+                });
+            },
         }
     }
 </script>

src/views/sim/photograph.vue

+<template>
+  <div class="order">
+    <div class="order_top">
+      <div class="goback" @click="toBack">返回上一步</div>
+      <div class="order_title">{{type==0?'人脸采集':'护照'}}</div>
+    </div>
+    <div class="collection">
+      <div class="auth_body">
+        <div class="camer"></div>
+        <div style="margin-top: 20px">
+          <el-button type="primary" @click="takephoto">拍照</el-button>
+        </div>
+      </div>
+
+      <!-- <el-button type="primary" @click="toNext">下一步</el-button> -->
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        type: null,
+        phone: "",
+        vform: {},
+
+      };
+    },
+
+    created() {
+      this.type = this.$route.params.type
+      // alert(this.type)
+      this.type == 0 ?
+        AppInterface.openCamera(1) : '';
+      this.type == 1 ?
+        AppInterface.openCamera(0) : '';
+      this.type == 2 ?
+        AppInterface.openCamera(1) : '';
+    },
+    methods: {
+      toBack() {
+        this.$router.go(-1);
+      },
+      takephoto() {
+        // if(this.type==0){
+        alert(this.type + 1)
+        var res = AppInterface.photoVerify(this.type + 1);
+        alert(res)
+        if (res) {
+          res = JSON.parse(res);
+          if (res.error == 0) {
+            AppInterface.closeCamera();
+            this.$router.push({
+              name: "realname",
+              params: {
+                info: JSON.stringify(res.data),
+              },
+              type: this.type
+            });
+          }
+        }
+        // }
+        // else{
+
+        // }
+
+      },
+    },
+  };
+</script>
+<style scoped>
+  .order {
+    width: 100%;
+    height: 620px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background: white;
+    border-radius: 14px;
+  }
+
+  .goback {
+    width: 94px;
+    height: 34px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    cursor: pointer;
+    font-size: 14px;
+    color: #666666;
+    background: #ffffff;
+    border-radius: 4px;
+    border: 1px solid #707070;
+    text-align: center;
+    line-height: 34px;
+  }
+
+  .order_top {
+    height: 88px;
+    width: 100%;
+    position: relative;
+  }
+
+  .order_title {
+    font-size: 28px;
+    color: #000000;
+    width: 100%;
+    text-align: center;
+    line-height: 88px;
+  }
+
+  .collection {
+    width: 100%;
+    background: white;
+    height: 486px;
+  }
+
+  .auth_title {
+    color: #666666;
+    font-size: 18px;
+  }
+
+  .auth_body {
+    width: 100%;
+    height: 100%;
+    padding-top: 24px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .auth_center {
+    display: flex;
+  }
+
+  .auth_img {
+    width: 387px;
+    height: 287px;
+  }
+
+  .auth_center_right {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+  }
+
+  .auth_img_left {
+    width: 64px;
+    height: 12px;
+    margin-right: 9px;
+    margin-top: 15px;
+  }
+
+  .auth_right {
+    display: flex;
+    margin-bottom: 49px;
+  }
+
+  .auth_span {
+    font-size: 20px;
+  }
+
+  .auth_span_a {
+    color: #666666;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+
+  .content_time {
+    width: 50px;
+    height: 50px;
+    background: #ffffff;
+    opacity: 1;
+    border: 3px solid #5a8ff6;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 50px;
+  }
+
+  ::v-deep .el-button {
+    width: 94px;
+    height: 34px;
+    padding: 0;
+    font-size: 14px;
+  }
+
+  ::v-deep .el-button--primary {
+    height: 50px;
+  }
+
+  .collection_title {
+    font-size: 18px;
+    color: #666666;
+    margin-bottom: 46px;
+  }
+
+  .collection_title span {
+    color: #437ae5;
+  }
+
+  .camer {
+    width: 700px;
+    height: 400px;
+  }
+</style>
\ No newline at end of file

src/views/visitor/photograph.vue

+<template>
+  <div class="order">
+    <div class="order_top">
+      <div class="goback" @click="toBack">返回上一步</div>
+      <div class="order_title">护照采集</div>
+    </div>
+    <div class="collection">
+      <div class="auth_body">
+        <div class="camer"></div>
+        <div style="margin-top: 20px">
+          <el-button type="primary" @click="takephoto">拍照</el-button>
+        </div>
+      </div>
+
+      <!-- <el-button type="primary" @click="toNext">下一步</el-button> -->
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        type: null,
+        phone: "",
+        vform: {},
+        options: [
+          {
+            value: "选项1",
+            label: "黄金糕",
+          },
+          {
+            value: "选项2",
+            label: "双皮奶",
+          },
+          {
+            value: "选项3",
+            label: "蚵仔煎",
+          },
+          {
+            value: "选项4",
+            label: "龙须面",
+          },
+          {
+            value: "选项5",
+            label: "北京烤鸭",
+          },
+        ],
+      };
+    },
+
+    created() {
+      AppInterface.openCamera(0);
+    },
+    methods: {
+      toBack() {
+        this.$router.go(-1);
+      },
+      takephoto() {
+        var res = AppInterface.photoVerify(2);
+        if (res) {
+          res = JSON.parse(res);
+          if (res.error == 0) {
+            AppInterface.closeCamera();
+            this.$router.push({
+              name: "hotelIdentitySuccess",
+              params: {
+                info: JSON.stringify(res.data),
+              },
+            });
+          }
+        }
+      },
+    },
+  };
+</script>
+<style scoped>
+  .order {
+    width: 100%;
+    height: 100%;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background: white;
+    border-radius: 14px;
+  }
+
+  .goback {
+    width: 94px;
+    height: 34px;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    cursor: pointer;
+    font-size: 14px;
+    color: #666666;
+    background: #ffffff;
+    border-radius: 4px;
+    border: 1px solid #707070;
+    text-align: center;
+    line-height: 34px;
+  }
+
+  .order_top {
+    height: 88px;
+    width: 100%;
+    position: relative;
+  }
+
+  .order_title {
+    font-size: 28px;
+    color: #000000;
+    width: 100%;
+    text-align: center;
+    line-height: 88px;
+  }
+
+  .collection {
+    width: 100%;
+    background: white;
+    height: 486px;
+  }
+
+  .auth_title {
+    color: #666666;
+    font-size: 18px;
+  }
+
+  .auth_body {
+    width: 100%;
+    height: 100%;
+    padding-top: 24px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .auth_center {
+    display: flex;
+  }
+
+  .auth_img {
+    width: 387px;
+    height: 287px;
+  }
+
+  .auth_center_right {
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+  }
+
+  .auth_img_left {
+    width: 64px;
+    height: 12px;
+    margin-right: 9px;
+    margin-top: 15px;
+  }
+
+  .auth_right {
+    display: flex;
+    margin-bottom: 49px;
+  }
+
+  .auth_span {
+    font-size: 20px;
+  }
+
+  .auth_span_a {
+    color: #666666;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+
+  .content_time {
+    width: 50px;
+    height: 50px;
+    background: #ffffff;
+    opacity: 1;
+    border: 3px solid #5a8ff6;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 50px;
+  }
+
+  ::v-deep .el-button {
+    width: 94px;
+    height: 34px;
+    padding: 0;
+    font-size: 14px;
+  }
+
+  ::v-deep .el-button--primary {
+    height: 50px;
+  }
+
+  .collection_title {
+    font-size: 18px;
+    color: #666666;
+    margin-bottom: 46px;
+  }
+
+  .collection_title span {
+    color: #437ae5;
+  }
+
+  .camer {
+    width: 700px;
+    height: 400px;
+  }
+</style>
\ No newline at end of file