feat: ui

src/views/appointDetails/index.vue

@@ -6,28 +6,28 @@
       :header-info="headerInfo"
     />
     <div class="insurance-reseach-detail">
-      <div class="detail-status">
-        <img
-          v-if="expireFlag"
-          src="https://files.yunqueyi.com/image/png/common/20230301105920798.png"
-          alt=""
-        >
-        <img
-          v-else
-          src="https://files.yunqueyi.com/image/png/common/20230228133738711.png"
-          alt=""
-        >
-
-        {{ !expireFlag ? statusMap(detailInfo.status) : '已过期' }}
-      </div>
       <div class="detail-top insurance-detection">
+        <div class="detail-status">
+          <img
+            v-if="expireFlag"
+            src="https://files.yunqueyi.com/image/png/common/20230301105920798.png"
+            alt=""
+          >
+          <img
+            v-else
+            src="https://files.yunqueyi.com/image/png/common/20230804142305549.png"
+            alt=""
+          >
+
+          {{ !expireFlag ? statusMap(detailInfo.status) : '已过期' }}
+        </div>
         <div class="detection-title">
           您的{{ isUnderLine ? '领取' : '检测' }}时间
         </div>
-        <div class="detection-time mb5">
+        <div class="detection-time">
           {{ detailInfo.appointmentTimeStr }}
         </div>
-        <div class="detection-time">
+        <div class="detection-time mb5">
           {{ detailInfo.appointmentTimeStr2 }}
         </div>
         <div class="detail-top-info">
@@ -55,11 +55,6 @@
               </div>
             </div>
           </div>
-          <img
-            class="detail-top-img"
-            src="https://files.yunqueyi.com/image/png/common/20230228180052259.png"
-            alt=""
-          >
           <div
             v-if="
               detailInfo.hospitalRemarks && detailInfo.hospitalRemarks !== ''
@@ -626,17 +621,17 @@ export default {
   box-sizing: border-box;
   background: #f5f6f8;
   background: linear-gradient(180deg, #00bda5 0%, #20c5b0 125px, #f5f6f8 257px);
-  padding: 20px 12px 160px;
+  padding: 0 12px 160px 12px;
   overflow: auto;
   .detail-status {
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 20px;
+    font-size: 18px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
-    color: #ffffff;
-    line-height: 28px;
+    color: #212121;
+    line-height: 18px;
     img {
       width: 24px;
       height: 24px;
@@ -652,24 +647,24 @@ export default {
   }
 
   .detail-qrcode-content {
-    padding: 20px 0;
+    padding: 12px 0;
     border-radius: 11px;
     background: #fff;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    margin-bottom: 10px;
 
     .cancel-code {
       width: 165px;
-      height: 31px;
+      height: 32px;
       background: #f9fafb;
       border-radius: 15px;
       font-size: 14px;
-      color: #666666;
+      color: #212121;
       text-align: center;
-      line-height: 31px;
+      line-height: 32px;
+      font-weight: 500;
       margin: 2px 0 4.5px 0;
     }
 
@@ -688,6 +683,8 @@ export default {
     background: #f9fafb;
     border-radius: 11px;
     padding-bottom: 10px;
+    background-image: url('https://files.yunqueyi.com/image/png/common/20230804154424560.png');
+    background-position: 100%;
     .detail-top-img {
       position: relative;
       left: 50%;
@@ -763,6 +760,9 @@ export default {
       font-weight: 400;
       color: #9f9f9f;
       line-height: 16px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .detail-top-address-navigation {
       position: absolute;
@@ -896,29 +896,28 @@ export default {
   background: #ffffff;
   border-radius: 11px;
   padding: 20px 15px;
-  margin-top: 22px;
+  margin-top: 12px;
   .detection-title {
-    height: 18px;
+    height: 13px;
     font-size: 13px;
     font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     color: #666666;
-    line-height: 18px;
+    line-height: 13px;
     text-align: center;
-    margin-bottom: 1px;
+    margin-top: 17px;
+    margin-bottom: 6px;
   }
   .detection-time {
-    height: 30px;
-    font-size: 21px;
+    font-size: 20px;
     font-family: PingFangSC-Semibold, PingFang SC;
     font-weight: 600;
     color: #212121;
-    line-height: 30px;
+    line-height: 24px;
     text-align: center;
-    margin-bottom: 15px;
   }
   .mb5 {
-    margin-bottom: 5px;
+    margin-bottom: 15px;
   }
 }
 .appoint-detail-tel {
@@ -926,7 +925,7 @@ export default {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #666666;
+  color: #999999;
   line-height: 22px;
   text-align: center;
   .serve-time {

vue.config.js

@@ -36,7 +36,7 @@ module.exports = {
     port: 8083,
     proxy: {
       '/proxy': {
-        target: 'https://dev-sc.yunqueyi.com/',
+        target: 'https://test1-sc.yunqueyi.com/',
         // target: 'https://test1-sc.yunqueyi.com/',
         // target: 'https://uat-sc.yunqueyi.com/',
         // http://10.241.65.90:3000/mock/1071/cs/route/removeUser