commit

src/views/detail/signature.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="header">
       <span>签名确认</span>
-      <span class="close" @click="onClose">×</span>
+      <!-- <span class="close" @click="onClose">×</span> -->
     </div>
     <div class="content">
       <div class="info">
@@ -12,8 +12,12 @@
           <span class="blue">产品{{info.device}}</span>
           已维修完毕。如已收货，请在下方进行签收，感谢您的配合！
         </p>
+        <div class="SignFor" v-if="customerAddress.isSignFor == 1">
+          <div>确认签收：</div>
+          <img :src="signatureImg.url" alt="">
+        </div>
       </div>
-      <div class="sign-area">
+      <div class="sign-area" v-if="customerAddress.isSignFor != 1">
         <div class="sign-title">请在下方签名</div>
         <div class="sign-tip">签名需清晰可辨识</div>
         <div class="sign-box" @click="startSign">
@@ -29,7 +33,7 @@
         </div>
       </div>
     </div>
-    <div class="footer">
+    <div class="footer" v-if="customerAddress.isSignFor != 1">
       <van-button class="close-btn" @click="onClose">关闭</van-button>
       <van-button type="primary" class="confirm-btn" @click="onConfirm">确认签名</van-button>
     </div>
@@ -57,6 +61,7 @@
   const wxOpenId = computed(() => {
     return userStore.getWxOpenId;
   });
+  const customerAddress = ref({})
   const signatureImg = ref({
     file: '',
     url: ''
@@ -65,14 +70,18 @@
     name: '',
     device: '',
   })
-  onMounted(async () => {
+  onMounted(() => {
+    getData();
+  });
+
+  async function getData() {
     const { data } = await repairDetails(id);
     info.value.name = data.customer.customerName;
     info.value.device = data.repairerVo.cameraSnCode;
+    customerAddress.value = data.customerAddress;
+    signatureImg.value.url = data.customerAddress.sendTrackingImg && data.customerAddress.sendTrackingImg[0];
     console.log('data', info.value, data);
-  });
-
-
+  }
   function startSign() {
     // 触发canvas签名
     console.log('signatureModalRef', signatureModalRef.value);
@@ -128,9 +137,10 @@
       trackingImg: [data.data]
     })
     showToast('操作成功');
-    setTimeout(() => {
-      router.replace('/home');
-      }, 500);
+    getData();
+    // setTimeout(() => {
+    //   router.replace('/home');
+    //   }, 500);
     // 提交签名图片
   }
 </script>
@@ -178,6 +188,16 @@
     margin-bottom: 1.5rem;
     font-size: 14px;
     color: #333;
+    .SignFor{
+      width: 100%;
+      display: flex;
+      justify-content: end;
+      padding: 50px 0;
+      img{
+        width: calc(60% - 100px);
+        height: auto;
+      }
+    }
   }
   .blue {
     color: #1677ff;