Merge remote-tracking branch 'origin/master'

yz_08

2021-02-04 71b41536fa2693cf7ee0af48acf70a1c44f165e7

Merge remote-tracking branch 'origin/master'

# Conflicts:
#	src/views/user/Informationinput.vue
#	src/views/user/outemployess.vue
#	src/views/user/selectuser.vue

 .eslintrc.js

@@ -7,24 +7,24 @@
  env: {
    browser: true,
    node: true,
    es6: true,
    es6: true
  },
  extends: ['plugin:vue/recommended', 'eslint:recommended'],

  // add your custom rules here
  //it is base on https://github.com/vuejs/eslint-config-vue
  rules: {
    "vue/max-attributes-per-line": [2, {
      "singleline": 10,
      "multiline": {
        "max": 1,
        "allowFirstLine": false
    'vue/max-attributes-per-line': [2, {
      'singleline': 10,
      'multiline': {
        'max': 1,
        'allowFirstLine': false
      }
    }],
    "vue/singleline-html-element-content-newline": "off",
    "vue/multiline-html-element-content-newline":"off",
    "vue/name-property-casing": ["error", "PascalCase"],
    "vue/no-v-html": "off",
    'vue/singleline-html-element-content-newline': 'off',
    'vue/multiline-html-element-content-newline': 'off',
    'vue/name-property-casing': ['error', 'PascalCase'],
    'vue/no-v-html': 'off',
    'accessor-pairs': 2,
    'arrow-spacing': [2, {
      'before': true,
@@ -47,7 +47,7 @@
    'curly': [2, 'multi-line'],
    'dot-location': [2, 'property'],
    'eol-last': 2,
    'eqeqeq': ["error", "always", {"null": "ignore"}],
    'eqeqeq': ['error', 'always', { 'null': 'ignore' }],
    'generator-star-spacing': [2, {
      'before': true,
      'after': true

 src/lang/zh.js

@@ -266,6 +266,7 @@
    createSuccess: '新增成功',
    updateSuccess: '修改成功',
    deleteSuccess: '删除成功',
    submitSuccess: '提交成功',
    noDataSelected: '请先选择需要操作的数据',
    confirmDelete: '选中数据将被永久删除, 是否继续？',
    confirmDeleteCache: '是否立即清除用户权限缓存？',

 src/views/user/Informationinput.vue

@@ -4,46 +4,46 @@
      <el-aside width="200px">
        <el-timeline>
          <el-timeline-item @click.native="isShow(showArr[0].show, 0)">
            <span :class="thisShowIndex==0?'selectedTimeline':''">基本信息</span>
            <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[1].show, 1)">
            <span :class="thisShowIndex==1?'selectedTimeline':''">工作经历</span>
            <span :class="thisShowIndex===1?'selectedTimeline':''">工作经历</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[2].show, 2)">
            <span :class="thisShowIndex==2?'selectedTimeline':''">体检信息</span>
            <span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[3].show, 3)">
            <span :class="thisShowIndex==3?'selectedTimeline':''">合同信息</span>
            <span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[4].show, 4)">
            <span :class="thisShowIndex==4?'selectedTimeline':''">考勤情况</span>
            <span :class="thisShowIndex===4?'selectedTimeline':''">考勤情况</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[5].show, 5)">
            <span :class="thisShowIndex==5?'selectedTimeline':''">请假记录</span>
            <span :class="thisShowIndex===5?'selectedTimeline':''">请假记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[6].show, 6)">
            <span :class="thisShowIndex==6?'selectedTimeline':''">辞职申请</span>
            <span :class="thisShowIndex===6?'selectedTimeline':''">辞职申请</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[7].show, 7)">
            <span :class="thisShowIndex==7?'selectedTimeline':''">失业金领取</span>
            <span :class="thisShowIndex===7?'selectedTimeline':''">失业金领取</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[8].show, 8)">
            <span :class="thisShowIndex==8?'selectedTimeline':''">社保申请</span>
            <span :class="thisShowIndex===8?'selectedTimeline':''">社保申请</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[9].show, 9)">
            <span :class="thisShowIndex==9?'selectedTimeline':''">意外险案件</span>
            <span :class="thisShowIndex===9?'selectedTimeline':''">意外险案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[10].show, 10)">
            <span :class="thisShowIndex==10?'selectedTimeline':''">工伤案件</span>
            <span :class="thisShowIndex===10?'selectedTimeline':''">工伤案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[11].show, 11)">
            <span :class="thisShowIndex==11?'selectedTimeline':''">劳资案件</span>
            <span :class="thisShowIndex===11?'selectedTimeline':''">劳资案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[12].show, 12)">
            <span :class="thisShowIndex==12?'selectedTimeline':''">不良记录</span>
            <span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[13].show, 13)">
            <span :class="thisShowIndex==13?'selectedTimeline':''">备注信息</span>
            <span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span>
          </el-timeline-item>
        </el-timeline>
      </el-aside>
@@ -72,23 +72,24 @@
              </el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="deptName" label="护卫点" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empType" label="员工类别" width="180" />
          <el-table-column prop="sexName" label="性别" />
          <el-table-column prop="nationName" label="民族" />
          <el-table-column prop="" label="照片" width="60" />
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="empName" label="姓名" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="100" />
          <el-table-column prop="jobName" label="岗位" width="100" />
          <el-table-column prop="empTypeName" label="员工类别" width="100" />
          <el-table-column prop="sexName" label="性别" width="50" />
          <el-table-column prop="nationName" label="民族" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="marriageName" label="婚姻状况" />
          <el-table-column prop="politicsName" label="政治面貌" width="180" />
          <el-table-column prop="educationName" label="最高学历" width="180" />
          <el-table-column prop="entryDate" label="入职日期" width="180" />
          <el-table-column prop="insuranceType" label="保险类型" width="180" />
          <el-table-column prop="socialNumb" label="社保电脑号" width="180" />
          <el-table-column prop="guardNumb" label="保安员证号" width="180" />
          <el-table-column prop="archivesNumber" label="档案编号" width="180" />
          <el-table-column prop="archivesStatus" label="档案情况" width="180" />
          <el-table-column prop="marriageName" label="婚姻状况" width="80" />
          <el-table-column prop="politicsName" label="政治面貌" width="100" />
          <el-table-column prop="educationName" label="最高学历" width="100" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="insuranceType" label="保险类型" width="100" />
          <el-table-column prop="socialNumb" label="社保电脑号" width="150" />
          <el-table-column prop="guardNumb" label="保安员证号" width="100" />
          <el-table-column prop="archivesNumb" label="档案编号" width="100" />
          <el-table-column prop="archivesStatusName" label="档案情况" width="100" />
        </el-table>
        <el-table
          v-show="showArr[1].show"
