1.导入

src/views/template/outcomeWmsJbapplyTemp.vue

@@ -294,46 +294,61 @@
     </el-dialog>
     <!-- 导入配置对话框   -->
     <el-dialog class="importDialog" :title="importControls.title" :visible="importControls.open" width="80" append-to-body :close-on-click-modal="false" @close="cancelFileFrom">
-      <el-tabs type="border-card">
-        <el-tab-pane label="导入一">
-          <div class="importOne">
-            <div>
-              <!--     下载模型按钮         -->
-              <div class="downloadTemplateDiv">
-                <el-button class="downloadTemplateDivButton" type="primary" :loading="downloadTemplateLoading" size="small" @click="downloadTemplate">下载模板</el-button>
+      <el-form :model="typeFrom">
+        <el-form-item v-model="typeFrom.type">
+          <el-select
+            v-model="typeFrom.type"
+            placeholder="typeFrom"
+            clearable
+            :maxlength="2"
+            size="small"
+            style="width: 150px"
+          >
+            <el-option
+              v-for="(dict,index) in typeList"
+              :key="index"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div v-if="typeFrom.type === '1'" class="importOne">
+        <div>
+          <!--     下载模型按钮         -->
+          <div class="downloadTemplateDiv">
+            <el-button class="downloadTemplateDivButton" type="primary" :loading="downloadTemplateLoading" size="small" @click="downloadTemplate">下载模板</el-button>
+          </div>
+          <div>
+            <el-upload
+              accept=".xlsx, .xls"
+              :headers="importControls.headers"
+              :action="importControls.url + '?updateSupport=' + importControls.updateSupport"
+              :disabled="importControls.isUploading"
+              :on-progress="handleFileUploadProgress"
+              :on-success="handleFileSuccess"
+              :auto-upload="false"
+              :on-change="employeeUpload"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-preview="handlePreview"
+              :file-list="files"
+              drag
+            >
+              <i class="el-icon-upload" />
+              <div class="el-upload__text">
+                将文件拖到此处，或
+                <em>点击上传</em>
               </div>
-              <div>
-                <el-upload
-                  accept=".xlsx, .xls"
-                  :headers="importControls.headers"
-                  :action="importControls.url + '?updateSupport=' + importControls.updateSupport"
-                  :disabled="importControls.isUploading"
-                  :on-progress="handleFileUploadProgress"
-                  :on-success="handleFileSuccess"
-                  :auto-upload="false"
-                  :on-change="employeeUpload"
-                  :on-remove="handleRemove"
-                  :before-remove="beforeRemove"
-                  :on-preview="handlePreview"
-                  :file-list="files"
-                  drag
-                >
-                  <i class="el-icon-upload" />
-                  <div class="el-upload__text">
-                    将文件拖到此处，或
-                    <em>点击上传</em>
-                  </div>
-                  <div slot="tip" class="el-upload__tip">
-                    <!--          <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据-->
-                    <!--                    <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>-->
-                  </div>
-                  <div slot="tip" class="el-upload__tip" style="color:red">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
-                </el-upload>
+              <div slot="tip" class="el-upload__tip">
+                <!--          <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据-->
+                <!--                    <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>-->
               </div>
-            </div>
+              <div slot="tip" class="el-upload__tip" style="color:red">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
+            </el-upload>
           </div>
-        </el-tab-pane>
-      </el-tabs>
+        </div>
+      </div>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancelFileFrom">取 消</el-button>
         <el-button :loading="importLoading" type="primary" @click="submitFileForm">确 定</el-button>
@@ -436,6 +451,21 @@ export default {
   name: 'OutcomeWmsJbapplyTemp',
   data() {
     return {
+      // 类型表单
+      typeFrom: {
+        type: '1'
+      },
+      // 类型下拉框
+      typeList: [
+        {
+          label: '类型1',
+          value: '1'
+        },
+        {
+          label: '类型2',
+          value: '20'
+        }
+      ],
       // 导入列表
       files: [],
       // 下载模板loading
@@ -670,6 +700,7 @@ export default {
     // 导入取消
     cancelFileFrom() {
       this.importControls.open = false
+      this.files = []
     },
     // 导入确认
     submitFileForm() {
@@ -684,12 +715,15 @@ export default {
         formData.append('file', this.files)
         importJbapplyExcel(formData).then(res => {
           if (res.code === 200) {
+            this.$message.success(`成功导入`+res.data.rows+`条`)
             this.importLoading = false
             this.importControls.open = false
+            this.files = []
             this.getList()
           }
         }).catch(() => {
           this.importLoading = false
+          this.files = []
         })
       }
       // this.importControls.open = false