From 1da049357c3f14a0ff67e9875f3de7ef205bcf18 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Thu, 13 Feb 2025 15:22:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E8=AE=A1=E5=88=92=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/process/eightMembers/index.vue | 127 +++--
 src/views/process/evection/index.vue     | 570 +++++++++++++++--------
 vue.config.js                            | 147 +++---
 3 files changed, 540 insertions(+), 304 deletions(-)

diff --git a/src/views/process/eightMembers/index.vue b/src/views/process/eightMembers/index.vue
index 6027682..caa1f33 100644
--- a/src/views/process/eightMembers/index.vue
+++ b/src/views/process/eightMembers/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="app-container" id="eightMembers">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="90px"
+    >
       <el-form-item label="分公司名称" prop="parentOrgName">
         <el-input
           v-model="queryParams.parentOrgName"
@@ -13,32 +20,73 @@
       </el-form-item>
 
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+        <el-button
+          size="mini"
+          type="warning"
+          @click="onHandleExport"
+          icon="el-icon-download"
+        >
+          导出
+        </el-button>
       </el-form-item>
     </el-form>
 
-    <el-table v-loading="loading" :data="typeList" >
+    <el-table v-loading="loading" :data="typeList">
       <el-table-column label="序号" align="center" width="80" type="index">
         <template slot-scope="scope">
-          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+          <span>{{
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+          }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="分公司名称" align="center" prop="parentOrgName" :show-overflow-tooltip="true" />
-      <el-table-column label="缺员情况" align="center" :show-overflow-tooltip="true">
+      <el-table-column
+        label="分公司名称"
+        align="center"
+        prop="parentOrgName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="缺员情况"
+        align="center"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
-          <div style="color: #1890FF; cursor: pointer" @click="goShortageSituation(scope.row)">{{scope.row.lackOrgName}}</div>
+          <div
+            style="color: #1890ff; cursor: pointer"
+            @click="goShortageSituation(scope.row)"
+          >
+            {{ scope.row.lackOrgName }}
+          </div>
         </template>
       </el-table-column>
-      <el-table-column label="兼职情况" align="center" :show-overflow-tooltip="true">
+      <el-table-column
+        label="兼职情况"
+        align="center"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
-          <div style="color: #1890FF; cursor: pointer" @click="goPartTimeSituation(scope.row)">{{scope.row.moreOrgName}}</div>
+          <div
+            style="color: #1890ff; cursor: pointer"
+            @click="goPartTimeSituation(scope.row)"
+          >
+            {{ scope.row.moreOrgName }}
+          </div>
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -55,7 +103,7 @@
           <el-input v-model="form.deptRoleName" :disabled="true" />
         </el-form-item>
 
-        <el-form-item label="人员" >
+        <el-form-item label="人员">
           <el-tree
             class="tree-border"
             :data="staffOptions"
@@ -78,9 +126,11 @@
 </template>
 
 <script>
-import {getOrgEightRoleTable} from "@/api/process/eightMembers";
-import { treeselect as staffTreeselect, roleStaffTreeselect } from "@/api/process/tree";
-
+import { getOrgEightRoleTable } from "@/api/process/eightMembers";
+import {
+  treeselect as staffTreeselect,
+  roleStaffTreeselect,
+} from "@/api/process/tree";
 
 export default {
   name: "EightMembers",
@@ -108,7 +158,7 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        parentOrgName:undefined
+        parentOrgName: undefined,
       },
       // 人员列表
       staffOptions: [],
@@ -119,7 +169,7 @@ export default {
       defaultProps: {
         children: "children",
         label: "name",
-        disabled: "disabled" // 添加 disabled 属性
+        disabled: "disabled", // 添加 disabled 属性
       },
     };
   },
