模板导入功能

src/components/GmhExcel.vue

@@ -25,11 +25,15 @@
             :before-remove="uploadBeforeRemove"
             :on-exceed="uploadOnExceed"
             :file-list="nameFileList"
+            :limit="1"
           >
             <el-button type="primary" size="small">点击上传</el-button>
           </el-upload>
         </el-form-item>
 
+        <el-form-item prop="templateSheetNum" label="模板所在sheet页" v-if="active==1">
+          <el-input v-model="model.templateSheetNum" style="width=200px"></el-input>
+        </el-form-item>
         <el-form-item
           :rules="rules.uploadTemplate"
           prop="uploadTemplate"
@@ -37,9 +41,9 @@
           v-if="active==1"
         >
           <el-upload
-            action="/api/excel/template"
+            :action="'/api/excel/template?templateSheetNum=' + model.templateSheetNum"
             :multiple="false"
-            :on-success="uploadSuccess"
+            :on-success="uploadTemplateSuccess"
             :file-list="templateFileList"
           >
             <el-button type="primary" size="small">点击上传</el-button>
@@ -47,16 +51,34 @@
         </el-form-item>
 
         <el-form-item prop="cellNum" label="指定单元格" v-if="active==1">
-          <el-input v-model="model.cellNum" style="width=200px">
-            <el-button slot="append" icon="el-icon-search"></el-button>
+          <el-input v-model="model.cellNum" style="width=200px" :disabled="cellSearchDisable">
+            <el-button
+              slot="append"
+              icon="el-icon-search"
+              :disabled="cellSearchDisable"
+              @click="cellNumSearch"
+            ></el-button>
           </el-input>
         </el-form-item>
         <el-form-item prop="cellData" label="原始数据" v-if="active==1">
-          <el-input type="textarea" v-model="model.cellData" disabled></el-input>
+          <el-input
+            type="textarea"
+            v-model="model.cellData"
+            :disabled="cellSearchDisable"
+            readonly
+            :rows="5"
+          ></el-input>
         </el-form-item>
         <el-form-item prop="newCellData" label="替换后的数据" v-if="active==1">
-          <el-input type="textarea" v-model="model.newCellData" disabled></el-input>
+          <el-input
+            type="textarea"
+            v-model="model.newCellData"
+            :disabled="cellSearchDisable"
+            :rows="5"
+          ></el-input>
         </el-form-item>
+
+        <el-button type="primary" class="f-right" @click="executeTemplate" v-if="active==1">下一步</el-button>
       </el-form>
     </el-card>
 
@@ -105,7 +127,8 @@ export default {
         uploadTemplate: "",
         cellNum: "",
         cellData: "",
-        newCellData: ""
+        newCellData: "",
+        templateSheetNum: "1"
       },
       rules: {
         upload: [],
@@ -116,7 +139,8 @@ export default {
       namePreview: [],
       activeName: 0,
       nameFileList: [],
-      templateFileList: []
+      templateFileList: [],
+      cellSearchDisable: true
     };
   },
   created() {
@@ -151,7 +175,9 @@ export default {
           });
         });
     },
-    uploadPreview(file) {},
+    uploadPreview(file) {
+      this.dialogVisible = true;
+    },
     uploadRemove(file, fileList) {},
     uploadSuccess(response, file, fileList) {
       if (response.success) {
@@ -162,15 +188,63 @@ export default {
         this.$message.success("姓名导入出现了错误，请联系陈达解决");
       }
     },
+    uploadTemplateSuccess(response, file, fileList) {
+      if (response.success) {
+        this.$message.success("模板导入成功");
+        this.cellSearchDisable = false;
+      } else {
+        this.$message.success("模板导入出现了错误，请联系陈达解决");
+      }
+    },
     uploadError(err, file, fileList) {},
     uploadProgress(event, file, fileList) {},
     uploadChange(file, fileList) {},
     uploadBefore(file) {},
     uploadBeforeRemove(file, fileList) {},
-    uploadOnExceed(files, fileList) {},
+    uploadOnExceed(files, fileList) {
+      this.$message.warning("只允许上传一个文件，想更换文件请先删除再重新上传");
+    },
     handleClick() {},
     import() {
       this.$message.success("sss");
+    },
+    cellNumSearch() {
+      this.$axios
+        .get("/api/excel/cellNumSearch", {
+          params: {
+            cellNum: this.model.cellNum
+          }
+        })
+        .then(res => {
+          const { data } = res;
+          if (data.success) {
+            this.model.cellData = data.data;
+          } else {
+            this.$message.error(data.msg);
+            this.model.cellData = "";
+          }
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    executeTemplate() {
+      this.$axios
+        .get("/api/excel/executeTemplate", {
+          params: {
+            newCellData: this.model.newCellData
+          }
+        })
+        .then(res => {
+          const { data } = res;
+          if (data.success) {
+          } else {
+            this.$message.error(data.msg);
+          }
+        })
+        .catch(err => {
+          console.log(err);
+        });
     }
   }
 };