Explorar el Código

增加拖拽上传

祁鹏飞 hace 4 meses
padre
commit
297edf2568
Se han modificado 1 ficheros con 6 adiciones y 1 borrados
  1. 6 1
      src/views/receivable/handingFee/invoiceRecord.vue

+ 6 - 1
src/views/receivable/handingFee/invoiceRecord.vue

@@ -110,7 +110,7 @@
         </el-form-item>
         <el-form-item prop="attachmentIds" label="收款凭证" class="upload-btn">
           <el-upload style="margin: 0 10px 10px 0" :auto-upload="false" multiple v-if="!countForm.h"
-            :show-file-list="false" accept=".png, .jpg, .jpeg" @change="uploadImage">
+            :show-file-list="false" accept=".png, .jpg, .jpeg" @change="uploadImage" drag>
             <el-button size="large" icon="Plus" />
           </el-upload>
           <div class="imageDiv" v-for="(item, index) in imageUrl" :key="item">
@@ -321,6 +321,11 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+:deep(.el-upload-dragger){
+  padding: unset;
+  border: unset;
+  border-radius: unset;
+}
 .pagination {
   margin-top: 10px;
   display: flex;