增加上传弹窗可以拉动

src/components/hzwlComponents/importZip.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
     <!-- 导入模态窗 -->
-    <el-dialog width='400px' v-if="visible" :visible="visible" @close="onClose" title="导入文件">
+    <el-dialog width='400px' v-if="visible" :visible="visible" @close="onClose" title="导入文件" v-dragDialogWidth
+               :close-on-click-modal="false"  append-to-body>
       <el-upload
           multiple
           drag
@@ -14,10 +15,11 @@
           :on-success="importFileSuccess"
           :show-file-list="true"
       >
-        <div style="padding: 20px 0">
+<!--        <div style="padding: 20px 0">-->
           <i class="el-icon-upload" style="color: #3399ff"></i>
-          <p>点击或拖拽上传文件</p>
-        </div>
+        <div class="el-upload__text">点击或拖拽上传文件</div>
+
+<!--  </div>-->
       </el-upload>
     </el-dialog>
     <!-- 导入失败-->
@@ -104,6 +106,12 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+ /deep/ .el-upload-dragger{
+   width: 100% !important;
+ }
+ /deep/ .el-upload{
+  width: 100% !important;
 
+}
 </style>