Skip to content

S
sim
Commit 3b945d48 authored by limeimei's avatar limeimei
Browse files
Options

发放sim卡

parent 4f81c66d
Pipeline #1971 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 150 additions and 153 deletions
      src/router/index.js
      View file @ 3b945d48
      ...@@ -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: "发放访客卡",
      }, },
      }, },
      ], ],
      ......
      src/views/common.vue
      View file @ 3b945d48
      ...@@ -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;
      ......
      src/views/common2.vue
      View file @ 3b945d48
      ...@@ -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 {
      ......
      src/views/sim/pay.vue
      View file @ 3b945d48
      ...@@ -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
      src/views/sim/register.vue
      View file @ 3b945d48
      ...@@ -5,58 +5,59 @@ ...@@ -5,58 +5,59 @@
      <div class="order_title">确认订单</div> <div class="order_title">确认订单</div>
      </div> </div>
      <div class="collection"> <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">
      <div class="roomcheck_sin"> <div class="roominfo">
      <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>
      <div>
      <div class="roomcheck_sin roomcheck_sin_a">
      <div class="roomcheck_sin_name">机主信息</div>
      <div class="roomcheck_sin_people">王大锤</div>
      </div> </div>
      <div class="roomcheck_sin_time_a roomcheck_sin_time_title"> <div class="roomcheck_sin">
      套餐内容： <div class="roomcheck_sin_name">您的号码</div>
      </div> <div class="roomcheck_sin_people">172-0728-2374</div>
      <div class="roomcheck_sin_time_a">
      40GB流量
      </div>
      <div class="roomcheck_sin_time_a">
      本地语音通话和短信任用
      </div> </div>
      <div class="roomcheck_sin_time_a"> <div class="roomcheck_sin_bottom">
      2000分钟中国内地及香港地区漫游语音通话 <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>
      </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
      src/views/visitor/card.vue
      View file @ 3b945d48
      ...@@ -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
      src/views/visitor/standby.vue
      View file @ 3b945d48
      ...@@ -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