评估模型数据导入20230810

src/views/evaluation/factor/index.vue

@@ -37,6 +37,10 @@
         <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
           v-hasPermi="['system/evaluation:factor:remove']">删除</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport"
+          v-hasPermi="['system/evaluation:factor:import']">导入</el-button>
+      </el-col>
       <el-col :span="1.5">
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
           v-hasPermi="['system/evaluation:factor:export']">导出</el-button>
@@ -48,9 +52,11 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="主键" align="center" prop="id" />
       <el-table-column label="影响因素" align="center" prop="influenceFactor" />
-      <el-table-column label="影响因子" align="center" :show-overflow-tooltip="true" >
+      <el-table-column label="影响因子" align="center" :show-overflow-tooltip="true">
         <template slot-scope="scope">
-          <router-link :to="'/system/evaluation-items/index/' + scope.row.id+'?factorName='+scope.row.influenceSubFactor" class="link-type">
+          <router-link
+            :to="'/system/evaluation-items/index/' + scope.row.id+'?factorName='+scope.row.influenceSubFactor"
+            class="link-type">
             <span>{{ scope.row.influenceSubFactor }}</span>
           </router-link>
         </template>
@@ -85,8 +91,8 @@
         <el-form-item label="影响因子" prop="influenceSubFactor">
           <el-input v-model="form.influenceSubFactor" placeholder="请输入影响因子" />
         </el-form-item>
-        <el-form-item label="排序" prop="sortNum">
-          <el-input v-model="form.sortNum" placeholder="请输入排序" />
+        <el-form-item label="显示排序" prop="sortNum">
+          <el-input-number v-model="form.sortNum" controls-position="right" :min="0" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
@@ -97,6 +103,27 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 用户导入对话框 -->
+    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <div class="el-upload__tip text-center" slot="tip">
+          <div class="el-upload__tip" slot="tip">
+            <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+          </div>
+          <span>仅允许导入xls、xlsx格式文件。</span>
+          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
+            @click="importTemplate">下载模板</el-link>
+        </div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -108,6 +135,9 @@
     addFactor,
     updateFactor
   } from "@/api/evaluation/factor";
+  import {
+    getToken
+  } from "@/utils/auth";
 
   export default {
     name: "Factor",
@@ -139,6 +169,23 @@
           influenceSubFactor: null,
           sortNum: null,
         },
+        // 用户导入参数
+        upload: {
+          // 是否显示弹出层（用户导入）
+          open: false,
+          // 弹出层标题（用户导入）
+          title: "",
+          // 是否禁用上传
+          isUploading: false,
+          // 是否更新已经存在的用户数据
+          updateSupport: 0,
+          // 设置上传的请求头部
+          headers: {
+            Authorization: "Bearer " + getToken()
+          },
+          // 上传的地址
+          url: process.env.VUE_APP_BASE_API + "/system/evaluation/factor/importData"
+        },
         // 表单参数
         form: {},
         // 表单校验
@@ -155,6 +202,7 @@
         listFactor(this.queryParams).then(response => {
           this.factorList = response.rows;
           this.total = response.total;
+          console.log(response.rows);
           this.loading = false;
         });
       },
@@ -246,6 +294,34 @@
         this.download('system/evaluation/factor/export', {
           ...this.queryParams
         }, `factor_${new Date().getTime()}.xlsx`)
+      },
+      /** 导入按钮操作 */
+      handleImport() {
+        this.upload.title = "评估因素导入";
+        this.upload.open = true;
+      },
+      /** 下载模板操作 */
+      importTemplate() {
+        this.download('system/evaluation/factor/importTemplate', {}, `factor_template_${new Date().getTime()}.xlsx`)
+      },
+      // 文件上传中处理
+      handleFileUploadProgress(event, file, fileList) {
+        this.upload.isUploading = true;
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+        this.upload.open = false;
+        this.upload.isUploading = false;
+        this.$refs.upload.clearFiles();
+        this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response
+          .msg + "</div>", "导入结果", {
+            dangerouslyUseHTMLString: true
+          });
+        this.getList();
+      },
+      // 提交上传文件
+      submitFileForm() {
+        this.$refs.upload.submit();
       }
     }
   };