Skip to content

S
sim
Commit 4f96c28b authored by limeimei's avatar limeimei
Browse files
Options

2

parent aaafc4c2
Pipeline #1977 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 506 additions and 20 deletions
      src/router/index.js
      View file @ 4f96c28b
      ...@@ -19,6 +19,7 @@ import Authentify from "../views/visitor/authentify.vue"; ...@@ -19,6 +19,7 @@ import Authentify from "../views/visitor/authentify.vue";
      import AuthSuccess from "../views/visitor/authSuccess.vue"; import AuthSuccess from "../views/visitor/authSuccess.vue";
      import Card from "../views/visitor/card.vue"; import Card from "../views/visitor/card.vue";
      import Send from "../views/visitor/send.vue"; import Send from "../views/visitor/send.vue";
      import visitorPhoto from "../views/visitor/photograph.vue";
      import Sim from "../views/sim/index.vue"; import Sim from "../views/sim/index.vue";
      import hotelOrderCheck from "../views/hotels/order/check.vue"; import hotelOrderCheck from "../views/hotels/order/check.vue";
      import hotelRegistration from "../views/hotels/registration.vue"; import hotelRegistration from "../views/hotels/registration.vue";
      ...@@ -33,6 +34,7 @@ import Payment from "../views/sim/register.vue"; ...@@ -33,6 +34,7 @@ import Payment from "../views/sim/register.vue";
      import Payment2 from "../views/sim/pay.vue"; import Payment2 from "../views/sim/pay.vue";
      import simCard from "../views/sim/roomcard.vue"; import simCard from "../views/sim/roomcard.vue";
      import simSuccess from "../views/sim/success.vue"; import simSuccess from "../views/sim/success.vue";
      import simPhoto from "../views/sim/photograph.vue";
      Vue.use(VueRouter); Vue.use(VueRouter);
      const routes = [ const routes = [
      ...@@ -113,6 +115,14 @@ const routes = [ ...@@ -113,6 +115,14 @@ const routes = [
      title: "发放访客卡", title: "发放访客卡",
      }, },
      }, },
      {
      path: "/visitor/photo",
      name: "visitorPhoto",
      component: visitorPhoto,
      meta: {
      title: "发放访客卡",
      },
      },
      ], ],
      }, },
      ...@@ -308,6 +318,15 @@ const routes = [ ...@@ -308,6 +318,15 @@ const routes = [
      index: 4, index: 4,
      }, },
      }, },
      {
      path: "/sim/photo",
      name: "simPhoto",
      component: simPhoto,
      meta: {
      title: "自助办理sim卡系统",
      index: 2,
      },
      },
      ], ],
      }, },
      ]; ];
      ......
      src/views/common.vue
      View file @ 4f96c28b
      ...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
      }, },
      // 倒计时 // 倒计时
      decrease() { decrease() {
      // return return
      // this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
      var that = this; var that = this;
      that.timer = setInterval(() => { that.timer = setInterval(() => {
      ......
      src/views/common2.vue
      View file @ 4f96c28b
      ...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
      }, },
      // 倒计时 // 倒计时
      decrease() { decrease() {
      // return return
      // this.timer && clearInterval(this.timer); // this.timer && clearInterval(this.timer);
      var that = this; var that = this;
      that.timer = setInterval(() => { that.timer = setInterval(() => {
      ......
      src/views/sim/authSuccess.vue
      View file @ 4f96c28b
      ...@@ -10,15 +10,16 @@ ...@@ -10,15 +10,16 @@
      <div class="auth_body"> <div class="auth_body">
      <div> <div>
      <div class="auth_center"> <div class="auth_center" v-if="type==0">
      <img src="@/assets/visitor/camera.png" class="auth_img"> <img :src="info.photo" class="auth_img">
      <div class="auth_right"> <div class="auth_right">
      <div>姓名：<span style="color: #666666;">王大锤</span></div> <div>姓名：<span style="color: #666666;">{{info.name}}</span></div>
      <div>性别：<span style="color: #666666;">女</span></div> <div>性别：<span style="color: #666666;">{{info.gender}}</span></div>
      <div>民族：<span style="color: #666666;">汉</span></div> <div>民族：<span style="color: #666666;">{{info.nation}}</span></div>
      <div>出生：<span style="color: #666666;">1994年10月10日</span></div> <div>出生：<span style="color: #666666;">{{info.birth}}</span></div>
      <div>住址：<span style="color: #666666;">广东省广州市黄浦区黄埔大道129号</span></div> <div>住址：<span style="color: #666666;">{{info.address}}</span></div>
      <div>身份证号码：<span style="color: #666666;">362421********5627</span></div> <div>身份证号码：<span style="color: #666666;">{{info.idnumber}}</span></div>
      </div> </div>
      </div> </div>
      <div><el-button type="primary" @click="toNext">下一步</el-button> <div><el-button type="primary" @click="toNext">下一步</el-button>
      ...@@ -36,11 +37,18 @@ ...@@ -36,11 +37,18 @@
      export default { export default {
      data() { data() {
      return { return {
      info: {},
      type: 0,
      } }
      }, },
      created() { created() {
      // var info = this.$route.params.info;
      // if (info) {
      // info = JSON.parse(info);
      // this.info = info;
      // }
      // this.type = this.$route.params.type
      }, },
      methods: { methods: {
      toBack() { toBack() {
      ......
      src/views/sim/authentify.vue
      View file @ 4f96c28b
      ...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
      <div class="auth_title_a">实名认证 <div class="auth_title_a">实名认证
      </div> </div>
      <div>您可通过刷<span style="color: #5A8FF6;"> <div>您可通过刷<span style="color: #5A8FF6;">
      身份证、粤居码</span>任意一种进行实名认证</div> 身份证、sim卡、护照</span>任意一种进行实名认证</div>
      </div> </div>
      </div> </div>
      <div class="auth_body"> <div class="auth_body">
      ...@@ -17,23 +17,22 @@ ...@@ -17,23 +17,22 @@
      <div class="auth_center_right"> <div class="auth_center_right">
      <div class="auth_right"> <div class="auth_right">
      <img src="@/assets/visitor/left.png" class="auth_img_left"> <img src="@/assets/visitor/left.png" class="auth_img_left">
      <div><span class="auth_span">身份证读取处</span> <div><span class="auth_span">身份证、sim卡读取处</span>
      <div class="auth_span_a">请将您的身份证放置此区域</div> <div class="auth_span_a">请将您的身份证、sim卡放置此区域</div>
      </div> </div>
      </div> </div>
      <div class="auth_right"> <div class="auth_right">
      <img src="@/assets/visitor/left.png" class="auth_img_left"> <img src="@/assets/visitor/left.png" class="auth_img_left">
      <div><span class="auth_span">粤居码读取处</span> <div><span class="auth_span">护照读取处</span>
      <div class="auth_span_a">请将您的粤居码放置此区域</div> <div class="auth_span_a">请将您的护照放置此区域</div>
      </div> </div>
      </div> </div>
      </div> </div>
      </div> </div>
      <div style="margin-top:70px;"><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>
      <el-button type="primary">粤居码</el-button>
      </div> </div>
      <button @click="toNext">下一步</button> <button @click="toNext">下一步</button>
      ...@@ -54,7 +53,7 @@ ...@@ -54,7 +53,7 @@
      }, },
      created() { created() {
      AppInterface.readIdCard(); // AppInterface.readIdCard();
      }, },
      methods: { methods: {
      toBack() { toBack() {
      ...@@ -64,6 +63,49 @@ ...@@ -64,6 +63,49 @@
      this.$router.push({ name: "realname" }); 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> </script>
      ......
      src/views/sim/photograph.vue 0 → 100644
      View file @ 4f96c28b
      <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 0 → 100644
      View file @ 4f96c28b
      <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
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment