Commit 4f96c28b authored by limeimei's avatar limeimei

2

parent aaafc4c2
Pipeline #1977 canceled with stages
...@@ -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,
},
},
], ],
}, },
]; ];
......
...@@ -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(() => {
......
...@@ -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(() => {
......
...@@ -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() {
......
...@@ -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>
......
<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
<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