@@ -175,10 +176,17 @@
          <el-table-column prop="contractStatus" label="合同状态" width="180" />
          <el-table-column prop="transactor" label="合同办理人" width="180" />
        </el-table>
        <el-table v-show="showArr[4].show" ref="dimissionAttendTable" :data="dimissionAttendData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[4].show"
          ref="dimissionAttendTable"
          :data="dimissionAttendData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -197,7 +205,9 @@
        <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;height: 70%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -215,7 +225,9 @@
        <el-table v-show="showArr[6].show" ref="resignTable" :data="resignData" style="width: 100%;height: 70%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名" width="180" />
@@ -227,10 +239,17 @@
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table v-show="showArr[7].show" ref="unemploymentTable" :data="unemploymentData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[7].show"
          ref="unemploymentTable"
          :data="unemploymentData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -246,7 +265,9 @@
        <el-table v-show="showArr[8].show" ref="insuranceTable" :data="insuranceData" style="width: 100%;height: 70%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -261,10 +282,17 @@
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="280" />
        </el-table>
        <el-table v-show="showArr[9].show" ref="accidentCasesTable" :data="accidentCasesData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[9].show"
          ref="accidentCasesTable"
          :data="accidentCasesData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -286,10 +314,17 @@
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="innsureFee" label="保险赔付费用" width="180" />
        </el-table>
        <el-table v-show="showArr[10].show" ref="occupationalTable" :data="occupationalData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[10].show"
          ref="occupationalTable"
          :data="occupationalData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -311,10 +346,17 @@
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
        </el-table>
        <el-table v-show="showArr[11].show" ref="occupationalTable" :data="laborTroubleData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[11].show"
          ref="occupationalTable"
          :data="laborTroubleData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editLaborTrouble(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -358,10 +400,17 @@
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table v-show="showArr[13].show" ref="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">
        <el-table
          v-show="showArr[13].show"
          ref="remarkInfoTable"
          :data="remarkInfoData"
          style="width: 100%;height: 70%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope"><el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button></template>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editRemarkInfo(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
@@ -371,11 +420,17 @@
          <el-table-column prop="remarkDate" label="备注日期" width="180" />
          <el-table-column prop="remarkContent" label="备注信息" width="400" />
        </el-table>
        <pagination
          v-show="total>0"
          :total="total"
          :page.sync="pagination.num"
          :limit.sync="pagination.size"
          @pagination="search"
        />
        <el-col :span="24">
          <div style="margin: 0px auto; width: 250px;margin-top: 20px;">
            <el-button class="nomalBtn">取消</el-button>
            <el-button class="nomalBtn">暂存</el-button>
            <el-button class="commonBtn">提交</el-button>
            <el-button class="nomalBtn" @click="deleteFrom()">取消</el-button>
            <el-button class="commonBtn" @click="submitTo()">提交</el-button>
          </div>
        </el-col>
      </el-main>
@@ -396,7 +451,7 @@
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="员工类型">
            <el-form-item label="员工类型" prop="empType">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
@@ -543,7 +598,7 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="护卫点" required message="请选择护卫点" prop="deptNeme">
            <el-form-item label="护卫点" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
@@ -556,11 +611,21 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属岗位" prop="jobName">
              <el-input v-model="empBaseInfoForm.jobName" />
            <el-form-item label="所属岗位">
              <!--              <el-input v-model="empBaseInfoForm.jobName" />-->
              <el-autocomplete
                v-model="empBaseInfoForm.jobName"
                class="inline-input"
                :fetch-suggestions="querySearchJob"
                placeholder="请输入岗位"
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="empBaseInfoForm.certificateNumb" @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)" />
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="身份证有效期">
              <el-input v-model="empBaseInfoForm.certificateValidity" />
@@ -648,7 +713,10 @@
              <el-input v-model="workExperienceForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="workExperienceForm.certificateNumb" @input="generateUserInfo(1,empBaseInfoForm.certificateNumb)" />
              <el-input
                v-model="workExperienceForm.certificateNumb"
                @input="generateUserInfo(1,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">

@@ -726,7 +794,10 @@
              <el-input v-model="physicalExamForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="physicalExamForm.certificateNumb" @input="generateUserInfo(2,empBaseInfoForm.certificateNumb)" />
              <el-input
                v-model="physicalExamForm.certificateNumb"
                @input="generateUserInfo(2,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
@@ -947,9 +1018,15 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName"><el-input v-model="dimissionAttendForm.empName" /></el-form-item>
            <el-form-item label="证件号码"><el-input v-model="dimissionAttendForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="dimissionAttendForm.jobName" /></el-form-item>
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="dimissionAttendForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="dimissionAttendForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="dimissionAttendForm.jobName" />
            </el-form-item>
            <el-form-item label="出勤天数">
              <el-input v-model="dimissionAttendForm.attendDays" />
            </el-form-item>
@@ -1029,8 +1106,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="leaveInfoForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="leaveInfoForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="leaveInfoForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="leaveInfoForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="leaveInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="请假结束时间">
              <el-date-picker
                v-model="leaveInfoForm.endTime"
@@ -1106,8 +1187,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="resignForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="resignForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="resignForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="resignForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="resignForm.jobName" />
            </el-form-item>
            <el-form-item label="报备人">
              <el-input v-model="resignForm.reporter" />
            </el-form-item>
@@ -1173,8 +1258,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="unemploymentForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="unemploymentForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="unemploymentForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="unemploymentForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="unemploymentForm.jobName" />
            </el-form-item>
            <el-form-item label="汇报人">
              <el-input v-model="unemploymentForm.reporter" />
            </el-form-item>
@@ -1243,8 +1332,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="insuranceForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="insuranceForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="insuranceForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="insuranceForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="insuranceForm.jobName" />
            </el-form-item>
            <el-form-item label="申请人">
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
@@ -1312,8 +1405,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="accidentCasesForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="accidentCasesForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="accidentCasesForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="accidentCasesForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="accidentCasesForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点">
              <el-input v-model="accidentCasesForm.injuredAddress" />
            </el-form-item>
@@ -1448,8 +1545,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="occupationalForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="occupationalForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="occupationalForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="occupationalForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="occupationalForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点">
              <el-input v-model="occupationalForm.injuredAddress" />
            </el-form-item>
@@ -1635,8 +1736,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="laborTroubleForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="laborTroubleForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="laborTroubleForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="laborTroubleForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="laborTroubleForm.jobName" />
            </el-form-item>
            <el-form-item label="仲裁类型">
              <el-input v-model="laborTroubleForm.arbitrationType" />
            </el-form-item>
@@ -1710,8 +1815,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="badRecordForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="badRecordForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="badRecordForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="badRecordForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="badRecordForm.jobName" />
            </el-form-item>
            <el-form-item label="汇报人">
              <el-input v-model="badRecordForm.reporter" />
            </el-form-item>
