Skip to content

S
sim
Commit 0b7390d2 authored by April's avatar April
Browse files
Options

111

parent 08752d4c
Show whitespace changes
Inline Side-by-side
Showing with 224 additions and 49 deletions
src/views/hotels/common.vue
View file @ 0b7390d2
...@@ -103,14 +103,14 @@ export default { ...@@ -103,14 +103,14 @@ export default {
this.decrease(); this.decrease();
// var type = this.$root.hotelType; var type = this.$root.hotelType;
// if (type == 0) { if (type == 0) {
// this.step.splice(0, 1); this.step.splice(0, 1);
// } else { } else {
// this.$router.replace({ this.$router.replace({
// name: "hotelOrderCheck", name: "hotelOrderCheck",
// }); });
// } }
this.currentIndex = this.$route.meta.index; this.currentIndex = this.$route.meta.index;
}, },
...@@ -155,7 +155,7 @@ export default { ...@@ -155,7 +155,7 @@ export default {
// 检查是否倒计时结束 // 检查是否倒计时结束
if (that.time <= 0) { if (that.time <= 0) {
// that.gohome(); that.gohome();
} }
}, 1000); // 每1000毫秒（1秒）更新一次 }, 1000); // 每1000毫秒（1秒）更新一次
}, },
......
src/views/hotels/info/pay.vue
View file @ 0b7390d2
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
<div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div> <div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div>
</div> </div>
</div> </div>
<div class="success_back" @click="goback">发放房卡</div>
</div> </div>
<button @click="comfim">发放房卡</button>
</div> </div>
</template> </template>
...@@ -116,4 +116,16 @@ export default { ...@@ -116,4 +116,16 @@ export default {
.price_tips span { .price_tips span {
color: #eb9c4e; 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> </style>
\ No newline at end of file
src/views/hotels/info/roomcard.vue
View file @ 0b7390d2
...@@ -9,23 +9,61 @@ ...@@ -9,23 +9,61 @@
<el-progress <el-progress
:show-text="false" :show-text="false"
color="#EB9C4E" color="#EB9C4E"
:percentage="50" :percentage="schedule"
class="progress" class="progress"
:stroke-width="21" :stroke-width="21"
></el-progress> ></el-progress>
<div class="progress_schedule">40%</div> <div class="progress_schedule">{{ schedule }}%</div>
</div> </div>
<button @click="comfim">成功</button>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
methods: { data() {
comfim() { 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({ this.$router.push({
name: "hotelInfoSuccess", 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秒）更新一次
}, },
}, },
}; };
......
src/views/hotels/info/success.vue
View file @ 0b7390d2
<template> <template>
<div class="order"> <div class="order">
<div class="order_top"> <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>
<div class="collection"> <div class="collection">
<img src="@/assets/hotel/success2.png" class="success_icon" /> <img src="@/assets/hotel/success2.png" v-if="type == 1" class="success_icon" />
<div class="success_text">房卡发放成功，请拿好您的房卡</div> <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="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 class="success_back" @click="goback">回到首页</div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return {}; return {
type: 1, //1是成功
};
},
created() {
var type = this.$route.params.type;
this.type = type;
}, },
methods: { methods: {
// 回到首页 // 回到首页
...@@ -24,6 +38,13 @@ export default { ...@@ -24,6 +38,13 @@ export default {
name: "hotel", name: "hotel",
}); });
}, },
// 重新发放房卡
reset() {
this.$router.replace({
name: "hotelInfoGrant",
});
},
}, },
}; };
</script> </script>
...@@ -68,6 +89,11 @@ export default { ...@@ -68,6 +89,11 @@ export default {
font-size: 26px; font-size: 26px;
color: #333333; color: #333333;
} }
.collection_bto {
margin-top: 65px;
display: flex;
align-items: center;
}
.success_back { .success_back {
width: 208px; width: 208px;
height: 70px; height: 70px;
...@@ -78,6 +104,6 @@ export default { ...@@ -78,6 +104,6 @@ export default {
font-size: 24px; font-size: 24px;
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 4px;
margin-top: 65px; margin-left: 20px;
} }
</style> </style>
\ No newline at end of file
src/views/hotels/real/check.vue
View file @ 0b7390d2
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
<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> <div>
<span class="auth_span">粤居码读取处</span> <span class="auth_span">护照读取处</span>
<div class="auth_span_a">请将您的粤居码放置此区域</div> <div class="auth_span_a">请将您的护照放置此区域</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div style="margin-top: 30px"> <div style="margin-top: 30px">
<el-button type="primary" @click="verify">身份证</el-button> <el-button type="primary" @click="verify">身份证</el-button>
<el-button type="primary">粤居码</el-button> <el-button type="primary" @click="cantonese">护照</el-button>
</div> </div>
</div> </div>
...@@ -44,7 +44,6 @@ ...@@ -44,7 +44,6 @@
export default { export default {
data() { data() {
return { return {
type: 1,
phone: "", phone: "",
vform: {}, vform: {},
options: [ options: [
...@@ -72,18 +71,36 @@ export default { ...@@ -72,18 +71,36 @@ export default {
}; };
}, },
created() {
this.type = this.$route.params.type;
},
methods: { methods: {
toBack() { toBack() {
this.$router.go(-1); this.$router.go(-1);
}, },
// 身份证
verify() { 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({ this.$router.push({
name: "hotelIdcardPhotograph", name: "hotelIdcardPhotograph",
params: {
type: 2,
},
}); });
// alert(JSON.stringify(res))
}, },
}, },
}; };
......
src/views/hotels/real/photograph.vue
View file @ 0b7390d2
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="order"> <div class="order">
<div class="order_top"> <div class="order_top">
<div class="goback" @click="toBack">返回上一步</div> <div class="goback" @click="toBack">返回上一步</div>
<div class="order_title">抓拍人像</div> <div class="order_title">护照采集</div>
</div> </div>
<div class="collection"> <div class="collection">
<div class="auth_body"> <div class="auth_body">
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
export default { export default {
data() { data() {
return { return {
type: 1, type: null,
phone: "", phone: "",
vform: {}, vform: {},
options: [ options: [
...@@ -50,14 +50,26 @@ export default { ...@@ -50,14 +50,26 @@ export default {
}, },
created() { created() {
AppInterface.readIdCard(); AppInterface.openCamera(0);
}, },
methods: { methods: {
toBack() { toBack() {
this.$router.go(-1); this.$router.go(-1);
}, },
takephoto() { 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 { ...@@ -186,8 +198,7 @@ export default {
color: #437ae5; color: #437ae5;
} }
.camer { .camer {
width: 500px; width: 700px;
height: 400px; height: 400px;
background: red;
} }
</style> </style>
\ No newline at end of file
src/views/hotels/real/success.vue
View file @ 0b7390d2
...@@ -5,44 +5,103 @@ ...@@ -5,44 +5,103 @@
<div class="order_title">身份采集成功</div> <div class="order_title">身份采集成功</div>
</div> </div>
<div class="collection"> <div class="collection">
<div class="collection_info"> <div class="collection_info" v-if="info.nation">
<img src="" class="collection_info_head" /> <img :src="info.photo" class="collection_info_head" />
<div> <div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">姓名:</div> <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>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">性别:</div> <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>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">民族:</div> <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>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">出生:</div> <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>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">住址:</div> <div class="collection_info_single_title">住址:</div>
<div class="collection_info_single_text"> <div class="collection_info_single_text">
广东省广州市黄浦区黄埔大道129号 {{ info.address }}
</div> </div>
</div> </div>
<div class="collection_info_single"> <div class="collection_info_single">
<div class="collection_info_single_title">身份证号码:</div> <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>
</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>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() {
return {
info: {},
};
},
created() {
var info = this.$route.params.info;
if (info) {
info = JSON.parse(info);
this.info = info;
}
},
methods: { methods: {
// 返回上一步 // 返回上一步
goback() { goback() {
...@@ -96,7 +155,7 @@ export default { ...@@ -96,7 +155,7 @@ export default {
.collection { .collection {
width: 100%; width: 100%;
background: white; background: white;
padding-top: 100px; padding-top: 80px;
box-sizing: border-box; box-sizing: border-box;
height: 486px; height: 486px;
} }
...@@ -136,4 +195,16 @@ export default { ...@@ -136,4 +195,16 @@ export default {
color: white; color: white;
margin: 56px auto 0; 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> </style>
\ No newline at end of file
src/views/hotels/registration.vue
View file @ 0b7390d2
...@@ -290,7 +290,7 @@ export default { ...@@ -290,7 +290,7 @@ export default {
border: 1px solid #e0e0e0; border: 1px solid #e0e0e0;
} }
.rooom_left_people_sin_img{ .rooom_left_people_sin_img{
width: 16px; width: auto;
height: 37px; height: 37px;
} }
</style> </style>
\ No newline at end of file
src/views/hotels/standbuy.vue
View file @ 0b7390d2
...@@ -190,7 +190,7 @@ export default { ...@@ -190,7 +190,7 @@ export default {
bottom: 0; bottom: 0;
} }
.hotel_option_icon_h { .hotel_option_icon_h {
height: 71px; height: 65px;
width: 260px; width: 260px;
object-fit: cover; 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