重新点开导入弹窗，之前上传的数据需要清空

src/views/consignmentManagement/consignmentImport.vue

@@ -58,49 +58,49 @@
         </el-table>
         <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
       </div>
-      <!--导入数据确认-->
-      <el-dialog title="导入数据确认" :close-on-click-modal="false" :visible.sync="dialogVisible" width="700px">
-        <div class="dialog-text">
-          <p class="tt" style="font-size: 13px;margin-bottom: 0;">
-            上架最高天数：现货：{{ cp_time_day == -1 ? '无限制' : cp_time_day + '天' }}；期货：{{ futures_cp_time_day == -1 ? '无限制' : futures_cp_time_day + '天' }}
-          </p>
-          <p class="tt" style="font-size: 13px;font-weight: normal;margin-bottom: 0;color: #ff7e11;">
-            <template v-if="cp_time_day == -1">
-              现货类型的商品，有效日期最高可填写到2035/1/1（长期有效）
-            </template>
-            <template v-else>
-              现货类型的商品，有效日期最高可设置为{{ cp_time_day }}天，{{ cp_time_day }}天后会自动从【猎芯网】下架
-            </template>
-          </p>
-          <p class="tt" style="font-size: 13px;font-weight: normal;color: #ff7e11;">
-            <template v-if="futures_cp_time_day == -1">
-              期货类型的商品，有效日期最高可填写到2035/1/1（长期有效）
-            </template>
-            <template v-else>
-              期货类型的商品，有效日期最高可设置为{{ futures_cp_time_day }}天，{{ futures_cp_time_day }}天后会自动从【猎芯网】下架
-            </template>
-          </p>
-          <p class="tt" style="font-size: 12px;">
-            上传的型号经由猎芯审核通过后，会展示在【猎芯网】进行售卖，并参与【猎芯询报价】系统自动推送询价<br/>
-            您此次上传的型号是否要对已在【猎芯网】展示的型号进行覆盖或是新增？
-          </p>
-          <p class="alink">覆盖：已在【猎芯网】进行展示的型号全部下架，展示现在新上传的型号；</p>
-          <p class="alink">新增：已在【猎芯网】进行展示的型号保持不变，额外加上新上传的型号；</p>
-          <div class="row" style="margin-top: 10px;margin-bottom: 10px;">
-            <el-radio v-model="fileData.type" label="1">覆盖</el-radio>
-            <el-radio v-model="fileData.type" label="2">新增</el-radio>
-          </div>
-          <div slot="footer" class="dialog-footer row" style="text-align: right;justify-content: flex-end;">
-            <el-button @click="dialogVisible = false" style="margin-right: 10px;">取 消</el-button>
-            <el-upload :data="fileData" :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleChange" :on-progress="handleProgress">
-              <el-button type="primary" :loading="uploading">确 定</el-button>
-              <el-progress v-if="uploading" :percentage="progress"/>
-            </el-upload>
-          </div>
-        </div>
-      </el-dialog>
     </div>
     <Menu></Menu>
+    <!--导入数据确认-->
+    <el-dialog title="导入数据确认" :close-on-click-modal="false" :visible.sync="dialogVisible" @closed="handleDialogClosed" width="700px">
+      <div class="dialog-text">
+        <p class="tt" style="font-size: 13px;margin-bottom: 0;">
+          上架最高天数：现货：{{ cp_time_day == -1 ? '无限制' : cp_time_day + '天' }}；期货：{{ futures_cp_time_day == -1 ? '无限制' : futures_cp_time_day + '天' }}
+        </p>
+        <p class="tt" style="font-size: 13px;font-weight: normal;margin-bottom: 0;color: #ff7e11;">
+          <template v-if="cp_time_day == -1">
+            现货类型的商品，有效日期最高可填写到2035/1/1（长期有效）
+          </template>
+          <template v-else>
+            现货类型的商品，有效日期最高可设置为{{ cp_time_day }}天，{{ cp_time_day }}天后会自动从【猎芯网】下架
+          </template>
+        </p>
+        <p class="tt" style="font-size: 13px;font-weight: normal;color: #ff7e11;">
+          <template v-if="futures_cp_time_day == -1">
+            期货类型的商品，有效日期最高可填写到2035/1/1（长期有效）
+          </template>
+          <template v-else>
+            期货类型的商品，有效日期最高可设置为{{ futures_cp_time_day }}天，{{ futures_cp_time_day }}天后会自动从【猎芯网】下架
+          </template>
+        </p>
+        <p class="tt" style="font-size: 12px;">
+          上传的型号经由猎芯审核通过后，会展示在【猎芯网】进行售卖，并参与【猎芯询报价】系统自动推送询价<br/>
+          您此次上传的型号是否要对已在【猎芯网】展示的型号进行覆盖或是新增？
+        </p>
+        <p class="alink">覆盖：已在【猎芯网】进行展示的型号全部下架，展示现在新上传的型号；</p>
+        <p class="alink">新增：已在【猎芯网】进行展示的型号保持不变，额外加上新上传的型号；</p>
+        <div class="row" style="margin-top: 10px;margin-bottom: 10px;">
+          <el-radio v-model="fileData.type" label="1">覆盖</el-radio>
+          <el-radio v-model="fileData.type" label="2">新增</el-radio>
+        </div>
+        <div slot="footer" class="dialog-footer row" style="text-align: right;justify-content: flex-end;">
+          <el-button @click="dialogVisible = false" style="margin-right: 10px;">取 消</el-button>
+          <el-upload ref="upload" :data="fileData" :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleChange" :on-progress="handleProgress">
+            <el-button type="primary" :loading="uploading">确 定</el-button>
+            <el-progress v-if="uploading" :percentage="progress"/>
+          </el-upload>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -162,9 +162,19 @@ export default {
      * 导入
      */
     importChange() {
-      this.dialogVisible = true;
+      // 先重置所有状态
       this.progress = 0;
       this.uploading = false;
+      
+      // 清空上传列表
+      if (this.$refs.upload) {
+        this.$refs.upload.clearFiles();
+      }
+      
+      // 使用 nextTick 确保DOM更新后再显示对话框
+      this.$nextTick(() => {
+        this.dialogVisible = true;
+      });
     },
     /**
      * 上传文件之前的钩子
@@ -244,6 +254,14 @@ export default {
      */
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    handleDialogClosed() {
+      // 对话框关闭时清空
+      this.progress = 0;
+      this.uploading = false;
+      if (this.$refs.upload) {
+        this.$refs.upload.clearFiles();
+      }
     }
   },
   components: {