@@ -1775,8 +1884,12 @@
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="remarkInfoForm.empName" />
            </el-form-item>
            <el-form-item label="证件号码"><el-input v-model="remarkInfoForm.certificateNumb" /></el-form-item>
            <el-form-item label="岗位名称"><el-input v-model="remarkInfoForm.jobName" /></el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="remarkInfoForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="remarkInfoForm.jobName" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
@@ -1802,22 +1915,38 @@
import { toCardGetUserInfo } from '@/utils/myUtil'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import Pagination from '@/components/Pagination'

export default {
  components: { Treeselect },
  components: { Treeselect, Pagination },
  data() {
    return {
      rules: { empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
        { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
      sex: [
        { required: true, message: '请选择性别', trigger: 'change' }
      ],
      deptName: [
        { required: true, message: '请选择护卫点', trigger: 'input' }
      ] },
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 20,
        num: 1
      },
      tableUrl: '',
      tableDataName: '',
      rules: {
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        sex: [
          { required: true, message: '请选择性别', trigger: 'change' }
        ],
        deptName: [
          { required: true, message: '请选择护卫点', trigger: 'input' }
        ],
        empType: [{
          required: true, message: '请选择员工类型', trigger: 'change'
        }]
      },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },
        { value: '河北省', code: '130000' },
@@ -1852,6 +1981,33 @@
        { value: '台湾省', code: '710000' },
        { value: '香港特别行政区', code: '810000' },
        { value: '澳门特别行政区', code: '820000' }],
      restaurJob: [{ value: '总经理', code: '2942725270000031' },
        { value: '总秘', code: '2942725270000032' },
        { value: '总助', code: '2942725270000033' },
        { value: '经理', code: '2942725270000022' },
        { value: '副经理', code: '2942725270000015' },
        { value: '助理', code: '2942725270000030' },
        { value: '项目经理', code: '2942725270000027' },
        { value: '大队长', code: '2942725270000006' },
        { value: '大队长兼内勤', code: '2942725270000007' },
        { value: '中队长', code: '2942725270000029' },
        { value: '队长', code: '2942725270000011' },
        { value: '分队长', code: '2942725270000013' },
        { value: '副队长', code: '2942725270000014' },
        { value: '班长', code: '2942725270000002' },
        { value: '保安员', code: '2942725270000003' },
        { value: '内勤', code: '2942725270000024' },
        { value: '保洁', code: '2942725270000004' },
        { value: '电工', code: '2942725270000010' },
        { value: '绿化工', code: '2942725270000023' },
        { value: '出纳', code: '2942725270000005' },
        { value: '人事专员', code: '2942725270000025' },
        { value: '司机', code: '2942725270000026' },
        { value: '购买保险', code: '2942725270000016' },
        { value: '广州燃气中队长', code: '2942725270000018' },
        { value: '管理员', code: '2942725270000017' },
        { value: '监控员', code: '2942725270000021' },
        { value: '员工', code: '2942725270000028' }],
      formLabelWidth: '120px',
      thisShowIndex: 0,
      dialogShowXzyg: false,
@@ -2361,20 +2517,29 @@
  },
  mounted() {
    this.initDept()
    this.selectBadRecord()
    this.selectEmpBase()
    this.selectWorkExperience()
    this.selectPhysicalExam()
    this.selectContractInfo()
    this.selectDimissionAttend()
    this.selectLeaveInfo()
    this.selectResign()
    this.selectUnemployment()
    this.selectAccidentCases()
    this.selectLaborTrouble()
    this.selectRemarkInfo()
    this.thisShowIndex = 1
    this.isShow(false, 0)
  },
  methods: {
    // 翻页插件翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    // 公用查询
    fetch(params = {}) {
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      this.$get(this.tableUrl, {
        ...params
      }).then((r) => {
        const data = r.data.data
        this.total = data.total
        this[this.tableDataName] = data.rows
      })
    },
    dialogIsShow() {
      this.isAdd = true
      this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
@@ -2391,6 +2556,92 @@
        this.showArr[this.thisShowIndex].show = false
      }
      this.thisShowIndex = index
      switch (this.thisShowIndex) {
        case 0:
          this.tableUrl = 'hr/empBaseInfo/list'
          this.tableDataName = 'basicInformationData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 1:
          this.tableUrl = 'hr/empWorkExperience/list'
          this.tableDataName = 'workExperienceData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 2:
          this.tableUrl = 'hr/empPhysicalExam/list'
          this.tableDataName = 'physicalExamData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 3:
          this.tableUrl = 'hr/empContractInfo/list'
          this.tableDataName = 'contractInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 4:
          this.tableUrl = 'hr/empDimissionAttend/list'
          this.tableDataName = 'dimissionAttendData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 5:
          this.tableUrl = 'hr/empLeaveInfo/list'
          this.tableDataName = 'leaveInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 6:
          this.tableUrl = 'hr/empResign/list'
          this.tableDataName = 'resignData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 7:
          this.tableUrl = 'hr/empUnemployment/list'
          this.tableDataName = 'unemploymentData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 8:
          this.tableUrl = 'hr/empInsurance/list'
          this.tableDataName = 'insuranceData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 9:
          this.tableUrl = 'hr/empAccidentCases/list'
          this.tableDataName = 'accidentCasesData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 10:
          this.tableUrl = 'hr/empOccupational/list'
          this.tableDataName = 'occupationalData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 11:
          this.tableUrl = 'hr/empLaborTrouble/list'
          this.tableDataName = 'laborTroubleData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 12:
          this.tableUrl = 'hr/empBadRecord/list'
          this.tableDataName = 'badRecordData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 13:
          this.tableUrl = 'hr/empRemarkInfo/list'
          this.tableDataName = 'remarkInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
      }
    },
    initDept() {
      this.$get('system/dept').then((r) => {
@@ -2408,9 +2659,10 @@
      this.$refs.deptTree.setCheckedKeys([])
    },
    butDelete() {
      let selected
      switch (this.thisShowIndex) {
        case 0:
          var selected = this.$refs.empBaseInfoTable.selection
          selected = this.$refs.empBaseInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2426,8 +2678,7 @@
          }
          break
        case 1:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.workExperienceTable.selection
          selected = this.$refs.workExperienceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2443,8 +2694,7 @@
          }
          break
        case 2:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.physicalExamTable.selection
          selected = this.$refs.physicalExamTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2460,8 +2710,7 @@
          }
          break
        case 3:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.contractInfoTable.selection
          selected = this.$refs.contractInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2477,8 +2726,7 @@
          }
          break
        case 4:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.dimissionAttendTable.selection
          selected = this.$refs.dimissionAttendTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2494,8 +2742,7 @@
          }
          break
        case 5:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.leaveInfoTable.selection
          selected = this.$refs.leaveInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2511,8 +2758,7 @@
          }
          break
        case 6:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.resignTable.selection
          selected = this.$refs.resignTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2528,8 +2774,7 @@
          }
          break
        case 7:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.unemploymentTable.selection
          selected = this.$refs.unemploymentTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2545,8 +2790,7 @@
          }
          break
        case 8:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.insuranceTable.selection
          selected = this.$refs.insuranceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2562,8 +2806,7 @@
          }
          break
        case 9:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.accidentCasesTable.selection
          selected = this.$refs.accidentCasesTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2579,8 +2822,7 @@
          }
          break
        case 10:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2596,8 +2838,7 @@
          }
          break
        case 11:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2613,8 +2854,7 @@
          }
          break
        case 12:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.badRecordTable.selection
          selected = this.$refs.badRecordTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
