更新 单位

src/views/voyage/voyageDetail.vue

@@ -138,12 +138,21 @@
         ></el-input>
       </div>
       <div class="info-line">
-        <div class="info-line-title">吨位</div>
+        <div style="width: 120px !important" class="info-line-title">货量</div>
         <el-input
+          style="width: 100px !important"
           class="info-line-text"
           v-model="voyage.tons"
           disabled
         ></el-input>
+        <span class="unit">吨</span>
+        <el-input
+          style="width: 80px !important"
+          class="info-line-text"
+          v-model="voyage.Pieces"
+          disabled
+        ></el-input>
+        <span class="unit">件</span>
       </div>
     </div>
     <div class="container-second-title df aic jcsb mt40">
@@ -170,13 +179,23 @@
           ></el-date-picker>
         </div>
         <div class="info-line">
-          <div class="info-line-title">实装吨位</div>
+          <div class="info-line-title">实装货量</div>
           <el-input
+            style="width: 100px !important"
             class="info-line-text"
             v-model="voyage.actualLoadTons"
             :disabled="disabledStatus"
             placeholder="实装吨位"
           ></el-input>
+          <span class="unit">吨</span>
+          <el-input
+            style="width: 80px !important"
+            class="info-line-text"
+            v-model="voyage.actualLoadPieces"
+            :disabled="disabledStatus"
+            placeholder="实装件数"
+          ></el-input>
+          <span class="unit">件</span>
         </div>
       </div>
       <div class="line">
@@ -285,13 +304,23 @@
       </div>
       <div class="line">
         <div class="info-line">
-          <div class="info-line-title">实际卸货吨位</div>
+          <div class="info-line-title">实际卸货量</div>
           <el-input
+            style="width: 100px !important"
             class="info-line-text"
             placeholder="实际卸货吨位"
             v-model="voyage.actualDischargeTons"
             :disabled="disabledStatus"
           ></el-input>
+          <span class="unit">吨</span>
+          <el-input
+            style="width: 80px !important"
+            class="info-line-text"
+            placeholder="实际卸货件数"
+            v-model="voyage.actualDischargePieces"
+            :disabled="disabledStatus"
+          ></el-input>
+          <span class="unit">件</span>
         </div>
       </div>
       <div class="line">
@@ -325,6 +354,12 @@
         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="卸货吨位"
@@ -332,9 +367,9 @@
         align="center"
       ></el-table-column>
       <el-table-column
-        prop="dischargeTime"
-        label="卸货时间"
-        min-width="120"
+        prop="dischargePieces"
+        label="卸货件数"
+        min-width="100"
         align="center"
       ></el-table-column>
       <el-table-column label="磅单" min-width="150" align="center">
@@ -1381,4 +1416,13 @@ onMounted(() => {
   color: #006ebc;
   cursor: pointer;
 }
+
+.unit {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #353a42;
+  line-height: 100%;
+  margin: 0 10px;
+}
 </style>