更新 新增拖拽上传

src/views/shipInfo/shipDetail.vue

@@ -78,6 +78,7 @@
       <div class="info-line">
         <div class="info-line-title">船舶证书</div>
         <el-upload
+          drag
           action="https://interface.huihenduo.com.cn/hhd-pat/cos/upload"
           list-type="picture-card"
           :on-preview="handlePictureCardPreview"
@@ -87,7 +88,8 @@
           :file-list="shipFileList"
           :disabled="unchangeable"
         >
-          <i class="el-icon-plus"></i>
+          <div class="upload-plus-icon">+</div>
+          <div class="upload-text">拖拽或点击上传</div>
         </el-upload>
       </div>
     </div>
@@ -550,6 +552,8 @@ export default {
       voyageForm.voyageForm.cargoOwnerName = "";
       addVoyageForm.value.resetFields();
     }
+    let shipCurrentPage = ref(1);
+    async function getShipOwnerListByShipId(shipOd) {}
 
     onMounted(() => {
       getShipDetail();

src/views/shipOwnerManage/shipOwnerDetail.vue

@@ -51,6 +51,7 @@
       <div class="info-line aic">
         <div class="info-line-title">上传身份证</div>
         <el-upload
+          drag
           action="https://interface.huihenduo.com.cn/hhd-pat/cos/upload"
           list-type="picture-card"
           :on-preview="handlePictureCardPreview"
@@ -65,6 +66,7 @@
           <div class="upload-text">身份证人像面</div>
         </el-upload>
         <el-upload
+          drag
           style="margin-left: 40px"
           action="https://interface.huihenduo.com.cn/hhd-pat/cos/upload"
           list-type="picture-card"
@@ -167,6 +169,7 @@
       <div class="info-line">
         <div class="info-line-title">船舶证书</div>
         <el-upload
+          drag
           action="https://interface.huihenduo.com.cn/hhd-pat/cos/upload"
           list-type="picture-card"
           :on-preview="handlePictureCardPreview"
@@ -177,7 +180,8 @@
           :limit="10"
           :disabled="unchangeableShip"
         >
-          <i class="el-icon-plus"></i>
+          <div class="upload-plus-icon">+</div>
+          <div class="upload-text">拖拽或点击上传</div>
         </el-upload>
       </div>
     </div>
@@ -523,4 +527,9 @@ export default {
   height: 25%;
   color: rgb(139, 147, 156);
 }
+
+:deep().el-upload--picture-card {
+  border: none;
+  width: auto;
+}
 </style>