更新 磅单上传

src/views/voyage/voyageDetail.vue

@@ -338,7 +338,7 @@
         margin-bottom: 40px;
       "
     >
-      <el-form :inline="true" :model="formInline">
+      <el-form :model="formInline">
         <el-form-item label="卸货时间">
           <el-date-picker
             class="info-line-text"
@@ -351,26 +351,26 @@
         </el-form-item>
         <el-form-item label="卸货吨位">
           <el-input
-            style="width: 220px"
+            class="info-line-text"
             v-model="formInline.dischargeTons"
             placeholder="卸货吨位"
           ></el-input>
         </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="addDischarge">
-            新增卸货吨位
-          </el-button>
+        <el-form-item label="卸货吨位">
+          <Uploader
+            :actionUrl="this.$store.state.wayBillUrl"
+            :uploaderId="'pound'"
+            :params="poundParams"
+            @onSendFileList="getPoundBillList"
+            :fileList="poundBillList"
+            uploadText="拖拽或点击上传磅单"
+          ></Uploader>
         </el-form-item>
       </el-form>
-      <div class="info-line">
-        <Uploader
-          :actionUrl="this.$store.state.wayBillUrl"
-          :uploaderId="'pound'"
-          :params="poundParams"
-          @onSendFileList="getPoundBillList"
-          :fileList="poundBillList"
-          uploadText="拖拽或点击上传磅单"
-        ></Uploader>
+      <div class="df aic jcfe mb30">
+        <el-button type="primary" @click="addDischarge">
+          新增卸货记录
+        </el-button>
       </div>
       <el-table :data="dischargeList" stripe :disabled="disabledStatus">
         <el-table-column
@@ -393,27 +393,12 @@
         ></el-table-column>
         <el-table-column label="磅单" min-width="150" align="center">
           <template v-slot="scope">
-            <!-- <el-button
-              @click="previewPoundBill(scope.row.viewUrl, scope.$index)"
-              type="danger"
-              size="small"
-            >
-              查看
-            </el-button> -->
-            <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
-              v-else
               @click="showUpdateDischarge(scope.row, scope.$index)"
               type="primary"
               size="small"
             >
-              上传
+              {{ scope.row.viewUrl ? "查看" : "上传" }}
             </el-button>
           </template>
         </el-table-column>
@@ -507,7 +492,7 @@
   </div>
   <div class="container-title">保险单列表</div>
   <div class="line-container-p24">
-    <div class="line" style="margin-bottom: 60px">
+    <div class="line">
       <div class="info-line">
         <div class="info-line-title">上传保险单</div>
         <el-upload
@@ -529,7 +514,7 @@
   </div>
   <div class="container-title">运单列表</div>
   <div class="line-container-p24">
-    <div class="line" style="margin-bottom: 60px">
+    <div class="line">
       <div class="info-line">
         <div class="info-line-title">上传航次运单</div>
         <el-upload
@@ -1534,4 +1519,9 @@ export default {
 .el-checkbox {
   margin-top: 0;
 }
+
+:deep().el-upload-dragger {
+  width: 100%;
+  height: 148px !important;
+}
 </style>