5/16提交

src/views/PeopleManage/Agent/AgentExamine.vue

@@ -401,12 +401,12 @@
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="录入时间">
+                <el-form-item label="录入时间" prop="createTime">
                   <el-input v-model="dataForm.createTime" disabled></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="最后修改时间" >
+                <el-form-item label="最后修改时间" prop="lastUpdateTime">
                   <el-input v-model="dataForm.lastUpdateTime" disabled></el-input>
                 </el-form-item>
               </el-col>

src/views/PeopleManage/Agent/AgentManage.vue

@@ -165,7 +165,7 @@
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="部门" prop="pdeptName" >
+                <el-form-item label="部门" prop="deptId" >
                   <el-select @change="changeDept" style="width: 100%;" v-model="dataForm.deptId" placeholder="请选择">
                     <el-option v-for="item in departmentList" :key="item.value" :label="item.label" :value="item.value" ></el-option>
                   </el-select>
@@ -951,6 +951,7 @@ export default {
       ],
 
       dataFormRules: {
+        name: [{ required: true, message: "请输入用户名", trigger: "blur" }],
         mobile: [
           { required: true, message: "请输入电话", trigger: "blur" },
           { min: 11, max: 11, message: "请输入11位手机号码", trigger: "blur" },
@@ -961,6 +962,7 @@ export default {
             trigger: "blur",
           },
         ],
+        deptId: [{ required: true, message: "请选择部门", trigger: "change" }],
         // identity: [{ required: true,message: '请输入身份证',trigger: 'blur'},{ validator: validateIdCard, trigger: 'blur'}],
       },
       option: [], //机构列表
