lz-insurance

src/views/sz-public-new/index.vue

@@ -92,16 +92,17 @@
     </div>
     <van-popup
       v-model="showProtocol"
-      :style="{ height: '200px',width: '300px', }"
-      :transition-appear="true"
+      :style="{ height: '230px',width: '300px', }"
+      :transition-appear="false"
       :close-on-click-overlay="false"
     >
       <div
         v-if="showProtocol"
         class="protocol-content"
       >
+        <div class="block70 f20">身份校验通过</div>
         <div class="block70">
-          请确认参保人信息准确无误
+          请点击“领取权益”按钮填写预约领取信息
         </div>
         <div class="submit-button submit-button-empty">
           <wx-open-launch-weapp
@@ -125,6 +126,7 @@
 
 <script>
 import { createOrderSzV2} from '@/api/question';
+let that;
 export default {
   data() {
     return {
@@ -163,6 +165,7 @@ export default {
     },
   },
   mounted() {
+    that = this;
     const {externalOrderNo, projectEquityNo} = this.$route.query;
     this.projectEquityNo = projectEquityNo;
     this.externalOrderNo = externalOrderNo;
@@ -219,6 +222,7 @@ export default {
     },
     handleLaunchFn(e) {
       console.log('handleLaunchFn', e);
+      that.showProtocol = false;
     },
   }
 };
@@ -355,13 +359,16 @@ export default {
   }
   .protocol-content{
     padding: 20px;
-    padding-top: 50px;
     border-radius: 20px;
   }
   .block70{
     font-size: 14px;
     color: #212121!important;
     text-align: center;
+    margin-top: 15px;
+  }
+  .f20{
+    font-size: 20px;
   }
   .submit-button {
     position: relative;
@@ -377,5 +384,8 @@ export default {
     margin: 0 auto;
     margin-top: 30px;
   }
+  /deep/.van-popup--center{
+    border-radius: 20px;
+  }
 }
 </style>