@@ -2630,8 +2870,7 @@
          }
          break
        case 13:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.remarkInfoTable.selection
          selected = this.$refs.remarkInfoTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
@@ -2648,8 +2887,242 @@
          break
      }
    },
    deleteFrom() {
      this.butDelete()
    },
    submitTo() {
      let selected
      switch (this.thisShowIndex) {
        case 0:
          selected = this.$refs.empBaseInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.empId)
            })
            this.$delete(`hr/empBaseInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectEmpBase()
            })
          }
          break
        case 1:
          selected = this.$refs.workExperienceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.workExperienceId)
            })
            this.$delete(`hr/empWorkExperience/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectWorkExperience()
            })
          }
          break
        case 2:
          selected = this.$refs.physicalExamTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.physicalExamId)
            })
            this.$delete(`hr/empPhysicalExam/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectPhysicalExam()
            })
          }
          break
        case 3:
          selected = this.$refs.contractInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.contractId)
            })
            this.$delete(`hr/empContractInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectContractInfo()
            })
          }
          break
        case 4:
          selected = this.$refs.dimissionAttendTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.dimissionAttendId)
            })
            this.$delete(`hr/empDimissionAttend/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectDimissionAttend()
            })
          }
          break
        case 5:
          selected = this.$refs.leaveInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.leaveId)
            })
            this.$delete(`hr/empLeaveInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectLeaveInfo()
            })
          }
          break
        case 6:
          selected = this.$refs.resignTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.resignId)
            })
            this.$delete(`hr/empResign/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectResign()
            })
          }
          break
        case 7:
          selected = this.$refs.unemploymentTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.unemploymentId)
            })
            this.$delete(`hr/empUnemployment/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectUnemployment()
            })
          }
          break
        case 8:
          selected = this.$refs.insuranceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.insuranceId)
            })
            this.$delete(`hr/empInsurance/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectInsurance()
            })
          }
          break
        case 9:
          selected = this.$refs.accidentCasesTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.accidentId)
            })
            this.$delete(`hr/empAccidentCases/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectAccidentCases()
            })
          }
          break
        case 10:
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.occupationalId)
            })
            this.$delete(`hr/empOccupational/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectOccupational()
            })
          }
          break
        case 11:
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.arbitrationId)
            })
            this.$delete(`hr/empLaborTrouble/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectLaborTrouble()
            })
          }
          break
        case 12:
          selected = this.$refs.badRecordTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.badId)
            })
            this.$delete(`hr/empBadRecord/toNormal/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectBadRecord()
            })
          }
          break
        case 13:
          selected = this.$refs.remarkInfoTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.remarkId)
            })
            this.$delete(`hr/empRemarkInfo/toNormal/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.selectBadRecord()
            })
          }
          break
      }
    },
    selectEmpBase() {
      this.$get('hr/empBaseInfo/list')
      this.queryParams.delFlag = '2'
      // eslint-disable-next-line no-undef
      this.$get('hr/empBaseInfo/list', this.queryParams)
        .then((r) => {
          this.basicInformationData = r.data.data.rows
        })
@@ -4248,11 +4721,6 @@
  margin-top: 20px;
}

</style>
<style lang="scss" scoped>
.el-autocomplete{
  width: 100%;
}
.el-header,
.el-footer {
  background-color: #e9eef3;
@@ -4261,3 +4729,8 @@
  line-height: 60px;
}
</style>
<style lang="scss" scoped>
.el-autocomplete{
  width: 100%;
}
</style>

 src/views/user/inemployees.vue

@@ -12,7 +12,7 @@
            <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row v-show="advancedQueryShow">

        <el-row>

          <el-col :span="24">

            <el-button type="danger">新增员工</el-button>

            <el-button type="primary">删除员工</el-button>

@@ -35,13 +35,13 @@
              <el-col :span="3">身份证号：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">所属部门：

              <el-col :span="3">护卫点：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">岗位：

              <el-col :span="3">入职日期：从

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">保安证号：

              <el-col :span="3">到

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="6">

@@ -135,25 +135,27 @@
        </div>

      </el-header>

      <el-container>

        <el-aside width="300px">

          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />

        </el-aside>

        <el-main>

          <el-table :data="tableData" style="width: 100%;">

            <el-table-column prop="prop0" label="" width="180" />

            <el-table-column prop="prop1" label="操作" width="180" />

            <el-table-column prop="prop2" label="员工编号" width="180" />

            <el-table-column prop="prop3" label="姓名" width="180" />

            <el-table-column prop="prop4" label="身份证号" width="180" />

            <el-table-column prop="prop5" label="性别" width="180" />

            <el-table-column prop="prop6" label="年龄" width="180" />

            <el-table-column prop="prop7" label="所属部门" width="180" />

            <el-table-column prop="prop8" label="岗位" width="180" />

            <el-table-column prop="prop9" label="入职日期" width="180" />

            <el-table-column prop="prop10" label="最高学历" width="180" />

            <el-table-column prop="prop11" label="籍贯" width="180" />

            <el-table-column prop="prop12" label="联系电话" width="180" />

            <el-table-column prop="prop13" label="员工状态" width="180" />

            <el-table-column type="selection" width="55" />

            <el-table-column label="操作" width="100">

              <template slot-scope="scope">

                <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑

                </el-button>

              </template>

            </el-table-column>

            <el-table-column prop="prop2" label="员工编号" />

            <el-table-column prop="prop3" label="护卫点" />

            <el-table-column prop="prop4" label="岗位" />

            <el-table-column prop="prop5" label="姓名" />

            <el-table-column prop="prop6" label="身份证号" width="180" />

            <el-table-column prop="prop7" label="性别" />

            <el-table-column prop="prop8" label="年龄" />

            <el-table-column prop="prop9" label="学历" />

            <el-table-column prop="prop10" label="籍贯" />

            <el-table-column prop="prop11" label="联系电话" />

            <el-table-column prop="prop12" label="入职日期" />

            <el-table-column prop="prop13" label="员工状态" />

          </el-table>

        </el-main>

      </el-container>

