Commit 3b945d48 authored by limeimei's avatar limeimei

发放sim卡

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