Commit 0b7390d2 authored by April's avatar April

111

parent 08752d4c
......@@ -103,14 +103,14 @@ export default {
this.decrease();
// var type = this.$root.hotelType;
// if (type == 0) {
// this.step.splice(0, 1);
// } else {
// this.$router.replace({
// name: "hotelOrderCheck",
// });
// }
var type = this.$root.hotelType;
if (type == 0) {
this.step.splice(0, 1);
} else {
this.$router.replace({
name: "hotelOrderCheck",
});
}
this.currentIndex = this.$route.meta.index;
},
......@@ -155,7 +155,7 @@ export default {
// 检查是否倒计时结束
if (that.time <= 0) {
// that.gohome();
that.gohome();
}
}, 1000); // 每1000毫秒(1秒)更新一次
},
......
......@@ -17,8 +17,8 @@
<div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div>
</div>
</div>
<div class="success_back" @click="goback">发放房卡</div>
</div>
<button @click="comfim">发放房卡</button>
</div>
</template>
......@@ -116,4 +116,16 @@ export default {
.price_tips span {
color: #eb9c4e;
}
.success_back {
width: 208px;
height: 70px;
background: #eb9c4e;
text-align: center;
line-height: 70px;
color: white;
font-size: 24px;
cursor: pointer;
border-radius: 4px;
margin: 0 auto;
}
</style>
\ No newline at end of file
......@@ -9,23 +9,61 @@
<el-progress
:show-text="false"
color="#EB9C4E"
:percentage="50"
:percentage="schedule"
class="progress"
:stroke-width="21"
></el-progress>
<div class="progress_schedule">40%</div>
<div class="progress_schedule">{{ schedule }}%</div>
</div>
<button @click="comfim">成功</button>
</div>
</template>
<script>
export default {
methods: {
comfim() {
data() {
return {
schedule: 0,
timer: null,
};
},
created() {
this.setTime();
var res = AppInterface.cardIssue();
if (res) {
res = JSON.parse(res);
if (res.error == 0) {
this.schedule = 100;
clearInterval(this.timer);
this.$router.push({
name: "hotelInfoSuccess",
params: {
type: 1,
},
});
} else {
clearInterval(this.timer);
this.$router.push({
name: "hotelInfoSuccess",
params: {
type: 2,
},
});
}
}
},
methods: {
// 倒计时
setTime() {
var that = this;
that.timer = setInterval(() => {
// 计算进度百分比
that.schedule = that.schedule + 20;
// 检查是否倒计时结束
if (that.schedule == 100) {
clearInterval(that.timer);
}
}, 1000); // 每1000毫秒(1秒)更新一次
},
},
};
......
<template>
<div class="order">
<div class="order_top">
<div class="order_title">发放成功</div>
<div class="order_title" v-if="type == 1">发放成功</div>
<div class="order_title" v-else>发放失败</div>
</div>
<div class="collection">
<img src="@/assets/hotel/success2.png" class="success_icon" />
<div class="success_text">房卡发放成功,请拿好您的房卡</div>
<img src="@/assets/hotel/success2.png" v-if="type == 1" class="success_icon" />
<img src="@/assets/hotel/fail.png" v-else class="success_icon" />
<div class="success_text" v-if="type == 1">
房卡发放成功,请拿好您的房卡
</div>
<div class="success_text" v-else>房卡发放失败</div>
<div class="success_text">感谢您的使用</div>
<div class="collection_bto">
<div class="success_back" @click="reset" v-if="type == 2">重新发卡</div>
<div class="success_back" @click="goback">回到首页</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {};
return {
type: 1, //1是成功
};
},
created() {
var type = this.$route.params.type;
this.type = type;
},
methods: {
// 回到首页
......@@ -24,6 +38,13 @@ export default {
name: "hotel",
});
},
// 重新发放房卡
reset() {
this.$router.replace({
name: "hotelInfoGrant",
});
},
},
};
</script>
......@@ -68,6 +89,11 @@ export default {
font-size: 26px;
color: #333333;
}
.collection_bto {
margin-top: 65px;
display: flex;
align-items: center;
}
.success_back {
width: 208px;
height: 70px;
......@@ -78,6 +104,6 @@ export default {
font-size: 24px;
cursor: pointer;
border-radius: 4px;
margin-top: 65px;
margin-left: 20px;
}
</style>
\ No newline at end of file
......@@ -22,8 +22,8 @@
<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>
<span class="auth_span">护照读取处</span>
<div class="auth_span_a">请将您的护照放置此区域</div>
</div>
</div>
</div>
......@@ -31,7 +31,7 @@
<div style="margin-top: 30px">
<el-button type="primary" @click="verify">身份证</el-button>
<el-button type="primary">粤居码</el-button>
<el-button type="primary" @click="cantonese">护照</el-button>
</div>
</div>
......@@ -44,7 +44,6 @@
export default {
data() {
return {
type: 1,
phone: "",
vform: {},
options: [
......@@ -72,18 +71,36 @@ export default {
};
},
created() {
this.type = this.$route.params.type;
},
methods: {
toBack() {
this.$router.go(-1);
},
// 身份证
verify() {
var res = AppInterface.readIdCard();
if (res) {
res = JSON.parse(res);
if (res.error == 0) {
this.$router.push({
name: "hotelIdentitySuccess",
params: {
info: JSON.stringify(res.data),
},
});
} else {
this.$message.error("读取失败,请重新放置卡片");
}
}
},
// 粤居码
cantonese() {
this.$router.push({
name: "hotelIdcardPhotograph",
params: {
type: 2,
},
});
// alert(JSON.stringify(res))
},
},
};
......
......@@ -2,7 +2,7 @@
<div class="order">
<div class="order_top">
<div class="goback" @click="toBack">返回上一步</div>
<div class="order_title">抓拍人像</div>
<div class="order_title">护照采集</div>
</div>
<div class="collection">
<div class="auth_body">
......@@ -21,7 +21,7 @@
export default {
data() {
return {
type: 1,
type: null,
phone: "",
vform: {},
options: [
......@@ -50,14 +50,26 @@ export default {
},
created() {
AppInterface.readIdCard();
AppInterface.openCamera(0);
},
methods: {
toBack() {
this.$router.go(-1);
},
takephoto() {
AppInterface.openCamera(1);
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),
},
});
}
}
},
},
};
......@@ -186,8 +198,7 @@ export default {
color: #437ae5;
}
.camer {
width: 500px;
width: 700px;
height: 400px;
background: red;
}
</style>
\ No newline at end of file
......@@ -5,44 +5,103 @@
<div class="order_title">身份采集成功</div>
</div>
<div class="collection">
<div class="collection_info">
<img src="" class="collection_info_head" />
<div class="collection_info" v-if="info.nation">
<img :src="info.photo" class="collection_info_head" />
<div>
<div class="collection_info_single">
<div class="collection_info_single_title">姓名:</div>
<div class="collection_info_single_text">网达成</div>
<div class="collection_info_single_text">{{ info.name }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">性别:</div>
<div class="collection_info_single_text"></div>
<div class="collection_info_single_text">{{ info.sex }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">民族:</div>
<div class="collection_info_single_text"></div>
<div class="collection_info_single_text">{{ info.nation }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">出生:</div>
<div class="collection_info_single_text">1994年10月10日</div>
<div class="collection_info_single_text">{{ info.birth }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">住址:</div>
<div class="collection_info_single_text">
广东省广州市黄浦区黄埔大道129号
{{ info.address }}
</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">身份证号码:</div>
<div class="collection_info_single_text">362421********5627</div>
<div class="collection_info_single_text">{{ info.idnumber }}</div>
</div>
</div>
</div>
<div class="collection_bto" @click="comfin">下一步</div>
<div class="collection_info" v-else>
<img :src="info.bmpUrl" class="collection_info_head" />
<div>
<div class="collection_info_single">
<div class="collection_info_single_title">姓名:</div>
<div class="collection_info_single_text">{{ info.name }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">性别:</div>
<div class="collection_info_single_text">{{ info.gender }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">出生:</div>
<div class="collection_info_single_text">{{ info.birth }}</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">出生地点:</div>
<div class="collection_info_single_text">
{{ info.birthAddress }}
</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">护照号码:</div>
<div class="collection_info_single_text">
{{ info.passportNum }}
</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">签发地点:</div>
<div class="collection_info_single_text">
{{ info.signAddress }}
</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">签发机关:</div>
<div class="collection_info_single_text">
{{ info.signOrganize }}
</div>
</div>
<div class="collection_info_single">
<div class="collection_info_single_title">有效期:</div>
<div class="collection_info_single_text">
{{ info.effDate }}
</div>
</div>
</div>
</div>
<div class="collection_bto2" @click="comfin">下一步</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
info: {},
};
},
created() {
var info = this.$route.params.info;
if (info) {
info = JSON.parse(info);
this.info = info;
}
},
methods: {
// 返回上一步
goback() {
......@@ -96,7 +155,7 @@ export default {
.collection {
width: 100%;
background: white;
padding-top: 100px;
padding-top: 80px;
box-sizing: border-box;
height: 486px;
}
......@@ -136,4 +195,16 @@ export default {
color: white;
margin: 56px auto 0;
}
.collection_bto2 {
width: 132px;
height: 50px;
background: #eb9c4e;
border-radius: 4px;
text-align: center;
line-height: 50px;
cursor: pointer;
font-size: 18px;
color: white;
margin: 4px auto 0;
}
</style>
\ No newline at end of file
......@@ -290,7 +290,7 @@ export default {
border: 1px solid #e0e0e0;
}
.rooom_left_people_sin_img{
width: 16px;
width: auto;
height: 37px;
}
</style>
\ No newline at end of file
......@@ -190,7 +190,7 @@ export default {
bottom: 0;
}
.hotel_option_icon_h {
height: 71px;
height: 65px;
width: 260px;
object-fit: cover;
}
......
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