new ui

src/views/insurance-bind-code/insurance-bind-code.vue

@@ -109,6 +109,20 @@
         提交
       </div>
     </div>
+    <div class="tel-wrap">
+      <div class="l-left">
+        在线客服入口: &nbsp;
+      </div>
+      <div
+        class="l-right"
+      >
+        <img
+          class="l-right-img"
+          src="https://files.yunqueyi.com/image/png/common/20230207134347503.png"
+        />
+        <a href="tel:400-00605252">400-00605252</a>
+      </div>
+    </div>
     <van-popup
       v-model="showProtocol"
       position="bottom"
@@ -401,6 +415,7 @@ export default {
         }
       });
     },
+    callPhone() {}
   }
 };
 
@@ -726,6 +741,29 @@ export default {
       white-space: nowrap;
     }
   }
+  .tel-wrap{
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    bottom: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .l-right{
+      color:#00BDA5;
+      display: flex;
+      align-items: center;
+    }
+    .l-right-img{
+      width: 12px;
+      height: 12px;
+      position: relative;
+      //top: 1px;
+    }
+  }
 }
 .mt20{padding-top: 20px}
 </style>

src/views/insurance-bindCode-success/index.scss

@@ -13,13 +13,14 @@
     z-index: 1;
     .status {
       padding: 16px 0;
-      display: flex;
-      align-items: center;
       img {
-        width: 27px;
+        width: 57px;
+        height: 66px;
+        margin:  0 auto;
       }
-      div {
-        padding-left: 9px;
+      .text {
+        text-align: center;
+        margin:  0 auto;
         width: 120px;
         height: 20px;
         font-size: 20px;
@@ -30,6 +31,10 @@
     }
     .content {
       height: auto;
+      position: relative;
+      top: 20px;
+      box-shadow: 0px 15px 10px 0px rgba(229,248,245,0.4);
+      border-radius: 20px;
       .info {
         width: 100%;
         height: auto;
@@ -70,7 +75,7 @@
             width: auto;
             height: auto;
             font-size: 14px;
-            font-weight: 500;
+            font-weight: 600;
             color: #212121;
             flex: 1;
             line-height: 20px;
@@ -151,6 +156,18 @@
       justify-content: center;
     }
   }
+  .wechat-wrap{
+    position: absolute;
+    bottom: 50px;
+    left: calc(50% - 175px);
+    margin: 0 auto;
+    width: 350px;
+    height: 70px;
+    img{
+      width: 100%;
+      height: 100%;
+    }
+  }
   }
 
 

src/views/insurance-bindCode-success/insurance-bindCode-success.vue

@@ -8,17 +8,28 @@
     <div class="detail-box">
       <div class="status">
         <img
-          src="https://files.yunqueyi.com/image/png/common/20220816135250298.png"
+          src="https://files.yunqueyi.com/image/png/common/20230301101427839.png"
           alt="success"
         >
-        <div>提交成功</div>
+        <div class="text">提交成功</div>
       </div>
       <div class="content">
         <div class="info">
-<!--          <div class="success-title">-->
-<!--            请将以下信息展示给采样医生-->
-<!--          </div>-->
           <div class="blue-wrap">
+            <div class="list">
+              <div class="l-left">
+                条形码:
+              </div>
+              <div class="l-right">
+                {{ dataDetail.sampleCode || '--' }}
+                <div
+                  class="l-copy"
+                  @click="copyText(dataDetail.sampleCode)"
+                >
+                  复制
+                </div>
+              </div>
+            </div>
             <div class="list">
               <p class="l-left">
                 受检人:
@@ -39,28 +50,15 @@
                 {{ dataDetail.checkName || '--' }}
               </p>
             </div>
-            <div class="list">
-              <p class="l-left">
-                检测编号:
-              </p>
-              <p class="l-right">
-                {{ dataDetail.recordNo || '--' }}
-              </p>
-            </div>
-            <div class="list">
-              <div class="l-left">
-                条形码:
-              </div>
-              <div class="l-right">
-                {{ dataDetail.sampleCode || '--' }}
-                <div
-                  class="l-copy"
-                  @click="copyText(dataDetail.sampleCode)"
-                >
-                  复制
-                </div>
-              </div>
-            </div>
+<!--            <div class="list">-->
+<!--              <p class="l-left">-->
+<!--                检测编号:-->
+<!--              </p>-->
+<!--              <p class="l-right">-->
+<!--                {{ dataDetail.recordNo || '&#45;&#45;' }}-->
+<!--              </p>-->
+<!--            </div>-->
+
           </div>
         </div>
       </div>
@@ -76,6 +74,9 @@
         查看我的检测
       </div>
     </div>
+    <div v-if="picaWechat == 'wechat'" class="wechat-wrap" @click="towechat">
+      <img src="https://files.yunqueyi.com/image/png/common/20230301135441279.png" alt="">
+    </div>
   </div>
 </template>
 <script>
@@ -107,7 +108,7 @@ export default {
     const {detectionRecordId, yunOrderNo} = this.$route.query;
     this.detectionRecordId = detectionRecordId;
     this.yunOrderNo = yunOrderNo;
-    this.init();
+    // this.init();
   },
   mounted() {
   },
@@ -141,6 +142,9 @@ export default {
       document.body.removeChild(input);
       this.$toast('已复制');
     },
+    towechat() {
+      window.location.href = 'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIyOTY2MTI0MQ==#wechat_redirect';
+    }
   },
 };
 </script>