@@ -1087,13 +1089,14 @@ export default {
     },
     statusChange(e) {
       //状态选择事件
-      this.pageRequest.columnFilters.approvalStatus.value = e;
+      // this.pageRequest.columnFilters.approvalStatus.value = e;
       // this.findPage();
     },
     // 查询End
 
     //改变部门
     changeDept(value) {
+      console.log(value);
       let that = this;
       that.dataForm.recommenderid = "";
       that.dataForm.recommendername = "";
@@ -1189,7 +1192,6 @@ export default {
       });
     },
     onZTreeClick: function (evt, treeId, treeNode) {
-      console.log(treeId);
       // 点击事件
       this.currentTreeNode = evt;
       this.pageRequest.columnFilters.deptId.value = this.currentTreeNode.id;
@@ -1197,7 +1199,6 @@ export default {
       this.zrr = [];
       this.platform(treeId);
       this.$api.dept.getDeptById(evt.id).then((res) => {
-        console.log(res);
         if (res.data.deptType == "D") {
           console.log(this.zrr);
           this.zrr.map((item, index) => {
@@ -1209,7 +1210,6 @@ export default {
       });
     },
     platform(array) {
-      console.log(array);
       if (!array.parent) {
         return;
       }
@@ -1222,58 +1222,27 @@ export default {
 
       if (val.length == 0) {
         that.deptInfo = {};
+        this.departmentList = [];
       } else {
         var arr = val;
         var lastItem = arr.at(-1);
+        this.dataForm.deptId = "";
         this.$api.dept.getDeptById(lastItem).then((res) => {
           that.deptInfo = res.data;
+          this.$api.dept.getDeptById(lastItem).then((result) => {
+            this.departmentList = [];
+            this.filterTreeData(this.ztreeNodes, lastItem);
 
-          this.departmentList = [];
-          if (res.data.deptType == "D") {
-            this.dataForm.deptId = res.data.id;
-            this.$api.dept.getDeptById(res.data.parentId).then((result) => {
-              this.departmentList = [];
-              this.filterTreeData(this.ztreeNodes, res.data.parentId);
-
-              for (var i = 0; i < this.filterObject.children.length; i++) {
-                if (this.filterObject.children[i].deptType == "D") {
-                  this.departmentList.push({
-                    label: this.filterObject.children[i].name,
-                    value: this.filterObject.children[i].id,
-                  });
-                }
-              }
-              this.dialogVisible = true;
-            });
-            //推荐人工号
-            this.$api.user
-              .findPersonByDeptid(this.currentTreeNode.id)
-              .then((res1) => {
-                if (res1.code == 200) {
-                  this.recommenderList = [];
-                  Object.assign(this.recommenderList, res1.data);
-                }
-              });
-          } else {
-            //选中的是公司
-            this.deptInfo = res.data;
-            if (this.currentTreeNode.children) {
-              for (var i = 0; i < this.currentTreeNode.children.length; i++) {
-                if (this.currentTreeNode.children[i].id.indexOf("D") >= 0) {
-                  this.departmentList.push({
-                    label: this.currentTreeNode.children[i].name,
-                    value: this.currentTreeNode.children[i].id,
-                  });
-                }
+            for (var i = 0; i < this.filterObject.children.length; i++) {
+              if (this.filterObject.children[i].deptType == "D") {
+                this.departmentList.push({
+                  label: this.filterObject.children[i].name,
+                  value: this.filterObject.children[i].id,
+                });
               }
-              this.dialogVisible = true;
-            } else {
-              this.$message.info(
-                "该机构下还没部门，无法添加人员，请先到机构管理为该机构添加部门"
-              );
-              return;
             }
-          }
+            this.dialogVisible = true;
+          });
         });
       }
     },
@@ -1293,13 +1262,26 @@ export default {
         })
         .then(data != null ? data.callback : "");
     },
+    getParentId(list, id) {
+      for (let i in list) {
+        if (list[i].id == id) {
+          //递归条件
+          return [list[i].id];
+        }
+        if (list[i].children) {
+          let node = this.getParentId(list[i].children, id);
+          if (node !== undefined) {
+            return node.concat(list[i].id);
+          }
+        }
+      }
+    },
     handleTableEdit(params) {
-      // this.zrr = ["9"];
-      console.log(params);
-      //获取用户综合信息
-      this.$api.user
-        .gainUserSynthesisInfo(params.row.userId)
-        .then((response) => {});
+      this.getParentId(this.ztreeNodes, params.row.pdeptId);
+      this.zrr = this.getParentId(
+        this.ztreeNodes,
+        params.row.pdeptId
+      ).reverse();
 
       this.$api.dept.findDeptTree().then((res) => {
         this.option = res.data;
@@ -1320,19 +1302,22 @@ export default {
       this.$api.dept
         .getDeptById(params.row.deptId.split("D")[0])
         .then((deptRes) => {
-          // console.log(deptRes);
           this.deptInfo = deptRes.data;
           this.departmentList = [];
-          this.filterTreeData(this.ztreeNodes, deptRes.data.parentId);
-
-          for (var i = 0; i < this.filterObject.children.length; i++) {
-            if (this.filterObject.children[i].deptType == "D") {
-              this.departmentList.push({
-                label: this.filterObject.children[i].name,
-                value: this.filterObject.children[i].id,
-              });
+          this.$api.dept.getDeptById(deptRes.data.id).then((result) => {
+            this.departmentList = [];
+            this.filterTreeData(this.ztreeNodes, deptRes.data.id);
+            for (var i = 0; i < this.filterObject.children.length; i++) {
+              if (this.filterObject.children[i].deptType == "D") {
+                this.departmentList.push({
+                  label: this.filterObject.children[i].name,
+                  value: this.filterObject.children[i].id,
+                });
+              }
             }
-          }
+            this.dialogVisible = true;
+          });
+
           if (this.pageRequest.columnFilters.approvalStatus.value == "1") {
             this.$api.user.findById(params.row.userId).then((personRes) => {
               Object.assign(this.dataForm, personRes.data.sysUser);
@@ -1407,15 +1392,12 @@ export default {
     },
     // 批量删除人员
     // handleTableBatchDelete(data) {
-    //   console.log(11);
-    //   console.log(data);
     //   this.$api.user
     //     .batchDelete(data.params)
     //     .then(data != null ? data.callback : "");
     // },
     // 删除单个人员
     handleTableDeleteFlag(data) {
-      console.log(data);
       let params = [
         {
           approvalStatus: 1,
@@ -1439,15 +1421,23 @@ export default {
           usertype: "2",
         },
       ];
+
       this.$confirm("确认关闭？")
         .then(() => {
-          this.$api.user.deleteFlag(params).then(this.findPage());
+          this.$api.user.deleteFlag(params).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                message: "删除成功",
+                type: "success",
+              });
+              this.findPage();
+            }
+          });
         })
         .catch(() => {});
     },
     filterTreeData(source, target) {
       for (let i = 0; i < source.length; i++) {
-        // console.log(source[i].id);
         if (source[i].id == target) {
           this.filterObject = source[i];
           // return data[i]
@@ -1492,7 +1482,6 @@ export default {
       this.dialogTitle = "新增代理人员";
       this.dataForm.jobName = "业务员";
       // 查询机构信息
-      console.log(this.currentTreeNode.id);
       this.$api.dept.getDeptById(this.currentTreeNode.id).then((res) => {
         this.departmentList = [];
         if (res.data.deptType == "D") {
@@ -1503,7 +1492,6 @@ export default {
 
             this.departmentList = [];
             this.filterTreeData(this.ztreeNodes, res.data.parentId);
-
             for (var i = 0; i < this.filterObject.children.length; i++) {
               if (this.filterObject.children[i].deptType == "D") {
                 this.departmentList.push({
@@ -1659,30 +1647,30 @@ export default {
                 esmUserAgent: {},
                 sysDept: {},
               };
-              params.sysDept.address = this.dataForm.address;
-              params.sysDept.children = this.dataForm.children;
-              params.sysDept.city = this.dataForm.city;
-              params.sysDept.comattribute = this.dataForm.comattribute;
-              params.sysDept.comlevel = this.dataForm.comlevel;
-              params.sysDept.comtype = this.dataForm.comtype;
-              params.sysDept.createBy = this.dataForm.createBy;
-              params.sysDept.createTime = this.dataForm.createTime;
-              params.sysDept.delFlag = this.dataForm.delFlag;
-              params.sysDept.deptCode = this.dataForm.deptCode;
-              params.sysDept.deptType = this.dataForm.deptType;
-              params.sysDept.house = this.dataForm.house;
-              params.sysDept.id = this.dataForm.id;
-              params.sysDept.isstop = this.dataForm.isstop;
-              params.sysDept.lastUpdateBy = this.dataForm.lastUpdateBy;
-              params.sysDept.lastUpdateTime = this.dataForm.lastUpdateTime;
-              params.sysDept.leadername = this.dataForm.leadername;
-              params.sysDept.leaderphone = this.dataForm.leaderphone;
-              params.sysDept.level = this.dataForm.level;
-              params.sysDept.name = this.dataForm.name;
-              params.sysDept.orderNum = this.dataForm.orderNum;
-              params.sysDept.parentId = this.dataForm.parentId;
-              params.sysDept.parentName = this.dataForm.parentName;
-              params.sysDept.province = this.dataForm.province;
+              params.sysDept.address = this.deptInfo.address;
+              params.sysDept.children = this.deptInfo.children;
+              params.sysDept.city = this.deptInfo.city;
+              params.sysDept.comattribute = this.deptInfo.comattribute;
+              params.sysDept.comlevel = this.deptInfo.comlevel;
+              params.sysDept.comtype = this.deptInfo.comtype;
+              params.sysDept.createBy = this.deptInfo.createBy;
+              params.sysDept.createTime = this.deptInfo.createTime;
+              params.sysDept.delFlag = this.deptInfo.delFlag;
+              params.sysDept.deptCode = this.deptInfo.deptCode;
+              params.sysDept.deptType = this.deptInfo.deptType;
+              params.sysDept.house = this.deptInfo.house;
+              params.sysDept.id = this.deptInfo.id;
+              params.sysDept.isstop = this.deptInfo.isstop;
+              params.sysDept.lastUpdateBy = this.deptInfo.lastUpdateBy;
+              params.sysDept.lastUpdateTime = this.deptInfo.lastUpdateTime;
+              params.sysDept.leadername = this.deptInfo.leadername;
+              params.sysDept.leaderphone = this.deptInfo.leaderphone;
+              params.sysDept.level = this.deptInfo.level;
+              params.sysDept.name = this.deptInfo.name;
+              params.sysDept.orderNum = this.deptInfo.orderNum;
+              params.sysDept.parentId = this.deptInfo.parentId;
+              params.sysDept.parentName = this.deptInfo.parentName;
+              params.sysDept.province = this.deptInfo.province;
 
               params.sysUser.approvalStatus = 1;
               params.sysUser.id = this.dataForm.id;
@@ -1763,36 +1751,36 @@ export default {
               this.$api.user.saveUser(params).then((res) => {
                 if (res.code == 200) {
                   let taskid = res.data;
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T1",
-                    imgList: [this.dataForm.photo1],
-                  });
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T2",
-                    imgList: [this.dataForm.photo2],
-                  });
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T3",
-                    imgList: [this.dataForm.photo3],
-                  });
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T4",
-                    imgList: [this.dataForm.photo4],
-                  });
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T5",
-                    imgList: [this.dataForm.photo5],
-                  });
-                  this.$api.user.savePersonImage({
-                    taskid: taskid,
-                    imgtype: "T6",
-                    imgList: [this.dataForm.photo6],
-                  });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T1",
+                  //   imgList: [this.dataForm.photo1],
+                  // });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T2",
+                  //   imgList: [this.dataForm.photo2],
+                  // });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T3",
+                  //   imgList: [this.dataForm.photo3],
+                  // });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T4",
+                  //   imgList: [this.dataForm.photo4],
+                  // });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T5",
+                  //   imgList: [this.dataForm.photo5],
+                  // });
+                  // this.$api.user.savePersonImage({
+                  //   taskid: taskid,
+                  //   imgtype: "T6",
+                  //   imgList: [this.dataForm.photo6],
+                  // });
 
                   this.$message({
                     message: "操作成功",

src/views/PeopleManage/TeamLeader/TeamLeaderExamine.vue

@@ -555,569 +555,700 @@
 </template>
 
 <script>
-  import Cookies from "js-cookie"
-  import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
-  import tree from "@/components/ztree.vue";  // 机构树组件
-  import KtCommonTable from "@/views/Core/KtCommonTable.vue";//表格组件
-  import bankBin from "@/assets/js/bankcardinfo.js"
-  import CommonUtil from "@/utils/comutil.js"
+import Cookies from "js-cookie";
+import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
+import tree from "@/components/ztree.vue"; // 机构树组件
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import bankBin from "@/assets/js/bankcardinfo.js";
+import CommonUtil from "@/utils/comutil.js";
 
-  export default {
-    components: {
-      KtButton,
-      tree,
-      KtCommonTable
-    },
-    data() {
-      return {
-        peopleid:"",
-        peopledeptid:"",
-        /**Split 开始 */
-        leftSplitWidth: 20,
-        rightSplitWidth: 80,
-        /**Split 结束 */
+export default {
+  components: {
+    KtButton,
+    tree,
+    KtCommonTable,
+  },
+  data() {
+    return {
+      peopleid: "",
+      peopledeptid: "",
+      /**Split 开始 */
+      leftSplitWidth: 20,
+      rightSplitWidth: 80,
+      /**Split 结束 */
 
-        //----ztreeLeft begin---------
-        ztreeObj: null,
-        ztreeSetting: {
-          check: {
-            enable: false
-          },
-          data: {
-            simpleData: {
-              enable: true,
-              pIdKey: "parentId"
-            }
+      //----ztreeLeft begin---------
+      ztreeObj: null,
+      ztreeSetting: {
+        check: {
+          enable: false,
+        },
+        data: {
+          simpleData: {
+            enable: true,
+            pIdKey: "parentId",
           },
-          view: {
-            showIcon: false
-          }
         },
-        ztreeNodes: [],
-        currentTreeNode: null,
-        //----ztreeLeft end---------
+        view: {
+          showIcon: false,
+        },
+      },
+      ztreeNodes: [],
+      currentTreeNode: null,
+      //----ztreeLeft end---------
 
-        // 控制影像
-        pic1Control:false,
-        pic3Control:false,
-        pic4Control:false,
-        pic5Control:false,
-        pic6Control:false,
+      // 控制影像
+      pic1Control: false,
+      pic3Control: false,
+      pic4Control: false,
+      pic5Control: false,
+      pic6Control: false,
 
-        // 右侧列表查询数据Start
-        queryFrom:{
-          "status":"0"
+      // 右侧列表查询数据Start
+      queryFrom: {
+        status: "0",
+      },
+      pageResult: {},
+      containsSubDeptChecked: true, //是否包含下级机构
+      pageRequest: {
+        //查询的默认条件
+        pageNum: 1,
+        pageSize: 20,
+        columnFilters: {
+          deptId: {
+            name: "deptId",
+            value: "",
+          },
+          containsSubDept: {
+            name: "containsSubDept",
+            value: 1,
+          },
+          usertype: {
+            name: "usertype",
+            value: "B",
+          },
+          status: {
+            name: "status",
+            value: "0",
+          },
+          isteamleader: {
+            name: "isteamleader",
+            value: "1",
+          },
+          id: {
+            name: "id",
+            value: "",
+          },
+          name: {
+            name: "name",
+            value: "",
+          },
+          mobile: {
+            name: "mobile",
+            value: "",
+          },
         },
-        pageResult: {},
-        containsSubDeptChecked: true, //是否包含下级机构
-        pageRequest: {  //查询的默认条件
-          pageNum: 1,
-          pageSize: 20,
-          columnFilters: {
-            "deptId": {
-              "name": "deptId",
-              "value": ''
-            },
-            "containsSubDept": {
-              "name": "containsSubDept",
-              "value": 1
-            },
-            "usertype": {
-              "name": "usertype",
-              "value": "B"
-            },
-            "status":{
-              "name":"status",
-              "value":"0"
-            },
-            "isteamleader":{
-              "name":"isteamleader",
-              "value":"1"
-            },
-            "id":{
-              "name":"id",
-              "value":""
-            },
-            "name":{
-              "name":"name",
-              "value":""
-            },
-            "mobile":{
-              "name":"mobile",
-              "value":""
-            },
-          }
+      },
+      columns: [
+        { prop: "deptId", label: "部门编码", minWidth: 80, sortable: false },
+        {
+          prop: "companyName",
+          label: "机构名称",
+          minWidth: 120,
+          sortable: false,
+          formatter: this.companyNameFormatter,
         },
-        columns: [
-          { prop: "deptId",label: "部门编码",minWidth: 80,sortable: false},
-		  { prop: "companyName",label: "机构名称",minWidth: 120,sortable: false,formatter: this.companyNameFormatter},
-          { prop: "deptName",label: "部门名称",minWidth: 80,sortable: false},
-          { prop: "jobCode",label: "岗位",minWidth: 80,sortable: false,formatter: this.jobcodeFormatter},
-          { prop: "id",label: "工号",minWidth: 80,sortable: false},
-          { prop: "name",label: "姓名",minWidth: 120,sortable: false},
-          { prop: "sex",label: "性别",minWidth: 120,sortable: false},
-          { prop: "mobile",label: "联系电话",minWidth: 100,sortable: false},
-          { prop: "lastUpdateTime",label: "提交时间",minWidth: 100,sortable: false},
-          { prop: "status", label: "状态", minWidth: 70, sortable: false,formatter: this.statusFormatter}
-        ],
-        // 右侧列表查询数据End
-
-        // 新增或修改的弹出框Start
-        remarks:'',//审核的备注
-        activeTabs: "first",
-        dialogVisible: false, // 新增编辑界面是否显示
-        operation: false, // true:新增, false:编辑
-        departmentList:[], // 选中公司的所有部门的集合
-        deptInfo:{},  //选中机构的基本信息
-        dataForm:{  // 人员个人信息
-            id: '',
-            name: '', //用户名
-            password: '', //密码
-            email: '', //邮箱
-            mobile: '', //手机号
-            birthday: '', //出生日期
-            status: '', //状态  1：正常   0：离司
-            marrycode: '', //婚姻状况
-            deptId: '', //机构号或者部门号
-            createBy: '', //创建人
-            createTime: '', //创建时间
-            lastUpdateBy: '', //更新人
-            lastUpdateTime: '', //更新时间
-            delFlag: '', //是否删除  -1：已删除  0：正常
-            usertype: '', //用户类型：0:系统用户 A：后线人员 B：代理人员
-            tenantId: '', //所属租户
-            sex: '', //性别
-            jobCode: '', //岗位
-            esmUserInternalid: '',
-            addressnow: '', //居住地址
-            nations: '', //民族
-            politicalstatus: '', //政治面貌
-            college: '', //毕业院校
-            identity: '', //身份证号
-            education: '', //学历
-            bankname: '', //开户行
-            accountno: '', //开户账号
-            addressresident: '', //户口地址
-            health: '', //健康状态
-            postalcode: '', //邮政编码
-            phonehouse: '', //住宅电话
-            collegetm: '', //毕业时间
-            speciality: '', //专业
-            nativeplace: '', //籍贯
-            worktype: '', //工作性质
-            blood: '', //血型
-            saleno: '', //业务员职业证书号
-            orglast: '', //原工作单位
-            joblast: '', //工作职务
-            hobby: '', //爱好特长
-            namespecial: '', //紧急联系人姓名
-            phonespecial: '', //紧急联系人电话
-            intimes: '', //是否二次入司
-            intime: '', //入司时间
-            contracttime: '', //签约时间(财)
-            isteamleader: '', //是否团队长(财)
-            documentno: '', //后线人员档案号
-            hrcode: '', //后线人员HR编码
-            regulartm: '', //转正时间
-            salarycode: '' ,//薪资等级
-            isshowsalesroom:'',//是否显示门店
-            isshowteam:'',//是否显示团队
+        { prop: "deptName", label: "部门名称", minWidth: 80, sortable: false },
+        {
+          prop: "jobCode",
+          label: "岗位",
+          minWidth: 80,
+          sortable: false,
+          formatter: this.jobcodeFormatter,
+        },
+        { prop: "id", label: "工号", minWidth: 80, sortable: false },
+        { prop: "name", label: "姓名", minWidth: 120, sortable: false },
+        { prop: "sex", label: "性别", minWidth: 120, sortable: false },
+        { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
+        {
+          prop: "lastUpdateTime",
+          label: "提交时间",
+          minWidth: 100,
+          sortable: false,
+        },
+        {
+          prop: "status",
+          label: "状态",
+          minWidth: 70,
+          sortable: false,
+          formatter: this.statusFormatter,
+        },
+      ],
+      // 右侧列表查询数据End
 
+      // 新增或修改的弹出框Start
+      remarks: "", //审核的备注
+      activeTabs: "first",
+      dialogVisible: false, // 新增编辑界面是否显示
+      operation: false, // true:新增, false:编辑
+      departmentList: [], // 选中公司的所有部门的集合
+      deptInfo: {}, //选中机构的基本信息
+      dataForm: {
+        // 人员个人信息
+        id: "",
+        name: "", //用户名
+        password: "", //密码
+        email: "", //邮箱
+        mobile: "", //手机号
+        birthday: "", //出生日期
+        status: "", //状态  1：正常   0：离司
+        marrycode: "", //婚姻状况
+        deptId: "", //机构号或者部门号
+        createBy: "", //创建人
+        createTime: "", //创建时间
+        lastUpdateBy: "", //更新人
+        lastUpdateTime: "", //更新时间
+        delFlag: "", //是否删除  -1：已删除  0：正常
+        usertype: "", //用户类型：0:系统用户 A：后线人员 B：代理人员
+        tenantId: "", //所属租户
+        sex: "", //性别
+        jobCode: "", //岗位
+        esmUserInternalid: "",
+        addressnow: "", //居住地址
+        nations: "", //民族
+        politicalstatus: "", //政治面貌
+        college: "", //毕业院校
+        identity: "", //身份证号
+        education: "", //学历
+        bankname: "", //开户行
+        accountno: "", //开户账号
+        addressresident: "", //户口地址
+        health: "", //健康状态
+        postalcode: "", //邮政编码
+        phonehouse: "", //住宅电话
+        collegetm: "", //毕业时间
+        speciality: "", //专业
+        nativeplace: "", //籍贯
+        worktype: "", //工作性质
+        blood: "", //血型
+        saleno: "", //业务员职业证书号
+        orglast: "", //原工作单位
+        joblast: "", //工作职务
+        hobby: "", //爱好特长
+        namespecial: "", //紧急联系人姓名
+        phonespecial: "", //紧急联系人电话
+        intimes: "", //是否二次入司
+        intime: "", //入司时间
+        contracttime: "", //签约时间(财)
+        isteamleader: "", //是否团队长(财)
+        documentno: "", //后线人员档案号
+        hrcode: "", //后线人员HR编码
+        regulartm: "", //转正时间
+        salarycode: "", //薪资等级
+        isshowsalesroom: "", //是否显示门店
+        isshowteam: "", //是否显示团队
 
-            photo1:"",
-            photo2:"",
-            photo3:"",
-            photo4:"",
-            photo5:"",
-            photo6:""
-        },
-        // 新增或修改的弹出框End
+        photo1: "",
+        photo2: "",
+        photo3: "",
+        photo4: "",
+        photo5: "",
+        photo6: "",
+      },
+      // 新增或修改的弹出框End
 
-        //------------下拉框数据字典   begin-----------------
-        comleveloptions: [],
-        comattributeoptions: [],
-        comtypeoptions: [],
-        jobcodeoptions: [],
-        statusoptions:[
-            {label:"待审核",value:"0"},
-            {label:"审核通过",value:"1"},
-            {label:"审核驳回",value:"2"},
-            {label:"退回修改",value:"3"},
-            {label:"全部",value:"0,1,2,3"}
-          ],
-        //------------下拉框数据字典   end----------------
+      //------------下拉框数据字典   begin-----------------
+      comleveloptions: [],
+      comattributeoptions: [],
+      comtypeoptions: [],
+      jobcodeoptions: [],
+      statusoptions: [
+        { label: "待审核", value: "0" },
+        { label: "审核通过", value: "1" },
+        { label: "审核驳回", value: "2" },
+        { label: "退回修改", value: "3" },
+        { label: "全部", value: "0,1,2,3" },
+      ],
+      //------------下拉框数据字典   end----------------
 
-        //56个民族
-        nationalList:['汉族','壮族','满族','回族','苗族','维吾尔族','土家族','彝族','蒙古族','藏族','布依族','侗族','瑶族','朝鲜族','白族','哈尼族','哈萨克族','黎族','傣族','畲族','傈僳族','仡佬族','东乡族','高山族','拉祜族','水族','佤族','纳西族','羌族','土族','仫佬族','锡伯族','柯尔克孜族','达斡尔族','景颇族','毛南族','撒拉族','布朗族','塔吉克族','阿昌族','普米族','鄂温克族','怒族','京族','基诺族','德昂族','保安族','俄罗斯族','裕固族','乌兹别克族','门巴族','鄂伦春族','独龙族','塔塔尔族','赫哲族','珞巴族'],
+      //56个民族
+      nationalList: [
+        "汉族",
+        "壮族",
+        "满族",
+        "回族",
+        "苗族",
+        "维吾尔族",
+        "土家族",
+        "彝族",
+        "蒙古族",
+        "藏族",
+        "布依族",
+        "侗族",
+        "瑶族",
+        "朝鲜族",
+        "白族",
+        "哈尼族",
+        "哈萨克族",
+        "黎族",
+        "傣族",
+        "畲族",
+        "傈僳族",
+        "仡佬族",
+        "东乡族",
+        "高山族",
+        "拉祜族",
+        "水族",
+        "佤族",
+        "纳西族",
+        "羌族",
+        "土族",
+        "仫佬族",
+        "锡伯族",
+        "柯尔克孜族",
+        "达斡尔族",
+        "景颇族",
+        "毛南族",
+        "撒拉族",
+        "布朗族",
+        "塔吉克族",
+        "阿昌族",
+        "普米族",
+        "鄂温克族",
+        "怒族",
+        "京族",
+        "基诺族",
+        "德昂族",
+        "保安族",
+        "俄罗斯族",
+        "裕固族",
+        "乌兹别克族",
+        "门巴族",
+        "鄂伦春族",
+        "独龙族",
+        "塔塔尔族",
+        "赫哲族",
+        "珞巴族",
+      ],
 
-        dataFormRules: {},
-        // 新增编辑界面数据
+      dataFormRules: {},
+      // 新增编辑界面数据
+    };
+  },
+  computed: {
+    photo1List() {
+      if (!!this.dataForm.photo1) {
+        return this.dataForm.photo1.split("___");
+      } else {
+        return [];
       }
     },
-    computed: {
-      photo1List(){
-        if(!!this.dataForm.photo1){
-          return this.dataForm.photo1.split('___');
-        }else{
-          return [];
-        }
-      },
-      photo2List(){
-        if(!!this.dataForm.photo2){
-          return this.dataForm.photo2.split('___');
-        }else{
-          return [];
-        }
-      },
-      photo3List(){
-        if(!!this.dataForm.photo3){
-          return this.dataForm.photo3.split('___');
-        }else{
-          return [];
-        }
-      },
-      photo4List(){
-        if(!!this.dataForm.photo4){
-          return this.dataForm.photo4.split('___');
-        }else{
-          return [];
-        }
-      },
-      photo5List(){
-        if(!!this.dataForm.photo5){
-          return this.dataForm.photo5.split('___');
-        }else{
-          return [];
-        }
-      },
-      photo6List(){
-        if(!!this.dataForm.photo6){
-          return this.dataForm.photo6.split('___');
-        }else{
-          return [];
-        }
+    photo2List() {
+      if (!!this.dataForm.photo2) {
+        return this.dataForm.photo2.split("___");
+      } else {
+        return [];
       }
-
     },
-    created() {
-      this.peopleid = Cookies.get('user');
-      if(this.peopleid!='admin'){
-        this.peopledeptid = Cookies.get('user').split('D')[0];
-        this.pageRequest.columnFilters.deptId.value = this.peopledeptid;
-      }else{
-        this.peopledeptid = '9';
-        this.pageRequest.columnFilters.deptId.value = this.peopledeptid;
+    photo3List() {
+      if (!!this.dataForm.photo3) {
+        return this.dataForm.photo3.split("___");
+      } else {
+        return [];
       }
-      //获取所有下拉框数据(字典)
-      this.getDictItems("comlevel");
-      this.getDictItems("comattribute");
-      this.getDictItems("comtype");
-      this.getDictItems("jobcode");
-			
-      this.findLeftTreeData();// 获取机构树的数据
     },
-    mounted() {
-      //用像素初始化左边的split的宽度
-      this.changeTreeWidth(240);// 初始化树的宽度
+    photo4List() {
+      if (!!this.dataForm.photo4) {
+        return this.dataForm.photo4.split("___");
+      } else {
+        return [];
+      }
     },
-    watch:{
-      containsSubDeptChecked(){ // 监听是否包含下级
-        this.pageRequest.columnFilters.containsSubDept.value = this.containsSubDeptChecked ? "1" : "0";
-        this.findPage();
+    photo5List() {
+      if (!!this.dataForm.photo5) {
+        return this.dataForm.photo5.split("___");
+      } else {
+        return [];
       }
     },
-    methods: {
-      //-- formatter begin--
-      statusFormatter(row, column) {
-          let status = row.status;
-          return CommonUtil.getDataName({dataList: this.statusoptions, value: 'value', label: 'label', data: status})
-      },
-      jobcodeFormatter(row, column) {
-          let jobcode = row.jobCode;
-          return CommonUtil.getDataName({dataList: this.jobcodeoptions, value: 'value', label: 'label', data: jobcode})
-      },
-		companyNameFormatter(row, column){
-			let companyId = row.deptId.split('D')[0];
-			return CommonUtil.getDataName({dataList: this.ztreeNodes, value: 'id', label: 'name', data: companyId})
-		},
-      //-- formatter end--
+    photo6List() {
+      if (!!this.dataForm.photo6) {
+        return this.dataForm.photo6.split("___");
+      } else {
+        return [];
+      }
+    },
+  },
+  created() {
+    this.peopleid = Cookies.get("user");
+    if (this.peopleid != "admin") {
+      this.peopledeptid = Cookies.get("user").split("D")[0];
+      this.pageRequest.columnFilters.deptId.value = this.peopledeptid;
+    } else {
+      this.peopledeptid = "9";
+      this.pageRequest.columnFilters.deptId.value = this.peopledeptid;
+    }
+    //获取所有下拉框数据(字典)
+    this.getDictItems("comlevel");
+    this.getDictItems("comattribute");
+    this.getDictItems("comtype");
+    this.getDictItems("jobcode");
 
-      /**Split 开始 */
-      changeTreeWidth(widthVal){
-        // 初始化树的宽度
-        this.leftSplitWidth = Math.ceil(widthVal/this.$refs.elMain.$el.clientWidth*100);
-        this.rightSplitWidth = 100-(this.leftSplitWidth)
-      },
-      /**Split 结束 */
+    this.findLeftTreeData(); // 获取机构树的数据
+  },
+  mounted() {
+    //用像素初始化左边的split的宽度
+    this.changeTreeWidth(240); // 初始化树的宽度
+  },
+  watch: {
+    containsSubDeptChecked() {
+      // 监听是否包含下级
+      this.pageRequest.columnFilters.containsSubDept.value = this
+        .containsSubDeptChecked
+        ? "1"
+        : "0";
+      this.findPage();
+    },
+  },
+  methods: {
+    //-- formatter begin--
+    statusFormatter(row, column) {
+      let status = row.status;
+      return CommonUtil.getDataName({
+        dataList: this.statusoptions,
+        value: "value",
+        label: "label",
+        data: status,
+      });
+    },
+    jobcodeFormatter(row, column) {
+      let jobcode = row.jobCode;
+      return CommonUtil.getDataName({
+        dataList: this.jobcodeoptions,
+        value: "value",
+        label: "label",
+        data: jobcode,
+      });
+    },
+    companyNameFormatter(row, column) {
+      let companyId = row.deptId.split("D")[0];
+      return CommonUtil.getDataName({
+        dataList: this.ztreeNodes,
+        value: "id",
+        label: "name",
+        data: companyId,
+      });
+    },
+    //-- formatter end--
 
-      //--left tree begin-------
-      findLeftTreeData: function() {
-        // 获取数据
-        this.$api.dept.findLeftDeptTree(this.peopledeptid).then(res => {
-          this.ztreeNodes = res.data;
-        });
-      },
-      onZTreeCreated: function(ztreeObj) {
-        this.ztreeObj = ztreeObj;
-        // onCreated 中操作ztreeObj对象展开第一个节点
-        ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
-        this.currentTreeNode=ztreeObj.getNodes()[0];
-      },
-      onZTreeClick: function(evt, treeId, treeNode) {
-        // 点击事件
-        console.log(evt.type, treeNode);
-        this.currentTreeNode = treeNode;
-        this.pageRequest.columnFilters.deptId.value = this.currentTreeNode.id;
-        this.findPage(null);
-      },
-      //--left tree start-------
+    /**Split 开始 */
+    changeTreeWidth(widthVal) {
+      // 初始化树的宽度
+      this.leftSplitWidth = Math.ceil(
+        (widthVal / this.$refs.elMain.$el.clientWidth) * 100
+      );
+      this.rightSplitWidth = 100 - this.leftSplitWidth;
+    },
+    /**Split 结束 */
 
-      // 查询Start
-      queryStaffInfo(val){
-        this.pageRequest.columnFilters.id.value = this.queryFrom.id;
-        this.pageRequest.columnFilters.name.value = this.queryFrom.name;
-        this.pageRequest.columnFilters.mobile.value = this.queryFrom.tel;
-        this.pageRequest.columnFilters.status.value = this.queryFrom.status;
-        this.pageRequest.pageNum = 1;
-        console.log(this.pageRequest)
-        this.findPage();
-      },
-      // 查询End
+    //--left tree begin-------
+    findLeftTreeData: function () {
+      // 获取数据
+      this.$api.dept.findLeftDeptTree(this.peopledeptid).then((res) => {
+        this.ztreeNodes = res.data;
+      });
+    },
+    onZTreeCreated: function (ztreeObj) {
+      this.ztreeObj = ztreeObj;
+      // onCreated 中操作ztreeObj对象展开第一个节点
+      ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
+      this.currentTreeNode = ztreeObj.getNodes()[0];
+    },
+    onZTreeClick: function (evt, treeId, treeNode) {
+      // 点击事件
+      console.log(evt.type, treeNode);
+      this.currentTreeNode = treeNode;
+      this.pageRequest.columnFilters.deptId.value = this.currentTreeNode.id;
+      this.findPage(null);
+    },
+    //--left tree start-------
 
-      // 右侧列表的方法Start
-      findPage(data) {
+    // 查询Start
+    queryStaffInfo(val) {
+      this.pageRequest.columnFilters.id.value = this.queryFrom.id;
+      this.pageRequest.columnFilters.name.value = this.queryFrom.name;
+      this.pageRequest.columnFilters.mobile.value = this.queryFrom.tel;
+      this.pageRequest.columnFilters.status.value = this.queryFrom.status;
+      this.pageRequest.pageNum = 1;
+      console.log(this.pageRequest);
+      this.findPage();
+    },
+    // 查询End
+
+    // 右侧列表的方法Start
+    findPage(data) {
       // 获取分页数据
-        if(data && data.pageRequest){
-          this.pageRequest.pageNum = data.pageRequest.pageNum;
-          this.pageRequest.pageSize = data.pageRequest.pageSize;
-        }
-        this.$api.user.findCheckPage(this.pageRequest).then((res) => {
-          console.log(res)
+      if (data && data.pageRequest) {
+        this.pageRequest.pageNum = data.pageRequest.pageNum;
+        this.pageRequest.pageSize = data.pageRequest.pageSize;
+      }
+      this.$api.user
+        .findCheckPage(this.pageRequest)
+        .then((res) => {
+          console.log(res);
           this.pageResult = res.data;
-        }).then(data != null ? data.callback : '')
-      },
-      handleTableEdit(params) {
-        // 编辑后线人员
-        this.activeTabs = "first";
-        this.operation = false;
-        this.$api.dept.getDeptById(params.row.deptId.split('D')[0]).then(deptRes => {
+        })
+        .then(data != null ? data.callback : "");
+    },
+    handleTableEdit(params) {
+      // 编辑后线人员
+      this.activeTabs = "first";
+      this.operation = false;
+      this.$api.dept
+        .getDeptById(params.row.deptId.split("D")[0])
+        .then((deptRes) => {
           this.deptInfo = deptRes.data;
           this.departmentList = [];
-            for(var i=0;i<this.ztreeNodes.length;i++){
-              if(this.ztreeNodes[i].id.indexOf(params.row.deptId.split('D')[0]+'D')>=0){
-                this.departmentList.push({
-                  label:this.ztreeNodes[i].name,
-                  value:this.ztreeNodes[i].id
-                })
-              }
+          for (var i = 0; i < this.ztreeNodes.length; i++) {
+            if (
+              this.ztreeNodes[i].id.indexOf(
+                params.row.deptId.split("D")[0] + "D"
+              ) >= 0
+            ) {
+              this.departmentList.push({
+                label: this.ztreeNodes[i].name,
+                value: this.ztreeNodes[i].id,
+              });
             }
+          }
 
           this.$api.user.findCheckById(params.row.checkid).then((personRes) => {
-            console.log(personRes.data)
+            console.log(personRes.data);
             Object.assign(this.dataForm, personRes.data.sysUser);
             Object.assign(this.dataForm, personRes.data.esmUserInternal);
             Object.assign(this.dataForm, personRes.data.esmUserAgent);
-            console.log(this.dataForm)
+            console.log(this.dataForm);
             this.dataForm.status = personRes.data.sysUser.status;
             this.dataForm.status1 = personRes.data.esmUserInternal.status;
 
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T1",
+              })
+              .then((resImage) => {
+                this.dataForm["photo1"] = resImage.data.imgList[0];
+              });
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T2",
+              })
+              .then((resImage) => {
+                this.dataForm["photo2"] = resImage.data.imgList[0];
+              });
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T3",
+              })
+              .then((resImage) => {
+                this.dataForm["photo3"] = resImage.data.imgList[0];
+              });
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T4",
+              })
+              .then((resImage) => {
+                this.dataForm["photo4"] = resImage.data.imgList[0];
+              });
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T5",
+              })
+              .then((resImage) => {
+                this.dataForm["photo5"] = resImage.data.imgList[0];
+              });
+            this.$api.user
+              .findPersonImage({
+                taskid: this.dataForm.id,
+                imgtype: "T6",
+              })
+              .then((resImage) => {
+                this.dataForm["photo6"] = resImage.data.imgList[0];
+              });
 
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T1"
-            }).then((resImage)=>{
-              this.dataForm['photo1']=resImage.data.imgList[0]
-            })
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T2"
-            }).then((resImage)=>{
-              this.dataForm['photo2']=resImage.data.imgList[0]
-            })
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T3"
-            }).then((resImage)=>{
-              this.dataForm['photo3']=resImage.data.imgList[0]
-            })
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T4"
-            }).then((resImage)=>{
-              this.dataForm['photo4']=resImage.data.imgList[0]
-            })
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T5"
-            }).then((resImage)=>{
-              this.dataForm['photo5']=resImage.data.imgList[0]
-            })
-            this.$api.user.findPersonImage({
-              taskid:this.dataForm.id,
-              imgtype:"T6"
-            }).then((resImage)=>{
-              this.dataForm['photo6']=resImage.data.imgList[0]
-            })
-
-
-            this.dialogVisible = true
-
-          })
-        })
-
-      },
-      // 右侧列表的方法End
+            this.dialogVisible = true;
+          });
+        });
+    },
+    // 右侧列表的方法End
 
-      // 新增或修改的弹出框Start
-      getDictItems(typeName) {
+    // 新增或修改的弹出框Start
+    getDictItems(typeName) {
       //--数据字典--
-        this.$api.dict.findByLableName(typeName).then((response)=>{
+      this.$api.dict
+        .findByLableName(typeName)
+        .then((response) => {
           this[typeName + "options"] = response.data; // 把获取到的数据赋给this.data
-        }).catch((error)=>{
+        })
+        .catch((error) => {
           this[typeName + "options"] = [];
+        });
+    },
+    handleDialogBefore(done) {
+      // 退出对话框之前确认提示
+      var that = this;
+      this.$confirm("确认关闭？")
+        .then((_) => {
+          done();
         })
-      },
-      handleDialogBefore(done) {
-        // 退出对话框之前确认提示
-        var that = this;
-        this.$confirm('确认关闭？')
-          .then(_ => {
-            done();
-          })
-          .catch(_ => {});
-      },
-      closeDialog(){
-        // 清空数据
-        this.deptInfo={};
-        this.remarks="";
-        this.$refs['dataForm'].resetFields()
-        for (let key in this.dataForm) {
-          this.dataForm[key] = "";
-        }
-        this.dialogVisible=false
-        console.log(this.dataForm)
-      },
-      // 提交
-      submitForm(statusType) {
-        if((this.remarks=="") && ((statusType == 2) || (statusType == 3) )){
-          return this.$message({type: 'info',message: '请备注原因'});
-        }
+        .catch((_) => {});
+    },
+    closeDialog() {
+      // 清空数据
+      this.deptInfo = {};
+      this.remarks = "";
+      this.$refs["dataForm"].resetFields();
+      for (let key in this.dataForm) {
+        this.dataForm[key] = "";
+      }
+      this.dialogVisible = false;
+      console.log(this.dataForm);
+    },
+    // 提交
+    submitForm(statusType) {
+      if (this.remarks == "" && (statusType == 2 || statusType == 3)) {
+        return this.$message({ type: "info", message: "请备注原因" });
+      }
 
-        this.$confirm('是否确认提交？', '提示', {}).then(() => {
-            var data={
-              checkid:this.dataForm.checkid,
-              remark:this.remarks,
-              status:statusType
-            }
-            this.$api.user.checkUser(data).then(res => {
-              this.dialogVisible = false
-              this.findPage(null);
-              this.$message({
-                type: 'success',
-                message: '已提交'
-              });
+      this.$confirm("是否确认提交？", "提示", {})
+        .then(() => {
+          var data = {
+            checkid: this.dataForm.checkid,
+            remark: this.remarks,
+            status: statusType,
+          };
+          this.$api.user.checkUser(data).then((res) => {
+            this.dialogVisible = false;
+            this.findPage(null);
+            this.$message({
+              type: "success",
+              message: "已提交",
             });
-        }).catch(() => {
+          });
+        })
+        .catch(() => {
           this.$message({
-            type: 'info',
-            message: '已取消审核'
+            type: "info",
+            message: "已取消审核",
           });
         });
+    },
+    // 新增或修改的弹出框End
 
-      },
-      // 新增或修改的弹出框End
-
-      // 上传图片的方法Start
-      beforeAvatarUpload(file) {
-        console.log(file);
-        const isJPG = (file.type === 'image/jpeg' ||  file.type === 'image/png') ;
-        const isLt2M = file.size / 1024 / 1024 < 2;
-        if (!isJPG) {
-          this.$message.error('上传图片只能是 JPG 或者 PNG 格式!');
-        }
-        if (!isLt2M) {
-          this.$message.error('上传图片大小不能超过 2MB!');
-        }
-        return isJPG && isLt2M;
-      },
-      httpRequest(options) {
-        console.log(options);
-          let file = options.file;
-          let filename = options.filename;
-          let reader  = new FileReader();
-          if (file) {
-              reader.readAsDataURL(file)
-          }
-          reader.onload = () => {
-              let base64Str = reader.result;
-              this.dataForm[options.filename] = base64Str;
-              console.log(options.filename)
-          }
+    // 上传图片的方法Start
+    beforeAvatarUpload(file) {
+      console.log(file);
+      const isJPG = file.type === "image/jpeg" || file.type === "image/png";
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (!isJPG) {
+        this.$message.error("上传图片只能是 JPG 或者 PNG 格式!");
       }
-    }
-  }
+      if (!isLt2M) {
+        this.$message.error("上传图片大小不能超过 2MB!");
+      }
+      return isJPG && isLt2M;
+    },
+    httpRequest(options) {
+      console.log(options);
+      let file = options.file;
+      let filename = options.filename;
+      let reader = new FileReader();
+      if (file) {
+        reader.readAsDataURL(file);
+      }
+      reader.onload = () => {
+        let base64Str = reader.result;
+        this.dataForm[options.filename] = base64Str;
+        console.log(options.filename);
+      };
+    },
+  },
+};
 </script>
 
 <style scoped>
-  .el-divider--horizontal {
-    margin: 4px 0;
-  }
+.el-divider--horizontal {
+  margin: 4px 0;
+}
 
-  /* 顶部查询条件样式Start */
-  .queryFrom .el-row {
-    margin: 10px 0px;
-  }
+/* 顶部查询条件样式Start */
+.queryFrom .el-row {
+  margin: 10px 0px;
+}
 
-  .queryFrom .el-form-item {
-    margin-bottom: 0px;
-  }
+.queryFrom .el-form-item {
+  margin-bottom: 0px;
+}
 
-  .queryFrom .queryButton .el-form-item__content {
-    margin-left: 0px !important;
-  }
+.queryFrom .queryButton .el-form-item__content {
+  margin-left: 0px !important;
+}
 
-  /* 顶部查询条件样式End */
+/* 顶部查询条件样式End */
 
-  /* 上传图片样式Start */
-  .avatar-uploader .el-upload {
-     border: 1px dashed #d9d9d9;
-     border-radius: 6px;
-     cursor: pointer;
-     position: relative;
-     overflow: hidden;
-   }
-   .avatar-uploader .el-upload:hover {
-     border-color: #409EFF;
-   }
-   .avatar-uploader-icon {
-     font-size: 28px;
-     color: #8c939d;
-     width: 100px;
-     height: 100px;
-     line-height: 100px;
-     text-align: center;
-     border: 1px dashed #d9d9d9;
-   }
-   .avatar {
-     border: 1px dashed #d9d9d9;
-     padding: 5px;
-     border-radius: 6px;
-     width: 100px;
-     height: 100px;
-     display: block;
-   }
-  /* 上传图片样式End */
+/* 上传图片样式Start */
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+  border: 1px dashed #d9d9d9;
+}
+.avatar {
+  border: 1px dashed #d9d9d9;
+  padding: 5px;
+  border-radius: 6px;
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+/* 上传图片样式End */
 
-  .imageLibraryItem{
-      margin-bottom: 10px;
-  }
-  .imageLibraryItem .imageLibraryItemTitle{
-    display: block; height: 40px;line-height: 40px; width: 100%; background: #F3F3F3;border:1px solid #DDDDDD
-  }
-  .imageLibraryItem .imageLibraryItemTitle label{
-    margin: 0px 15px;font-weight: bold;
-  }
-  .imageLibraryItem .imageLibraryItemBody{
-    width:100%;border: 1px solid #DDD;padding: 15px;border-top: none;
-  }
+.imageLibraryItem {
+  margin-bottom: 10px;
+}
+.imageLibraryItem .imageLibraryItemTitle {
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  width: 100%;
+  background: #f3f3f3;
+  border: 1px solid #dddddd;
+}
+.imageLibraryItem .imageLibraryItemTitle label {
+  margin: 0px 15px;
+  font-weight: bold;
+}
+.imageLibraryItem .imageLibraryItemBody {
+  width: 100%;
+  border: 1px solid #ddd;
+  padding: 15px;
+  border-top: none;
+}
 </style>