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 = [
      name: "card",
      component: Card,
      meta: {
      title: "发放访客卡",
      title: "发放成功",
      },
      },
      {
      ......@@ -108,7 +108,7 @@ const routes = [
      name: "send",
      component: Send,
      meta: {
      title: "发放成功",
      title: "发放访客卡",
      },
      },
      ],
      ......
      src/views/common.vue
      View file @ 3b945d48
      ......@@ -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;
      ......
      src/views/common2.vue
      View file @ 3b945d48
      ......@@ -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 {
      ......
      src/views/sim/pay.vue
      View file @ 3b945d48
      ......@@ -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
      src/views/sim/register.vue
      View file @ 3b945d48
      ......@@ -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
      src/views/visitor/card.vue
      View file @ 3b945d48
      ......@@ -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
      src/views/visitor/standby.vue
      View file @ 3b945d48
      ......@@ -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