sunsail-platform-ui.git

parent: bae29403 | 补丁 | 提交 | ignore whitespace

luoyb

2021-02-01 cdde35a3c54f09a9818681ca84ba8bd66cb7194c

feat(信息录入): 信息录入完成

完成了辞职申请、失业金领取、社保申请、意外险案件、工伤案件、劳资案件、不良记录、备注信息的基本增、删、改

2个文件已修改

	src/views/user/Informationinput.vue	2350 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/user/outemployess.vue	2496 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 src/views/user/Informationinput.vue

@@ -89,6 +89,13 @@
          <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-row>-->
<!--            <el-col :span="24" class="button-from">-->
<!--              <el-button type="info">提交</el-button>-->
<!--              <el-button type="warning">暂存</el-button>-->
<!--              <el-button type="danger">取消</el-button>-->
<!--            </el-col>-->
<!--          </el-row>-->
        </el-table>
        <el-table
          v-show="showArr[1].show"
@@ -212,131 +219,131 @@
          <el-table-column prop="reporter" label="报备人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table v-show="showArr[6].show" :data="resignData" style="width: 100%;height: 70%;">
        <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="editLeaveInfo(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="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="resignDate" label="辞职申请日期" width="180" />
          <el-table-column prop="resign" label="辞职事由" width="180" />
          <el-table-column prop="report" label="汇报人" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="证件号码" width="180" />
          <el-table-column prop="applayDate" label="辞职申请日期" width="180" />
          <el-table-column prop="reason" label="辞职事由" width="180" />
          <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" :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="editLeaveInfo(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="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="unemploymentDate" label="失业金申请日期" width="180" />
          <el-table-column prop="declareReason" label="申报事由" width="180" />
          <el-table-column prop="report" label="汇报人" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="applayDate" label="失业金申请日期" width="180" />
          <el-table-column prop="applayReason" label="申报事由" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table v-show="showArr[8].show" :data="socialSecurityData" style="width: 100%;height: 70%;">
        <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="editLeaveInfo(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="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="socialSecurityDate" label="社保申请日期" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="applayDate" label="社保申请日期" width="180" />
          <el-table-column prop="proposer" label="申请人" width="180" />
          <el-table-column prop="socialSecurityLevel" label="社保档位" width="180" />
          <el-table-column prop="isReport " label="是否已报告" width="180" />
          <el-table-column prop="status" label="状态" width="180" />
          <el-table-column prop="insuranceGaers" label="社保档位" width="180" />
          <el-table-column prop="reportStatus " label="是否已报告" width="180" />
          <el-table-column prop="applayStatus" label="状态" width="180" />
          <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" :data="data1" 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="editLeaveInfo(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="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 prop="prop14" label="床号" width="180" />
          <el-table-column prop="prop15" label="报案时间" width="180" />
          <el-table-column prop="prop16" label="递交资料时间" width="180" />
          <el-table-column prop="prop17" label="递交人" width="180" />
          <el-table-column prop="prop18" label="医疗总费用" width="180" />
          <el-table-column prop="prop19" label="保险赔付费用" width="180" />
          <el-table-column prop="prop20" label="保单号" width="180" />
          <el-table-column prop="prop21" label="人事处理时间" width="180" />
          <el-table-column prop="prop22" label="状态" width="180" />
          <el-table-column prop="prop23" label="案结时间" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="injuredTime" label="受伤日期" width="180" />
          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
          <el-table-column prop="injuredDiacrisis" label="意外险诊断" width="180" />
          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180" />
          <el-table-column prop="bedNumb" label="床号" width="180" />
          <el-table-column prop="reprotTime" label="报案时间" width="180" />
          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
          <el-table-column prop="sbumitBy" label="递交人" width="180" />
          <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" :data="data2" 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="editLeaveInfo(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="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 prop="prop14" label="保险类型" width="180" />
          <el-table-column prop="prop15" label="社保电脑号" width="180" />
          <el-table-column prop="prop16" label="保安员证号" width="180" />
          <el-table-column prop="prop17" label="档案编号" width="180" />
          <el-table-column prop="prop18" label="档案情况" width="180" />
          <el-row>
            <el-col :span="24" class="button-from">
              <el-button type="info">提交</el-button>
              <el-button type="warning">暂存</el-button>
              <el-button type="danger">取消</el-button>
            </el-col>
          </el-row>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="injuredTime" label="受伤日期" width="180" />
          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
          <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180" />
          <el-table-column prop="bedNumb" label="床号" width="180" />
          <el-table-column prop="reportTime" label="报案时间" width="180" />
          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
          <el-table-column prop="sbumitBy" label="递交人" width="180" />
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
<!--          <el-row>-->
<!--            <el-col :span="24" class="button-from">-->
<!--              <el-button type="info">提交</el-button>-->
<!--              <el-button type="warning">暂存</el-button>-->
<!--              <el-button type="danger">取消</el-button>-->
<!--            </el-col>-->
<!--          </el-row>-->
        </el-table>
        <el-table v-show="showArr[11].show" :data="data3" 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>
              <el-button type="text" size="small">编辑</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="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 prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationType" label="仲裁类型" width="180" />
          <el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
          <el-table-column prop="reporter" label="报备人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
          <el-table-column prop="arbitrationStatus" label="状态" width="180" />
          <el-table-column prop="settleDate" label="案结日期" width="180" />
        </el-table>
        <el-table
          v-show="showArr[12].show"
@@ -350,32 +357,34 @@
              <el-button
                type="text"
                size="small"
                @click="badRecordEdit(scope.row)"
                @click="editBadRecord(scope.row)"
              >编辑
              </el-button>
            </template>
          </el-table-column>
          <el-table-column prop="prop2" label="所属部门" width="180" />
          <el-table-column prop="empId" label="员工编号" width="180" />
          <el-table-column prop="prop4" label="姓名" width="180" />
          <el-table-column prop="prop5" label="身份证号码" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="badDate" label="不良记录日期" width="180" />
          <el-table-column prop="badContent" label="不良记录描述" width="180" />
          <el-table-column prop="prop8" label="汇报人" width="180" />
          <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" :data="data5" 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>
              <el-button type="text" size="small">编辑</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="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="400" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="remarkDate" label="备注日期" width="180" />
          <el-table-column prop="remarkContent" label="备注信息" width="400" />
        </el-table>
        <el-col :span="24">
          <div style="margin: 0px auto; width: 250px;margin-top: 20px;">
@@ -1066,14 +1075,19 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="resignForm.name" />
              <el-input v-model="resignForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="resignForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="resignForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="resignForm.deptName" /></el-form-item>
            <el-form-item label="辞职申请日期">
              <el-date-picker
                v-model="resignForm.name"
                v-model="resignForm.applayDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择辞职申请日期"
              />
@@ -1081,34 +1095,34 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="resignForm.name" />
              <el-input v-model="resignForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="resignForm.name" />
            </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.name" />
              <el-input v-model="resignForm.reporter" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="辞职事由">
              <el-input v-model="resignForm.name" />
              <el-input v-model="resignForm.reason" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="resignForm.name" type="textarea" />
              <el-input v-model="resignForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putResign()">保 存</el-button>
        <el-button type="primary" @click="putResignContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

@@ -1117,34 +1131,38 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="unemploymentForm.name" />
              <el-input v-model="unemploymentForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="unemploymentForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="unemploymentForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="unemploymentForm.deptName" /></el-form-item>
            <el-form-item label="失业金申请日期">
              <el-date-picker
                v-model="unemploymentForm.name"
                v-model="unemploymentForm.applayDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择失业金申请日期"
              />
            </el-form-item>
            <el-form-item label="申报事由">
              <el-input v-model="unemploymentForm.name" />
              <el-input v-model="unemploymentForm.applayReason" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="unemploymentForm.name" />
              <el-input v-model="unemploymentForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="unemploymentForm.name" />
            </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.name" />
              <el-input v-model="unemploymentForm.reporter" />
            </el-form-item>
            <el-form-item label="审批人">
              <el-input v-model="unemploymentForm.name" />
              <el-input v-model="unemploymentForm.auditor" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1152,39 +1170,45 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="unemploymentForm.name" type="textarea" />
              <el-input v-model="unemploymentForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putUnemployment()">保 存</el-button>
        <el-button type="primary" @click="putUnemploymentContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="社保申请" :visible.sync="dialogshowArr[8].show" width="50%">
      <el-form :model="socialSecurityForm" label-position="right" label-width="120px">
      <el-form :model="insuranceForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="insuranceForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="socialSecurityForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="insuranceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="insuranceForm.deptName" /></el-form-item>
            <el-form-item label="社保申请日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="insuranceForm.applayDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择社保申请日期"
              />
            </el-form-item>
            <el-form-item label="社保档位">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="insuranceForm.insuranceGaers" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
              <el-select v-model="contractData.name" placeholder="请选择状态">
              <el-select v-model="contractData.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
              </el-select>
@@ -1192,73 +1216,76 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="insuranceForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="socialSecurityForm.name" />
            </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="socialSecurityForm.name" />
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
            <el-form-item label="是否已经报告" prop="region">
              <el-select v-model="contractData.name" placeholder="是否已经报告">
              <el-select v-model="contractData.reportStatus" placeholder="是否已经报告">
                <el-option label="未报告" value="1" />
                <el-option label="已报告" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="审批人">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="insuranceForm.auditor" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="insuranceForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putInsurance()">保 存</el-button>
        <el-button type="primary" @click="putInsuranceContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="意外险案件" :visible.sync="dialogshowArr[9].show" width="50%">
      <el-form :model="socialSecurityForm" label-position="right" label-width="120px">
      <el-form :model="accidentCasesForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="socialSecurityForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="accidentCasesForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="accidentCasesForm.deptName" /></el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                v-model="accidentCasesForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.injuredPart" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="socialSecurityForm.name" />
            </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="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.injuredAddress" />
            </el-form-item>
            <el-form-item label="意外险诊断">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.injuredDiacrisis" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1266,37 +1293,39 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="accidentCasesForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院" prop="region">
              <el-select v-model="contractData.name" placeholder="是否住院">
                <el-option label="未住院" value="1" />
                <el-option label="已住院" value="2" />
              <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="报案时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                v-model="accidentCasesForm.reprotTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择报案时间"
              />
            </el-form-item>
            <el-form-item label="递交人">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.sbumitBy" />
            </el-form-item>
            <el-form-item label="保险赔付费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.innsureFee" />
            </el-form-item>
            <el-form-item label="人事处理时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="accidentCasesForm.hrDoDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择人事处理时间"
              />
@@ -1304,7 +1333,8 @@

            <el-form-item label="案结时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="accidentCasesForm.settleDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择案结时间"
              />
@@ -1312,72 +1342,78 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="就诊科室">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.treatmentName" />
            </el-form-item>
            <el-form-item label="床号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.bedNumb" />
            </el-form-item>
            <el-form-item label="递交资料时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="accidentCasesForm.submitTime"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择递交资料时间"
              />
            </el-form-item>
            <el-form-item label="医疗总费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.expensesFee" />
            </el-form-item>
            <el-form-item label="报单号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="accidentCasesForm.expenseReport" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
              <el-select v-model="contractData.name" placeholder="">
              <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="2" />
                <el-option label="未结案" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putAccidentCases()">保 存</el-button>
        <el-button type="primary" @click="putAccidentCasesContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%">
      <el-form :model="socialSecurityForm" label-position="right" label-width="140px">
      <el-form :model="occupationalForm" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="socialSecurityForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="occupationalForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="occupationalForm.deptName" /></el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                v-model="occupationalForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.injuredPart" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="socialSecurityForm.name" />
            </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="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.injuredAddress" />
            </el-form-item>
            <el-form-item label="工伤诊断">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.injuredDiacrisis" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1385,49 +1421,52 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="occupationalForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院" prop="region">
              <el-select v-model="contractData.name" placeholder="是否住院">
                <el-option label="未住院" value="1" />
                <el-option label="已住院" value="2" />
              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="报案时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                v-model="occupationalForm.reportTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择报案时间"
              />
            </el-form-item>
            <el-form-item label="递交人">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.sbumitBy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="就诊科室">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.treatmentName" />
            </el-form-item>
            <el-form-item label="床号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.bedNumb" />
            </el-form-item>
            <el-form-item label="递交资料时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="occupationalForm.submitTime"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择递交资料时间"
              />
            </el-form-item>
            <el-form-item label="人事处理时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="occupationalForm.hrDoDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择人事处理时间"
              />
@@ -1439,24 +1478,24 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="医疗总费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.expensesFee" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.socialDisability" />
            </el-form-item>
            <el-form-item label="一次性医疗补助金">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.socialSubsidy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="剔除总额">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.eliminate" />
            </el-form-item>
            <el-form-item label="住院伙食补贴">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.socialAllowance" />
            </el-form-item>
            <el-form-item label="社保赔偿总费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.socialCompensation" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1465,32 +1504,32 @@
        <el-row>
          <el-col :span="12">
            <el-form-item label="已赔付医药费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.compensated" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.companylDisability" />
            </el-form-item>
            <el-form-item label="一次性医疗补助金">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.companySubsidy" />
            </el-form-item>
            <el-form-item label="一次性就业补助金">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.jobSubsidy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="其他赔偿报销">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.otherCompensated" />
            </el-form-item>
            <el-form-item label="工伤生活补贴">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.companyAllowance" />
            </el-form-item>
            <el-form-item label="公司赔偿总费用">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案" prop="region">
              <el-select v-model="contractData.name" placeholder="">
              <el-select v-model="contractData.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="2" />
                <el-option label="未结案" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -1499,60 +1538,66 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="occupationalForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putOccupational()">保 存</el-button>
        <el-button type="primary" @click="putOccupationalContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="劳资案件" :visible.sync="dialogshowArr[11].show" width="50%">
      <el-form :model="socialSecurityForm" label-position="right" label-width="140px">
      <el-form :model="laborTroubleForm" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="laborTroubleForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="socialSecurityForm.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="laborTroubleForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="laborTroubleForm.deptName" /></el-form-item>
            <el-form-item label="仲裁日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="laborTroubleForm.arbitrationDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择仲裁日期"
              />
            </el-form-item>
            <el-form-item label="汇报人">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="laborTroubleForm.reporter" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
              <el-select v-model="contractData.name" placeholder="">
              <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="2" />
                <el-option label="未结案" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="laborTroubleForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="socialSecurityForm.name" />
            </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="socialSecurityForm.name" />
              <el-input v-model="laborTroubleForm.arbitrationType" />
            </el-form-item>
            <el-form-item label="仲裁佩服（元）">
              <el-input v-model="socialSecurityForm.name" />
            <el-form-item label="仲裁赔付（元）">
              <el-input v-model="laborTroubleForm.arbitrationPay" />
            </el-form-item>
            <el-form-item label="案结日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="laborTroubleForm.settleDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择案结日期"
              />
@@ -1562,37 +1607,42 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="仲裁事由">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="laborTroubleForm.arbitrationReason" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="laborTroubleForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putLaborTrouble()">保 存</el-button>
        <el-button type="primary" @click="putLaborTroubleContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="不良记录" :visible.sync="dialogshowArr[12].show" width="50%">
      <el-form :model="badRecordFrom" label-position="right" label-width="140px">
      <el-form :model="badRecordForm" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="badRecordFrom.empId" />
              <el-input v-model="badRecordForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="badRecordFrom.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="badRecordForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="badRecordForm.deptName" /></el-form-item>
            <el-form-item label="不良记录日期">
              <el-date-picker
                v-model="badRecordFrom.badDate"
                v-model="badRecordForm.badDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择不良记录日期"
@@ -1601,48 +1651,56 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="badRecordFrom.name" />
              <el-input v-model="badRecordForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="badRecordFrom.name" />
            </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="badRecordFrom.reporter" />
              <el-input v-model="badRecordForm.reporter" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="不良记录描述">
              <el-input v-model="badRecordFrom.badContent" />
              <el-input v-model="badRecordForm.badContent" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="badRecordFrom.remark" type="textarea" />
              <el-input v-model="badRecordForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putBadRecord()">保 存</el-button>
        <el-button type="primary" @click="putBadRecordContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="putBadRecord()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
      <el-form :model="socialSecurityForm" label-position="right" label-width="140px">
      <el-form :model="remarkInfoForm" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="remarkInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
              <el-select v-model="remarkInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="部门名称"><el-input v-model="remarkInfoForm.deptName" /></el-form-item>

            <el-form-item label="备注日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                v-model="remarkInfoForm.remarkDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择备注日期"
              />
@@ -1650,24 +1708,24 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="socialSecurityForm.name" />
              <el-input v-model="remarkInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="socialSecurityForm.name" />
            </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>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="socialSecurityForm.name" type="textarea" />
              <el-input v-model="remarkInfoForm.remarkContent" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putRemarkInfo()">保 存</el-button>
        <el-button type="primary" @click="putRemarkInfoContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
  </div>
@@ -1774,521 +1832,211 @@
      contractData: [],
      attendanceData: [],
      leaveInfoData: [],
      resignData: [
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          resignDate: '2020-01',
          resign: '129',
          report: '盘琪',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          resignDate: '2020-01',
          resign: '129',
          report: '盘琪',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          resignDate: '2020-01',
          resign: '129',
          report: '盘琪',
          remark: ''
        }
      ],
      unemploymentData: [
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          unemploymentDate: '2020-01',
          declareReason: '被开除了',
          report: '盘琪',
          auditor: '冯一',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          unemploymentDate: '2020-01',
          declareReason: '被开除了',
          report: '盘琪',
          auditor: '冯一',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          unemploymentDate: '2020-01',
          declareReason: '被开除了',
          report: '盘琪',
          auditor: '冯一',
          remark: ''
        }
      ],
      socialSecurityData: [
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          socialSecurityDate: '2020-01-01',
          socialSecurityLevel: '一档',
          proposer: '盘琪',
          auditor: '冯一',
          isReport: '是',
          status: '正常',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          socialSecurityDate: '2020-01-01',
          socialSecurityLevel: '一档',
          proposer: '盘琪',
          auditor: '冯一',
          isReport: '是',
          status: '正常',
          remark: ''
        },
        {
          userNumb: '12321222',
          name: '王小虎',
          deptName: '开发部',
          sex: '女',
          idNumber: '430422199823222222',
          socialSecurityDate: '2020-01-01',
          socialSecurityLevel: '一档',
          proposer: '盘琪',
          auditor: '冯一',
          isReport: '是',
          status: '正常',
          remark: ''
        }
      ],
      data1: [
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '赵建国',
          prop5: '510304197402225813',
          prop6: '2020-01-02',
          prop7: '',
          prop8: '',
          prop9: '',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: '是',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '',
          prop19: '',
          prop20: '',
          prop21: '',
          prop22: '',
          prop23: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '张山',
          prop5: '41272619740120543X',
          prop6: '2019-02-03',
          prop7: '',
          prop8: '',
          prop9: '家里XXXX有事情需要处理，个人原因申请离职',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: '否',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '',
          prop19: '',
          prop20: '',
          prop21: '',
          prop22: '',
          prop23: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2101620946',
          prop4: '罗启艳',
          prop5: '522528198202071629',
          prop6: '',
          prop7: '',
          prop8: '',
          prop9: '',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '',
          prop19: '',
          prop20: '',
          prop21: '',
          prop22: '',
          prop23: ''
        }
      ],
      data2: [
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2100452312',
          prop3: '赵建国',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '男',
          prop8: '汉族',
          prop9: '510304197402225813',
          prop10: '',
          prop11: '党员',
          prop12: '大专',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '中保亚太',
          prop18: '已移交'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2101620946',
          prop3: '罗启艳',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '女',
          prop8: '汉族',
          prop9: '41272619740120543X',
          prop10: '',
          prop11: '团员',
          prop12: '高中',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '福田',
          prop18: '已移交'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2100629950',
          prop3: '毛玉平',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '男',
          prop8: '汉族',
          prop9: '522528198202071629',
          prop10: '',
          prop11: '非党员',
          prop12: '高中',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '粤B829348',
          prop18: '已移交'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2100882835',
          prop3: '梅均均',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '女',
          prop8: '汉族',
          prop9: '510504198704260927',
          prop10: '',
          prop11: '党员',
          prop12: '高中',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '未移交'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2101356718',
          prop3: '王香妮',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '女',
          prop8: '汉族',
          prop9: '433122199508091511',
          prop10: '',
          prop11: '团员',
          prop12: '高中',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '未移交'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '2100900981',
          prop3: '易金洪',
          prop4: '',
          prop5: '',
          prop6: '',
          prop7: '男',
          prop8: '苗族',
          prop9: '610424198306152860',
          prop10: '',
          prop11: '非党员',
          prop12: '',
          prop13: '',
          prop14: '',
          prop15: '',
          prop16: '',
          prop17: '',
          prop18: '已移交'
        }
      ],
      data3: [
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '赵建国',
          prop5: '510304197402225813',
          prop6: '2021-01-02',
          prop7: '劳资纠纷',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '2500.00',
          prop12: '已结案',
          prop13: '2021-01-16'
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '张山',
          prop5: '41272619740120543X',
          prop6: '2017-01-03',
          prop7: '',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2101620946',
          prop4: '罗启艳',
          prop5: '522528198202071629',
          prop6: '2021-01-02',
          prop7: '',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2101620947',
          prop4: '王香妮',
          prop5: '510504198704260927',
          prop6: '2021-01-02',
          prop7: '',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2100629950',
          prop4: '毛玉平',
          prop5: '510504198704260927',
          prop6: '2017-01-03',
          prop7: '',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2100629950',
          prop4: '梅均均',
          prop5: '433122199508091511',
          prop6: '2021-01-02',
          prop7: '',
          prop8: '',
          prop9: '张力',
          prop10: '',
          prop11: '',
          prop12: '',
          prop13: ''
        }
      ],
      resignData: [],
      unemploymentData: [],
      insuranceData: [],
      remarkInfoData: [],
      laborTroubleData: [],
      occupationalData: [],
      badRecordData: [],
      data5: [
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '赵建国',
          prop5: '2021-01-02',
          prop6: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2100452312',
          prop4: '张山',
          prop5: '2017-01-03',
          prop6: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '一分公司',
          prop3: '2101620946',
          prop4: '罗启艳',
          prop5: '2021-01-02',
          prop6: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2101620947',
          prop4: '王香妮',
          prop5: '2021-01-02',
          prop6: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2100629950',
          prop4: '毛玉平',
          prop5: '2017-01-03',
          prop6: ''
        },
        {
          prop0: '',
          prop1: '编辑',
          prop2: '二分公司',
          prop3: '2100629950',
          prop4: '梅均均',
          prop5: '2021-01-02',
          prop6: ''
        }
      ],
      socialSecurityForm: {
        userNumb: '',
        name: '',
        deptName: '',
      accidentCasesData: [],
      remarkInfoForm: {
        remarkId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        idNumber: '',
        socialSecurityDate: '',
        socialSecurityLevel: '',
        certificateNumb: '',
        JobId: '',
        deptId: '',
        deptName: '',
        jobName: '',
        remarkContent: '',
        remarkDate: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      laborTroubleForm: {
        arbitrationId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        arbitrationDate: '',
        arbitrationType: '',
        arbitrationReason: '',
        reporter: '',
        arbitrationPay: '',
        arbitrationStatus: '',
        settleDate: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: '',
        remark: ''
      },
      occupationalForm: {
        occupationalId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        injuredTime: '',
        injuredAddress: '',
        injuredPart: '',
        injuredDiacrisis: '',
        injuredDescribe: '',
        hospitalName: '',
        treatmentName: '',
        hospitalizatioFlag: '',
        bedNumb: '',
        reportTime: '',
        submitTime: '',
        sbumitBy: '',
        hrDoDate: '',
        expensesFee: '',
        eliminate: '',
        socialDisability: '',
        socialAllowance: '',
        socialSubsidy: '',
        socialCompensation: '',
        compensated: '',
        otherCompensated: '',
        companylDisability: '',
        companyAllowance: '',
        companySubsidy: '',
        companyCompensation: '',
        jobSubsidy: '',
        settleStatus: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: '',
        remark: ''
      },
      accidentCasesForm: {
        accidentId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        injuredTime: '',
        injuredAddress: '',
        injuredPart: '',
        injuredDiacrisis: '',
        injuredDescribe: '',
        hospitalName: '',
        treatmentName: '',
        hospitalizatioFlag: '',
        bedNumb: '',
        reprotTime: '',
        submitTime: '',
        sbumitBy: '',
        expensesFee: '',
        expenseReport: '',
        innsureFee: '',
        hrDoDate: '',
        settleDate: '',
        settleStatus: '',
        remark: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      insuranceForm: {
        insuranceId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        applayDate: '',
        proposer: '',
        insuranceGaers: '',
        reportStatus: '',
        applayStatus: '',
        auditor: '',
        isReport: '',
        status: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: '',
        remark: ''
      },
      unemploymentForm: {
        userNumb: '',
        name: '',
        deptName: '',
        unemploymentId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        idNumber: '',
        unemploymentDate: '',
        declareReason: '',
        report: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        applayDate: '',
        applayReason: '',
        reporter: '',
        auditor: '',
        remark: ''
        remark: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      resignForm: {
        userNumb: '',
        name: '',
        deptName: '',
        resignId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        idNumber: '',
        resignDate: '',
        resign: '',
        report: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        applayDate: '',
        reporter: '',
        reason: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: '',
        remark: ''
      },
      leaveInfoForm: {
@@ -2464,25 +2212,43 @@
        delFlag: '',
        version: ''
      },
      badRecordFrom: {
      badRecordForm: {
        badId: '',
        empId: '',
        empName: '',
        empNumb: '',
        sex: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        badDate: '',
        reporter: '',
        badContent: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: '',
        remark: ''
      }
    }
  },
  mounted() {
    this.getBadRecord()
    this.selectBadRecord()
    this.selectEmpBase()
    this.selectWorkExperience()
    this.selectPhysicalExam()
    this.selectContractInfo()
    this.selectDimissionAttend()
    this.selectLeaveInfo()
    this.selectResign()
    this.selectUnemployment()
    this.selectAccidentCases()
    this.selectLaborTrouble()
    this.selectRemarkInfo()
  },
  methods: {
    dialogIsShow() {
@@ -2605,6 +2371,108 @@
            })
          }
          break
        case 6:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.resignTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.resignId)
            })
            this.$delete(`hr/empResign/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectResign()
            })
          }
          break
        case 7:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.unemploymentTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.unemploymentId)
            })
            this.$delete(`hr/empUnemployment/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectUnemployment()
            })
          }
          break
        case 8:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.insuranceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.insuranceId)
            })
            this.$delete(`hr/empInsurance/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectInsurance()
            })
          }
          break
        case 9:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.accidentCasesTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.accidentId)
            })
            this.$delete(`hr/empAccidentCases/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectAccidentCases()
            })
          }
          break
        case 10:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.occupationalId)
            })
            this.$delete(`hr/empOccupational/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectOccupational()
            })
          }
          break
        case 11:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.arbitrationId)
            })
            this.$delete(`hr/empLaborTrouble/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectLaborTrouble()
            })
          }
          break
        case 12:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.badRecordTable.selection