@@ -130,12 +180,11 @@ export default {
     /** 查询列表 */
     getList() {
       this.loading = true;
-      getOrgEightRoleTable(this.queryParams).then(response => {
-          this.typeList = response.rows;
-          this.total = response.total;
-          this.loading = false;
-        }
-      );
+      getOrgEightRoleTable(this.queryParams).then((response) => {
+        this.typeList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
     },
     // 取消按钮
     cancel() {
@@ -145,10 +194,10 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        parentOrgName:undefined,
-        staffOptions:[]
+        parentOrgName: undefined,
+        staffOptions: [],
       };
-      this.defaultCheckedKeys = [];  // 重置默认选中的节点
+      this.defaultCheckedKeys = []; // 重置默认选中的节点
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -169,15 +218,21 @@ export default {
       this.title = "分配人员";
     },
 
-    goShortageSituation(item){
-      this.$router.push({path:"/process/shortageSituation",query:{parentOrgName:item.parentOrgName,lackOrgId:item.lackOrgId}})
+    goShortageSituation(item) {
+      this.$router.push({
+        path: "/process/shortageSituation",
+        query: { parentOrgName: item.parentOrgName, lackOrgId: item.lackOrgId },
+      });
     },
-    goPartTimeSituation(item){
-      this.$router.push({path:"/process/partTimeSituation",query:{parentOrgName:item.parentOrgName,moreOrgId:item.moreOrgId}})
+    goPartTimeSituation(item) {
+      this.$router.push({
+        path: "/process/partTimeSituation",
+        query: { parentOrgName: item.parentOrgName, moreOrgId: item.moreOrgId },
+      });
     },
     /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           const checkedKeys = this.getStaffAllCheckedKeys();
           if (checkedKeys.length === 0) {
@@ -185,8 +240,8 @@ export default {
             return;
           }
           this.form.userId = checkedKeys.join(",");
-          console.log("form",this.form)
-          proDeptRole(this.form).then(response => {
+          console.log("form", this.form);
+          proDeptRole(this.form).then((response) => {
             this.$modal.msgSuccess("修改成功");
             this.open = false;
             this.getList();
@@ -205,6 +260,10 @@ export default {
       checkedKeys.unshift.apply(checkedKeys);
       return checkedKeys;
     },
+    // 导出按钮
+    onHandleExport() {
+      console.log("导出--");
+    },
   },
 };
 </script>
diff --git a/src/views/process/evection/index.vue b/src/views/process/evection/index.vue
index b08c6df..8c472e9 100644
--- a/src/views/process/evection/index.vue
+++ b/src/views/process/evection/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="app-container" id="evection">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <el-form-item label="出差时间" prop="leaveDate">
         <el-date-picker
           v-model="dateRange"
@@ -11,11 +18,18 @@
           start-placeholder="开始日期"
           end-placeholder="结束日期"
         ></el-date-picker>
-
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -28,7 +42,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['flow:evection:add']"
-        >新增
+          >新增
         </el-button>
       </el-col>
 
@@ -39,73 +53,122 @@
           icon="el-icon-download"
           size="mini"
           @click="handleExport"
-        >导出
+          >导出
         </el-button>
       </el-col>
 
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="tableList">
       <el-table-column label="序号" align="center" width="80" type="index">
         <template slot-scope="scope">
-          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+          <span>{{
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+          }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="姓名" align="center" prop="userName" width="100"/>
-      <el-table-column label="职务" align="center" prop="postName" :show-overflow-tooltip="true" width="240"/>
-      <el-table-column label="所属部门" align="center" prop="orgName" :show-overflow-tooltip="true" width="240">
+      <el-table-column
+        label="姓名"
+        align="center"
+        prop="userName"
+        width="100"
+      />
+      <el-table-column
+        label="职务"
+        align="center"
+        prop="postName"
+        :show-overflow-tooltip="true"
+        width="240"
+      />
+      <el-table-column
+        label="所属部门"
+        align="center"
+        prop="orgName"
+        :show-overflow-tooltip="true"
+        width="240"
+      >
       </el-table-column>
-      <el-table-column label="出行人" align="center" prop="travelersName" :show-overflow-tooltip="true" width="100"/>
+      <el-table-column
+        label="出行人"
+        align="center"
+        prop="travelersName"
+        :show-overflow-tooltip="true"
+        width="100"
+      />
 
-      <el-table-column label="出差开始时间" align="center" prop="leaveStartDate" :show-overflow-tooltip="true" width="180">
+      <el-table-column
+        label="出差开始时间"
+        align="center"
+        prop="leaveStartDate"
+        :show-overflow-tooltip="true"
+        width="180"
+      >
         <template slot-scope="scope">
-          <div>{{ scope.row.leaveStartDate }}
-<!--            <span v-show="scope.row.leaveStartInterval=='1'">上午</span>-->
-<!--            <span v-show="scope.row.leaveStartInterval=='2'">下午</span>-->
+          <div>
+            {{ scope.row.leaveStartDate }}
+            <!--            <span v-show="scope.row.leaveStartInterval=='1'">上午</span>-->
+            <!--            <span v-show="scope.row.leaveStartInterval=='2'">下午</span>-->
           </div>
         </template>
       </el-table-column>
 
-      <el-table-column label="出差结束时间" align="center" prop="leaveEndDate" :show-overflow-tooltip="true" width="180">
+      <el-table-column
+        label="出差结束时间"
+        align="center"
+        prop="leaveEndDate"
+        :show-overflow-tooltip="true"
+        width="180"
+      >
         <template slot-scope="scope">
-          <div>{{ scope.row.leaveEndDate }}
-<!--            <span v-show="scope.row.leaveEndInterval=='1'">上午</span>-->
-<!--            <span v-show="scope.row.leaveEndInterval=='2'">下午</span>-->
+          <div>
+            {{ scope.row.leaveEndDate }}
+            <!--            <span v-show="scope.row.leaveEndInterval=='1'">上午</span>-->
+            <!--            <span v-show="scope.row.leaveEndInterval=='2'">下午</span>-->
           </div>
         </template>
       </el-table-column>
 
-      <el-table-column label="出差时长(天)" align="center" prop="leaveDuration" :show-overflow-tooltip="true"
-                       width="180"/>
+      <el-table-column
+        label="出差时长(天)"
+        align="center"
+        prop="leaveDuration"
+        :show-overflow-tooltip="true"
+        width="180"
+      />
       <el-table-column label="操作" align="center" class-name="small-padding">
         <template slot-scope="scope">
           <el-button
-            size="mini" type="primary"
+            size="mini"
+            type="primary"
             v-hasPermi="['flow:evection:edit']"
             @click="handleUpdate(scope.row)"
-          >编辑
+            >编辑
           </el-button>
           <el-button
-            size="mini" type="danger"
+            size="mini"
+            type="danger"
             v-hasPermi="['flow:evection:remove']"
             @click="handleDelete(scope.row)"
-          >删除
+            >删除
           </el-button>
 
           <el-button
-            size="mini" type="primary"
+            size="mini"
+            type="primary"
             v-hasPermi="['flow:evection:list']"
             @click="handleDetails(scope.row)"
-          >详情
+            >详情
           </el-button>
-
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -118,13 +181,13 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="姓名：" prop="userName">
-              <el-input v-model="form.userName" :readonly="true"/>
+              <el-input v-model="form.userName" :readonly="true" />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="职位：" prop="postName">
-              <el-input v-model="form.postName" :readonly="true"/>
+              <el-input v-model="form.postName" :readonly="true" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -132,7 +195,11 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="所属部门:" prop="orgId">
-              <el-select v-model="form.orgId" @change="changDept" style="width: 100%;">
+              <el-select
+                v-model="form.orgId"
+                @change="changDept"
+                style="width: 100%"
+              >
                 <el-option
                   v-for="item in orgList"
                   :key="item.id"
@@ -145,7 +212,14 @@
 
           <el-col :span="12">
             <el-form-item label="出行人:" prop="orgHeadUserIdList">
-              <el-select v-model="form.orgHeadUserIdList" multiple placeholder="请选择出行人" filterable clearable style="width: 100%;">
+              <el-select
+                v-model="form.orgHeadUserIdList"
+                multiple
+                placeholder="请选择出行人"
+                filterable
+                clearable
+                style="width: 100%"
+              >
                 <el-option
                   v-for="item in personOptions"
                   :key="item.userIds"
@@ -161,13 +235,19 @@
           <el-col :span="12">
             <el-form-item label="出差开始时间：" prop="leaveStartDate">
               <el-date-picker
-                v-model="form.leaveStartDate" :clearable="false"
-                type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
-                placeholder="出差开始时间" :pickerOptions="startPickerOptions">
+                v-model="form.leaveStartDate"
+                :clearable="false"
+                type="date"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+                @change="handleDateChange"
+                placeholder="出差开始时间"
+                :pickerOptions="startPickerOptions"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
-<!--          <el-col :span="4">
+          <!--          <el-col :span="4">
             <el-form-item prop="leaveStartInterval" label-width="0px">
               <el-select v-model="form.leaveStartInterval" style="width: 80%;margin-left: 30px;"
                          @change="handleDateChange">
@@ -183,13 +263,19 @@
           <el-col :span="12">
             <el-form-item label="出差结束时间:" prop="leaveEndDate">
               <el-date-picker
-                v-model="form.leaveEndDate" :clearable="false"
-                type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
-                placeholder="出差结束时间" :pickerOptions="endPickerOptions">
+                v-model="form.leaveEndDate"
+                :clearable="false"
+                type="date"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+                @change="handleDateChange"
+                placeholder="出差结束时间"
+                :pickerOptions="endPickerOptions"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
-<!--          <el-col :span="4">
+          <!--          <el-col :span="4">
             <el-form-item prop="leaveEndInterval" label-width="0px">
               <el-select v-model="form.leaveEndInterval" style="width: 80%;margin-left: 30px;"
                          @change="handleDateChange">
@@ -206,7 +292,7 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="出差时长(天)：" prop="leaveDuration">
-              <el-input v-model="form.leaveDuration" :readonly="true"/>
+              <el-input v-model="form.leaveDuration" :readonly="true" />
             </el-form-item>
           </el-col>
 
@@ -225,16 +311,22 @@
                   v-for="item in isAgreeList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
               </el-radio-group>
-
-
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="代理主持工作人员：" prop="hostUserId">
-              <el-select v-model="form.hostUserId" multiple  placeholder="请选择人员姓名" filterable clearable style="width: 100%;">
+              <el-select
+                v-model="form.hostUserId"
+                multiple
+                placeholder="请选择人员姓名"
+                filterable
+                clearable
+                style="width: 100%"
+              >
                 <el-option
                   v-for="item in userList"
                   :key="item.userId"
@@ -242,7 +334,6 @@
                   :value="item.userId"
                 />
               </el-select>
-
             </el-form-item>
           </el-col>
         </el-row>
@@ -255,7 +346,8 @@
                   v-for="item in isOutsideList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -267,7 +359,23 @@
                   v-for="item in isXizangList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="是否高原：" prop="isOutside">
+              <el-radio-group>
+                <el-radio
+                  v-for="item in isOutsideList"
+                  :key="item.id"
+                  :label="item.id"
+                  >{{ item.name }}
+                </el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -276,15 +384,23 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="出差事由：" prop="leaveReason">
-              <el-input type="textarea" v-model="form.leaveReason" maxlength="200"></el-input>
+              <el-input
+                type="textarea"
+                v-model="form.leaveReason"
+                maxlength="200"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
 
-        <el-row >
+        <el-row>
           <el-col :span="24">
             <el-form-item label="备注：" prop="remark">
-              <el-input type="textarea" v-model="form.remark" maxlength="200"></el-input>
+              <el-input
+                type="textarea"
+                v-model="form.remark"
+                maxlength="200"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -296,18 +412,23 @@
     </el-dialog>
 
     <!-- 详情参数配置对话框 -->
-    <el-dialog :title="title" :visible.sync="openDetails" width="900px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="openDetails"
+      width="900px"
+      append-to-body
+    >
       <el-form ref="form" :model="form" :rules="rules" label-width="130px">
         <el-row>
           <el-col :span="12">
             <el-form-item label="姓名：" prop="userName">
-              <el-input v-model="form.userName" :disabled="true"/>
+              <el-input v-model="form.userName" :disabled="true" />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="职位：" prop="postName">
-              <el-input v-model="form.postName" :disabled="true"/>
+              <el-input v-model="form.postName" :disabled="true" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -315,13 +436,13 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="所属部门:" prop="orgId">
-              <el-input v-model="form.orgName" :disabled="true"/>
+              <el-input v-model="form.orgName" :disabled="true" />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="出行人:" prop="orgHeadUserIdList">
-              <el-input v-model="form.travelersName" :disabled="true"/>
+              <el-input v-model="form.travelersName" :disabled="true" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -330,18 +451,32 @@
           <el-col :span="12">
             <el-form-item label="出差开始时间：" prop="leaveStartDate">
               <el-date-picker
-                v-model="form.leaveStartDate"  :disabled="true" :clearable="false"
-                type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
-                placeholder="出差开始时间" :pickerOptions="startPickerOptions">
+                v-model="form.leaveStartDate"
+                :disabled="true"
+                :clearable="false"
+                type="date"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+                @change="handleDateChange"
+                placeholder="出差开始时间"
+                :pickerOptions="startPickerOptions"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="出差结束时间:" prop="leaveEndDate">
               <el-date-picker
-                v-model="form.leaveEndDate" :disabled="true" :clearable="false"
-                type="date" value-format="yyyy-MM-dd" style="width: 100%;" @change="handleDateChange"
-                placeholder="出差结束时间" :pickerOptions="endPickerOptions">
+                v-model="form.leaveEndDate"
+                :disabled="true"
+                :clearable="false"
+                type="date"
+                value-format="yyyy-MM-dd"
+                style="width: 100%"
+                @change="handleDateChange"
+                placeholder="出差结束时间"
+                :pickerOptions="endPickerOptions"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -368,16 +503,15 @@
                   v-for="item in isAgreeList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
               </el-radio-group>
-
-
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
             <el-form-item label="代理主持工作人员：" prop="hostUserId">
-              <el-input v-model="form.hostUserName" :disabled="true"/>
+              <el-input v-model="form.hostUserName" :disabled="true" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -390,7 +524,8 @@
                   v-for="item in isOutsideList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -402,7 +537,8 @@
                   v-for="item in isXizangList"
                   :key="item.id"
                   :label="item.id"
-                >{{item.name}}</el-radio>
+                  >{{ item.name }}</el-radio
+                >
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -411,15 +547,25 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="出差事由：" prop="leaveReason">
-              <el-input type="textarea" :disabled="true" v-model="form.leaveReason" maxlength="200"></el-input>
+              <el-input
+                type="textarea"
+                :disabled="true"
+                v-model="form.leaveReason"
+                maxlength="200"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
 
-        <el-row >
+        <el-row>
           <el-col :span="24">
             <el-form-item label="备注：" prop="remark">
-              <el-input type="textarea" :disabled="true" v-model="form.remark" maxlength="200"></el-input>
+              <el-input
+                type="textarea"
+                :disabled="true"
+                v-model="form.remark"
+                maxlength="200"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -428,7 +574,6 @@
         <el-button @click="cancel">关 闭</el-button>
       </div>
     </el-dialog>
-
   </div>
 </template>
 
@@ -442,16 +587,16 @@ import {
   getPostName,
   getUserList,
   exportEvection,
-  getPersonSelect
+  getPersonSelect,
 } from "@/api/process/evection";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
-import {getDaysDate} from "@/api/process/leaveReporting";
+import { getDaysDate } from "@/api/process/leaveReporting";
 
 export default {
   name: "Evection",
-  dicts: ['apply_status'],
-  components: {Treeselect},
+  dicts: ["apply_status"],
+  components: { Treeselect },
   data() {
     return {
       userInfo: this.$store.state.user,
@@ -470,10 +615,19 @@ export default {
       total: 0,
       // 表格数据
       tableList: [],
-      userList:[],
-      isAgreeList:[{id:'0',name:'否'},{id:'1',name:'是'}],
-      isOutsideList:[{id:'0',name:'否'},{id:'1',name:'是'}],
-      isXizangList:[{id:'0',name:'否'},{id:'1',name:'是'}],
+      userList: [],
+      isAgreeList: [
+        { id: "0", name: "否" },
+        { id: "1", name: "是" },
+      ],
+      isOutsideList: [
+        { id: "0", name: "否" },
+        { id: "1", name: "是" },
+      ],
+      isXizangList: [
+        { id: "0", name: "否" },
+        { id: "1", name: "是" },
+      ],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -481,13 +635,16 @@ export default {
       openDetails: false,
 
       isEdit: false,
-      timeStatusList: [{id: '1', name: "上午"}, {id: '2', name: "下午"}],
+      timeStatusList: [
+        { id: "1", name: "上午" },
+        { id: "2", name: "下午" },
+      ],
       // 日期范围
       dateRange: [],
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
       },
       personOptions: [],
       // 表单参数
@@ -495,71 +652,81 @@ export default {
       // 表单校验
       rules: {
         orgId: [
-          {required: true, message: "所属部门不能为空", trigger: "blur"}
+          { required: true, message: "所属部门不能为空", trigger: "blur" },
         ],
         orgHeadUserIdList: [
-          {required: true, message: "出行人不能为空", trigger: "blur"}
+          { required: true, message: "出行人不能为空", trigger: "blur" },
         ],
         leaveStartDate: [
-          {required: true, message: "出差开始时间不能为空", trigger: "blur"}
+          { required: true, message: "出差开始时间不能为空", trigger: "blur" },
         ],
         /*leaveStartInterval: [
           {required: true, message: "不能为空", trigger: "change"}
         ],*/
         leaveEndDate: [
-          {required: true, message: "出差结束时间不能为空", trigger: "blur"}
+          { required: true, message: "出差结束时间不能为空", trigger: "blur" },
         ],
         /*leaveEndInterval: [
           {required: true, message: "不能为空", trigger: "change"}
         ],*/
         leaveDuration: [
-          {required: true, message: "出差时长不能为空", trigger: "blur"}
+          { required: true, message: "出差时长不能为空", trigger: "blur" },
         ],
         location: [
-          {required: true, message: "地点不能为空", trigger: "blur"}
+          { required: true, message: "地点不能为空", trigger: "blur" },
         ],
         isAgree: [
-          {required: true, message: "是否请示领导同意不能为空", trigger: "blur"}
+          {
+            required: true,
+            message: "是否请示领导同意不能为空",
+            trigger: "blur",
+          },
         ],
         isOutside: [
-          {required: true, message: "是否省外同意不能为空", trigger: "blur"}
+          { required: true, message: "是否省外同意不能为空", trigger: "blur" },
         ],
         isXizang: [
-          {required: true, message: "是否西藏同意不能为空", trigger: "blur"}
+          { required: true, message: "是否西藏同意不能为空", trigger: "blur" },
         ],
         hostUserId: [
-          {required: true, message: "代理主持工作人员不能为空", trigger: "blur"}
+          {
+            required: true,
+            message: "代理主持工作人员不能为空",
+            trigger: "blur",
+          },
         ],
         leaveReason: [
-          {required: true, message: "出差事由不能为空", trigger: "blur"}
+          { required: true, message: "出差事由不能为空", trigger: "blur" },
         ],
-
       },
       // 开始日期选择限制
       startPickerOptions: {
         disabledDate: (v) => {
-          const today = new Date()
-          today.setHours(0, 0, 0, 0)
+          const today = new Date();
+          today.setHours(0, 0, 0, 0);
           if (this.form.leaveEndDate) {
             const end = new Date(this.form.leaveEndDate);
             end.setHours(0, 0, 0, 0);
             return v.getTime() > end.getTime() || v.getTime() < today.getTime();
           }
-          return v.getTime() < today.getTime()
+          return v.getTime() < today.getTime();
         },
       },
       // 结束日期选择限制
       endPickerOptions: {
         disabledDate: (v) => {
-          const today = new Date()
-          today.setHours(0, 0, 0, 0)
+          const today = new Date();
+          today.setHours(0, 0, 0, 0);
           if (this.form.leaveStartDate) {
-            return v.getTime() < new Date(this.form.leaveStartDate).getTime() - 86400000; //  - 86400000是否包括当天
+            return (
+              v.getTime() <
+              new Date(this.form.leaveStartDate).getTime() - 86400000
+            ); //  - 86400000是否包括当天
           }
-          return v.getTime() < today.getTime()
+          return v.getTime() < today.getTime();
         },
       },
-      daysNumber:"",
+      daysNumber: "",
     };
   },
   created() {
@@ -572,25 +739,29 @@ export default {
       this.form.leaveStartInterval = 1;
       this.form.leaveEndInterval = 2;
       if (this.form.leaveStartDate && this.form.leaveEndDate) {
-        await this.daysBetween(this.form.leaveStartDate, this.form.leaveEndDate)
-        console.log(this.daysNumber)
-        this.form.leaveDuration = this.daysNumber
+        await this.daysBetween(
+          this.form.leaveStartDate,
+          this.form.leaveEndDate
+        );
+        console.log(this.daysNumber);
+        this.form.leaveDuration = this.daysNumber;
       }
     },
 
     async daysBetween(date1, date2) {
       var data = {
-        "leaveStartDate":date1,
-        "leaveEndDate":date2,
-      }
-      await getDaysDate(data).then(response => {
+        leaveStartDate: date1,
+        leaveEndDate: date2,
+      };
+      await getDaysDate(data).then((response) => {
         this.daysNumber = response.data.date;
       });
     },
     /** 查询列表 */
     getList() {
       this.loading = true;
-      listEvection(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listEvection(this.addDateRange(this.queryParams, this.dateRange)).then(
+        (response) => {
           this.tableList = response.rows;
           this.total = response.total;
           this.loading = false;
@@ -598,19 +769,19 @@ export default {
       );
     },
 
-    getUserLists(){
+    getUserLists() {
       const Id = this.$store.state.user.id;
-      getUserList(Id).then(response => {
+      getUserList(Id).then((response) => {
         this.userList = response.data.data;
-        console.log("userList",this.userList)
+        console.log("userList", this.userList);
       });
     },
 
     /** 人员选择下拉 */
     getPersonSelect() {
-      getPersonSelect().then(response => {
-        this.personOptions=response.data
-        console.log("this.personOptions",this.personOptions);
+      getPersonSelect().then((response) => {
+        this.personOptions = response.data;
+        console.log("this.personOptions", this.personOptions);
       });
     },
     // 取消按钮
@@ -634,9 +805,9 @@ export default {
         isAgree: "0",
         isOutside: "0",
         isXizang: "0",
-        hostUserId:[],
+        hostUserId: [],
         orgHeadUserIdList: [],
-        travelers:[]
+        travelers: [],
       };
       this.resetForm("form");
     },
@@ -656,10 +827,10 @@ export default {
       this.reset();
       const Id = this.$store.state.user.id;
 
-      let idNums = [Id+""];
-      this.$set(this.form,"orgHeadUserIdList",idNums)
+      let idNums = [Id + ""];
+      this.$set(this.form, "orgHeadUserIdList", idNums);
 
-      getPostName(Id).then(response => {
+      getPostName(Id).then((response) => {
         this.form.postName = response.data.postName;
         this.open = true;
         this.title = "新增";
@@ -669,47 +840,46 @@ export default {
     handleUpdate(row) {
       this.reset();
       const Id = row.uuid;
-      getEvection(Id).then(response => {
+      getEvection(Id).then((response) => {
         this.form = response.data;
         let num = [];
-        let numArr = this.form.hostUserId.split(",")
-        numArr.forEach(function (item){
+        let numArr = this.form.hostUserId.split(",");
+        numArr.forEach(function (item) {
           num.push(parseInt(item));
-        })
-        this.$set(this.form,"hostUserId",num)
-        if(this.form.travelers!=null){
-          let arr = this.form.travelers.split(',')
+        });
+        this.$set(this.form, "hostUserId", num);
+        if (this.form.travelers != null) {
+          let arr = this.form.travelers.split(",");
           let nums = [];
-          arr.forEach(function (item){
+          arr.forEach(function (item) {
             nums.push(item.trim() + "");
-          })
-          this.$set(this.form,"orgHeadUserIdList",nums)
+          });
+          this.$set(this.form, "orgHeadUserIdList", nums);
         }
         this.open = true;
         this.title = "编辑";
       });
     },
 
-
     /** 详情按钮操作 */
     handleDetails(row) {
       this.reset();
       const Id = row.uuid;
-      getEvection(Id).then(response => {
+      getEvection(Id).then((response) => {
         this.form = response.data;
         let num = [];
-        let numArr = this.form.hostUserId.split(",")
-        numArr.forEach(function (item){
+        let numArr = this.form.hostUserId.split(",");
+        numArr.forEach(function (item) {
           num.push(parseInt(item));
-        })
-        this.$set(this.form,"hostUserId",num)
-        if(this.form.travelers!=null){
-          let arr = this.form.travelers.split(',')
+        });
+        this.$set(this.form, "hostUserId", num);
+        if (this.form.travelers != null) {
+          let arr = this.form.travelers.split(",");
           let nums = [];
-          arr.forEach(function (item){
+          arr.forEach(function (item) {
             nums.push(item.trim() + "");
-          })
-          this.$set(this.form,"orgHeadUserIdList",nums)
+          });
+          this.$set(this.form, "orgHeadUserIdList", nums);
         }
         this.openDetails = true;
         this.title = "详情";
@@ -718,97 +888,101 @@ export default {
 
     //选择部门
     changDept(e) {
-      console.log(e)
-      this.orgList.forEach(item => {
+      console.log(e);
+      this.orgList.forEach((item) => {
         if (item.id == e) {
-          this.form.orgName = item.name
+          this.form.orgName = item.name;
         }
-      })
+      });
     },
     //选择休假类型
     changType(e) {
-      console.log(e)
-      this.orgList.forEach(item => {
+      console.log(e);
+      this.orgList.forEach((item) => {
         if (item.id == e) {
-          this.form.type = item.name
+          this.form.type = item.name;
         }
-      })
+      });
     },
 
     getSelectedUserNames(filteredIds) {
       const selectedUserIds = filteredIds;
-      const selectedUsers = this.personOptions.filter(option => selectedUserIds.includes(option.userIds));
-      const selectedUserNames = selectedUsers.map(user => user.userName);
-      return selectedUserNames.join(', ');
+      const selectedUsers = this.personOptions.filter((option) =>
+        selectedUserIds.includes(option.userIds)
+      );
+      const selectedUserNames = selectedUsers.map((user) => user.userName);
+      return selectedUserNames.join(", ");
     },
 
     getSelectedUserNameEvecTion() {
       const selectedUserIdsStr = this.form.hostUserId;
       // 将字符串分割成字符串数组，并将每个元素转换为整数
-      const selectedUserIds = selectedUserIdsStr.split(',').map(id => parseInt(id.trim(), 10));
+      const selectedUserIds = selectedUserIdsStr
+        .split(",")
+        .map((id) => parseInt(id.trim(), 10));
 
-      const selectedUsers = this.userList.filter(option => selectedUserIds.includes(option.userId));
+      const selectedUsers = this.userList.filter((option) =>
+        selectedUserIds.includes(option.userId)
+      );
 
-      const selectedUserNames = selectedUsers.map(user => user.userName);
+      const selectedUserNames = selectedUsers.map((user) => user.userName);
 
-      return selectedUserNames.join(', ');
+      return selectedUserNames.join(", ");
     },
 
     /** 提交按钮 */
     submitForm: function () {
-      console.log(this.form)
-      this.$refs["form"].validate(valid => {
+      console.log(this.form);
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           var lists = this.form.orgHeadUserIdList.join(",");
-          var idsArray = lists.split(",")
-          console.log("idsArray",idsArray)
-          const Ids = this.$store.state.user.id+"";
+          var idsArray = lists.split(",");
+          console.log("idsArray", idsArray);
+          const Ids = this.$store.state.user.id + "";
           const containsIds = idsArray.includes(Ids);
-          console.log("containsIds",containsIds)
+          console.log("containsIds", containsIds);
           var filteredIds;
-          if(containsIds){
+          if (containsIds) {
             //去掉它
-            filteredIds = idsArray.filter(id => id !== Ids);
-          }else{
+            filteredIds = idsArray.filter((id) => id !== Ids);
+          } else {
             this.$modal.msgError("出行人需要添加申请人");
-            return ;
+            return;
           }
 
           // if (filteredIds.length === 0) {
           //   this.$modal.msgError("出行人需要添加申请人以外的人员。");
           //   return ;
           // }
-          console.log(filteredIds)
+          console.log(filteredIds);
           this.form.travelers = filteredIds.join(",");
-          console.log(this.form.travelers)
+          console.log(this.form.travelers);
           var nameList = this.getSelectedUserNames(filteredIds);
           this.form.travelersName = nameList;
 
-
           var list = this.form.hostUserId.join(",");
           // 将字符串分割成数组
-          const userIdArray = list.split(',');
+          const userIdArray = list.split(",");
           // 检查数组中是否同时存在0和其他非0的值
-          const containsZero = userIdArray.includes('0');
-          const containsOtherValues = userIdArray.some(id => id !== '0');
+          const containsZero = userIdArray.includes("0");
+          const containsOtherValues = userIdArray.some((id) => id !== "0");
           if (containsZero && containsOtherValues) {
             this.$modal.msgError("选择’/‘后不能在选择其他人员");
-            return ;
+            return;
           }
           this.form.hostUserId = list;
           var hostNameList = this.getSelectedUserNameEvecTion();
           this.form.hostUserName = hostNameList;
 
-
           if (this.form.id != undefined) {
-            this.form.examineStatus = 0
-            updateEvection(this.form).then(response => {
+            this.form.examineStatus = 0;
+            updateEvection(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addEvection(this.form).then(response => {
+            addEvection(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -820,25 +994,29 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const Ids = row.uuid;
-      this.$modal.confirm('是否确认删除该申请？').then(function () {
-        return delEvection(Ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {
-      });
+      this.$modal
+        .confirm("是否确认删除该申请？")
+        .then(function () {
+          return delEvection(Ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      exportEvection(this.addDateRange(this.queryParams, this.dateRange)).then(res => {
-        this.downloadFile({
-          fileName: `出差报备_${new Date().getTime()}.xlsx`,
-          fileData: res,
-          fileType: 'application/vnd.ms-excel;charset=utf-8'
-        })
-      })
+      exportEvection(this.addDateRange(this.queryParams, this.dateRange)).then(
+        (res) => {
+          this.downloadFile({
+            fileName: `出差报备_${new Date().getTime()}.xlsx`,
+            fileData: res,
+            fileType: "application/vnd.ms-excel;charset=utf-8",
+          });
+        }
+      );
     },
-
-  }
+  },
 };
 </script>
diff --git a/vue.config.js b/vue.config.js
index 086fead..abb1513 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,15 +1,15 @@
-'use strict'
-const path = require('path')
+"use strict";
+const path = require("path");
 
 function resolve(dir) {
-  return path.join(__dirname, dir)
+  return path.join(__dirname, dir);
 }
 
-const CompressionPlugin = require('compression-webpack-plugin')
+const CompressionPlugin = require("compression-webpack-plugin");
 
-const name = process.env.VUE_APP_TITLE || '考勤后台管理系统' // 网页标题
+const name = process.env.VUE_APP_TITLE || "考勤后台管理系统"; // 网页标题
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
+const port = process.env.port || process.env.npm_config_port || 80; // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -20,113 +20,112 @@ module.exports = {
   // 例如 https://www.bonus.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.bonus.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: process.env.NODE_ENV === "production" ? "/gz-att/" : "/gz-att/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: 'gz-att',
+  outputDir: "gz-att",
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: 'static',
+  assetsDir: "static",
   // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === 'development',
+  lintOnSave: process.env.NODE_ENV === "development",
   // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: port,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://127.0.0.1:8100`,
+        target: `http://192.168.0.50:8100`, // 孙亮
         // target: `http://192.168.0.14:8001`,
         // target: `http://192.168.2.146:8100`,
         changeOrigin: true,
         pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
-        }
-      }
+          ["^" + process.env.VUE_APP_BASE_API]: "",
+        },
+      },
     },
-    disableHostCheck: true
+    disableHostCheck: true,
   },
   css: {
     loaderOptions: {
       sass: {
-        sassOptions: { outputStyle: "expanded" }
-      }
-    }
+        sassOptions: { outputStyle: "expanded" },
+      },
+    },
   },
   configureWebpack: {
     name: name,
     resolve: {
       alias: {
-        '@': resolve('src')
-      }
+        "@": resolve("src"),
+      },
     },
     plugins: [
       // http://doc.bonus.vip/bonus-vue/other/faq.html#使用gzip解压缩静态文件
       new CompressionPlugin({
-        cache: false,                                  // 不启用文件缓存
-        test: /\.(js|css|html|jpe?g|png|gif|svg)?$/i,  // 压缩文件格式
-        filename: '[path][base].gz[query]',            // 压缩后的文件名
-        algorithm: 'gzip',                             // 使用gzip压缩
-        minRatio: 0.8,                                 // 压缩比例，小于 80% 的文件不会被压缩
-        deleteOriginalAssets: false                    // 压缩后删除原文件
-      })
+        cache: false, // 不启用文件缓存
+        test: /\.(js|css|html|jpe?g|png|gif|svg)?$/i, // 压缩文件格式
+        filename: "[path][base].gz[query]", // 压缩后的文件名
+        algorithm: "gzip", // 使用gzip压缩
+        minRatio: 0.8, // 压缩比例，小于 80% 的文件不会被压缩
+        deleteOriginalAssets: false, // 压缩后删除原文件
+      }),
     ],
   },
   chainWebpack(config) {
-    config.plugins.delete('preload') // TODO: need test
-    config.plugins.delete('prefetch') // TODO: need test
+    config.plugins.delete("preload"); // TODO: need test
+    config.plugins.delete("prefetch"); // TODO: need test
 
     // set svg-sprite-loader
+    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
     config.module
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icons'))
-      .end()
-    config.module
-      .rule('icons')
+      .rule("icons")
       .test(/\.svg$/)
-      .include.add(resolve('src/assets/icons'))
+      .include.add(resolve("src/assets/icons"))
       .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: "icon-[name]",
       })
-      .end()
+      .end();
 
-    config.when(process.env.NODE_ENV !== 'development', config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
+    config.when(process.env.NODE_ENV !== "development", (config) => {
+      config
+        .plugin("ScriptExtHtmlWebpackPlugin")
+        .after("html")
+        .use("script-ext-html-webpack-plugin", [
+          {
             // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
+            inline: /runtime\..*\.js$/,
+          },
+        ])
+        .end();
 
-          config.optimization.splitChunks({
-            chunks: 'all',
-            cacheGroups: {
-              libs: {
-                name: 'chunk-libs',
-                test: /[\\/]node_modules[\\/]/,
-                priority: 10,
-                chunks: 'initial' // only package third parties that are initially dependent
-              },
-              elementUI: {
-                name: 'chunk-elementUI', // split elementUI into a single package
-                test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
-                priority: 20 // the weight needs to be larger than libs and app or it will be packaged into libs or app
-              },
-              commons: {
-                name: 'chunk-commons',
-                test: resolve('src/components'), // can customize your rules
-                minChunks: 3, //  minimum common number
-                priority: 5,
-                reuseExistingChunk: true
-              }
-            }
-          })
-          config.optimization.runtimeChunk('single')
-    })
-  }
-}
+      config.optimization.splitChunks({
+        chunks: "all",
+        cacheGroups: {
+          libs: {
+            name: "chunk-libs",
+            test: /[\\/]node_modules[\\/]/,
+            priority: 10,
+            chunks: "initial", // only package third parties that are initially dependent
+          },
+          elementUI: {
+            name: "chunk-elementUI", // split elementUI into a single package
+            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
+            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+          },
+          commons: {
+            name: "chunk-commons",
+            test: resolve("src/components"), // can customize your rules
+            minChunks: 3, //  minimum common number
+            priority: 5,
+            reuseExistingChunk: true,
+          },
+        },
+      });
+      config.optimization.runtimeChunk("single");
+    });
+  },
+};