@@ -943,244 +945,198 @@
        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100452312',

        'prop3': '赵建国',

        'prop4': '510304197402225813',

        'prop5': '男',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '133023187889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '赵建国',

        'prop6': '510304197402225813',

        'prop7': '男',

        'prop8': '46',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101620946',

        'prop3': '罗启艳',

        'prop4': '41272619740120543X',

        'prop5': '女',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '189135789889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '罗启艳',

        'prop6': '41272619740120543X',

        'prop7': '女',

        'prop8': '46',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100629950',

        'prop3': '毛玉平',

        'prop4': '522528198202071629',

        'prop5': '男',

        'prop6': '38',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '135098784561',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '毛玉平',

        'prop6': '522528198202071629',

        'prop7': '男',

        'prop8': '38',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100882835',

        'prop3': '梅均均',

        'prop4': '510504198704260927',

        'prop5': '女',

        'prop6': '33',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '133023187889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '梅均均',

        'prop6': '510504198704260927',

        'prop7': '女',

        'prop8': '33',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101356718',

        'prop3': '王香妮',

        'prop4': '433122199508091511',

        'prop5': '女',

        'prop6': '25',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '189135789889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '王香妮',

        'prop6': '433122199508091511',

        'prop7': '女',

        'prop8': '25',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100900981',

        'prop3': '易金洪',

        'prop4': '610424198306152860',

        'prop5': '男',

        'prop6': '39',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '135098784561',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '易金洪',

        'prop6': '610424198306152860',

        'prop7': '男',

        'prop8': '39',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101529670',

        'prop3': '李忠敏',

        'prop4': '511123198602016016',

        'prop5': '男',

        'prop6': '32',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '133023187889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '李忠敏',

        'prop6': '511123198602016016',

        'prop7': '男',

        'prop8': '32',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101578011',

        'prop3': '徐健',

        'prop4': '512927197202166053',

        'prop5': '男',

        'prop6': '48',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '189135789889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '徐健',

        'prop6': '512927197202166053',

        'prop7': '男',

        'prop8': '48',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100326122',

        'prop3': '曾昌玖',

        'prop4': '510322197606103351',

        'prop5': '男',

        'prop6': '44',

        'prop7': '一分公司',

        'prop8': '经理',

        'prop9': '2019-08-01',

        'prop10': '本科',

        'prop11': '广东省番禺市',

        'prop12': '135098784561',

        'prop3': '一分公司',

        'prop4': '经理',

        'prop5': '曾昌玖',

        'prop6': '510322197606103351',

        'prop7': '男',

        'prop8': '44',

        'prop9': '本科',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101788698',

        'prop3': '赵高',

        'prop4': '511123197510263074',

        'prop5': '男',

        'prop6': '45',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '133023187889',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '赵高',

        'prop6': '511123197510263074',

        'prop7': '男',

        'prop8': '45',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101861146',

        'prop3': '王忠山',

        'prop4': '522426199904290419',

        'prop5': '男',

        'prop6': '21',

        'prop7': '一分公司',

        'prop8': '主管',

        'prop9': '2019-08-01',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '189135789889',

        'prop3': '一分公司',

        'prop4': '主管',

        'prop5': '王忠山',

        'prop6': '522426199904290419',

        'prop7': '男',

        'prop8': '21',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100315416',

        'prop3': '严福林',

        'prop4': '433130197205180710',

        'prop5': '男',

        'prop6': '48',

        'prop7': '一分公司',

        'prop8': '经理',

        'prop9': '2019-08-01',

        'prop10': '本科',

        'prop11': '广东省番禺市',

        'prop12': '135098784561',

        'prop3': '一分公司',

        'prop4': '经理',

        'prop5': '严福林',

        'prop6': '433130197205180710',

        'prop7': '男',

        'prop8': '48',

        'prop9': '本科',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101382208',

        'prop3': '叶金云',

        'prop4': '512923197703020639',

        'prop5': '男',

        'prop6': '43',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '1350987861234',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '叶金云',

        'prop6': '512923197703020639',

        'prop7': '男',

        'prop8': '43',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '135098786123',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

        }

        ]

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

        }

        ]

      }

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

      }]

    }

  },

  methods: {

@@ -1281,4 +1237,4 @@
  .del_button {

    color: #D9001B;

  }

</style>

</style>

 src/views/user/outemployess.vue

@@ -35,16 +35,22 @@
              <el-col :span="3">身份证号：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">所属部门：
              <el-col :span="3">护卫点：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">岗位：
              <el-col :span="2.5">入职日期：从
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">保安证号：
              <el-col :span="1.5">到
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="6">
              <el-col :span="2.5">离职日期：从
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="1.5">到
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">
                <el-button type="primary">查询</el-button>
                <el-button type="danger">重置</el-button>
              </el-col>
@@ -135,25 +141,28 @@
        </div>
      </el-header>
      <el-container>
        <el-aside width="300px">
          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
        </el-aside>
        <el-main>
          <el-table :data="tableData" style="width: 100%;">
            <el-table-column prop="prop0" label="" width="180" />
            <el-table-column prop="prop1" label="操作" width="180" />
            <el-table-column prop="prop2" label="员工编号" width="180" />
            <el-table-column prop="prop3" label="姓名" width="180" />
            <el-table-column prop="prop4" label="身份证号" width="180" />
            <el-table-column prop="prop5" label="性别" width="180" />
            <el-table-column prop="prop6" label="年龄" width="180" />
            <el-table-column prop="prop7" label="所属部门" width="180" />
            <el-table-column prop="prop8" label="岗位" width="180" />
            <el-table-column prop="prop9" label="入职日期" width="180" />
            <el-table-column prop="prop10" label="最高学历" width="180" />
            <el-table-column prop="prop11" label="籍贯" width="180" />
            <el-table-column prop="prop12" label="联系电话" width="180" />
            <el-table-column prop="prop13" label="员工状态" width="180" />
            <el-table-column type="selection" width="55" />
            <el-table-column label="操作" width="100">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑
                </el-button>
              </template>
            </el-table-column>
            <el-table-column prop="prop2" label="员工编号" />
            <el-table-column prop="prop3" label="护卫点" />
            <el-table-column prop="prop4" label="岗位" />
            <el-table-column prop="prop5" label="姓名" />
            <el-table-column prop="prop6" label="身份证号" />
            <el-table-column prop="prop7" label="性别" />
            <el-table-column prop="prop8" label="年龄" />
            <el-table-column prop="prop9" label="学历" />
            <el-table-column prop="prop10" label="籍贯" />
            <el-table-column prop="prop11" label="联系电话" />
            <el-table-column prop="prop12" label="入职日期" />
            <el-table-column prop="prop13" label="离职日期" />
            <el-table-column prop="prop14" label="员工状态" />
          </el-table>
        </el-main>
      </el-container>
@@ -883,244 +892,211 @@
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100452312',
        'prop3': '赵建国',
        'prop4': '510304197402225813',
        'prop5': '男',
        'prop6': '46',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '133023187889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '赵建国',
        'prop6': '510304197402225813',
        'prop7': '男',
        'prop8': '46',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101620946',
        'prop3': '罗启艳',
        'prop4': '41272619740120543X',
        'prop5': '女',
        'prop6': '46',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '189135789889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '罗启艳',
        'prop6': '41272619740120543X',
        'prop7': '女',
        'prop8': '46',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100629950',
        'prop3': '毛玉平',
        'prop4': '522528198202071629',
        'prop5': '男',
        'prop6': '38',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '135098784561',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '毛玉平',
        'prop6': '522528198202071629',
        'prop7': '男',
        'prop8': '38',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100882835',
        'prop3': '梅均均',
        'prop4': '510504198704260927',
        'prop5': '女',
        'prop6': '33',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '133023187889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '梅均均',
        'prop6': '510504198704260927',
        'prop7': '女',
        'prop8': '33',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101356718',
        'prop3': '王香妮',
        'prop4': '433122199508091511',
        'prop5': '女',
        'prop6': '25',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '王香妮',
        'prop6': '433122199508091511',
        'prop7': '女',
        'prop8': '25',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100900981',
        'prop3': '易金洪',
        'prop4': '610424198306152860',
        'prop5': '男',
        'prop6': '39',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '135098784561',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '易金洪',
        'prop6': '610424198306152860',
        'prop7': '男',
        'prop8': '39',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101529670',
        'prop3': '李忠敏',
        'prop4': '511123198602016016',
        'prop5': '男',
        'prop6': '32',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '133023187889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '李忠敏',
        'prop6': '511123198602016016',
        'prop7': '男',
        'prop8': '32',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101578011',
        'prop3': '徐健',
        'prop4': '512927197202166053',
        'prop5': '男',
        'prop6': '48',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '徐健',
        'prop6': '512927197202166053',
        'prop7': '男',
        'prop8': '48',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100326122',
        'prop3': '曾昌玖',
        'prop4': '510322197606103351',
        'prop5': '男',
        'prop6': '44',
        'prop7': '一分公司',
        'prop8': '经理',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '本科',
        'prop12': '135098784561',
        'prop13': '自动离职'
        'prop3': '一分公司',
        'prop4': '经理',
        'prop5': '曾昌玖',
        'prop6': '510322197606103351',
        'prop7': '男',
        'prop8': '44',
        'prop9': '本科',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '自动离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101788698',
        'prop3': '赵高',
        'prop4': '511123197510263074',
        'prop5': '男',
        'prop6': '55',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '133023187889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '赵高',
        'prop6': '511123197510263074',
        'prop7': '男',
        'prop8': '55',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101861146',
        'prop3': '王忠山',
        'prop4': '522426199904290419',
        'prop5': '男',
        'prop6': '21',
        'prop7': '一分公司',
        'prop8': '主管',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
        'prop3': '一分公司',
        'prop4': '主管',
        'prop5': '王忠山',
        'prop6': '522426199904290419',
        'prop7': '男',
        'prop8': '21',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100315416',
        'prop3': '严福林',
        'prop4': '433130197205180710',
        'prop5': '男',
        'prop6': '55',
        'prop7': '一分公司',
        'prop8': '经理',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '本科',
        'prop12': '135098784561',
        'prop13': '自动离职'
        'prop3': '一分公司',
        'prop4': '经理',
        'prop5': '严福林',
        'prop6': '433130197205180710',
        'prop7': '男',
        'prop8': '55',
        'prop9': '本科',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '自动离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101382208',
        'prop3': '叶金云',
        'prop4': '512923197703020639',
        'prop5': '男',
        'prop6': '43',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '1350987861234',
        'prop13': '正常离职'
      }],
      data: [{
        label: '一级 1',
        children: [{
          label: '二级 1-1',
          children: [{
            label: '三级 1-1-1'
          }]
        }]
      },
      {
        label: '一级 2',
        children: [{
          label: '二级 2-1',
          children: [{
            label: '三级 2-1-1'
          }]
        },
        {
          label: '二级 2-2',
          children: [{
            label: '三级 2-2-1'
          }]
        }
        ]
      },
      {
        label: '一级 3',
        children: [{
          label: '二级 3-1',
          children: [{
            label: '三级 3-1-1'
          }]
        },
        {
          label: '二级 3-2',
          children: [{
            label: '三级 3-2-1'
          }]
        }
        ]
      }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '叶金云',
        'prop6': '512923197703020639',
        'prop7': '男',
        'prop8': '43',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '1350987861234',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }]
    }
  },
  methods: {

 src/views/user/selectuser.vue

@@ -1,407 +1,395 @@
<template>

  <div>

    <el-container>

      <el-header :height="headerHeight">

        <el-row>

          <el-col :span="16">

            <h3 class="bu-tian-jia-title" />

          </el-col>

          <el-col :span="8">

            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />

            <el-button type="primary">查询</el-button>

            <el-button type="danger" @click.native="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row>

          <el-col :span="8">

            <!-- <el-button type="danger">导出EXCEL</el-button> -->

          </el-col>

        </el-row>

        <div v-show="advancedQueryShow">

          <form>

            <el-row>

              <el-col :span="3">员工编号：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">姓名：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">身份证号：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">所属部门：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">岗位：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="3">保安证号：

                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />

              </el-col>

              <el-col :span="6">

                <el-button type="primary">查询</el-button>

                <el-button type="danger">重置</el-button>

              </el-col>

            </el-row>

            <el-row>

              <el-col :span="24">

                <table id="searchTable">

                  <tr>

                    <td>搜索项：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">基本信息</el-radio>

                        <el-radio :label="6">工作信息</el-radio>

                        <el-radio :label="9">工作经历</el-radio>

                        <el-radio :label="9">体检信息</el-radio>

                        <el-radio :label="9">合同信息</el-radio>

                        <el-radio :label="9">考勤情况</el-radio>

                        <el-radio :label="9">员工请假</el-radio>

                        <el-radio :label="9">员工调岗</el-radio>

                        <el-radio :label="9">备注信息</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>性别：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">男性</el-radio>

                        <el-radio :label="9">女性</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>最高学历：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">初中</el-radio>

                        <el-radio :label="9">高中</el-radio>

                        <el-radio :label="9">大专</el-radio>

                        <el-radio :label="9">本科</el-radio>

                        <el-radio :label="9">硕士</el-radio>

                        <el-radio :label="9">博士</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>政治面貌：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">党员</el-radio>

                        <el-radio :label="9">团员</el-radio>

                        <el-radio :label="9">群众</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>入职日期：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>身高：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">150-159</el-radio>

                        <el-radio :label="9">160-169</el-radio>

                        <el-radio :label="9">170-179</el-radio>

                        <el-radio :label="9">180-189</el-radio>

                        <el-radio :label="9">190-199</el-radio>

                        <el-radio :label="9">200及以上</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>年龄：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">18-29</el-radio>

                        <el-radio :label="9">30-39</el-radio>

                        <el-radio :label="9">40-49</el-radio>

                        <el-radio :label="9">50-59</el-radio>

                        <el-radio :label="9">60-69</el-radio>

                        <el-radio :label="9">69及以上</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>档案情况：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">已移交</el-radio>

                        <el-radio :label="9">未移交</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                  <tr>

                    <td>员工状态：</td>

                    <td>

                      <el-radio-group v-model="radio">

                        <el-radio :label="3">全部</el-radio>

                        <el-radio :label="6">在职</el-radio>

                        <el-radio :label="6">正常离职</el-radio>

                        <el-radio :label="6">自动离职</el-radio>

                        <el-radio :label="6">公司辞退</el-radio>

                      </el-radio-group>

                    </td>

                  </tr>

                </table>

              </el-col>

            </el-row>

          </form>

        </div>

      </el-header>

      <el-container>

        <el-aside width="400px">

          <el-tree

            ref="tree"

            :data="deptTree"

            :check-strictly="true"

            show-checkbox

            accordion

            node-key="id"

            highlight-current

            default-expand-all

            :filter-node-method="filterNode"

            @node-click="nodeClick"

          />

        </el-aside>

        <el-main>

          <el-table

            ref="multipleTable"

            :data="list"

            style="width: 100%;height: 80%;"

            row-key="prop1"

            @selection-change="handleSelectionChange"

          >

            <el-table-column type="selection" :reserve-selection="true" width="55" />

            <el-table-column :label="$t('table.user.username')" prop="username" :show-overflow-tooltip="true" align="center" min-width="120px">

              <template slot-scope="scope">

                <span>{{ scope.row.username }}</span>

              </template>

            </el-table-column>

            <el-table-column :label="$t('table.user.email')" :show-overflow-tooltip="true" align="center" min-width="150px">

              <template slot-scope="scope">

                <span>{{ scope.row.email }}</span>

              </template>

            </el-table-column>

            <el-table-column

              :label="$t('table.user.sex')"

              :filters="[{ text: $t('common.sex.male'), value: '0' }, { text: $t('common.sex.female'), value: '1' }, { text: $t('common.sex.secret'), value: '2' }]"

              :filter-method="filterSex"

              class-name="status-col"

            >

              <template slot-scope="{row}">

                <el-tag :type="row.sex | sexFilter">

                  {{ transSex(row.sex) }}

                </el-tag>

              </template>

            </el-table-column>

          </el-table>

          <!--

          page.sync 当前页

          limit.sync 每页显示数量 只能是5，10，20，30，50

          pagination 翻页的事件

           -->

          <pagination v-show="total>0" :total="total" :page.sync="pagination.num" :limit.sync="pagination.size" @pagination="search" />

          <el-button type="primary" @click="sureChoose">确定</el-button>

          <el-button type="danger" @click="cancleChoose">取消</el-button>

        </el-main>

      </el-container>

    </el-container>

  </div>

</template>

<script>

// 引用翻页组件

import Pagination from '@/components/Pagination'

export default {

  components: { Pagination },

  data() {

    return {

      headerHeight: '70px',

      deptTree: [],

      advancedQueryShow: false,

      selection: [],

      multipleSelection: [],

      total: 0, // 总数量

      queryParams: {}, // 查询参数

      sort: {}, // 排序

      pagination: { // 分页参数

        size: 5,

        num: 1

      },

      list: [], // 给table显示的数据

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  mounted() {

    this.initDeptTree()

    // 初始加载

    this.fetch()

  },

  methods: {

    initDept() {

      return {

        deptId: '',

        deptName: '',

        parentId: null,

        orderNum: 0

      }

    },

    transSex(sex) {

      switch (sex) {

        case '0':

          return this.$t('common.sex.male')

        case '1':

          return this.$t('common.sex.female')

        default:

          return this.$t('common.sex.secret')

      }

    },

    filterSex(value, row) {

      return row.sex === value

    },

    // 翻页方法

    search() {

      this.fetch({

        ...this.queryParams,

        ...this.sort

      })

    },

    fetch(params = {}) {

      var that = this

      params.pageSize = this.pagination.size

      params.pageNum = this.pagination.num

      this.$get('system/user', {

        ...params

      }).then((r) => {

        const data = r.data.data

        that.total = data.total

        that.list = data.rows

      })

    },



    initDeptTree() {

      this.$get('system/dept').then((r) => {

        this.deptTree = r.data.data.rows

      })

    },

    filterNode(value, data) {

      if (!value) return true

      return data.label.indexOf(value) !== -1

    },

    nodeClick(data) {

      this.dept.parentId = data.parentId

      if (this.dept.parentId === '0') {

        this.dept.parentId = null

      }

      this.dept.orderNum = data.orderNum

      this.dept.deptName = data.label

      this.dept.deptId = data.id

    },

    handleSelectionChange(val) {

      this.multipleSelection = val

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '410px'

        this.advancedQueryShow = true

      }

    },

    sureChoose() {

      this.$emit('selectedUser', this.multipleSelection)

    },

    cancleChoose() {

      this.$emit('cancleChooseUser')

    }

  }

}

</script>

<style lang="scss" scoped>



  .el-main {

    height: 600px;

  }

</style>

<style lang="scss">

  .el-aside {

    padding: 20px;

    background: #f3f5f8;

    height: 600px;



    .el-tree {

      height: 100%;

    }

  }



  #searchTable {

    margin-top: 10px;

    border-collapse: collapse;

    width: 100%;

  }



  #searchTable td,

  #searchTable th {

    border: 1px solid #cad9ea;

    color: #666;

    height: 30px;

  }



  #ygxq table {

    border-collapse: collapse;

    margin: 0 auto;

    text-align: center;

    width: 100%;

    margin-top: 20px;

  }



  #ygxq table td,

  #ygxq table th {

    border: 1px solid #DDDCDC;

    color: #666;

    height: 30px;

  }



  #ygxq table thead th {

    background-color: #CCE8EB;

    width: 100px;

  }



  #ygxq table tr:nth-child(odd) {

    background: #fff;

  }



  #ygxq table tr:nth-child(even) {

    background: #F5FAFA;

  }



  .tdTitle {

    font-size: 14px;

    font-weight: 700;

    text-align: left;

  }



  .link_button {

    color: #169BD5;

  }



  .del_button {

    color: #D9001B;

  }