@@ -2618,68 +2486,28 @@
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.getBadRecord()
              this.selectBadRecord()
            })
          }
          break
        case 13:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.remarkInfoTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.remarkId)
            })
            this.$delete(`hr/empRemarkInfo/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectBadRecord()
            })
          }
          break
      }
    },
    getBadRecord() {
      this.$get('hr/empBadRecord/list')
        .then((r) => {
          this.badRecordData = r.data.data.rows
        })
        .catch((error) => {
          console.error(error)
          this.$message({
            message: this.$t('tips.getDataFail'),
            type: 'error'
          })
        })
    },
    cleanBadRecord() {
      this.badRecordFrom.badId = ''
      this.badRecordFrom.empId = ''
      this.badRecordFrom.badDate = ''
      this.badRecordFrom.reporter = ''
      this.badRecordFrom.badContent = ''
      this.badRecordFrom.creator = ''
      this.badRecordFrom.remark = ''
    },
    putBadRecord() {
      if (this.isAdd) {
        this.$post('hr/empBadRecord', { ...this.badRecordFrom }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanBadRecord()
          this.getBadRecord()
        })
      } else {
        this.$put('hr/empBadRecord', { ...this.badRecordFrom }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanBadRecord()
          this.getBadRecord()
        })
      }
      this.dialogIsShow()
    },
    badRecordEdit(row) {
      this.isAdd = false
      this.badRecordFrom.badId = row.badId
      this.badRecordFrom.empId = row.empId
      this.badRecordFrom.badDate = row.badDate
      this.badRecordFrom.reporter = row.reporter
      this.badRecordFrom.badContent = row.badContent
      this.badRecordFrom.creator = row.creator
      this.badRecordFrom.remark = row.remark
      this.dialogshowArr[12].show = true
    },
    selectEmpBase() {
      this.$get('hr/empBaseInfo/list')
@@ -3311,6 +3139,864 @@
      this.leaveInfoForm.remark = row.remark

      this.dialogshowArr[5].show = true
    },
    selectResign() {
      this.$get('hr/empResign/list').then((r) => {
        this.resignData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putResign() {
      if (this.isAdd) {
        this.$post('hr/empResign', { ...this.resignForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanResign()
          this.selectResign()
        })
      } else {
        this.$put('hr/empResign', { ...this.resignForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanResign()
          this.selectResign()
        })
      }
      this.dialogIsShow()
    },
    putResignContinue() {
      if (this.isAdd) {
        this.$post('hr/empResign', { ...this.resignForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanResign()
          this.selectResign()
        })
      }
    },
    cleanResign() {
      this.resignForm.resignId = ''
      this.resignForm.empId = ''
      this.resignForm.empNumb = ''
      this.resignForm.empName = ''
      this.resignForm.sex = ''
      this.resignForm.certificateNumb = ''
      this.resignForm.deptId = ''
      this.resignForm.deptName = ''
      this.resignForm.JobId = ''
      this.resignForm.jobName = ''
      this.resignForm.applayDate = ''
      this.resignForm.reporter = ''
      this.resignForm.reason = ''
      this.resignForm.createTime = ''
      this.resignForm.creator = ''
      this.resignForm.modifyTime = ''
      this.resignForm.modifier = ''
      this.resignForm.delFlag = ''
      this.resignForm.version = ''
      this.resignForm.remark = ''
    },
    editResign(row) {
      this.isAdd = false

      this.resignForm.resignId = row.resignId
      this.resignForm.empId = row.empId
      this.resignForm.empNumb = row.empNumb
      this.resignForm.empName = row.empName
      this.resignForm.sex = row.sex
      this.resignForm.certificateNumb = row.certificateNumb
      this.resignForm.deptId = row.deptId
      this.resignForm.deptName = row.deptName
      this.resignForm.JobId = row.JobId
      this.resignForm.jobName = row.jobName
      this.resignForm.applayDate = row.applayDate
      this.resignForm.reporter = row.reporter
      this.resignForm.reason = row.reason
      this.resignForm.createTime = row.createTime
      this.resignForm.creator = row.creator
      this.resignForm.modifyTime = row.modifyTime
      this.resignForm.modifier = row.modifier
      this.resignForm.delFlag = row.delFlag
      this.resignForm.version = row.version
      this.resignForm.remark = row.remark

      this.dialogshowArr[6].show = true
    },
    selectUnemployment() {
      this.$get('hr/empUnemployment/list').then((r) => {
        this.unemploymentData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putUnemployment() {
      if (this.isAdd) {
        this.$post('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanUnemployment()
          this.selectUnemployment()
        })
      } else {
        this.$put('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanUnemployment()
          this.selectUnemployment()
        })
      }
      this.dialogIsShow()
    },
    putUnemploymentContinue() {
      if (this.isAdd) {
        this.$post('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanUnemployment()
          this.selectUnemployment()
        })
      }
    },
    cleanUnemployment() {
      this.unemploymentForm.unemploymentId = ''
      this.unemploymentForm.empId = ''
      this.unemploymentForm.empNumb = ''
      this.unemploymentForm.empName = ''
      this.unemploymentForm.sex = ''
      this.unemploymentForm.certificateNumb = ''
      this.unemploymentForm.deptId = ''
      this.unemploymentForm.deptName = ''
      this.unemploymentForm.JobId = ''
      this.unemploymentForm.jobName = ''
      this.unemploymentForm.applayDate = ''
      this.unemploymentForm.applayReason = ''
      this.unemploymentForm.reporter = ''
      this.unemploymentForm.auditor = ''
      this.unemploymentForm.remark = ''
      this.unemploymentForm.createTime = ''
      this.unemploymentForm.creator = ''
      this.unemploymentForm.modifyTime = ''
      this.unemploymentForm.modifier = ''
      this.unemploymentForm.delFlag = ''
      this.unemploymentForm.version = ''
    },
    editUnemployment(row) {
      this.isAdd = false

      this.unemploymentForm.unemploymentId = row.unemploymentId
      this.unemploymentForm.empId = row.empId
      this.unemploymentForm.empNumb = row.empNumb
      this.unemploymentForm.empName = row.empName
      this.unemploymentForm.sex = row.sex
      this.unemploymentForm.certificateNumb = row.certificateNumb
      this.unemploymentForm.deptId = row.deptId
      this.unemploymentForm.deptName = row.deptName
      this.unemploymentForm.JobId = row.JobId
      this.unemploymentForm.jobName = row.jobName
      this.unemploymentForm.applayDate = row.applayDate
      this.unemploymentForm.applayReason = row.applayReason
      this.unemploymentForm.remark = row.remark
      this.unemploymentForm.reporter = row.reporter
      this.unemploymentForm.auditor = row.auditor
      this.unemploymentForm.createTime = row.createTime
      this.unemploymentForm.creator = row.creator
      this.unemploymentForm.modifyTime = row.modifyTime
      this.unemploymentForm.modifier = row.modifier
      this.unemploymentForm.delFlag = row.delFlag
      this.unemploymentForm.version = row.version

      this.dialogshowArr[7].show = true
    },
    selectInsurance() {
      this.$get('hr/empInsurance/list').then((r) => {
        this.insuranceData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putInsurance() {
      if (this.isAdd) {
        this.$post('hr/empInsurance', { ...this.insuranceForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanInsurance()
          this.selectInsurance()
        })
      } else {
        this.$put('hr/empInsurance', { ...this.insuranceForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanInsurance()
          this.selectInsurance()
        })
      }
      this.dialogIsShow()
    },
    putInsuranceContinue() {
      if (this.isAdd) {
        this.$post('hr/empInsurance', { ...this.insuranceForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanInsurance()
          this.selectInsurance()
        })
      }
    },
    cleanInsurance() {
      this.insuranceForm.insuranceId = ''
      this.insuranceForm.empId = ''
      this.insuranceForm.empNumb = ''
      this.insuranceForm.empName = ''
      this.insuranceForm.sex = ''
      this.insuranceForm.certificateNumb = ''
      this.insuranceForm.deptId = ''
      this.insuranceForm.deptName = ''
      this.insuranceForm.JobId = ''
      this.insuranceForm.jobName = ''
      this.insuranceForm.applayDate = ''
      this.insuranceForm.proposer = ''
      this.insuranceForm.insuranceGaers = ''
      this.insuranceForm.reportStatus = ''
      this.insuranceForm.applayStatus = ''
      this.insuranceForm.auditor = ''
      this.insuranceForm.createTime = ''
      this.insuranceForm.creator = ''
      this.insuranceForm.modifyTime = ''
      this.insuranceForm.modifier = ''
      this.insuranceForm.delFlag = ''
      this.insuranceForm.version = ''
      this.insuranceForm.remark = ''
    },
    editInsurance(row) {
      this.isAdd = false

      this.insuranceForm.insuranceId = row.insuranceId
      this.insuranceForm.empId = row.empId
      this.insuranceForm.empNumb = row.empNumb
      this.insuranceForm.empName = row.empName
      this.insuranceForm.sex = row.sex
      this.insuranceForm.certificateNumb = row.certificateNumb
      this.insuranceForm.deptId = row.deptId
      this.insuranceForm.deptName = row.deptName
      this.insuranceForm.JobId = row.JobId
      this.insuranceForm.jobName = row.jobName
      this.insuranceForm.applayDate = row.applayDate
      this.insuranceForm.proposer = row.proposer
      this.insuranceForm.insuranceGaers = row.insuranceGaers
      this.insuranceForm.reportStatus = row.reportStatus
      this.insuranceForm.applayStatus = row.applayStatus
      this.insuranceForm.auditor = row.auditor
      this.insuranceForm.createTime = row.createTime
      this.insuranceForm.creator = row.creator
      this.insuranceForm.modifyTime = row.modifyTime
      this.insuranceForm.modifier = row.modifier
      this.insuranceForm.delFlag = row.delFlag
      this.insuranceForm.version = row.version
      this.insuranceForm.remark = row.remark

      this.dialogshowArr[8].show = true
    },
    selectAccidentCases() {
      this.$get('hr/empAccidentCases/list').then((r) => {
        this.accidentCasesData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putAccidentCases() {
      if (this.isAdd) {
        this.$post('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanAccidentCases()
          this.selectAccidentCases()
        })
      } else {
        this.$put('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanAccidentCases()
          this.selectAccidentCases()
        })
      }
      this.dialogIsShow()
    },
    putAccidentCasesContinue() {
      if (this.isAdd) {
        this.$post('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanAccidentCases()
          this.selectAccidentCases()
        })
      }
    },
    cleanAccidentCases() {
      this.accidentCasesForm.accidentId = ''
      this.accidentCasesForm.empId = ''
      this.accidentCasesForm.empNumb = ''
      this.accidentCasesForm.empName = ''
      this.accidentCasesForm.sex = ''
      this.accidentCasesForm.certificateNumb = ''
      this.accidentCasesForm.deptId = ''
      this.accidentCasesForm.deptName = ''
      this.accidentCasesForm.JobId = ''
      this.accidentCasesForm.jobName = ''
      this.accidentCasesForm.injuredTime = ''
      this.accidentCasesForm.injuredAddress = ''
      this.accidentCasesForm.injuredPart = ''
      this.accidentCasesForm.injuredDiacrisis = ''
      this.accidentCasesForm.injuredDescribe = ''
      this.accidentCasesForm.hospitalName = ''
      this.accidentCasesForm.treatmentName = ''
      this.accidentCasesForm.hospitalizatioFlag = ''
      this.accidentCasesForm.bedNumb = ''
      this.accidentCasesForm.reprotTime = ''
      this.accidentCasesForm.submitTime = ''
      this.accidentCasesForm.sbumitBy = ''
      this.accidentCasesForm.expensesFee = ''
      this.accidentCasesForm.expenseReport = ''
      this.accidentCasesForm.innsureFee = ''
      this.accidentCasesForm.hrDoDate = ''
      this.accidentCasesForm.settleDate = ''
      this.accidentCasesForm.settleStatus = ''
      this.accidentCasesForm.remark = ''
      this.accidentCasesForm.createTime = ''
      this.accidentCasesForm.creator = ''
      this.accidentCasesForm.modifyTime = ''
      this.accidentCasesForm.modifier = ''
      this.accidentCasesForm.delFlag = ''
      this.accidentCasesForm.version = ''
    },
    editAccidentCases(row) {
      this.isAdd = false

      this.accidentCasesForm.accidentId = row.accidentId
      this.accidentCasesForm.empId = row.empId
      this.accidentCasesForm.empNumb = row.empNumb
      this.accidentCasesForm.empName = row.empName
      this.accidentCasesForm.sex = row.sex
      this.accidentCasesForm.certificateNumb = row.certificateNumb
      this.accidentCasesForm.deptId = row.deptId
      this.accidentCasesForm.deptName = row.deptName
      this.accidentCasesForm.JobId = row.JobId
      this.accidentCasesForm.jobName = row.jobName
      this.accidentCasesForm.injuredTime = row.injuredTime
      this.accidentCasesForm.injuredAddress = row.injuredAddress
      this.accidentCasesForm.injuredPart = row.injuredPart
      this.accidentCasesForm.injuredDiacrisis = row.injuredDiacrisis
      this.accidentCasesForm.injuredDescribe = row.injuredDescribe
      this.accidentCasesForm.hospitalName = row.hospitalName
      this.accidentCasesForm.treatmentName = row.treatmentName
      this.accidentCasesForm.hospitalizatioFlag = row.hospitalizatioFlag
      this.accidentCasesForm.bedNumb = row.bedNumb
      this.accidentCasesForm.reprotTime = row.reprotTime
      this.accidentCasesForm.submitTime = row.submitTime
      this.accidentCasesForm.sbumitBy = row.sbumitBy
      this.accidentCasesForm.expensesFee = row.expensesFee
      this.accidentCasesForm.expenseReport = row.expenseReport
      this.accidentCasesForm.innsureFee = row.innsureFee
      this.accidentCasesForm.hrDoDate = row.hrDoDate
      this.accidentCasesForm.settleDate = row.settleDate
      this.accidentCasesForm.settleStatus = row.settleStatus
      this.accidentCasesForm.remark = row.remark
      this.accidentCasesForm.createTime = row.createTime
      this.accidentCasesForm.creator = row.creator
      this.accidentCasesForm.modifyTime = row.modifyTime
      this.accidentCasesForm.modifier = row.modifier
      this.accidentCasesForm.delFlag = row.delFlag
      this.accidentCasesForm.version = row.version

      this.dialogshowArr[9].show = true
    },
    selectOccupational() {
      this.$get('hr/empOccupational/list').then((r) => {
        this.occupationalData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putOccupational() {
      if (this.isAdd) {
        this.$post('hr/empOccupational', { ...this.occupationalForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanOccupational()
          this.selectOccupational()
        })
      } else {
        this.$put('hr/empOccupational', { ...this.occupationalForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanOccupational()
          this.selectOccupational()
        })
      }
      this.dialogIsShow()
    },
    putOccupationalContinue() {
      if (this.isAdd) {
        this.$post('hr/empOccupational', { ...this.occupationalForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanOccupational()
          this.selectOccupational()
        })
      }
    },
    cleanOccupational() {
      this.occupationalForm.occupationalId = ''
      this.occupationalForm.empId = ''
      this.occupationalForm.empNumb = ''
      this.occupationalForm.empName = ''
      this.occupationalForm.sex = ''
      this.occupationalForm.certificateNumb = ''
      this.occupationalForm.deptId = ''
      this.occupationalForm.deptName = ''
      this.occupationalForm.JobId = ''
      this.occupationalForm.jobName = ''
      this.occupationalForm.injuredTime = ''
      this.occupationalForm.injuredAddress = ''
      this.occupationalForm.injuredPart = ''
      this.occupationalForm.injuredDiacrisis = ''
      this.occupationalForm.injuredDescribe = ''
      this.occupationalForm.hospitalName = ''
      this.occupationalForm.treatmentName = ''
      this.occupationalForm.hospitalizatioFlag = ''
      this.occupationalForm.bedNumb = ''
      this.occupationalForm.reportTime = ''
      this.occupationalForm.submitTime = ''
      this.occupationalForm.sbumitBy = ''
      this.occupationalForm.hrDoDate = ''
      this.occupationalForm.expensesFee = ''
      this.occupationalForm.eliminate = ''
      this.occupationalForm.socialDisability = ''
      this.occupationalForm.socialAllowance = ''
      this.occupationalForm.socialSubsidy = ''
      this.occupationalForm.socialCompensation = ''
      this.occupationalForm.compensated = ''
      this.occupationalForm.otherCompensated = ''
      this.occupationalForm.companylDisability = ''
      this.occupationalForm.companyAllowance = ''
      this.occupationalForm.companySubsidy = ''
      this.occupationalForm.companyCompensation = ''
      this.occupationalForm.jobSubsidy = ''
      this.occupationalForm.settleStatus = ''
      this.occupationalForm.createTime = ''
      this.occupationalForm.creator = ''
      this.occupationalForm.modifyTime = ''
      this.occupationalForm.modifier = ''
      this.occupationalForm.delFlag = ''
      this.occupationalForm.version = ''
      this.occupationalForm.remark = ''
    },
    editOccupational(row) {
      this.isAdd = false

      this.occupationalForm.occupationalId = row.occupationalId
      this.occupationalForm.empId = row.empId
      this.occupationalForm.empNumb = row.empNumb
      this.occupationalForm.empName = row.empName
      this.occupationalForm.sex = row.sex
      this.occupationalForm.certificateNumb = row.certificateNumb
      this.occupationalForm.deptId = row.deptId
      this.occupationalForm.deptName = row.deptName
      this.occupationalForm.JobId = row.JobId
      this.occupationalForm.jobName = row.jobName
      this.occupationalForm.injuredTime = row.injuredTime
      this.occupationalForm.injuredAddress = row.injuredAddress
      this.occupationalForm.injuredPart = row.injuredPart
      this.occupationalForm.injuredDiacrisis = row.injuredDiacrisis
      this.occupationalForm.injuredDescribe = row.injuredDescribe
      this.occupationalForm.hospitalName = row.hospitalName
      this.occupationalForm.treatmentName = row.treatmentName
      this.occupationalForm.hospitalizatioFlag = row.hospitalizatioFlag
      this.occupationalForm.bedNumb = row.bedNumb
      this.occupationalForm.reportTime = row.reportTime
      this.occupationalForm.submitTime = row.submitTime
      this.occupationalForm.sbumitBy = row.sbumitBy
      this.occupationalForm.hrDoDate = row.hrDoDate
      this.occupationalForm.expensesFee = row.expensesFee
      this.occupationalForm.eliminate = row.eliminate
      this.occupationalForm.socialDisability = row.socialDisability
      this.occupationalForm.socialAllowance = row.socialAllowance
      this.occupationalForm.socialSubsidy = row.socialSubsidy
      this.occupationalForm.socialCompensation = row.socialCompensation
      this.occupationalForm.compensated = row.compensated
      this.occupationalForm.otherCompensated = row.otherCompensated
      this.occupationalForm.companylDisability = row.companylDisability
      this.occupationalForm.companyAllowance = row.companyAllowance
      this.occupationalForm.companySubsidy = row.companySubsidy
      this.occupationalForm.companyCompensation = row.companyCompensation
      this.occupationalForm.jobSubsidy = row.jobSubsidy
      this.occupationalForm.settleStatus = row.settleStatus
      this.occupationalForm.createTime = row.createTime
      this.occupationalForm.creator = row.creator
      this.occupationalForm.modifyTime = row.modifyTime
      this.occupationalForm.modifier = row.modifier
      this.occupationalForm.delFlag = row.delFlag
      this.occupationalForm.version = row.version
      this.occupationalForm.remark = row.remark

      this.dialogshowArr[10].show = true
    },
    selectLaborTrouble() {
      this.$get('hr/empLaborTrouble/list').then((r) => {
        this.laborTroubleData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putLaborTrouble() {
      if (this.isAdd) {
        this.$post('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanLaborTrouble()
          this.selectLaborTrouble()
        })
      } else {
        this.$put('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanLaborTrouble()
          this.selectLaborTrouble()
        })
      }
      this.dialogIsShow()
    },
    putLaborTroubleContinue() {
      if (this.isAdd) {
        this.$post('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanLaborTrouble()
          this.selectLaborTrouble()
        })
      }
    },
    cleanLaborTrouble() {
      this.laborTroubleForm.arbitrationId = ''
      this.laborTroubleForm.empId = ''
      this.laborTroubleForm.empNumb = ''
      this.laborTroubleForm.empName = ''
      this.laborTroubleForm.sex = ''
      this.laborTroubleForm.certificateNumb = ''
      this.laborTroubleForm.deptId = ''
      this.laborTroubleForm.deptName = ''
      this.laborTroubleForm.JobId = ''
      this.laborTroubleForm.jobName = ''
      this.laborTroubleForm.arbitrationDate = ''
      this.laborTroubleForm.arbitrationType = ''
      this.laborTroubleForm.arbitrationReason = ''
      this.laborTroubleForm.reporter = ''
      this.laborTroubleForm.arbitrationPay = ''
      this.laborTroubleForm.arbitrationStatus = ''
      this.laborTroubleForm.settleDate = ''
      this.laborTroubleForm.createTime = ''
      this.laborTroubleForm.creator = ''
      this.laborTroubleForm.modifyTime = ''
      this.laborTroubleForm.modifier = ''
      this.laborTroubleForm.delFlag = ''
      this.laborTroubleForm.version = ''
      this.laborTroubleForm.remark = ''
    },
    editLaborTrouble(row) {
      this.isAdd = false

      this.laborTroubleForm.arbitrationId = row.arbitrationId
      this.laborTroubleForm.empId = row.empId
      this.laborTroubleForm.empNumb = row.empNumb
      this.laborTroubleForm.empName = row.empName
      this.laborTroubleForm.sex = row.sex
      this.laborTroubleForm.certificateNumb = row.certificateNumb
      this.laborTroubleForm.deptId = row.deptId
      this.laborTroubleForm.deptName = row.deptName
      this.laborTroubleForm.JobId = row.JobId
      this.laborTroubleForm.jobName = row.jobName
      this.laborTroubleForm.arbitrationDate = row.arbitrationDate
      this.laborTroubleForm.arbitrationType = row.arbitrationType
      this.laborTroubleForm.arbitrationReason = row.arbitrationReason
      this.laborTroubleForm.reporter = row.reporter
      this.laborTroubleForm.arbitrationPay = row.arbitrationPay
      this.laborTroubleForm.arbitrationStatus = row.arbitrationStatus
      this.laborTroubleForm.settleDate = row.settleDate
      this.laborTroubleForm.createTime = row.createTime
      this.laborTroubleForm.creator = row.creator
      this.laborTroubleForm.modifyTime = row.modifyTime
      this.laborTroubleForm.modifier = row.modifier
      this.laborTroubleForm.delFlag = row.delFlag
      this.laborTroubleForm.version = row.version
      this.laborTroubleForm.remark = row.remark

      this.dialogshowArr[11].show = true
    },
    selectBadRecord() {
      this.$get('hr/empBadRecord/list')
        .then((r) => {
          this.badRecordData = r.data.data.rows
        })
        .catch((error) => {
          console.error(error)
          this.$message({
            message: this.$t('tips.getDataFail'),
            type: 'error'
          })
        })
    },
    cleanBadRecord() {
      this.badRecordForm.badId = ''
      this.badRecordForm.empId = ''
      this.badRecordForm.empName = ''
      this.badRecordForm.empNumb = ''
      this.badRecordForm.sex = ''
      this.badRecordForm.certificateNumb = ''
      this.badRecordForm.deptId = ''
      this.badRecordForm.deptName = ''
      this.badRecordForm.JobId = ''
      this.badRecordForm.jobName = ''
      this.badRecordForm.badDate = ''
      this.badRecordForm.reporter = ''
      this.badRecordForm.badContent = ''
      this.badRecordForm.createTime = ''
      this.badRecordForm.creator = ''
      this.badRecordForm.modifyTime = ''
      this.badRecordForm.modifier = ''
      this.badRecordForm.delFlag = ''
      this.badRecordForm.version = ''
      this.badRecordForm.remark = ''
    },
    putBadRecord() {
      if (this.isAdd) {
        this.$post('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanBadRecord()
          this.selectBadRecord()
        })
      } else {
        this.$put('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanBadRecord()
          this.selectBadRecord()
        })
      }
      this.dialogIsShow()
    },
    putBadRecordContinue() {
      if (this.isAdd) {
        this.$post('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanBadRecord()
          this.selectBadRecord()
        })
      }
    },
    editBadRecord(row) {
      this.isAdd = false
      this.badRecordForm.badId = row.badId
      this.badRecordForm.empId = row.empId
      this.badRecordForm.empName = row.empName
      this.badRecordForm.empNumb = row.empNumb
      this.badRecordForm.sex = row.sex
      this.badRecordForm.certificateNumb = row.certificateNumb
      this.badRecordForm.deptId = row.deptId
      this.badRecordForm.deptName = row.deptName
      this.badRecordForm.JobId = row.JobId
      this.badRecordForm.jobName = row.jobName
      this.badRecordForm.badDate = row.badDate
      this.badRecordForm.reporter = row.reporter
      this.badRecordForm.badContent = row.badContent
      this.badRecordForm.createTime = row.createTime
      this.badRecordForm.creator = row.creator
      this.badRecordForm.modifyTime = row.modifyTime
      this.badRecordForm.modifier = row.modifier
      this.badRecordForm.delFlag = row.delFlag
      this.badRecordForm.version = row.version
      this.badRecordForm.remark = row.remark
      this.dialogshowArr[12].show = true
    },
    selectRemarkInfo() {
      this.$get('hr/empRemarkInfo/list').then((r) => {
        this.remarkInfoData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putRemarkInfo() {
      if (this.isAdd) {
        this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      } else {
        this.$put('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      }
      this.dialogIsShow()
    },
    putRemarkInfoContinue() {
      if (this.isAdd) {
        this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      }
    },
    cleanRemarkInfo() {
      this.remarkInfoForm.remarkId = ''
      this.remarkInfoForm.empId = ''
      this.remarkInfoForm.empNumb = ''
      this.remarkInfoForm.empName = ''
      this.remarkInfoForm.sex = ''
      this.remarkInfoForm.certificateNumb = ''
      this.remarkInfoForm.JobId = ''
      this.remarkInfoForm.deptId = ''
      this.remarkInfoForm.deptName = ''
      this.remarkInfoForm.jobName = ''
      this.remarkInfoForm.remarkContent = ''
      this.remarkInfoForm.remarkDate = ''
      this.remarkInfoForm.createTime = ''
      this.remarkInfoForm.creator = ''
      this.remarkInfoForm.modifyTime = ''
      this.remarkInfoForm.modifier = ''
      this.remarkInfoForm.delFlag = ''
      this.remarkInfoForm.version = ''
    },
    editRemarkInfo(row) {
      this.isAdd = false

      this.remarkInfoForm.remarkId = row.remarkId
      this.remarkInfoForm.empId = row.empId
      this.remarkInfoForm.empNumb = row.empNumb
      this.remarkInfoForm.empName = row.empName
      this.remarkInfoForm.sex = row.sex
      this.remarkInfoForm.certificateNumb = row.certificateNumb
      this.remarkInfoForm.JobId = row.JobId
      this.remarkInfoForm.deptId = row.deptId
      this.remarkInfoForm.deptName = row.deptName
      this.remarkInfoForm.jobName = row.jobName
      this.remarkInfoForm.remarkContent = row.remarkContent
      this.remarkInfoForm.remarkDate = row.remarkDate
      this.remarkInfoForm.createTime = row.createTime
      this.remarkInfoForm.creator = row.creator
      this.remarkInfoForm.modifyTime = row.modifyTime
      this.remarkInfoForm.modifier = row.modifier
      this.remarkInfoForm.delFlag = row.delFlag
      this.remarkInfoForm.version = row.version

      this.dialogshowArr[13].show = true
    }
  }
}

 src/views/user/outemployess.vue

@@ -1,1248 +1,1248 @@
<template>

  <div>

    <el-container>

      <el-header :height="headerHeight">

        <el-row>

          <el-col :span="16">

            <h3 class="bu-tian-jia-title">离职员工</h3>

          </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="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row>

          <el-col :span="24">

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

            <el-button type="danger" @click="showDkda">打开档案</el-button>

            <el-button type="danger">离职证明</el-button>

            <el-button type="danger">导出报表</el-button>

            <el-button type="primary" @click="showXzyg">选择员工</el-button>

            <el-button type="primary" @click="showXzbm">选择部门</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-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">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-group>

                    </td>

                  </tr>

                </table>

              </el-col>

            </el-row>

          </form>

        </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>

        </el-main>

      </el-container>

    </el-container>

    <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">

      <div>

        <el-divider />

        <el-container>

          <el-aside width="200px">

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              员工编号

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              100452312

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">

              基本信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">

              工作信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">

              工作经历

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">

              体检信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">

              合同信息

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">

              考勤情况

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">

              请假记录

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">

              调岗记录

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">

              备注

            </el-card>

            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">

              记录截图

            </el-card>

          </el-aside>

          <el-main>

            <table>

              <tr>

                <td colspan="5" class="tdTitle">基本信息</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td>档案号</td>

                <td>中保亚太</td>

                <td>姓名</td>

                <td>赵建国</td>

                <td>性别</td>

                <td>男</td>

              </tr>

              <tr>

                <td>所属部门</td>

                <td>一分公司</td>

                <td>所属岗位</td>

                <td>保安员</td>

                <td>员工类别</td>

                <td>正式工</td>

              </tr>

              <tr>

                <td>民族</td>

                <td>汉族</td>

                <td>身份证号码</td>

                <td>510304197402225813</td>

                <td>年龄</td>

                <td>46</td>

              </tr>

              <tr>

                <td>婚姻状况</td>

                <td>已婚</td>

                <td>身份证有效期</td>

                <td>10年</td>

                <td>身高</td>

                <td>170</td>

              </tr>

              <tr>

                <td>政治面貌</td>

                <td>群众</td>

                <td>出生日期</td>

                <td>1974-02-22</td>

                <td>最高学历</td>

                <td>高中</td>

              </tr>

              <tr>

                <td>籍贯</td>

                <td>广东省番禺市</td>

                <td>户籍地址</td>

                <td>广东省番禺市XXX镇XXX村XXX号</td>

                <td>现住址</td>

                <td>广东省番禺市XXX镇XXX村XXX号</td>

              </tr>

              <tr>

                <td>保安员证号</td>

                <td />

                <td>保安员回执</td>

                <td />

                <td>档案情况</td>

                <td>已移交</td>

              </tr>

              <tr>

                <td>银行名称</td>

                <td />

                <td>银行账号</td>

                <td />

                <td>电话号码</td>

                <td>138098097888</td>

              </tr>

              <tr>

                <td>入职日期</td>

                <td>2020-01-02</td>

                <td>保险类型</td>

                <td>深户（五险一档）</td>

                <td>社保电脑号</td>

                <td />

              </tr>

              <tr>

                <td>招聘介绍人</td>

                <td />

                <td>入司工龄</td>

                <td>1</td>

                <td>工作证</td>

                <td>已发</td>

              </tr>

              <tr>

                <td>家庭成员及关系</td>

                <td />

                <td>紧急联系电话</td>

                <td />

                <td>员工手册</td>

                <td>已发</td>

              </tr>

              <tr>

                <td>相关证件</td>

                <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="4" class="tdTitle">工作经历</td>

                <td class="link_button">新增工作经历</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>开始日期</td>

                <td>结束日期</td>

                <td>工作单位</td>

                <td>主要工作内容</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2021-01-02</td>

                <td>XXXX用品公司</td>

                <td>主要工作内容描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2015-02-03</td>

                <td>2019-02-03</td>

                <td>深圳XXX机械制造厂</td>

                <td>主要工作内容描述</td>

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="9">体检信息</td>

                <td class="link_button">新增体检信息</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>体检医院</td>

                <td>体检日期</td>

                <td>体检类型</td>

                <td>血压</td>

                <td>转氨酶</td>

                <td>心电图</td>

                <td>体检结论</td>

                <td>复查记录</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>深圳人民医院</td>

                <td>2020-01-02</td>

                <td>入职体检</td>

                <td>120/80</td>

                <td>80</td>

                <td>异常</td>

                <td>窦性心动过缓，出现不规则图像，建议复查</td>

                <td>2020-01-08</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>深圳人民医院</td>

                <td>2019-02-03</td>

                <td>员工体检</td>

                <td>120/80</td>

                <td>80</td>

                <td>正常</td>

                <td>血压偏高</td>

                <td>2019-02-05</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="6">合同信息</td>

                <td class="link_button">新增合同信息</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>合同开始日期</td>

                <td>合同结束日期</td>

                <td>合同期限（年）</td>

                <td>合同状态</td>

                <td>合同办理人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2023-01-02</td>

                <td>3</td>

                <td>有效</td>

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2017-01-03</td>

                <td>2020-01-02</td>

                <td>3</td>

                <td>续签</td>

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">调岗记录</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>调岗日期</td>

                <td>类型</td>

                <td>原部门</td>

                <td>原岗位</td>

                <td>现部门</td>

                <td>现岗位</td>

                <td>理由描述</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td>升职</td>

                <td>十二分公司</td>

                <td>保安员</td>

                <td>十二分公司</td>

                <td>组长</td>

                <td />

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td>调动</td>

                <td>清洗车间</td>

                <td>保安员</td>

                <td>十二分公司</td>

                <td>保安员</td>

                <td />

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">请假记录</td>

                <td class="link_button">新增请假记录</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>开始日期</td>

                <td>结束日期</td>

                <td>请假天数</td>

                <td>请假类型</td>

                <td>到岗时间</td>

                <td>报备人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>2023-01-02</td>

                <td>3</td>

                <td />

                <td />

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2017-01-03</td>

                <td>2020-01-02</td>

                <td>3</td>

                <td />

                <td />

                <td>张力</td>

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">离职当月考勤</td>

                <td class="link_button">新增离职考勤</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>考勤年月</td>

                <td>出勤天数</td>

                <td>加班（天）</td>

                <td>加班（小时）</td>

                <td>有无代扣款项</td>

                <td>请假（天）</td>

                <td>旷工（天）</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年12月</td>

                <td />

                <td>3</td>

                <td />

                <td />

                <td>1</td>

                <td>0</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年10月</td>

                <td />

                <td>2</td>

                <td />

                <td />

                <td>0</td>

                <td>3</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020年11月</td>

                <td />

                <td>0</td>

                <td />

                <td />

                <td>0</td>

                <td>0</td>

                <td>考勤信息描述</td>

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="4" class="tdTitle">辞职申请</td>

                <td class="link_button">新增辞职申请</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>申请日期</td>

                <td>事由</td>

                <td>汇报人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">入离职记录</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>入职日期</td>

                <td>离职日期</td>

                <td>离职类型</td>

                <td>自离天数</td>

                <td>报告人</td>

                <td>备注（入离职原因）</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td>2020-10-11</td>

                <td>自离</td>

                <td />

                <td />

                <td />

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td>2019-10-11</td>

                <td>辞职</td>

                <td />

                <td />

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="5" class="tdTitle">失业金领取</td>

                <td class="link_button">新增失业金领取</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td>序号</td>

                <td>申请日期</td>

                <td>申报事由</td>

                <td>报备人</td>

                <td>审核人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td>1</td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td>2</td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="7" class="tdTitle">社保申请</td>

                <td class="link_button">新增社保申请</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>申请时间</td>

                <td>申请人</td>

                <td>社保档位</td>

                <td>是否已报告</td>

                <td>状态</td>

                <td>审批人</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="17" class="tdTitle">工伤案件</td>

                <td class="link_button">新增工伤案件</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>受伤时间</td>

                <td>受伤地点</td>

                <td>受伤部位</td>

                <td>受伤描述</td>

                <td>工伤诊断</td>

                <td>就诊医院</td>

                <td>就诊科室</td>

                <td>是否住院</td>

                <td>床号</td>

                <td>递交资料时间</td>

                <td>递交人</td>

                <td>工伤总费用</td>

                <td>赔付总费用</td>

                <td>报单号</td>

                <td>人事处理时间</td>

                <td>状态</td>

                <td>案结时间</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td>是</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td>家里XXXX有事情需要处理，个人原因申请离职</td>

                <td />

                <td />

                <td />

                <td>是</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="8" class="tdTitle">劳资案件</td>

                <td class="link_button">新增劳资案件</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>仲裁日期</td>

                <td>仲裁类型</td>

                <td>仲裁事由</td>

                <td>汇报人</td>

                <td>备注</td>

                <td>仲裁赔付（元）</td>

                <td>状态</td>

                <td>案结日期</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2020-01-02</td>

                <td>劳资纠纷</td>

                <td>仲裁事由描述XXXXX</td>

                <td>张山</td>

                <td />

                <td>2500.00</td>

                <td>已结案</td>

                <td>2021-01-16</td>

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>2019-02-03</td>

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <table>

              <tr>

                <td colspan="2" class="tdTitle">备注</td>

                <td class="link_button">新增备注</td>

                <td class="del_button">删除</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td>备注日期</td>

                <td>备注</td>

                <td>操作</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

              <tr>

                <td><input type="checkbox"></td>

                <td />

                <td />

                <td class="link_button">编辑</td>

              </tr>

            </table>

            <div class="tdTitle">记录截图 点击可查看大图</div>

            <div>

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x

              <img style="width: 119px;height: 136px;" src="../../../images/sctp.png">

            </div>

            <div class="tdTitle">相关附件</div>

            <div>

              <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx

              <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx

              <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx

            </div>

          </el-main>

        </el-container>

      </div>



    </el-dialog>

    <el-dialog title="打开档案" :visible.sync="dialogShowDkda" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="打开类型" prop="region">

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

                <el-radio :label="1">重新入职</el-radio>

                <el-radio :label="2">返聘</el-radio>

              </el-radio-group>

              （主要对已退休员工返聘）

            </el-form-item>

            <el-form-item label="打开日期">

              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="备注说明">

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="dialogIsShow()">取 消</el-button>

        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>

      </div>

    </el-dialog>

    <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">

      <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />

    </el-dialog>

    <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">

      <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />

    </el-dialog>

  </div>

</template>

<script>

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowDkda: false,

      dialogShowXzyg: false,

      dialogShowXzbm: false,

      tableData: [{

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100452312',

        'prop3': '赵建国',

        'prop4': '510304197402225813',

        'prop5': '男',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101620946',

        'prop3': '罗启艳',

        'prop4': '41272619740120543X',

        'prop5': '女',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100629950',

        'prop3': '毛玉平',

        'prop4': '522528198202071629',

        'prop5': '男',

        'prop6': '38',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '135098784561',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100882835',

        'prop3': '梅均均',

        'prop4': '510504198704260927',

        'prop5': '女',

        'prop6': '33',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101356718',

        'prop3': '王香妮',

        'prop4': '433122199508091511',

        'prop5': '女',

        'prop6': '25',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100900981',

        'prop3': '易金洪',

        'prop4': '610424198306152860',

        'prop5': '男',

        'prop6': '39',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '135098784561',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101529670',

        'prop3': '李忠敏',

        'prop4': '511123198602016016',

        'prop5': '男',

        'prop6': '32',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101578011',

        'prop3': '徐健',

        'prop4': '512927197202166053',

        'prop5': '男',

        'prop6': '48',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100326122',

        'prop3': '曾昌玖',

        'prop4': '510322197606103351',

        'prop5': '男',

        'prop6': '44',

        'prop7': '一分公司',

        'prop8': '经理',

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

        'prop10': '2020-08-01',

        'prop11': '本科',

        'prop12': '135098784561',

        'prop13': '自动离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101788698',

        'prop3': '赵高',

        'prop4': '511123197510263074',

        'prop5': '男',

        'prop6': '55',

        'prop7': '一分公司',

        'prop8': '保安员',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101861146',

        'prop3': '王忠山',

        'prop4': '522426199904290419',

        'prop5': '男',

        'prop6': '21',

        'prop7': '一分公司',

        'prop8': '主管',

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

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100315416',

        'prop3': '严福林',

        'prop4': '433130197205180710',

        'prop5': '男',

        'prop6': '55',

        'prop7': '一分公司',

        'prop8': '经理',

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

        'prop10': '2020-08-01',

        'prop11': '本科',

        'prop12': '135098784561',

        'prop13': '自动离职'

      }, {

        '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'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '300px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showDkda() {

      this.dialogShowDkda = true

    },

    showXzyg() {

      this.dialogShowXzyg = true

    },

    cancleChooseUser() {

      this.dialogShowXzyg = false

    },

    selectedUser(users) {

      var names = ''

      for (var i = 0; i < users.length; i++) {

        var data = users[i]

        names += data.prop2 + ','

      }

      alert('已选择人员' + names)

      console.log(users)

    },

    showXzbm() {

      this.dialogShowXzbm = true

    },

    cancleChooseDept() {

      this.dialogShowXzbm = false

    },

    selectedDept(users) {

      var names = ''

      for (var i = 0; i < users.length; i++) {

        var data = users[i]

        names += data.label + ','

      }

      alert('已选择部门' + names)

      console.log(users)

    }



  }

}

</script>

<style lang="scss">

  .el-aside {

    padding: 20px;

    background: #f3f5f8;

    height: 600px;



    .el-tree {

      height: 100%;

    }

  }



  .el-main {

    height: 600px;

  }



  #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>
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
          <el-col :span="16">
            <h3 class="bu-tian-jia-title">离职员工</h3>
          </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="advancedQueryShowMethods">高级查询</el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-button type="primary">删除员工</el-button>
            <el-button type="danger" @click="showDkda">打开档案</el-button>
            <el-button type="danger">离职证明</el-button>
            <el-button type="danger">导出报表</el-button>
            <el-button type="primary" @click="showXzyg">选择员工</el-button>
            <el-button type="primary" @click="showXzbm">选择部门</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-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">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-group>
                    </td>
                  </tr>
                </table>
              </el-col>
            </el-row>
          </form>
        </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>
        </el-main>
      </el-container>
    </el-container>
    <el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">
      <div>
        <el-divider />
        <el-container>
          <el-aside width="200px">
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              员工编号
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              100452312
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
              基本信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">
              工作信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">
              工作经历
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">
              体检信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">
              合同信息
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">
              考勤情况
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">
              请假记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">
              调岗记录
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">
              备注
            </el-card>
            <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">
              记录截图
            </el-card>
          </el-aside>
          <el-main>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">基本信息</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>档案号</td>
                <td>中保亚太</td>
                <td>姓名</td>
                <td>赵建国</td>
                <td>性别</td>
                <td>男</td>
              </tr>
              <tr>
                <td>所属部门</td>
                <td>一分公司</td>
                <td>所属岗位</td>
                <td>保安员</td>
                <td>员工类别</td>
                <td>正式工</td>
              </tr>
              <tr>
                <td>民族</td>
                <td>汉族</td>
                <td>身份证号码</td>
                <td>510304197402225813</td>
                <td>年龄</td>
                <td>46</td>
              </tr>
              <tr>
                <td>婚姻状况</td>
                <td>已婚</td>
                <td>身份证有效期</td>
                <td>10年</td>
                <td>身高</td>
                <td>170</td>
              </tr>
              <tr>
                <td>政治面貌</td>
                <td>群众</td>
                <td>出生日期</td>
                <td>1974-02-22</td>
                <td>最高学历</td>
                <td>高中</td>
              </tr>
              <tr>
                <td>籍贯</td>
                <td>广东省番禺市</td>
                <td>户籍地址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
                <td>现住址</td>
                <td>广东省番禺市XXX镇XXX村XXX号</td>
              </tr>
              <tr>
                <td>保安员证号</td>
                <td />
                <td>保安员回执</td>
                <td />
                <td>档案情况</td>
                <td>已移交</td>
              </tr>
              <tr>
                <td>银行名称</td>
                <td />
                <td>银行账号</td>
                <td />
                <td>电话号码</td>
                <td>138098097888</td>
              </tr>
              <tr>
                <td>入职日期</td>
                <td>2020-01-02</td>
                <td>保险类型</td>
                <td>深户（五险一档）</td>
                <td>社保电脑号</td>
                <td />
              </tr>
              <tr>
                <td>招聘介绍人</td>
                <td />
                <td>入司工龄</td>
                <td>1</td>
                <td>工作证</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>家庭成员及关系</td>
                <td />
                <td>紧急联系电话</td>
                <td />
                <td>员工手册</td>
                <td>已发</td>
              </tr>
              <tr>
                <td>相关证件</td>
                <td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">工作经历</td>
                <td class="link_button">新增工作经历</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>工作单位</td>
                <td>主要工作内容</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2021-01-02</td>
                <td>XXXX用品公司</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2015-02-03</td>
                <td>2019-02-03</td>
                <td>深圳XXX机械制造厂</td>
                <td>主要工作内容描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="9">体检信息</td>
                <td class="link_button">新增体检信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>体检医院</td>
                <td>体检日期</td>
                <td>体检类型</td>
                <td>血压</td>
                <td>转氨酶</td>
                <td>心电图</td>
                <td>体检结论</td>
                <td>复查记录</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2020-01-02</td>
                <td>入职体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>异常</td>
                <td>窦性心动过缓，出现不规则图像，建议复查</td>
                <td>2020-01-08</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>深圳人民医院</td>
                <td>2019-02-03</td>
                <td>员工体检</td>
                <td>120/80</td>
                <td>80</td>
                <td>正常</td>
                <td>血压偏高</td>
                <td>2019-02-05</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="6">合同信息</td>
                <td class="link_button">新增合同信息</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>合同开始日期</td>
                <td>合同结束日期</td>
                <td>合同期限（年）</td>
                <td>合同状态</td>
                <td>合同办理人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td>有效</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td>续签</td>
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">调岗记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>调岗日期</td>
                <td>类型</td>
                <td>原部门</td>
                <td>原岗位</td>
                <td>现部门</td>
                <td>现岗位</td>
                <td>理由描述</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>升职</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>组长</td>
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>调动</td>
                <td>清洗车间</td>
                <td>保安员</td>
                <td>十二分公司</td>
                <td>保安员</td>
                <td />
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">请假记录</td>
                <td class="link_button">新增请假记录</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>开始日期</td>
                <td>结束日期</td>
                <td>请假天数</td>
                <td>请假类型</td>
                <td>到岗时间</td>
                <td>报备人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>2023-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2017-01-03</td>
                <td>2020-01-02</td>
                <td>3</td>
                <td />
                <td />
                <td>张力</td>
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">离职当月考勤</td>
                <td class="link_button">新增离职考勤</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>考勤年月</td>
                <td>出勤天数</td>
                <td>加班（天）</td>
                <td>加班（小时）</td>
                <td>有无代扣款项</td>
                <td>请假（天）</td>
                <td>旷工（天）</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年12月</td>
                <td />
                <td>3</td>
                <td />
                <td />
                <td>1</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年10月</td>
                <td />
                <td>2</td>
                <td />
                <td />
                <td>0</td>
                <td>3</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020年11月</td>
                <td />
                <td>0</td>
                <td />
                <td />
                <td>0</td>
                <td>0</td>
                <td>考勤信息描述</td>
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="4" class="tdTitle">辞职申请</td>
                <td class="link_button">新增辞职申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请日期</td>
                <td>事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">入离职记录</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>入职日期</td>
                <td>离职日期</td>
                <td>离职类型</td>
                <td>自离天数</td>
                <td>报告人</td>
                <td>备注（入离职原因）</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td>2020-10-11</td>
                <td>自离</td>
                <td />
                <td />
                <td />
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td>2019-10-11</td>
                <td>辞职</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="5" class="tdTitle">失业金领取</td>
                <td class="link_button">新增失业金领取</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td>序号</td>
                <td>申请日期</td>
                <td>申报事由</td>
                <td>报备人</td>
                <td>审核人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td>1</td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td>2</td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="7" class="tdTitle">社保申请</td>
                <td class="link_button">新增社保申请</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>申请时间</td>
                <td>申请人</td>
                <td>社保档位</td>
                <td>是否已报告</td>
                <td>状态</td>
                <td>审批人</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="17" class="tdTitle">工伤案件</td>
                <td class="link_button">新增工伤案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>受伤时间</td>
                <td>受伤地点</td>
                <td>受伤部位</td>
                <td>受伤描述</td>
                <td>工伤诊断</td>
                <td>就诊医院</td>
                <td>就诊科室</td>
                <td>是否住院</td>
                <td>床号</td>
                <td>递交资料时间</td>
                <td>递交人</td>
                <td>工伤总费用</td>
                <td>赔付总费用</td>
                <td>报单号</td>
                <td>人事处理时间</td>
                <td>状态</td>
                <td>案结时间</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td>家里XXXX有事情需要处理，个人原因申请离职</td>
                <td />
                <td />
                <td />
                <td>是</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="8" class="tdTitle">劳资案件</td>
                <td class="link_button">新增劳资案件</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>仲裁日期</td>
                <td>仲裁类型</td>
                <td>仲裁事由</td>
                <td>汇报人</td>
                <td>备注</td>
                <td>仲裁赔付（元）</td>
                <td>状态</td>
                <td>案结日期</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2020-01-02</td>
                <td>劳资纠纷</td>
                <td>仲裁事由描述XXXXX</td>
                <td>张山</td>
                <td />
                <td>2500.00</td>
                <td>已结案</td>
                <td>2021-01-16</td>
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>2019-02-03</td>
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <table>
              <tr>
                <td colspan="2" class="tdTitle">备注</td>
                <td class="link_button">新增备注</td>
                <td class="del_button">删除</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td>备注日期</td>
                <td>备注</td>
                <td>操作</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
              <tr>
                <td><input type="checkbox"></td>
                <td />
                <td />
                <td class="link_button">编辑</td>
              </tr>
            </table>
            <div class="tdTitle">记录截图 点击可查看大图</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
              <img style="width: 119px;height: 136px;" src="../../../images/sctp.png">
            </div>
            <div class="tdTitle">相关附件</div>
            <div>
              <img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx
              <img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx
            </div>
          </el-main>
        </el-container>
      </div>

    </el-dialog>
    <el-dialog title="打开档案" :visible.sync="dialogShowDkda" width="50%">
      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">
        <el-row>
          <el-col span="24">
            <el-form-item label="打开类型" prop="region">
              <el-radio-group v-model="radio">
                <el-radio :label="1">重新入职</el-radio>
                <el-radio :label="2">返聘</el-radio>
              </el-radio-group>
              （主要对已退休员工返聘）
            </el-form-item>
            <el-form-item label="打开日期">
              <el-input v-model="name" />
            </el-form-item>
            <el-form-item label="备注说明">
              <el-input v-model="name" type="textarea" :rows="4" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">
      <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
    </el-dialog>
    <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
      <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      headerHeight: '70px',
      advancedQueryShow: false,
      dialogTableVisible: false,
      dialogShowDkda: false,
      dialogShowXzyg: false,
      dialogShowXzbm: false,
      tableData: [{
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100452312',
        'prop3': '赵建国',
        'prop4': '510304197402225813',
        'prop5': '男',
        'prop6': '46',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '133023187889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101620946',
        'prop3': '罗启艳',
        'prop4': '41272619740120543X',
        'prop5': '女',
        'prop6': '46',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '189135789889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100629950',
        'prop3': '毛玉平',
        'prop4': '522528198202071629',
        'prop5': '男',
        'prop6': '38',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '135098784561',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100882835',
        'prop3': '梅均均',
        'prop4': '510504198704260927',
        'prop5': '女',
        'prop6': '33',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '高中',
        'prop12': '133023187889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101356718',
        'prop3': '王香妮',
        'prop4': '433122199508091511',
        'prop5': '女',
        'prop6': '25',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100900981',
        'prop3': '易金洪',
        'prop4': '610424198306152860',
        'prop5': '男',
        'prop6': '39',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '135098784561',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101529670',
        'prop3': '李忠敏',
        'prop4': '511123198602016016',
        'prop5': '男',
        'prop6': '32',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '133023187889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101578011',
        'prop3': '徐健',
        'prop4': '512927197202166053',
        'prop5': '男',
        'prop6': '48',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100326122',
        'prop3': '曾昌玖',
        'prop4': '510322197606103351',
        'prop5': '男',
        'prop6': '44',
        'prop7': '一分公司',
        'prop8': '经理',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '本科',
        'prop12': '135098784561',
        'prop13': '自动离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101788698',
        'prop3': '赵高',
        'prop4': '511123197510263074',
        'prop5': '男',
        'prop6': '55',
        'prop7': '一分公司',
        'prop8': '保安员',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '133023187889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101861146',
        'prop3': '王忠山',
        'prop4': '522426199904290419',
        'prop5': '男',
        'prop6': '21',
        'prop7': '一分公司',
        'prop8': '主管',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '大专',
        'prop12': '189135789889',
        'prop13': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100315416',
        'prop3': '严福林',
        'prop4': '433130197205180710',
        'prop5': '男',
        'prop6': '55',
        'prop7': '一分公司',
        'prop8': '经理',
        'prop9': '2019-08-01',
        'prop10': '2020-08-01',
        'prop11': '本科',
        'prop12': '135098784561',
        'prop13': '自动离职'
      }, {
        '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'
      }
    }
  },
  methods: {
    handleNodeClick(data) {
      console.log(data)
    },
    advancedQueryShowMethods() {
      if (this.advancedQueryShow) {
        this.headerHeight = '70px'
        this.advancedQueryShow = false
      } else {
        this.headerHeight = '300px'
        this.advancedQueryShow = true
      }
    },
    showEmpInfo() {
      this.dialogTableVisible = true
    },
    showDkda() {
      this.dialogShowDkda = true
    },
    showXzyg() {
      this.dialogShowXzyg = true
    },
    cancleChooseUser() {
      this.dialogShowXzyg = false
    },
    selectedUser(users) {
      var names = ''
      for (var i = 0; i < users.length; i++) {
        var data = users[i]
        names += data.prop2 + ','
      }
      alert('已选择人员' + names)
      console.log(users)
    },
    showXzbm() {
      this.dialogShowXzbm = true
    },
    cancleChooseDept() {
      this.dialogShowXzbm = false
    },
    selectedDept(users) {
      var names = ''
      for (var i = 0; i < users.length; i++) {
        var data = users[i]
        names += data.label + ','
      }
      alert('已选择部门' + names)
      console.log(users)
    }

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

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

  .el-main {
    height: 600px;
  }

  #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>