feat: 人员列表导出

src/api/model/hrm.js

@@ -53,6 +53,15 @@ export default {
 			req: async function(data){
 				return await http.post(`${config.API_URL}/hrm/employee/improve_info/`, data);
 			}
+		},
+		export_excel: {
+			name: "导出",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/hrm/employee/export_excel/`,
+					data
+				);
+			}
 		}
 
 	},

src/views/hrm/employee.vue

@@ -2,12 +2,26 @@
   <el-container>
     <el-header>
       <div class="left-panel">
+        <el-select
+          v-model="query.has_blt"
+          placeholder="有无定位卡"
+          @change="handleQuery"
+          clearable
+          style="margin-left: 2px; width: 120px"
+        >
+          <el-option
+            v-for="item in bltOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
         <el-select
           v-model="query.type"
           placeholder="人员类型"
           @change="handleQuery"
           clearable
-          style="margin-left: 2px"
+          style="margin-left: 2px; width: 120px"
         >
           <el-option
             v-for="item in typeOptions"
@@ -21,7 +35,7 @@
           placeholder="人员状态"
           @change="handleQuery"
           clearable
-          style="margin-left: 2px"
+          style="margin-left: 2px; width: 120px"
         >
           <el-option
             v-for="item in jobOptions2"
@@ -38,7 +52,7 @@
           @change="handleQuery"
           :show-all-levels="false"
           :props="{ emitPath: false, checkStrictly: true }"
-          style="margin-left: 4px"
+          style="margin-left: 4px; width: 150px"
         />
       </div>
       <div class="right-panel">
@@ -54,6 +68,12 @@
             icon="el-icon-search"
             @click="handleQuery"
           ></el-button>
+          <el-button
+            type="primary"
+            :loading = 'cLoading'
+            icon="el-icon-download"
+            @click="exportExcel"
+          >导出</el-button>
         </div>
       </div>
     </el-header>
@@ -104,7 +124,7 @@
           width="120"
         ></el-table-column>
         <el-table-column
-          label="部门"
+          label="部门/单位"
           prop="belong_dept"
           width="180"
           :show-overflow-tooltip="true"
@@ -298,6 +318,10 @@ export default {
         { label: "离职", value: 20 },
         { label: "退休", value: 30 },
       ],
+      bltOptions :[
+        { label: "有", value: 1 },
+        { label: "无", value: 0 },
+      ]
     };
   },
   mounted() {
@@ -472,6 +496,25 @@ export default {
         that.$refs.table.refresh();
       });
     },
+    exportExcel(){
+        let that = this;
+        that.cLoading = true;
+        that.ElLoading = this.$loading({
+          lock: true,
+          text: '数据请求中，请稍后...',
+          background: 'rgba(0, 0, 0, 0)',
+        })
+        that.$API.hrm.employee.export_excel.req(that.query)
+        .then(res=>{
+          that.cLoading = false;
+          that.ElLoading.close();
+          let urls = config.API_URL.slice(0,-4)+res.path;
+          window.open(urls, "_blank");
+        }).catch(e=>{
+          that.cLoading = false;
+          that.ElLoading.close();
+        })
+      },
   },
 };
 </script>