1

src/views/common.vue

@@ -3,7 +3,7 @@
         <div class="common">
             <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">
                 {{title}}
             </div>
@@ -76,11 +76,21 @@
 
             // 返回主页
             gohome() {
+                console.log(234)
                 clearInterval(this.timer);
                 this.$router.replace({
                     name: "visitor",
                 });
             },
+        },
+        beforeDestroy() {
+
+            // 销毁定时器
+
+            clearInterval(this.timer);
+
+            this.timer = null;
+
         }
     }
 </script>

src/views/common2.vue

@@ -118,6 +118,15 @@
                     name: "sim",
                 });
             },
+        },
+        beforeDestroy() {
+
+            // 销毁定时器
+
+            clearInterval(this.timer);
+
+            this.timer = null;
+
         }
     }
 </script>
@@ -218,7 +227,7 @@
 
     .hotel_content {
         width: 100%;
-        padding: 0 36px;
+        padding: 0 54px;
         box-sizing: border-box;
 
     }

src/views/sim/pay.vue

 <template>
   <div class="order">
     <div class="order_top">
-      <div class="goback" @click="goback">返回上一步</div>
+      <div class="goback" @click="gobak">返回上一步</div>
       <div class="order_title">订单支付</div>
     </div>
     <div class="collection">
@@ -9,11 +9,11 @@
       <div class="price">¥<span>99</span></div>
       <div class="price_type">
         <div class="price_wechat">
-          <img src="" class="price_img" />
+          <img class="price_img" />
           <div class="price_tips">使用<span>微信</span>扫一扫进行支付</div>
         </div>
         <div class="price_alipay">
-          <img src="" class="price_img" />
+          <img class="price_img" />
           <div class="price_tips">使用<span>支付宝</span>扫一扫进行支付</div>
         </div>
       </div>
@@ -25,11 +25,12 @@
 <script>
   export default {
     methods: {
-      goback() {
+      gobak() {
         this.$router.go(-1);
       },
 
       comfim() {
+        console.log(111)
         this.$router.push({
           name: "simCard",
         });

src/views/sim/phone.vue

@@ -57,7 +57,7 @@
 
         position: relative;
 
-        padding: 0 86px;
+        /* padding: 0 0px; */
         box-sizing: border-box;
     }
 
@@ -101,6 +101,7 @@
         flex-wrap: wrap;
         min-height: 471px;
         align-content: flex-start;
+        justify-content: space-around;
     }
 
     .phone_list_item {

src/views/sim/register.vue

 <template>
   <div class="order">
     <div class="order_top">
-      <div class="goback" @click="gobak">返回上一步</div>
+      <div class="gobak" @click="gobak">返回上一步</div>
       <div class="order_title">确认订单</div>
     </div>
     <div class="collection">
@@ -75,7 +75,7 @@
           name: "payment",
         });
       },
-      goback() {
+      gobak() {
         this.$router.go(-1);
       },
     },
@@ -99,7 +99,7 @@
     position: relative;
   }
 
-  .goback {
+  .gobak {
     width: 141px;
     height: 51px;
     position: absolute;

src/views/sim/roomcard.vue

 <template>
   <div class="order">
     <div class="order_top">
-      <div class="order_title">发放房卡</div>
+      <div class="order_title">发放SIM卡</div>
     </div>
     <div class="collection">
       <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"
         :stroke-width="21"></el-progress>
       <div class="progress_schedule">40%</div>

src/views/sim/success.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="collection">
       <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_back" @click="goback">回到首页</div>
     </div>

src/views/visitor/authSuccess.vue

@@ -65,7 +65,7 @@
                 this.$router.go(-1);
             },
             toNext() {
-                this.$router.push({ name: "card", params: { title: '发放访客卡', } });
+                this.$router.push({ name: "send" });
 
             },
         }

src/views/visitor/card.vue

@@ -97,7 +97,7 @@
 
     .card_body {
         width: 100%;
-        height: 729px;
+        height: 810px;
         display: flex;
         flex-direction: column;
         align-items: center;

src/views/visitor/reserved.vue

@@ -45,7 +45,7 @@
 
             clickBtn(val) {
                 val == 11 ? this.phone = '' : ''
-                if (this.phone.length > 10) return
+                if (this.phone.length > 10 && val != 10) return
                 val <= 9 ?
                     this.phone = this.phone + val.toString() : '';
 

src/views/visitor/send.vue

@@ -95,7 +95,7 @@
 
     .card_body {
         width: 100%;
-        height: 729px;
+        height: 810px;
         display: flex;
         flex-direction: column;
         align-items: center;