Commit c160cb72 authored by limeimei's avatar limeimei

1

parent ce2c9a01
Pipeline #1943 canceled with stages
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div class="common"> <div class="common">
<img src="@/assets/visitor/home.png" alt="" class="home"> <img src="@/assets/visitor/home.png" alt="" class="home">
<div class="common_btn">返回主页</div> <div class="common_btn" @click="gohome">返回主页</div>
<div class="common_title"> <div class="common_title">
{{title}} {{title}}
</div> </div>
...@@ -76,11 +76,21 @@ ...@@ -76,11 +76,21 @@
// 返回主页 // 返回主页
gohome() { gohome() {
console.log(234)
clearInterval(this.timer); clearInterval(this.timer);
this.$router.replace({ this.$router.replace({
name: "visitor", name: "visitor",
}); });
}, },
},
beforeDestroy() {
// 销毁定时器
clearInterval(this.timer);
this.timer = null;
} }
} }
</script> </script>
......
...@@ -118,6 +118,15 @@ ...@@ -118,6 +118,15 @@
name: "sim", name: "sim",
}); });
}, },
},
beforeDestroy() {
// 销毁定时器
clearInterval(this.timer);
this.timer = null;
} }
} }
</script> </script>
...@@ -218,7 +227,7 @@ ...@@ -218,7 +227,7 @@
.hotel_content { .hotel_content {
width: 100%; width: 100%;
padding: 0 36px; padding: 0 54px;
box-sizing: border-box; box-sizing: border-box;
} }
......
<template> <template>
<div class="order"> <div class="order">
<div class="order_top"> <div class="order_top">
<div class="goback" @click="goback">返回上一步</div> <div class="goback" @click="gobak">返回上一步</div>
<div class="order_title">订单支付</div> <div class="order_title">订单支付</div>
</div> </div>
<div class="collection"> <div class="collection">
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
<div class="price">¥<span>99</span></div> <div class="price">¥<span>99</span></div>
<div class="price_type"> <div class="price_type">
<div class="price_wechat"> <div class="price_wechat">
<img src="" class="price_img" /> <img class="price_img" />
<div class="price_tips">使用<span>微信</span>扫一扫进行支付</div> <div class="price_tips">使用<span>微信</span>扫一扫进行支付</div>
</div> </div>
<div class="price_alipay"> <div class="price_alipay">
<img src="" class="price_img" /> <img class="price_img" />
<div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div> <div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div>
</div> </div>
</div> </div>
...@@ -25,11 +25,12 @@ ...@@ -25,11 +25,12 @@
<script> <script>
export default { export default {
methods: { methods: {
goback() { gobak() {
this.$router.go(-1); this.$router.go(-1);
}, },
comfim() { comfim() {
console.log(111)
this.$router.push({ this.$router.push({
name: "simCard", name: "simCard",
}); });
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
position: relative; position: relative;
padding: 0 86px; /* padding: 0 0px; */
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -101,6 +101,7 @@ ...@@ -101,6 +101,7 @@
flex-wrap: wrap; flex-wrap: wrap;
min-height: 471px; min-height: 471px;
align-content: flex-start; align-content: flex-start;
justify-content: space-around;
} }
.phone_list_item { .phone_list_item {
......
<template> <template>
<div class="order"> <div class="order">
<div class="order_top"> <div class="order_top">
<div class="goback" @click="gobak">返回上一步</div> <div class="gobak" @click="gobak">返回上一步</div>
<div class="order_title">确认订单</div> <div class="order_title">确认订单</div>
</div> </div>
<div class="collection"> <div class="collection">
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
name: "payment", name: "payment",
}); });
}, },
goback() { gobak() {
this.$router.go(-1); this.$router.go(-1);
}, },
}, },
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
position: relative; position: relative;
} }
.goback { .gobak {
width: 141px; width: 141px;
height: 51px; height: 51px;
position: absolute; position: absolute;
......
<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">发放SIM</div>
</div> </div>
<div class="collection"> <div class="collection">
<img src="@/assets/sim/simCard.png" class="grant" /> <img src="@/assets/sim/simCard.png" class="grant" />
<div class="waiting">卡发放中,请耐心等待...</div> <div class="waiting">SIM卡发放中,请耐心等待...</div>
<el-progress :show-text="false" color="#61ABEC" :percentage="50" class="progress" <el-progress :show-text="false" color="#61ABEC" :percentage="50" class="progress"
:stroke-width="21"></el-progress> :stroke-width="21"></el-progress>
<div class="progress_schedule">40%</div> <div class="progress_schedule">40%</div>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
</div> </div>
<div class="collection"> <div class="collection">
<img src="@/assets/hotel/success2.png" class="success_icon" /> <img src="@/assets/hotel/success2.png" class="success_icon" />
<div class="success_text">房卡发放成功,请拿好您的房卡</div> <div class="success_text">SIM发放成功,请拿好您的SIM</div>
<div class="success_text">感谢您的使用</div> <div class="success_text">感谢您的使用</div>
<div class="success_back" @click="goback">回到首页</div> <div class="success_back" @click="goback">回到首页</div>
</div> </div>
......
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
this.$router.go(-1); this.$router.go(-1);
}, },
toNext() { toNext() {
this.$router.push({ name: "card", params: { title: '发放访客卡', } }); this.$router.push({ name: "send" });
}, },
} }
......
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
.card_body { .card_body {
width: 100%; width: 100%;
height: 729px; height: 810px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
......
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
clickBtn(val) { clickBtn(val) {
val == 11 ? this.phone = '' : '' val == 11 ? this.phone = '' : ''
if (this.phone.length > 10) return if (this.phone.length > 10 && val != 10) return
val <= 9 ? val <= 9 ?
this.phone = this.phone + val.toString() : ''; this.phone = this.phone + val.toString() : '';
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
.card_body { .card_body {
width: 100%; width: 100%;
height: 729px; height: 810px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
......
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