</style>

<template>
  <div id="mainDiv">
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
          <el-col :span="16">
            <h3 class="bu-tian-jia-title" />
          </el-col>
          <el-col :span="8">
            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />
            <el-button type="primary">查询</el-button>
            <el-button type="danger" @click.native="advancedQueryShowMethods">高级查询</el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <!-- <el-button type="danger">导出EXCEL</el-button> -->
          </el-col>
        </el-row>
        <div v-show="advancedQueryShow">
          <form>
            <el-row>
              <el-col :span="3">员工编号：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">姓名：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">身份证号：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">所属部门：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">岗位：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">保安证号：
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="6">
                <el-button type="primary">查询</el-button>
                <el-button type="danger">重置</el-button>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <table id="searchTable">
                  <tr>
                    <td>搜索项：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">基本信息</el-radio>
                        <el-radio :label="6">工作信息</el-radio>
                        <el-radio :label="9">工作经历</el-radio>
                        <el-radio :label="9">体检信息</el-radio>
                        <el-radio :label="9">合同信息</el-radio>
                        <el-radio :label="9">考勤情况</el-radio>
                        <el-radio :label="9">员工请假</el-radio>
                        <el-radio :label="9">员工调岗</el-radio>
                        <el-radio :label="9">备注信息</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>性别：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">男性</el-radio>
                        <el-radio :label="9">女性</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>最高学历：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">初中</el-radio>
                        <el-radio :label="9">高中</el-radio>
                        <el-radio :label="9">大专</el-radio>
                        <el-radio :label="9">本科</el-radio>
                        <el-radio :label="9">硕士</el-radio>
                        <el-radio :label="9">博士</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>政治面貌：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">党员</el-radio>
                        <el-radio :label="9">团员</el-radio>
                        <el-radio :label="9">群众</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>入职日期：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>身高：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">150-159</el-radio>
                        <el-radio :label="9">160-169</el-radio>
                        <el-radio :label="9">170-179</el-radio>
                        <el-radio :label="9">180-189</el-radio>
                        <el-radio :label="9">190-199</el-radio>
                        <el-radio :label="9">200及以上</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>年龄：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">18-29</el-radio>
                        <el-radio :label="9">30-39</el-radio>
                        <el-radio :label="9">40-49</el-radio>
                        <el-radio :label="9">50-59</el-radio>
                        <el-radio :label="9">60-69</el-radio>
                        <el-radio :label="9">69及以上</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>档案情况：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">已移交</el-radio>
                        <el-radio :label="9">未移交</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr>
                    <td>员工状态：</td>
                    <td>
                      <el-radio-group v-model="radio">
                        <el-radio :label="3">全部</el-radio>
                        <el-radio :label="6">在职</el-radio>
                        <el-radio :label="6">正常离职</el-radio>
                        <el-radio :label="6">自动离职</el-radio>
                        <el-radio :label="6">公司辞退</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                </table>
              </el-col>
            </el-row>
          </form>
        </div>
      </el-header>
      <el-container>
        <el-aside width="400px">
          <el-tree
            ref="tree"
            :data="deptTree"
            :check-strictly="true"
            show-checkbox
            accordion
            node-key="id"
            highlight-current
            default-expand-all
            :filter-node-method="filterNode"
            @node-click="nodeClick"
          />
        </el-aside>
        <el-main>
          <el-table
            ref="multipleTable"
            :data="list"
            style="width: 100%;height: 80%;"
            row-key="prop1"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" :reserve-selection="true" width="55" />
            <el-table-column prop="empNumb" label="员工编号" width="100" />
            <el-table-column prop="empName" label="姓名" width="100" />
            <el-table-column prop="deptName" label="护卫点" width="100" />
            <el-table-column prop="jobName" label="岗位" width="100" />
            <el-table-column prop="empTypeName" label="员工类别" width="100" />
            <el-table-column prop="sexName" label="性别" width="50" />
          </el-table>
          <!--
          page.sync 当前页
          limit.sync 每页显示数量 只能是5，10，20，30，50
          pagination 翻页的事件
           -->
          <pagination v-show="total>0" :total="total" :page.sync="pagination.num" :limit.sync="pagination.size" @pagination="search" />
          <el-button type="primary" @click="sureChoose">确定</el-button>
          <el-button type="danger" @click="cancleChoose">取消</el-button>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'
