新增 磅单查看

src/views/voyage/voyageDetail.vue

@@ -131,7 +131,10 @@
       </div>
     </div>
   </div>
-  <div class="container-title">航次信息</div>
+  <div class="container-title df aic jcsb">
+    <div>航次信息</div>
+    <div style="margin-right: 20px">信息更新时间:</div>
+  </div>
   <div class="line-container-p24">
     <div class="line">
       <div class="info-line">
@@ -324,13 +327,14 @@
         ></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>
+            <el-button
+              @click="showUpdateDischarge(scope.row, scope.$index)"
+              type="primary"
+              size="small"
+              v-if="scope.row.files"
+            >
+              查看
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -451,6 +455,46 @@
         :src="currentUrl"
       ></video>
     </el-dialog>
+    <el-dialog
+      v-model="updateDischargeDialog"
+      title="查看记录"
+      width="700px"
+      center
+    >
+      <el-form :model="updateForm" style="margin-bottom: 20px">
+        <!-- <el-form-item label="记录ID">
+            <span style="padding-left: 20px">{{ updateForm.id }}</span>
+          </el-form-item> -->
+        <el-form-item label="卸货时间">
+          <el-date-picker
+            class="info-line-text"
+            v-model="updateForm.dischargeTime"
+            type="datetime"
+            format="YYYY/MM/DD HH:mm:ss"
+            value-format="YYYY/MM/DD HH:mm:ss"
+            placeholder="卸货时间"
+            disabled
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item label="卸货吨位">
+          <el-input
+            style="width: 240px"
+            v-model="updateForm.dischargeTons"
+            placeholder="卸货吨位"
+            disabled
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="磅单查看">
+          <el-image
+            style="width: 200px; height: 200px; margin-right: 20px"
+            v-for="item in updatePoundBillList"
+            :src="item.viewUrl"
+            :key="item"
+            @click="openMediaModal(item.viewUrl, 1, '磅单查看')"
+          ></el-image>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -564,11 +608,6 @@ export default {
       });
       if (res.data.status == 0) {
         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);
@@ -597,13 +636,21 @@ export default {
         });
       }
     }
+    let updatePoundParams = ref([]);
+    let updatePoundBillList = ref([]);
+
     function showUpdateDischarge(item, index) {
       updateDischargeDialog.value = true;
+      updatePoundBillList.value = [];
+
+      let { id, dischargeTons, dischargeTime, voyageId, files } = item;
+      updatePoundBillList.value = files;
+
       updateForm.value = {
-        ...item,
+        id,
+        dischargeTons,
+        dischargeTime,
       };
-      delete updateForm.value.createTime;
-      delete updateForm.value.voyageId;
       currentUpdateIndex.value = index;
     }
     function cancelUpdateDischarge() {
@@ -932,6 +979,8 @@ export default {
       previewPoundList,
       isDischargeLoadingExcel,
       exportDischargeExcel,
+      updatePoundParams,
+      updatePoundBillList,
     };
   },
 };