新增 保险单;更新 卸货记录列表

src/views/voyage/voyageDetail.vue

@@ -294,7 +294,7 @@
         margin-bottom: 40px;
       "
     >
-      <el-table :data="dischagreList" stripe :disabled="disabledStatus">
+      <el-table :data="dischargeList" stripe>
         <el-table-column
           type="index"
           label="序号"
@@ -313,6 +313,17 @@
           min-width="120"
           align="center"
         ></el-table-column>
+        <el-table-column label="磅单" min-width="150" align="center">
+          <template v-slot="scope">
+            <el-image
+              v-if="scope.row.viewUrl"
+              style="width: 50px; height: 50px"
+              :src="scope.row.viewUrl"
+              fit="contain"
+              :preview-src-list="previewPoundList"
+            ></el-image>
+          </template>
+        </el-table-column>
       </el-table>
 
       <el-dialog v-model="dialogVisible" title="图片预览" width="30%">
@@ -331,6 +342,16 @@
       </div>
     </el-card>
   </div>
+  <div class="container-title">保险单列表</div>
+  <div class="line-container-p24" style="padding-left: 60px">
+    <el-image
+      style="width: 200px; height: 200px; margin-right: 20px"
+      :src="item.viewUrl"
+      v-for="item in policyList"
+      :key="item"
+      @click="openMediaModal(item.viewUrl, 1, '保险单查看')"
+    ></el-image>
+  </div>
   <div class="container-title">运单列表</div>
   <div class="line-container-p24" style="padding-left: 60px">
     <el-image
@@ -441,6 +462,8 @@ export default {
     let medias = ref([]);
     let coordinates = ref();
     let previewSrcList = ref([]);
+    let policyList = ref([]);
+    let previewPoundList = ref([]);
 
     async function getVoyageDetail(type) {
       let res = await api.getVoyageDetail({
@@ -458,7 +481,12 @@ export default {
         coordinates.value = res.data.result.coordinates;
         voyage.value = res.data.result.voyage;
         medias.value = res.data.result.medias;
-
+        for (let i of res.data.result.policys) {
+          policyList.value.push({
+            ...i,
+            url: i.viewUrl,
+          });
+        }
         for (let i of res.data.result.waybills) {
           voyageBill.value.push({
             ...i,
@@ -501,7 +529,7 @@ export default {
         id,
       });
       if (res.data.status == 0) {
-        dischagreList.value.splice(index, 1);
+        dischargeList.value.splice(index, 1);
         ElNotification({
           type: "success",
           title: res.data.msg,
@@ -516,7 +544,7 @@ export default {
     }
     async function exportExcel() {}
     let dischargeCurrentPage = ref(1);
-    let dischagreList = ref();
+    let dischargeList = ref();
     let formInline = ref({});
     async function getDischargeList(type) {
       let res = await api.getDischargeList({
@@ -525,7 +553,12 @@ export default {
         size: 10,
       });
       if (res.data.status == 0) {
-        dischagreList.value = res.data.result;
+        dischargeList.value = res.data.result;
+        for (let i of dischargeList.value) {
+          if (i.viewUrl) {
+            previewPoundList.value.push(i.viewUrl);
+          }
+        }
         total.value = res.data.total;
       } else {
         console.log(res);
@@ -540,7 +573,7 @@ export default {
       });
 
       if (res.data.status == 0) {
-        dischagreList.value[currentUpdateIndex.value] = res.data.result;
+        dischargeList.value[currentUpdateIndex.value] = res.data.result;
         cancelUpdateDischarge();
         ElNotification({
           type: "success",
@@ -854,7 +887,7 @@ export default {
       deleteDischarge,
       exportExcel,
       dischargeCurrentPage,
-      dischagreList,
+      dischargeList,
       getDischargeList,
       updateDischarge,
       total,
@@ -872,6 +905,8 @@ export default {
       billUploadSuccess,
       billParams,
       calExpectedArrivalTime,
+      policyList,
+      previewPoundList,
     };
   },
 };