export default {
  components: { Pagination },
  data() {
    return {
      headerHeight: '70px',
      deptTree: [],
      advancedQueryShow: false,
      selection: [],
      multipleSelection: [],
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        num: 1
      },
      list: [], // 给table显示的数据
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  mounted() {
    this.initDeptTree()
    // 初始加载
    this.fetch()
  },
  methods: {
    initDept() {
      return {
        deptId: '',
        deptName: '',
        parentId: null,
        orderNum: 0
      }
    },
    transSex(sex) {
      switch (sex) {
        case '0':
          return this.$t('common.sex.male')
        case '1':
          return this.$t('common.sex.female')
        default:
          return this.$t('common.sex.secret')
      }
    },
    filterSex(value, row) {
      return row.sex === value
    },
    // 翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    fetch(params = {}) {
      var that = this
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      this.$get('hr/empBaseInfo/list', {
        ...params
      }).then((r) => {
        const data = r.data.data
        that.total = data.total
        that.list = data.rows
      })
    },

    initDeptTree() {
      this.$get('system/dept').then((r) => {
        this.deptTree = r.data.data.rows
      })
    },
    filterNode(value, data) {
      if (!value) return true
      return data.label.indexOf(value) !== -1
    },
    nodeClick(data) {
      this.dept.parentId = data.parentId
      if (this.dept.parentId === '0') {
        this.dept.parentId = null
      }
      this.dept.orderNum = data.orderNum
      this.dept.deptName = data.label
      this.dept.deptId = data.id
    },
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    advancedQueryShowMethods() {
      if (this.advancedQueryShow) {
        this.headerHeight = '70px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '410px'
        this.advancedQueryShow = true
      }
    },
    sureChoose() {
      this.$emit('selectedUser', this.multipleSelection)
    },
    cancleChoose() {
      this.$emit('cancleChooseUser')
    }
  }
}
</script>
<style lang="scss" scoped>

  .el-main {
    height: 600px;
  }
</style>
<style lang="scss">
  .el-aside {
    padding: 20px;
    background: #f3f5f8;
    height: 600px;

    .el-tree {
      height: 100%;
    }
  }

  #mainDiv{
    height: 400px;
  }

  #searchTable {
    margin-top: 10px;
    border-collapse: collapse;
    width: 100%;
  }

  #searchTable td,
  #searchTable th {
    border: 1px solid #cad9ea;
    color: #666;
    height: 30px;
  }

  #ygxq table {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }

  #ygxq table td,
  #ygxq table th {
    border: 1px solid #DDDCDC;
    color: #666;
    height: 30px;
  }

  #ygxq table thead th {
    background-color: #CCE8EB;
    width: 100px;
  }

  #ygxq table tr:nth-child(odd) {
    background: #fff;
  }

  #ygxq table tr:nth-child(even) {
    background: #F5FAFA;
  }

  .tdTitle {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }

  .link_button {
    color: #169BD5;
  }

  .del_button {
    color: #D9001B;
  }
</style>