From a2649cd1a73bb6cb7d922da31106a223c6ab8259 Mon Sep 17 00:00:00 2001
From: water_xu <x17149@gmail.com>
Date: Thu, 15 Aug 2024 10:01:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=20-=20=E4=B8=AD=E5=BF=83=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../centercorpinfouser/components/detail.vue  | 757 ++++++++++++++++++
 .../components/indexList.vue                  | 280 +++++++
 .../components/index_view.vue                 | 281 +++++++
 .../corpInfo/centercorpinfouser/index.vue     |  37 +
 src/views/system/group/user/index.vue         |  15 +-
 5 files changed, 1359 insertions(+), 11 deletions(-)
 create mode 100644 src/views/corpInfo/centercorpinfouser/components/detail.vue
 create mode 100644 src/views/corpInfo/centercorpinfouser/components/indexList.vue
 create mode 100644 src/views/corpInfo/centercorpinfouser/components/index_view.vue
 create mode 100644 src/views/corpInfo/centercorpinfouser/index.vue

diff --git a/src/views/corpInfo/centercorpinfouser/components/detail.vue b/src/views/corpInfo/centercorpinfouser/components/detail.vue
new file mode 100644
index 0000000..b567e75
--- /dev/null
+++ b/src/views/corpInfo/centercorpinfouser/components/detail.vue
@@ -0,0 +1,757 @@
+<template>
+  <div>
+    <div style="padding:10px 20px 20px 20px">
+      <div class="title_super">
+        <div>{{ this.$parent.USER_ID == '' ? '新增用户' : '查看用户' }}</div>
+      </div>
+      <el-form ref="form" :rules="rules" :model="form" label-width="140px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="left_super">
+              <el-form-item label="用户名" prop="USERNAME">
+                <el-input v-model="form.USERNAME" placeholder="默认用户手机号码..."/>
+              </el-form-item>
+              <el-form-item label="姓名" prop="NAME">
+                <el-input v-model="form.NAME" placeholder="这里输入姓名..."/>
+              </el-form-item>
+              <el-form-item label="邮箱" prop="EMAIL">
+                <el-input v-model="form.EMAIL" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="部门" prop="ORG_PATH">
+                <el-input v-model="form.ORG_PATH" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="身份证号" prop="CARD_NO">
+                <el-input v-model="form.CARD_NO" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="民族" prop="NATION">
+                <el-input v-model="form.NATION" placeholder=""/>
+              </el-form-item>
+              <el-form-item label="性别" prop="SEX">
+                <el-input v-model="form.SEX" placeholder=""/>
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="left_border_super">
+              <template v-if="form.ISSTUDENT">
+                
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="民族" prop="NATION">
+                      <el-select v-model="form.NATION_NAME" placeholder="请选择">
+                        <el-option
+                          v-for="item in uesrInfoDic.minzuList"
+                          :key="item.DICTIONARIES_ID"
+                          :label="item.NAME"
+                          :value="item.DICTIONARIES_ID"/>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="政治面貌" prop="POLITICAL_OUTLOOK">
+                      <el-select v-model="form.POLITICAL_OUTLOOK_NAME" placeholder="请选择">
+                        <el-option
+                          v-for="item in uesrInfoDic.zhengzhimianmaoList"
+                          :key="item.DICTIONARIES_ID"
+                          :label="item.NAME"
+                          :value="item.DICTIONARIES_ID"/>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="出生年月" prop="DATE_OF_BIRTH">
+                      <el-date-picker
+                        v-model="form.DATE_OF_BIRTH"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="文化程度" prop="DEGREE_OF_EDUCATION">
+                      <el-select v-model="form.DEGREE_OF_EDUCATION_NAME" placeholder="请选择">
+                        <el-option
+                          v-for="item in uesrInfoDic.wenhuachengduList"
+                          :key="item.DICTIONARIES_ID"
+                          :label="item.NAME"
+                          :value="item.DICTIONARIES_ID"/>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="人员类型" prop="PERSONNEL_TYPE">
+                      <el-select v-model="form.PERSONNEL_TYPE_NAME" placeholder="请选择">
+                        <el-option
+                          v-for="item in uesrInfoDic.renyuanleixingList"
+                          :key="item.DICTIONARIES_ID"
+                          :label="item.NAME"
+                          :value="item.DICTIONARIES_ID"/>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="职务" prop="DUTIES">
+                      <div class="uo-flex">
+                        <el-select
+                          v-if="form.letDutiesType =='select'"
+                          id="leaPostSel"
+                          v-model="form.DUTIESNAME"
+                          placeholder="请选择"
+                          class="filter-item"
+                          @change="forceUpdate">
+                          <el-option
+                            v-for="(item,index) in uesrInfoDic.zhiwuList"
+                            :key="item.DICTIONARIES_ID"
+                            :label="item.NAME"
+                            :value="item.DICTIONARIES_ID">
+                            <span style="float: left">{{ item.NAME }}</span>
+                            <div style="float: right;" @click.stop="removeDuties(index,'POSITION')"><i
+                              class="el-icon-circle-close"/></div>
+                          </el-option>
+                        </el-select>
+                        <el-input
+                          v-if="form.letDutiesType =='value'"
+                          id="leaPostVal"
+                          :disabled="form.letDutiesType =='select'"
+                          v-model="form.DUTIESValue"
+                          placeholder="这里输入新的职务名称..."/>
+                        <el-button
+                          class="ml5"
+                          @click="form.letDutiesType = (form.letDutiesType =='select') ? 'value' : 'select'">
+                          {{ form.letDutiesType === 'select' ? '输入' : '选择' }}
+                        </el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="职称" prop="TITLE">
+                      <div class="uo-flex">
+                        <el-select
+                          v-if="form.letTitleType =='select'"
+                          id="letTitleSel"
+                          v-model="form.TITLE_NAME"
+                          placeholder="请选择"
+                          class="filter-item"
+                          @change="forceUpdate">
+                          <el-option
+                            v-for="(item,index) in uesrInfoDic.zhichengList"
+                            :key="item.DICTIONARIES_ID"
+                            :label="item.NAME"
+                            :value="item.DICTIONARIES_ID">
+                            <span style="float: left">{{ item.NAME }}</span>
+                            <div style="float: right;" @click.stop="removeDuties(index,'JOB_TITLE')"><i
+                              class="el-icon-circle-close"/></div>
+                          </el-option>
+                        </el-select>
+                        <el-input
+                          v-show="form.letTitleType =='value'"
+                          id="letTitleVal"
+                          v-model="form.letTitleValue"
+                          placeholder="这里输入新的职称名称..."/>
+                        <el-button
+                          class="ml5"
+                          @click="form.letTitleType = (form.letTitleType =='select') ? 'value' : 'select'">
+                          {{ form.letTitleType === 'select' ? '输入' : '选择' }}
+                        </el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="工种" prop="TYPE_OF_WORK">
+                      <div class="uo-flex">
+                        <el-select
+                          v-if="form.letTypeOfWorkType =='select'"
+                          id="letTypeOfWorkSel"
+                          v-model="form.TYPE_OF_WORKNAME"
+                          placeholder="请选择"
+                          class="filter-item"
+                          @change="forceUpdate">
+                          <el-option
+                            v-for="(item,index) in uesrInfoDic.gongzhongList"
+                            :key="item.DICTIONARIES_ID"
+                            :label="item.NAME"
+                            :value="item.DICTIONARIES_ID">
+                            <span style="float: left">{{ item.NAME }}</span>
+                            <div style="float: right;" @click.stop="removeDuties(index,'WORK_TYPE')"><i
+                              class="el-icon-circle-close"/></div>
+                          </el-option>
+                        </el-select>
+                        <el-input
+                          v-show="form.letTypeOfWorkType =='value'"
+                          id="letTypeOfWorkVal"
+                          v-model="form.letTypeOfWorkValue"
+                          placeholder="这里输入新的工种名称..."/>
+                        <el-button
+                          class="ml5"
+                          @click="form.letTypeOfWorkType = (form.letTypeOfWorkType =='select') ? 'value' : 'select'">
+                          {{ form.letTypeOfWorkType === 'select' ? '输入' : '选择' }}
+                        </el-button>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="入职日期" prop="ENTRY_DATE">
+                      <el-date-picker
+                        v-model="form.ENTRY_DATE"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"/>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-form-item label="参加工作日期" prop="WORKING_DATE">
+                      <el-date-picker
+                        v-model="form.WORKING_DATE"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd"/>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="在职情况" prop="INCUMBENCY">
+                      <el-select v-model="form.INCUMBENCY_NAME" placeholder="请选择">
+                        <el-option
+                          v-for="item in uesrInfoDic.zaizhiqingkuangList"
+                          :key="item.DICTIONARIES_ID"
+                          :label="item.NAME"
+                          :value="item.DICTIONARIES_ID"/>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-form-item v-if="form.userCerList.length > 0" label="已上传证书">
+                  <div class="slideshow">
+                    <div class="disContent">
+                      <div v-for="(item, index) in form.userCerList" :key="index" class="img-div">
+                        <img :src="config.fileUrl + item.FILEPATH" alt="">
+                        <div class="disContent-hide">
+                          <el-tooltip class="item" effect="dark" content="预览" placement="top">
+                            <span class="el-icon-zoom-in yuLan">
+                              <viewer :images="form.userCerLis">
+                                <img :src="config.fileUrl + item.FILEPATH" alt="" class="yuLanImg">
+                              </viewer>
+                            </span>
+                          </el-tooltip>
+                          <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                            <span class="Delete" @click="deleteCertificate(index)"><i class="el-icon-delete"/></span>
+                          </el-tooltip>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </el-form-item>
+              </template>
+            </div>
+          </el-col>
+        </el-row>
+
+      </el-form>
+    </div>
+    <div class="ui-height"/>
+    <div class="ui-foot">
+      <!--      <el-button type="success" @click="confirm">保 存</el-button>-->
+      <el-button plain type="info" @click="goBack">返 回</el-button>
+    </div>
+  </div>
+
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+import SelectTree from '@/components/SelectTree'
+
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    // eslint-disable-next-line no-unused-vars
+    var hasUser = (rule, value, callback) => {
+      requestFN(
+        '/user/hasUser',
+        {
+          USERNAME: value,
+          VERIFYUSER_ID: this.form.USER_ID
+        }
+      ).then((data) => {
+        if (data.result == 'success') {
+          if (data.pd.USER_ID) {
+            callback(new Error('用户名重复'))
+          }
+          callback()
+        }
+      }).catch((e) => {
+        callback()
+      })
+    }
+    var hasEmail = (rule, value, callback) => {
+      if (value) {
+        requestFN(
+          '/user/hasEmail',
+          {
+            EMAIL: value,
+            USERNAME: this.form.USERNAME
+          }
+        ).then((data) => {
+          if (data.result == 'success') {
+            callback()
+          } else {
+            callback(new Error('邮箱重复'))
+          }
+        }).catch((e) => {
+
+        })
+      } else {
+        callback()
+      }
+    }
+    return {
+      dayTime: [],
+      LevelsData: [],
+      dialogFormEditDate: false,
+      dialogFormLicenseInformation: false,
+      listLoading: true,
+      treeLoading: false,
+      add: false,
+      del: false,
+      edit: false,
+      KEYWORDS: '',
+      SHIFTDUTYONE: '',
+      SHIFTDUTYTWO: '',
+      selectPeriod: [],
+      tzzyry: '',
+      periodList: [],
+      DEPARTMENT_ID: '',
+      varList: [],
+      multipleSelectionAll: [], // 所有选中的数据包含跨页数据
+      multipleSelection: [], // 当前页选中的数据
+      dialogFormEdit: false,
+      dialogType: 'saveUser',
+      disabledLCSelect: false,
+      displayLCSelect: 'display: block',
+      disabledLCInput: true,
+      displayLCInput: 'display: none',
+      LearnerCategoryList: [],
+      certificatenamearr: [
+        { value: '主要负责人证', label: '主要负责人证' },
+        { value: '安全管理人员证', label: '安全管理人员证' },
+        { value: '特种作业人员证', label: '特种作业人员证' }
+      ],      rules: {
+        NAME: [{ required: true, message: '姓名不能为空', trigger: 'blur' }]
+      },      defaultProps: {
+        value: 'id',
+        children: 'odes',
+        label: 'name'
+      },
+      treeData: [],      
+      form: {
+        CORPINFO_NAME: "",
+        CARD_NO: null,        
+        OPERATTIME: "",
+        ISDELETE: "",
+        DEPARTMENT_NAME: "",
+        ORG_PATH: "",
+        DEPARTMENT_ID: "",
+        CARD_TYPE_NAME: "",
+        SEX: "",
+        USER_ID: "",
+        CARD_TYPE: "",
+        CORPINFO_ID: "",
+        EMAIL: "",
+        NAME: "",
+        NATION: "",
+        OPERATOR: "",
+        USER_TYPE: "",
+        CREATOR: "",
+        USERNAME: "",
+        CREATTIME: ""
+      },
+      uesrInfoDic: {
+        minzuList: [], // 民族 0a0e406f27f74ee698fe9979d25f62dd
+        zhengzhimianmaoList: [], // 政治面貌 6351efdd12dc4730952e5d195718e252
+        wenhuachengduList: [], // 文化程度 d7d80f08d73a4accbccf4fd3d8d1d867
+        renyuanleixingList: [], // 人员类型 0b62f92b0b624aab8e89a77304a64d5e
+        zhiwuList: [], // 职务 下拉菜单选择已输入过的职务 09e36ac01e9540f8bc84eab1c1a78754
+        gongzhongList: [], // 工种 下拉菜单选择已输入过的职务 55484e491a5e442d839c4595380713ec
+        zaizhiqingkuangList: [], // 在职情况 548764b5d4bf4bd7a18ef88274ef49e4
+        xingbieList: [], // 性别情况 21501808bbc344d593fbf9ccfe6c4531
+        zhichengList: []// 职称 945a6b10e59946078b500f0fbafa8679
+      },
+      certificate_files: [],
+      config: config,
+      dialogImageUrl: [],
+      dialogVisible: false,
+      SchedulingFrom: false,
+      roleList: [],
+      roleList1: [],
+      roleList_z: [],
+      role1List: [],
+      postList: [],
+      oldPostId: '', // 原岗位ID（用于判断岗位是否变化）
+      oldDepartId: '', // 原部门ID（用于判断部门是否变化）
+      dialogFormDaoru: false,
+      daoruFrom: {
+        FFILE: '',
+        FFILEName: ''
+      },
+      PARENTID: '0',
+      shiftDutyListOne: [],
+      shiftDutyListTwo: [],
+      queryShiftOneList: [],
+      queryShiftTwoList: [],
+      datePage: 0,
+      workDateList: [],
+      USER_ID: ''
+    }
+  },
+  created() {
+    this.handleEdit(this.$parent.USER_ID)
+  },
+  methods: {
+
+    goBack() {
+      this.$parent.activeName = 'IndexView'
+    },
+    handleEdit(USER_ID) {
+      this.shiftDutyListTwo = []
+      this.periodList = []
+      this.USER_ID = ''
+      this.dialogType = 'editUser'
+      requestFN(
+        '/core/corpinfo/getCorpUser',
+        {
+          USER_ID: USER_ID
+        }
+      ).then((data) => {
+        this.form = data.varList[0]
+        
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    
+    confirm() {
+      // debugger
+      // this.uploadImgByZhengshu(this.form.USER_ID) // 保存证书信息
+      this.$refs.form.validate(valid => {
+        if (this.form.SHIFTDUTYONE) {
+          // var
+          if (!this.form.SHIFTDUTYTWO || this.selectPeriod.DURATION == undefined) {
+            this.$message({
+              message: '请选择完整的排班类型',
+              type: 'error'
+            })
+            return false
+          }
+        }
+        // if (this.form.USERAVATARURL == '') {
+        //   this.$message({
+        //     message: '请上传人员照片',
+        //     type: 'warning'
+        //   })
+        //   return false
+        // }
+        if (valid) {
+          console.log(this.selectPeriod.WORKSTATUS)
+          console.log(this.form.WORKSTATUS)
+          this.form.WORKSTATUS = this.selectPeriod.WORKSTATUS
+          this.form.DURATION = this.selectPeriod.DURATION
+          this.form.WORKPERIOD = this.selectPeriod.WORKPERIOD
+          if (this.dialogType == 'saveUser') {
+            this.form.ROLE_ID = this.form.ROLE_ID.join(',')
+            this.listLoading = true
+            requestFN(
+              '/user/' + this.dialogType,
+              this.form
+            ).then((data) => {
+              this.listLoading = false
+              if (this.form.ISSTUDENT) {
+                this.uploadImgByZhengshu(data.USER_ID)
+              } else {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success'
+                })
+                this.$parent.activeName = 'List'
+              }
+            }).catch((e) => {
+              this.listLoading = false
+              this.form.ROLE_ID = ''
+              this.form.USERNAME = ''
+            })
+          } else {
+            if (this.oldDepartId != this.form.DEPARTMENT_ID || this.oldPostId != this.form.POST_ID) {
+              this.$confirm('如变更了部门或岗位，保存后将删除该用户所有清单，是否确定？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+              }).then(() => {
+                this.form.ROLE_ID = this.form.ROLE_ID.join(',')
+                this.listLoading = true
+                requestFN(
+                  '/user/' + this.dialogType,
+                  this.form
+                ).then((data) => {
+                  this.listLoading = false
+                  if (this.form.ISSTUDENT) {
+                    this.uploadImgByZhengshu(this.form.USER_ID)
+                  } else {
+                    this.$message({
+                      message: '操作成功',
+                      type: 'success'
+                    })
+                    this.$parent.activeName = 'List'
+                  }
+                }).catch((e) => {
+                  this.listLoading = false
+                })
+              })
+            } else {
+              this.form.ROLE_ID = this.form.ROLE_ID.join(',')
+              this.listLoading = true
+              requestFN(
+                '/user/' + this.dialogType,
+                this.form
+              ).then((data) => {
+                this.listLoading = false
+                if (this.form.ISSTUDENT) {
+                  this.uploadImgByZhengshu(this.form.USER_ID)
+                } else {
+                  this.$message({
+                    message: '操作成功',
+                    type: 'success'
+                  })
+                  this.$parent.activeName = 'List'
+                }
+              }).catch((e) => {
+                this.listLoading = false
+              })
+            }
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.el-dialog__body {
+  padding: 0;
+  background: red;
+}
+
+.mark_up {
+  margin-bottom: 20px;
+  margin-left: 110px;
+}
+
+.icons-container {
+  margin: 0;
+  overflow: hidden;
+
+  .grid {
+    position: relative;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  }
+
+  .icon-item {
+    margin-bottom: 10px;
+    height: 70px;
+    text-align: center;
+    width: 100px;
+    float: left;
+    font-size: 24px;
+    color: #24292e;
+    cursor: pointer;
+
+    span {
+      display: block;
+      font-size: 14px;
+      margin-top: 10px;
+    }
+  }
+
+  .disabled {
+    pointer-events: none;
+  }
+}
+
+.filter-btn-group {
+  position: relative;
+}
+
+.filter-flot {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.uploader {
+  width: 570px;
+  display: flex;
+  align-items: center;
+}
+
+.el-form-item__content {
+  line-height: 1;
+}
+
+.uo-flex {
+  display: flex;
+}
+
+.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 {
+  border: 1px dashed #c0ccda;
+  font-size: 28px;
+  color: #8c939d;
+  width: 110px;
+  height: 110px;
+  line-height: 110px;
+  border-radius: 6px;
+  text-align: center;
+  background-color: #fbfdff;
+}
+
+.avatar-uploader-icon:hover,
+.avatar-uploader-icon:focus {
+  border-color: #1890ff;
+  color: #1890ff;
+}
+
+.avatar {
+  width: 110px;
+  height: 110px;
+  display: block;
+  border: 1px dashed #c0ccda;
+}
+</style>
+<style lang="sass" scoped>
+.el-row
+  margin-bottom: 16px
+
+  &:last-child
+    margin-bottom: 0
+
+    .form-group
+      display: flex
+      align-items: center
+      margin-right: 20px
+
+      .form-label
+        padding: 9px 15px
+        font-size: 14px
+        width: 240px
+        font-weight: 400
+        line-height: 20px
+        text-align: right
+        margin-bottom: 0
+
+        .star
+          color: red
+          padding-right: 4px
+
+      .input-block
+        flex: 1
+        min-height: 36px
+        position: relative
+
+.disContent
+  padding: 0 20px
+  display: flex
+  align-items: center
+  flex-wrap: wrap
+
+  .img-div
+    position: relative
+    margin: auto 10px 10px 10px
+    width: 120px
+    height: 120px
+    border-radius: 4px
+
+    & > img
+      width: 100%
+      height: 100%
+
+    .disContent-hide
+      position: absolute
+      width: 100%
+      height: 100%
+      border-radius: 4px
+      background-color: rgba(48, 48, 48, 0.59)
+      display: none
+      top: 0
+      left: 0
+
+      .Delete
+        position: absolute
+        bottom: 14px
+        right: 10px
+        font-size: 16px
+        color: white
+        cursor: pointer
+
+        .editCss
+          .Delete
+            font-size: 16px
+            right: 90px
+
+      .yuLan
+        position: absolute
+        bottom: 23px
+        right: 50px
+        font-size: 16px
+        color: white
+        cursor: pointer
+
+      .yuLanImg
+        position: absolute
+        bottom: 0
+        right: 0
+        width: 100%
+        height: 100%
+        opacity: 0
+
+  .img-div:hover .disContent-hide
+    display: block
+
+  .pitchCss
+    border: 1px solid #202e78
+    transition: all linear 0.1s
+    width: 116px
+    height: 116px
+</style>
diff --git a/src/views/corpInfo/centercorpinfouser/components/indexList.vue b/src/views/corpInfo/centercorpinfouser/components/indexList.vue
new file mode 100644
index 0000000..f1fb5e3
--- /dev/null
+++ b/src/views/corpInfo/centercorpinfouser/components/indexList.vue
@@ -0,0 +1,280 @@
+<template>
+  <div class="app-container">
+
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="varList"
+      :row-key="getRowKey"
+      :header-cell-style="{
+        'font-weight': 'bold',
+        'color': '#000'
+      }"
+      tooltip-effect="dark"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column
+        :reserve-selection="true"
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column prop="CORP_NAME" label="分公司名称" />
+      <el-table-column label="操作" align="left" width="110">
+        <template slot-scope="{row}">
+          <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row.CORPINFO_ID)">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="page-btn-group">
+      <div>
+      </div>
+      <!-- <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" /> -->
+    </div>
+    <el-dialog :visible.sync="dialogFormEdit" title="查看公司组织架构" width="600px">
+      <el-tree :data="treeData" :props="defaultProps"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      listLoading: true,
+      add: true,
+      del: true,
+      edit: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        CORP_NAME: '',
+        PROVINCE: '',
+        CITY: '',
+        CORP_STATE: '',
+        CREATTIME: ''
+      },
+      total: 0,
+      varList: [],
+      qyztList: [],
+      options: [{
+        value: '0',
+        label: '启用'
+      }, {
+        value: '1',
+        label: '禁用'
+      }],
+      STATE: [],
+      industryList: [],
+      countryList: [],
+      villageList: [],
+      treeData: [],
+      CITY_CODE: '',
+      COUNTRY: '',
+      VILLAGE: '',
+      config: config,
+      dialogFormEdit: false,
+      rules: {
+        CORP_NAME: [{ required: true, message: '分公司名称不能为空', trigger: 'blur' }],
+        NEWCORP_NAME: [{ required: true, message: '新分公司名称不能为空', trigger: 'blur' }],
+        PASSWORD: [{ required: true, message: '分公司密码不能为空', trigger: 'blur' }]
+      },
+      updateBranchNameForm: {
+        CORPINFO_ID: '',
+        CORP_NAME: '',
+        NEWCORP_NAME: '',
+        PASSWORD: ''
+      },
+      defaultProps: {
+        children: 'nodes',
+        label: 'name'
+      }
+    }
+  },
+  created() {
+    this.getList()
+    // this.getDicList('qyztList', '07c2674470c1498ba1ebd74906b3b518')
+    // this.getDicList('industryList', 'f2598ba72e864eadabf0ca4b664d26b9')
+  },
+  methods: {
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    // 获取列表
+    getList() {
+      this.listLoading = true
+      requestFN(
+        '/core/corpinfo/listRetrieval'
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        
+        // this.getCountryList()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getCountryList() {
+      requestFN(
+        '/dictionaries/getLevels',
+        {
+          DICTIONARIES_ID: this.CITY_CODE
+        }
+      ).then((data) => {
+        this.countryList = data.list
+      }).catch((e) => {
+      })
+    },
+    getVillageList(value, id) {
+      this.COUNTRY = value
+      requestFN(
+        '/dictionaries/getLevels',
+        {
+          DICTIONARIES_ID: id
+        }
+      ).then((data) => {
+        this.villageList = data.list
+      }).catch((e) => {
+      })
+    },
+    changeVillage(village) {
+      this.VILLAGE = village
+    },
+    // 查看
+    handleEdit(ID) {
+      this.$parent.activeName = 'IndexView'
+      this.$parent.indexVal = ID
+    },
+    enableORDisable(ISUSE, CORPINFO_ID) {
+      this.$confirm(ISUSE === '0' ? '确定要启用该账户吗?' : '确定要禁用该账户吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          '/corpinfo/editisuse',
+          {
+            CORPINFO_ID,
+            ISUSE
+          }
+        ).then(() => {
+          this.$message({
+            message: ISUSE === '0' ? '启用成功' : '禁用成功',
+            type: 'success'
+          })
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.getList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {})
+    },
+    // 判断按钮权限，用于是否显示按钮
+    hasButton: function() {
+      var keys = 'corpinfo:add,corpinfo:del,corpinfo:edit,toExcel'
+      requestFN(
+        '/head/hasButton',
+        {
+          keys: keys
+        }
+      ).then((data) => {
+        this.add = data.corpinfofhadminadd		// 新增权限
+        this.del = data.corpinfofhadmindel		// 删除权限
+        this.edit = data.corpinfofhadminedit	// 修改权限
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: '',
+        PROVINCE: '',
+        CITY: '',
+        CORP_STATE: '',
+        CREATTIME: ''
+      }
+      this.getList()
+    },
+    resetPwd(id) {
+      this.$confirm('确定要重置选中的密码吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.listLoading = true
+        requestFN(
+          '/corpinfo/resetPwd',
+          {
+            CORPINFO_ID: id
+          }
+        ).then(() => {
+          this.$message({
+            message: '重置成功',
+            type: 'success'
+          })
+          this.listLoading = false
+          this.varList = []
+          this.listQuery.page = 1
+          this.getList()
+        }).catch((e) => {
+          this.listLoading = false
+        })
+      }).catch(() => {
+      })
+    },
+    // 获取数据字典
+    getDicList(list, DICTIONARIES_ID) {
+      requestFN(
+        '/dictionaries/getLevels',
+        {
+          DICTIONARIES_ID
+        }
+      ).then((data) => {
+        this[list] = data.list
+      }).catch((e) => {
+      })
+    },
+    translate(list, id) {
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].BIANMA === id || list[i].DICTIONARIES_ID === id) {
+          return list[i].NAME
+        }
+      }
+    },
+    showBranchName(CORPINFO_ID, CORP_NAME) {
+      this.$refs.form && this.$refs.form.resetFields()
+      this.dialogFormEdit = true
+      this.updateBranchNameForm.CORPINFO_ID = CORPINFO_ID
+      this.updateBranchNameForm.CORP_NAME = CORP_NAME
+    },
+    updateBranchName(ID) {
+      requestFN(
+        '/department/listTreeCorpInfo',
+        {
+          CORPINFO_ID: ID
+        }
+      ).then((data) => {
+        this.treeData = JSON.parse(data.varList)
+      }).catch((e) => {
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/corpInfo/centercorpinfouser/components/index_view.vue b/src/views/corpInfo/centercorpinfouser/components/index_view.vue
new file mode 100644
index 0000000..8615590
--- /dev/null
+++ b/src/views/corpInfo/centercorpinfouser/components/index_view.vue
@@ -0,0 +1,281 @@
+<template>
+  <div class="icons-container">
+    <el-container>
+      <el-aside width="200px" style="background-color:#fff">
+        <div class="filter-btn-group">
+          <!--        <el-input-->
+          <!--          v-model="filterText"-->
+          <!--          placeholder="输入关键字进行过滤"-->
+          <!--          style="margin:10px 0"/>-->
+          <el-tree
+            v-loading="treeLoading"
+            ref="tree"
+            :data="treeData"
+            :props="defaultProps"
+            :filter-node-method="filterNode"
+            class="filter-tree"
+            @node-click="handleNodeClick"/>
+        </div>
+      </el-aside>
+      <el-main>
+        <el-form label-width="60px">
+          
+        </el-form>
+        <el-table
+          v-loading="listLoading"
+          ref="multipleTable"
+          :data="varList"
+          :row-key="getRowKey"
+          :header-cell-style="{
+            'font-weight': 'bold',
+            'color': '#000'
+          }"
+          tooltip-effect="dark"
+          border
+          fit
+          highlight-current-row
+        >
+          <el-table-column
+            :reserve-selection="true"
+            type="selection"
+            width="55"
+            align="center"/>
+          <el-table-column type="index" label="序号" width="50" align="center" />
+          <el-table-column prop="USERNAME" label="用户名" />
+          <el-table-column prop="NAME" label="姓名" />
+          <el-table-column prop="ORG_PATH" label="部门"/>
+          <el-table-column label="操作" align="left" width="150">
+            <template slot-scope="{row}">
+              <el-button type="success" icon="el-icon-view" size="mini" @click="handleEdit(row.USER_ID)">查看</el-button>
+              <!--          <template v-if="row.ISMAIN==0">-->
+              <!--            <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleDelete(row.USER_ID,row.NAME)">删除</el-button>-->
+              <!--          </template>-->
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="page-btn-group">
+          <div>
+            <!--
+               <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
+    -->
+          </div>
+          <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+        </div>
+      </el-main>
+    </el-container>
+
+    <div class="heightt"/>
+    <div class="subdy-foot">
+      <el-row style="text-align: center">
+        <el-button @click="goBack">返回</el-button>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import SelectTree from '@/components/SelectTree'
+import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
+import { requestFN } from '@/utils/request'
+import waves from '@/directive/waves' // waves directive
+export default {
+  components: { Pagination, SelectTree },
+  directives: { waves },
+  data() {
+    return {
+      treeLoading: false,
+      listLoading: true,
+      add: true,
+      del: true,
+      edit: true,
+      readonly: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      searchForm: {
+        DEPARTMENT_ID: '',
+        CORP_NAME: '',
+        PROVINCE: '',
+        CITY: '',
+        CORP_STATE: '',
+        CREATTIME: '',
+        USERNAME: '',
+        NAME: '',
+        DEPTNAME: ''
+      },
+      userForm: {
+        PARENT_ID: '',
+        USER_ID: '',
+        DEPARTMENT_ID: '',
+        DEPTNAME: '',
+        USERNAME: '',
+        NAME: ''
+      },
+      DEPARTMENT_ID: '',
+      total: 0,
+      PARENT_ID: '0',				// 上级ID
+      varList: [],
+      qyztList: [],
+      options: [{
+        value: '0',
+        label: '启用'
+      }, {
+        value: '1',
+        label: '禁用'
+      }],
+      STATE: [],
+      industryList: [],
+      countryList: [],
+      villageList: [],
+      treeData: [],
+      CITY_CODE: '',
+      COUNTRY: '',
+      VILLAGE: '',
+      config: config,
+      dialogFormEdit: false,
+
+      defaultProps: {
+        id:'DEPARTMENT_ID',
+        value: 'DEPARTMENT_ID',
+        children: 'SUB_DEPT',
+        label: 'NAME'
+      }
+    }
+  },
+  created() {
+    this.updateBranchName(this.$parent.indexVal)
+    this.getList()
+    // this.getDicList('qyztList', '07c2674470c1498ba1ebd74906b3b518')
+    // this.getDicList('industryList', 'f2598ba72e864eadabf0ca4b664d26b9')
+  },
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true
+      return data.name.indexOf(value) !== -1
+    },
+    handleNodeClick(node, data, value) {
+      this.searchForm.DEPARTMENT_ID = node.DEPARTMENT_ID
+      this.getList(node.DEPARTMENT_ID)
+    },
+    // 获取列表
+    getList(DEPARTMENT_ID) {
+      this.listLoading = true
+      if (DEPARTMENT_ID) {
+        this.DEPARTMENT_ID = DEPARTMENT_ID
+      }
+      requestFN(
+        '/core/corpinfo/findByCorpInfo?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          CORPINFO_ID: this.$parent.indexVal,
+          DEPARTMENT_ID: this.searchForm.DEPARTMENT_ID,
+          DEPTNAME: this.searchForm.DEPTNAME,
+          NAME: this.searchForm.NAME,
+          USERNAME: this.searchForm.USERNAME
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.userList
+        this.total = data.page.totalResult
+        this.hasButton()
+        this.CITY_CODE = data.CITY_CODE
+        this.getCountryList()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getDeptList(DEPARTMENT_ID) {
+      this.listLoading = true
+      this.varList = []
+      this.DEPARTMENT_ID = DEPARTMENT_ID
+      requestFN(
+        '/department/findByDeptId?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
+        {
+          DEPARTMENT_ID: this.searchForm.DEPARTMENT_ID,
+          KEYWORDS: this.searchForm.KEYWORDS
+        }
+      ).then((data) => {
+        this.listLoading = false
+        this.varList = data.varList
+        this.form.PARENT_ID = data.PARENT_ID
+        this.total = data.page.totalResult
+        this.hasButton()
+      }).catch((e) => {
+        this.listLoading = false
+      })
+    },
+    getRowKey(row) {
+      return row.CORPINFO_ID
+    },
+    goReturn() {
+      this.$parent.activeName = 'IndexList'
+    },
+    // 搜索
+    getQuery() {
+      this.getList()
+    },
+    getTreeList() {
+      this.treeLoading = true
+      requestFN(
+        '/department/listTree',
+        {}
+      ).then((data) => {
+        this.treeLoading = false
+        // this.treeData = JSON.parse(data.zTreeNodes)
+        console.infot(this.treeData)
+      }).catch((e) => {
+        this.treeLoading = false
+      })
+    },
+
+    changeVillage(village) {
+      this.VILLAGE = village
+    },
+    // 查看
+    handleEdit(ID) {
+      this.$parent.USER_ID = ID
+      this.$parent.activeName = 'Detail'
+    },
+
+    goBack() {
+      this.$parent.activeName = 'IndexList'
+    },
+    
+    goKeyReset() {
+      this.searchForm = {
+        CORP_NAME: '',
+        PROVINCE: '',
+        CITY: '',
+        CORP_STATE: '',
+        CREATTIME: ''
+      }
+      this.getList()
+    },
+
+    translate(list, id) {
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].BIANMA === id || list[i].DICTIONARIES_ID === id) {
+          return list[i].NAME
+        }
+      }
+    },
+    showBranchName(CORPINFO_ID, CORP_NAME) {
+      this.$refs.form && this.$refs.form.resetFields()
+      this.dialogFormEdit = true
+      this.updateBranchNameForm.CORPINFO_ID = CORPINFO_ID
+      this.updateBranchNameForm.CORP_NAME = CORP_NAME
+    },
+    updateBranchName(ID) {
+      requestFN(
+        '/core/corpinfo/listTreeCorpInfo',
+        {
+          CORPINFO_ID: ID
+        }
+      ).then((data) => {
+        this.treeData = data.varList
+      }).catch((e) => {
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/corpInfo/centercorpinfouser/index.vue b/src/views/corpInfo/centercorpinfouser/index.vue
new file mode 100644
index 0000000..e9a16c0
--- /dev/null
+++ b/src/views/corpInfo/centercorpinfouser/index.vue
@@ -0,0 +1,37 @@
+<template>
+  <!--  <div class="">-->
+  <!--    <transition name="fade" mode="out-in">-->
+  <!--      <component :is="activeName"/>-->
+  <!--    </transition>-->
+
+  <!--  </div>-->
+  <div>
+    <IndexList v-show="activeName=='IndexList'" ref="list" />
+    <IndexView v-if="activeName=='IndexView'" />
+    <Detail v-if="activeName=='Detail'" />
+  </div>
+</template>
+<script>
+import IndexList from './components/indexList'
+import IndexView from './components/index_view'
+import Detail from './components/detail'
+export default {
+  components: { IndexList, IndexView, Detail },
+  data() {
+    return { //  src/views/corpInfo/examine/index.vue
+      activeName: 'IndexList'
+    }
+  },
+  watch: {
+    activeName(val) {
+      if (val == 'IndexList') {
+        this.$refs.list.getList()
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+
+</script>
diff --git a/src/views/system/group/user/index.vue b/src/views/system/group/user/index.vue
index 5390f70..62fcc94 100644
--- a/src/views/system/group/user/index.vue
+++ b/src/views/system/group/user/index.vue
@@ -275,14 +275,7 @@ export default {
         ROLE_ID: [
           { required: true, message: '角色不能为空', trigger: 'blur' }
         ],
-        USERNAME: [
-          { required: true, message: '用户名不能为空', trigger: 'blur' },
-          {
-            pattern: /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/,
-            message: '用户名需使用手机号码格式'
-          },
-          { validator: hasUser, trigger: 'blur' }
-        ],
+
         NAME: [
           { required: true, message: '姓名不能为空', trigger: 'blur' },
           { min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' }
@@ -482,9 +475,9 @@ export default {
       })
     },
     goCheck() {
-      if (this.pd.USER_ID_CARD && this.pd.USERNAME) {
+      if (this.pd.USER_ID_CARD && this.pd.PHONE) {
         const phoneJudge = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[0-9])\d{8}$/
-        const phoneResult = phoneJudge.test(this.pd.USERNAME)
+        const phoneResult = phoneJudge.test(this.pd.PHONE)
         const cardJudge = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
         const cardResult = cardJudge.test(this.pd.USER_ID_CARD)
         if (phoneResult && cardResult) {
@@ -493,7 +486,7 @@ export default {
             'user/goCheck',
             {
               CARD_NO: this.pd.USER_ID_CARD,
-              USERNAME: this.pd.USERNAME,
+              USERNAME: this.pd.PHONE,
               USER_ID: this.pd.USER_ID || ''
             }
           ).then((data) => {