更新 航次详情部局

src/views/voyage/voyageDetail.vue

@@ -10,7 +10,19 @@
   </div>
 
   <div class="container-title df aic jcsb">
-    <div>航次信息</div>
+    <div class="df aic">
+      <div class="mr30">航次信息</div>
+      <el-tooltip
+        class="box-item"
+        effect="light"
+        :content="blockchainInfo"
+        placement="top"
+      >
+        <div class="pointer" style="font-size: 14px; font-weight: normal">
+          汇很多科技区块链认证
+        </div>
+      </el-tooltip>
+    </div>
   </div>
   <div class="line-container-p24">
     <div class="line">
@@ -364,7 +376,151 @@
         ></el-input>
       </div>
     </div>
-    <div class="hr m30-0"></div>
+  </div>
+  <div class="container-title">卸货信息</div>
+  <div class="line-container-p24">
+    <div class="container-second-title df aic jcsb">
+      <div>天气信息</div>
+    </div>
+    <el-table
+      style="width: 800px"
+      :data="dischargeList"
+      stripe
+      :disabled="disabledStatus"
+    >
+      <el-table-column
+        type="index"
+        label="序号"
+        min-width="120"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargeTime"
+        label="卸货时间"
+        min-width="120"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargeTons"
+        label="卸货吨位"
+        min-width="100"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargePieces"
+        label="卸货件数"
+        min-width="100"
+        align="center"
+      ></el-table-column>
+      <el-table-column label="磅单" min-width="150" align="center">
+        <template v-slot="scope">
+          <el-button
+            @click="showUpdateDischarge(scope.row, scope.$index)"
+            type="primary"
+            size="small"
+          >
+            {{ scope.row.files ? "查看" : "上传" }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" min-width="150" align="center">
+        <template v-slot="scope">
+          <el-button
+            @click="showUpdateDischarge(scope.row, scope.$index)"
+            type="primary"
+            size="small"
+          >
+            修改
+          </el-button>
+          <el-button
+            @click="deleteDischarge(scope.row.id, scope.$index)"
+            type="danger"
+            size="small"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="width: 800px; text-align: right; margin-top: 43px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="total"
+        @current-change="pageChange"
+      ></el-pagination>
+    </div>
+    <div class="container-second-title df aic jcsb">
+      <div>提单信息</div>
+    </div>
+    <el-table
+      style="width: 800px"
+      :data="dischargeList"
+      stripe
+      :disabled="disabledStatus"
+    >
+      <el-table-column
+        type="index"
+        label="序号"
+        min-width="120"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargeTime"
+        label="卸货时间"
+        min-width="120"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargeTons"
+        label="卸货吨位"
+        min-width="100"
+        align="center"
+      ></el-table-column>
+      <el-table-column
+        prop="dischargePieces"
+        label="卸货件数"
+        min-width="100"
+        align="center"
+      ></el-table-column>
+      <el-table-column label="磅单" min-width="150" align="center">
+        <template v-slot="scope">
+          <el-button
+            @click="showUpdateDischarge(scope.row, scope.$index)"
+            type="primary"
+            size="small"
+          >
+            {{ scope.row.files ? "查看" : "上传" }}
+          </el-button>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" min-width="150" align="center">
+        <template v-slot="scope">
+          <el-button
+            @click="showUpdateDischarge(scope.row, scope.$index)"
+            type="primary"
+            size="small"
+          >
+            修改
+          </el-button>
+          <el-button
+            @click="deleteDischarge(scope.row.id, scope.$index)"
+            type="danger"
+            size="small"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="width: 800px; text-align: right; margin-top: 43px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="total"
+        @current-change="pageChange"
+      ></el-pagination>
+    </div>
     <div class="container-second-title df aic jcsb">
       <div>卸货记录</div>
       <div>
@@ -384,8 +540,6 @@
         >
       </div>
     </div>
-  </div>
-  <div class="line-container-p24">
     <el-table
       style="width: 800px"
       :data="dischargeList"
@@ -446,6 +600,14 @@
         </template>
       </el-table-column>
     </el-table>
+    <div style="width: 800px; text-align: right; margin-top: 43px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="total"
+        @current-change="pageChange"
+      ></el-pagination>
+    </div>
     <el-dialog v-model="isAddPoundVisable">
       <el-form :model="formInline">
         <el-form-item label="卸货时间">
@@ -544,14 +706,7 @@
         style="height: 100%; width: 100%"
       ></el-image>
     </el-dialog>
-    <div style="width: 800px; text-align: right; margin-top: 43px">
-      <el-pagination
-        background
-        layout="prev, pager, next"
-        :total="total"
-        @current-change="pageChange"
-      ></el-pagination>
-    </div>
+
     <div class="hr m30-0"></div>
     <div class="container-second-title df aic jcsb mt40">
       <div>汽车装货记录详情</div>
@@ -1186,8 +1341,11 @@
               {{ item.shipName }} 拍摄于
               <br />
               {{ item.createTime }}
+              <br />
+              天气 : {{ item.weather.weather }} - 气温 :
+              {{ item.weather.temperature }}℃
             </div>
-            <div class="medias-box" style="position: relative">
+            <div class="medias-box mb10" style="position: relative">
               <el-image
                 v-if="item.mediaType == 1"
                 style="width: 100%; height: 100%"
@@ -1217,7 +1375,7 @@
                 alt=""
               />
             </div>
-            <div class="checkbox-group df aic jcsa">
+            <div class="checkbox-group df aic jcsa mb10">
               <el-checkbox
                 @change="auditMedia(item.id, 1, index, item.mediaType)"
                 :model-value="item.audit == 1"
@@ -2112,6 +2270,7 @@ function checkItem() {
 
 let ocrLoading = ref(false);
 let ocrImageList = ref([]);
+let blockchainInfo = ref("");
 
 onMounted(() => {
   getVoyageDetail();