更新 航次详情部局

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>
     <el-button
       v-auth="'DOWNLOADSHIPTRACK'"
       style="width: 220px; margin-right: 20px"
@@ -342,7 +354,113 @@
           </div>
         </div>
       </div>
-      <hr class="hr m30-0" />
+    </div>
+  </div>
+  <div class="container-title">卸货信息</div>
+  <div class="line-container-p24">
+    <div v-auth="'SHIPDISCHARGE'">
+      <div class="container-second-title df aic jcsb">
+        <div>天气信息</div>
+      </div>
+      <el-table :data="dischargeList" stripe style="width: 800px">
+        <el-table-column
+          type="index"
+          label="序号"
+          min-width="80"
+          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"
+              v-if="scope.row.files"
+            >
+              查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="width: 100%; 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>
+    <div v-auth="'SHIPDISCHARGE'">
+      <div class="container-second-title df aic jcsb">
+        <div>提单信息</div>
+      </div>
+      <el-table :data="dischargeList" stripe style="width: 800px">
+        <el-table-column
+          type="index"
+          label="序号"
+          min-width="80"
+          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"
+              v-if="scope.row.files"
+            >
+              查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div style="width: 100%; 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>
     <div v-auth="'SHIPDISCHARGE'">
       <div class="container-second-title df aic jcsb">
@@ -623,7 +741,12 @@
     </el-dialog>
   </div>
   <div v-auth="'BILLINFO'">
-    <div class="container-title">单据信息</div>
+    <div class="container-title df aic jcsb">
+      单据信息
+      <el-button style="margin-right: 30px" size="medium" type="primary"
+        >下载</el-button
+      >
+    </div>
     <div class="line-container-p24" style="padding-left: 60px">
       <div class="df aic">
         <div class="info-line-title">保险单:</div>
@@ -666,8 +789,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%"
@@ -1256,6 +1382,7 @@ function showTruckRecord(item, index, text) {
 
 let truckLoadParams = ref({});
 function getTruckLoadBillList() {}
+let blockchainInfo = ref("");
 
 onMounted(() => {
   getVoyageDetail(1);