Commit 3b945d48 authored by limeimei's avatar limeimei

发放sim卡

parent 4f81c66d
Pipeline #1971 canceled with stages
...@@ -100,7 +100,7 @@ const routes = [ ...@@ -100,7 +100,7 @@ const routes = [
name: "card", name: "card",
component: Card, component: Card,
meta: { meta: {
title: "发放访客卡", title: "发放成功",
}, },
}, },
{ {
...@@ -108,7 +108,7 @@ const routes = [ ...@@ -108,7 +108,7 @@ const routes = [
name: "send", name: "send",
component: Send, component: Send,
meta: { meta: {
title: "发放成功", title: "发放访客卡",
}, },
}, },
], ],
......
...@@ -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(() => {
...@@ -97,22 +97,18 @@ ...@@ -97,22 +97,18 @@
<style scoped> <style scoped>
.wrapper { .wrapper {
background: #F0F2F8; background: #F0F2F8;
box-sizing: border-box; box-sizing: border-box;
/* padding-bottom: 30px; */
} }
.home { .home {
width: 18px; width: 18px;
height: 20px; height: 20px;
margin-right: 7px; margin-right: 7px;
/* margin-top: 25px; */
} }
.common { .common {
/* width: 100%; */
height: 70px; height: 70px;
background: #507DD9; background: #507DD9;
box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.05);
...@@ -150,7 +146,6 @@ ...@@ -150,7 +146,6 @@
} }
.hotel_content { .hotel_content {
/* height: 730px; */
width: 1280px; width: 1280px;
padding: 30px; padding: 30px;
box-sizing: border-box; box-sizing: border-box;
...@@ -158,8 +153,6 @@ ...@@ -158,8 +153,6 @@
} }
.hotel_content_frame { .hotel_content_frame {
/* width: 100%;
height: 100%; */
position: relative; position: relative;
border-radius: 14px; border-radius: 14px;
background: white; background: white;
......
...@@ -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(() => {
...@@ -142,7 +142,6 @@ ...@@ -142,7 +142,6 @@
width: 18px; width: 18px;
height: 20px; height: 20px;
margin-right: 7px; margin-right: 7px;
/* margin-top: 25px; */
} }
.common { .common {
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<div class="collection"> <div class="collection">
<div class="price_title">支付金额</div> <div class="price_title">支付金额</div>
<div class="price">¥<span>99</span></div> <div class="price">¥<span>95</span></div>
<div class="price_type"> <div class="price_type">
<div class="price_wechat"> <div class="price_wechat">
<img class="price_img" /> <img class="price_img" />
...@@ -30,7 +30,6 @@ ...@@ -30,7 +30,6 @@
}, },
comfim() { comfim() {
console.log(111)
this.$router.push({ this.$router.push({
name: "simCard", name: "simCard",
}); });
...@@ -42,66 +41,65 @@ ...@@ -42,66 +41,65 @@
<style scoped> <style scoped>
.order { .order {
width: 100%; width: 100%;
height: 100%; height: 620px;
padding: 0 45px; padding: 30px;
box-sizing: border-box; box-sizing: border-box;
background: white; background: white;
border-radius: 21px; border-radius: 14px;
} }
.order_top { .order_top {
height: 132px;
width: 100%; width: 100%;
position: relative; position: relative;
} }
.goback { .goback {
width: 141px;
height: 51px;
position: absolute; position: absolute;
top: 45px;
left: 0; width: 94px;
height: 34px;
cursor: pointer; cursor: pointer;
font-size: 21px; font-size: 16px;
color: #666666; color: #666666;
background: #ffffff; background: #ffffff;
border-radius: 6px 6px 6px 6px; border-radius: 4px;
border: 2px solid #707070; border: 1px solid #707070;
text-align: center; text-align: center;
line-height: 51px; line-height: 34px;
} }
.order_title { .order_title {
font-size: 42px; font-size: 28px;
color: #000000; color: #000000;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 132px;
} }
.collection { .collection {
width: 100%; width: 100%;
background: white; background: white;
height: 729px; padding-top: 70px;
padding-top: 60px;
box-sizing: border-box; box-sizing: border-box;
} }
.price_title { .price_title {
font-size: 24px;
font-size: 16px;
color: #666666; color: #666666;
text-align: center; text-align: center;
} }
.price { .price {
color: #333333; color: #333333;
font-size: 33px;
font-size: 22px;
margin-top: 27px; margin-top: 27px;
text-align: center; text-align: center;
} }
.price span { .price span {
font-size: 72px;
font-size: 48px;
} }
.price_type { .price_type {
...@@ -112,21 +110,21 @@ ...@@ -112,21 +110,21 @@
} }
.price_img { .price_img {
width: 342px; width: 228px;
height: 342px; height: 228px;
} }
.price_wechat { .price_wechat {
margin-right: 210px; margin-right: 140px;
} }
.price_tips { .price_tips {
font-size: 24px; font-size: 16px;
color: #999999; color: #999999;
text-align: center; text-align: center;
} }
.price_tips span { .price_tips span {
color: #eb9c4e; color: #999999;
} }
</style> </style>
\ No newline at end of file
...@@ -5,13 +5,13 @@ ...@@ -5,13 +5,13 @@
<div class="order_title">确认订单</div> <div class="order_title">确认订单</div>
</div> </div>
<div class="collection"> <div class="collection">
<div class="roomcheck">
<div class="roominfo"> <div class="roominfo">
<!-- <div class="roominfo_name">房间号</div>
<div class="roominfo_num">3602</div>
<div class="roominfo_type">豪华大床房</div> -->
</div> </div>
<div class="roomcheck"> <div>
<div class="roomcheck_sin"> <div class="roomcheck_sin roomcheck_sin_a">
<div class="roomcheck_sin_name">机主信息</div> <div class="roomcheck_sin_name">机主信息</div>
<div class="roomcheck_sin_people">王大锤</div> <div class="roomcheck_sin_people">王大锤</div>
</div> </div>
...@@ -41,22 +41,23 @@ ...@@ -41,22 +41,23 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="shu"></div> <div class="shu"></div>
<div class="roomprice"> <div class="roomprice">
<div class="roomprice_title">支付金额</div> <div class="roomprice_title">支付金额</div>
<div class="roomprice_num">¥<span>588</span></div> <div class="roomprice_num">¥<span>95</span></div>
<div class="roomprice_tips"> <div class="roomprice_tips">
<div class="heng"></div> <div class="heng"></div>
<div>费用明细</div> <div>费用明细</div>
<div class="heng"></div> <div class="heng"></div>
</div> </div>
<div class="roomprice_specific"> <div class="roomprice_specific">
<div class="roomprice_specific_name">房间费用</div> <div class="roomprice_specific_name">SIM卡费用</div>
<div class="roomprice_specific_num">200</div> <div class="roomprice_specific_num">¥50</div>
</div> </div>
<div class="roomprice_specific"> <div class="roomprice_specific">
<div class="roomprice_specific_name">房间费用</div> <div class="roomprice_specific_name">套餐费用</div>
<div class="roomprice_specific_num">200</div> <div class="roomprice_specific_num">¥45</div>
</div> </div>
<div class="roomprice_bto" @click="pay">确认支付</div> <div class="roomprice_bto" @click="pay">确认支付</div>
</div> </div>
...@@ -85,126 +86,121 @@ ...@@ -85,126 +86,121 @@
<style scoped> <style scoped>
.order { .order {
width: 100%; width: 100%;
height: 100%; height: 620px;
padding: 0 45px; padding: 30px 82px 30px 30px;
box-sizing: border-box; box-sizing: border-box;
background: white; background: white;
border-radius: 21px; border-radius: 14px;
padding-bottom: 75px; /* padding-bottom: 75px; */
} }
.order_top { .order_top {
height: 132px; /* height: 132px; */
width: 100%; width: 100%;
position: relative; position: relative;
} }
.gobak { .gobak {
width: 141px; width: 94px;
height: 51px; height: 34px;
position: absolute; position: absolute;
top: 45px;
left: 0; left: 0;
cursor: pointer; cursor: pointer;
font-size: 21px; font-size: 14px;
color: #666666; color: #666666;
background: #ffffff; background: #ffffff;
border-radius: 6px 6px 6px 6px; border-radius: 4px;
border: 2px solid #707070; border: 1px solid #707070;
text-align: center; text-align: center;
line-height: 51px; line-height: 34px;
} }
.order_title { .order_title {
font-size: 42px; font-size: 28px;
color: #000000; color: #000000;
width: 100%; width: 100%;
text-align: center; text-align: center;
line-height: 132px; /* line-height: 132px; */
} }
.collection { .collection {
width: 100%; /* width: 100%; */
background: white; background: white;
height: 729px;
/* height: 550px; */
display: flex; display: flex;
align-items: center; /* align-items: center; */
box-sizing: border-box; box-sizing: border-box;
margin-top: 44px;
} }
.roominfo {
width: 467px;
height: 100%;
padding: 51px 0 0 53px;
box-sizing: border-box;
background: url("~@/assets/sim/card5.png");
background-size: 100% 100%;
}
.roominfo_name {
font-size: 30px;
color: #a28263;
}
.roominfo_num {
font-size: 90px;
color: #7f5321;
margin: 12px 0 15px;
}
.roominfo_type { .roomcheck {
width: 141px; /* width: 70%; */
height: 54px; /* height: 100%; */
border-radius: 6px 6px 6px 6px; /* padding: 0 60px 0 30px; */
text-align: center; box-sizing: border-box;
line-height: 54px; display: flex;
color: #7f5321; /* margin-top: 44px; */
font-size: 21px;
border: 1px solid #7f5321;
} }
.roomcheck { .roominfo {
width: 636px; width: 302px;
height: 100%; height: 449px;
padding: 0 60px 0 45px; /* padding: 51px 0 0 53px; */
box-sizing: border-box; box-sizing: border-box;
background: url("~@/assets/sim/card5.png");
background-size: 100% 100%;
margin-right: 39px;
} }
.roomcheck_sin { .roomcheck_sin {
width: 531px; width: 354px;
height: 156px; height: 98px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
} }
.roomcheck_sin_a {
height: auto !important;
padding-bottom: 40px;
padding-top: 23px;
}
.roomcheck_sin_name { .roomcheck_sin_name {
font-size: 24px;
font-size: 16px;
color: #666666; color: #666666;
} }
.roomcheck_sin_people { .roomcheck_sin_people {
font-size: 27px;
font-size: 18px;
color: #333333; color: #333333;
font-weight: bold;
} }
.roomcheck_sin_time { .roomcheck_sin_time {
font-size: 24px; font-size: 24px;
margin-top: 45px; margin-top: 30px;
color: #000000; color: #000000;
} }
.roomcheck_sin_time_title { .roomcheck_sin_time_title {
margin-top: 45px !important; margin-top: 30px !important;
color: #666666 !important; color: #666666 !important;
} }
.roomcheck_sin_time_a { .roomcheck_sin_time_a {
font-size: 24px; font-size: 16px;
margin-top: 14px; margin-top: 12px;
color: #000000; color: #000000;
} }
...@@ -226,24 +222,27 @@ ...@@ -226,24 +222,27 @@
.roomprice_num_text2 { .roomprice_num_text2 {
font-size: 21px; font-size: 14px;
} }
.roomcheck_sin_bottom { .roomcheck_sin_bottom {
margin-top: 60px; margin-top: 30px;
} }
.shu { .shu {
width: 1px; width: 1px;
height: 489px;
height: 326px;
background: #e0e0e0; background: #e0e0e0;
margin: 63px 51px 0 40px;
} }
.roomprice { .roomprice {
flex: 1; flex: 1;
height: 100%; /* height: 100%; */
padding: 60px 77px 0; /* padding: 60px 77px 0; */
box-sizing: content-box; box-sizing: content-box;
padding-top: 23px;
} }
.roomprice_tips { .roomprice_tips {
...@@ -254,54 +253,57 @@ ...@@ -254,54 +253,57 @@
} }
.heng { .heng {
width: 168px; width: 100px;
height: 1px; height: 1px;
background: #e0e0e0; background: #e0e0e0;
} }
.roomprice_title { .roomprice_title {
font-size: 24px; font-size: 16px;
color: #666666; color: #666666;
text-align: center; text-align: center;
} }
.roomprice_num { .roomprice_num {
color: #333333; color: #000000;
font-size: 33px; font-size: 22px;
text-align: center; text-align: center;
margin: 27px 0 84px; margin: 18px 0 64px;
font-weight: bold;
} }
.roomprice_num span { .roomprice_num span {
font-size: 72px; font-size: 48px;
} }
.roomprice_specific { .roomprice_specific {
display: flex; display: flex;
margin-top: 42px; margin-top: 11px;
justify-content: space-between; justify-content: space-between;
} }
.roomprice_specific_name { .roomprice_specific_name {
font-size: 24px; font-size: 16px;
color: #666666; color: #666666;
} }
.roomprice_specific_num { .roomprice_specific_num {
color: #000000; color: #000000;
font-size: 30px; font-size: 20px;
} }
.roomprice_bto { .roomprice_bto {
width: 198px; width: 132px;
height: 75px; height: 50px;
background: #437AE5;
border-radius: 4px 4px 4px 4px;
text-align: center; text-align: center;
line-height: 75px; line-height: 50px;
font-size: 27px;
font-size: 18px;
cursor: pointer; cursor: pointer;
color: #ffffff; color: #ffffff;
margin: 150px auto 0; margin: 100px auto 0;
background: #437AE5;
border-radius: 6px 6px 6px 6px;
} }
</style> </style>
\ No newline at end of file
...@@ -131,4 +131,12 @@ ...@@ -131,4 +131,12 @@
border: 1px solid #707070; border: 1px solid #707070;
} }
::v-deep .el-button--primary {
width: 208px;
height: 70px;
border: none;
background: #437AE5;
font-size: 24px;
}
</style> </style>
\ No newline at end of file
...@@ -71,10 +71,10 @@ ...@@ -71,10 +71,10 @@
</script> </script>
<style scoped> <style scoped>
.standby { .standby {
/* height: 100%; */ height: 800px;
width: 100%; width: 100%;
background: url("~@/assets/visitor/background.png") no-repeat; background: url("~@/assets/visitor/background.png") no-repeat;
background-size: 100%; background-size: 1280px 800px;
box-sizing: border-box; box-sizing: border-box;
} }
...@@ -98,10 +98,7 @@ ...@@ -98,10 +98,7 @@
.header_right { .header_right {
display: flex; display: flex;
color: #FFFFFF; color: #FFFFFF;
/* align-items: center; */
/* height: 105px; */
margin-top: 24px; margin-top: 24px;
} }
......
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