feat(user): 新增员工档案管理视图组件

yubo

2026-04-06 6448ec15bfe0b65fb822a662105bceddc23b58d8

 src/views/user/search.vue

@@ -43,7 +43,7 @@
            <span :class="thisShowIndex===10?'selectedTimeline':''">工伤案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[11].show, 11)">
            <span :class="thisShowIndex===11?'selectedTimeline':''">劳资案件</span>
            <span :class="thisShowIndex===11?'selectedTimeline':''">仲裁案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[12].show, 12)">
            <span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span>
@@ -309,6 +309,7 @@
                {{ transDimissionDate(row.dimissionDate) }}
              </template>
            </el-table-column>
            <el-table-column show-overflow-tooltip prop="annualLeave" label="年假天数" width="120" sortable="custom" :sort-orders="['ascending', 'descending']" />
          </el-table>
          <el-dialog title="导出员工" :visible.sync="dialogShowDcyg" width="40%" style="font-weight: 700;">
            <div style="font-size: 16px;font-weight: 400;height: 35px;margin-top: -30px;color: #409EFF;">请勾选需要导出的字段</div>
@@ -433,7 +434,7 @@
                  </td>
                </tr>
                <tr>
                  <td>家庭成员及关系</td>
                  <td>家庭成员及关系1</td>
                  <td>
                    <el-checkbox label="family"><span /></el-checkbox>
                  </td>
@@ -479,7 +480,7 @@
                  <td>
                    <el-checkbox label="certificateListName"><span /></el-checkbox>
                  </td>
                  <td>紧急联系电话</td>
                  <td>家庭成员及关系2</td>
                  <td>
                    <el-checkbox label="urgencyPhone"><span /></el-checkbox>
                  </td>
@@ -500,6 +501,9 @@
                  <td>编号</td>
                  <td>
                    <el-checkbox label="empNumb"><span /></el-checkbox>
                  </td>
                  <td>
                    <el-checkbox label="annualLeave"><span /></el-checkbox>
                  </td>
                </tr>
              </el-checkbox-group>
@@ -565,7 +569,7 @@
            <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="160" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="220" />
            <el-table-column show-overflow-tooltip prop="sex" label="性别" width="80" :formatter="sexFormat" />
            <el-table-column show-overflow-tooltip prop="sex" label="性别" width="80" />
            <el-table-column show-overflow-tooltip prop="workUnit" label="工作单位" width="220" />
            <el-table-column show-overflow-tooltip prop="beginDate" label="开始日期" width="150" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="endDate" label="结束日期" width="150" />
@@ -731,10 +735,16 @@
            <el-col :span="9">合同状态：
              <el-select v-model="queryParams.contractStatus" style="width:200px">
                <el-option value="" label="全部" />
                <el-option :value="1" label="有效" />
                <el-option :value="2" label="到期" />
                <el-option :value="3" label="续签" />
                <el-option :value="4" label="存档" />
                <!--                <el-option :value="1" label="有效" />-->
                <!--                <el-option :value="2" label="到期" />-->
                <!--                <el-option :value="3" label="续签" />-->
                <!--                <el-option :value="4" label="存档" />-->
                <el-option
                  v-for="dict in contractStatusOptions"
                  :key="dict.dicItemCode"
                  :label="dict.dicItemName"
                  :value="dict.dicItemCode"
                />
              </el-select>
            </el-col>
            <el-col :span="6">
@@ -784,6 +794,7 @@
            <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" width="120" />
            <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" width="120" :formatter="contractStatusFormat" />
            <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" width="180" />
            <el-table-column show-overflow-tooltip prop="remark" label="备注" width="180" />
          </el-table>
        </div>

@@ -923,21 +934,28 @@
            </el-col>
            <el-col :span="4">请假类型：
              <el-select v-model="queryParams.leaveType" style="width:100px">
                <!--                <el-option value="" label="全部" />-->
                <!--                <el-option value="05" label="事假" />-->
                <!--                <el-option value="06" label="病假" />-->
                <!--                <el-option value="07" label="公假" />-->
                <!--                <el-option value="08" label="婚假" />-->
                <!--                <el-option value="09" label="孕假" />-->
                <!--                <el-option value="10" label="产假" />-->
                <!--                <el-option value="11" label="陪产假" />-->
                <!--                <el-option value="12" label="探亲假" />-->
                <!--                <el-option value="13" label="探配偶假" />-->
                <!--                <el-option value="14" label="丧假" />-->
                <!--                <el-option value="15" label="工伤假" />-->
                <!--                <el-option value="16" label="节育假" />-->
                <!--                <el-option value="17" label="年休假" />-->
                <!--                <el-option value="18" label="其它假" />-->
                <el-option value="" label="全部" />
                <el-option value="05" label="事假" />
                <el-option value="06" label="病假" />
                <el-option value="07" label="公假" />
                <el-option value="08" label="婚假" />
                <el-option value="09" label="孕假" />
                <el-option value="10" label="产假" />
                <el-option value="11" label="陪产假" />
                <el-option value="12" label="探亲假" />
                <el-option value="13" label="探配偶假" />
                <el-option value="14" label="丧假" />
                <el-option value="15" label="工伤假" />
                <el-option value="16" label="节育假" />
                <el-option value="17" label="年休假" />
                <el-option value="18" label="其它假" />
                <el-option
                  v-for="dict in leaveTypeOptions"
                  :key="dict.dicItemCode"
                  :label="dict.dicItemName"
                  :value="dict.dicItemCode"
                />
              </el-select>
            </el-col>
            <el-col :span="6">
@@ -1362,18 +1380,18 @@
            <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
            <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
            <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="100" />
            <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />
            <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />
            <!--            <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />-->
            <!--            <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />-->
            <el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
            <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
            <!--            <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />-->
            <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="100" />
            <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
            <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
            <!--            <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />-->
            <!--            <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />-->
            <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
            <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" />
            <el-table-column show-overflow-tooltip prop="expenseReport" label="保单" width="80" />
            <!--            <el-table-column show-overflow-tooltip prop="expenseReport" label="保单" width="80" />-->
            <el-table-column show-overflow-tooltip prop="hrDoDate" label="人事处理时间" width="120" />
            <el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />
            <!--            <el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />-->
            <el-table-column show-overflow-tooltip prop="settleDate" label="结案时间" width="100" />
          </el-table>
        </div>
@@ -1481,6 +1499,14 @@
            @sort-change="changeSort"
          >
            <el-table-column type="index" label="序号" width="50" align="center" />
            <el-table-column label="操作" width="130">
              <template slot-scope="scope">
                <span
                  style="color: #a00515;display: inline-block;width: 40%;cursor: pointer"
                  @click="showDetailInfo(scope.row,10)"
                >详情</span>
              </template>
            </el-table-column>
            <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="allDeptName" label="(部门)护卫点" width="300" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
@@ -1491,16 +1517,20 @@
            <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
            <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
            <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
            <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="100" />
            <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />
            <!--            <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="100" />-->
            <!--            <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />-->
            <el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
            <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
            <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="100" />
            <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
            <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
            <!--            <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />-->
            <!--            <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="100" />-->
            <!--            <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />-->
            <!--            <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />-->
            <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
            <el-table-column show-overflow-tooltip prop="otherCompensated" label="报销费用" width="100" />
            <el-table-column show-overflow-tooltip prop="socialDisability" label="一次性伤残补助金" width="150" />
            <el-table-column show-overflow-tooltip prop="socialSubsidy" label="一次性医疗补助金" width="150" />
            <el-table-column show-overflow-tooltip prop="socialCompensation" label="社保赔偿总费用" width="150" />
            <el-table-column show-overflow-tooltip prop="hrDoDate" label="人事处理时间" width="120" />
            <el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />
            <!--            <el-table-column show-overflow-tooltip prop="settleStatus" label="状态" width="80" :formatter="settleStatusFormat" />-->
            <el-table-column show-overflow-tooltip prop="settleDate" label="结案时间" width="100" />
          </el-table>
        </div>
@@ -1908,7 +1938,7 @@
                style="width: 350px;"
              />
            </el-col>
            <el-col :span="4">离职类型：
            <el-col :span="4">入离职类型：
              <el-select v-model="queryParams.dimissionType" style="width:150px">
                <el-option
                  v-for="dict in dimissionTypeOptions"
@@ -1956,7 +1986,7 @@
          >
            <el-table-column type="selection" width="55" />
            <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="120" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="newDeptName" label="(部门)护卫点" width="300" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="allDeptName" label="(部门)护卫点" width="300" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="newJobName" label="岗位" />
            <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="180" sortable="custom" :sort-orders="['ascending', 'descending']" />
            <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="140" sortable="custom" :sort-orders="['ascending', 'descending']" />
@@ -1975,18 +2005,209 @@
        />
      </el-main>
    </el-container>
    <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%">
      <el-form
        ref="occupationalForm"
        :model="occupationalForm"
        :rules="occupationalRules"
        label-position="right"
        label-width="140px"
      >
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="occupationalForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="occupationalForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-input v-model="occupationalForm.sex" />
            </el-form-item>
            <el-form-item label="受伤时间" prop="injuredTime">
              <el-date-picker
                v-model="occupationalForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位" prop="injuredPart">
              <el-input v-model="occupationalForm.injuredPart" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="编号" prop="empNumb">
              <el-input v-model="occupationalForm.empNumb" />
            </el-form-item>
            <el-form-item label="部门(护卫点)" prop="allDeptName">
              <el-input v-model="occupationalForm.allDeptName" />
            </el-form-item>
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="occupationalForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点" prop="injuredAddress">
              <el-input v-model="occupationalForm.injuredAddress" />
            </el-form-item>
            <el-form-item label="工伤诊断" prop="injuredDiacrisis">
              <el-input v-model="occupationalForm.injuredDiacrisis" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col>
            <el-form-item label="受伤经过描述" prop="injuredDescribe">
              <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="就诊医院" prop="hospitalName">
              <el-input v-model="occupationalForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院" prop="hospitalizatioFlag">
              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option
                  v-for="dict in hospitalizatioFlagOptions"
                  :key="dict.dicItemCode"
                  :label="dict.dicItemName"
                  :value="dict.dicItemCode"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="报案时间" prop="'reportTime">
              <el-date-picker
                v-model="occupationalForm.reportTime"
                value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime"
                placeholder="选择报案时间"
              />
            </el-form-item>
            <el-form-item label="递交人" prop="'sbumitBy">
              <el-input v-model="occupationalForm.sbumitBy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="就诊科室" prop="'treatmentName">
              <el-input v-model="occupationalForm.treatmentName" />
            </el-form-item>
            <el-form-item label="床号" prop="bedNumb">
              <el-input v-model="occupationalForm.bedNumb" />
            </el-form-item>
            <el-form-item label="递交资料时间" prop="submitTime">
              <el-date-picker
                v-model="occupationalForm.submitTime"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择递交资料时间"
              />
            </el-form-item>
            <el-form-item label="人事处理时间" prop="hrDoDate">
              <el-date-picker
                v-model="occupationalForm.hrDoDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择人事处理时间"
              />
            </el-form-item>
          </el-col>
        </el-row>
        社保赔偿费用
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="医疗总费用" prop="expensesFee">
              <el-input v-model="occupationalForm.expensesFee" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金" prop="socialDisability">
              <el-input v-model="occupationalForm.socialDisability" />
            </el-form-item>
            <el-form-item label="一次性医疗补助金" prop="socialSubsidy">
              <el-input v-model="occupationalForm.socialSubsidy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="剔除总额">
              <el-input v-model="occupationalForm.eliminate" />
            </el-form-item>
            <el-form-item label="住院伙食补贴">
              <el-input v-model="occupationalForm.socialAllowance" />
            </el-form-item>
            <el-form-item label="社保赔偿总费用">
              <el-input v-model="occupationalForm.socialCompensation" />
            </el-form-item>
          </el-col>
        </el-row>
        公司赔偿费用
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="已赔付医药费用" prop="compensated">
              <el-input v-model="occupationalForm.compensated" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
              <el-input v-model="occupationalForm.companylDisability" />
            </el-form-item>
            <el-form-item label="一次性医疗补助金">
              <el-input v-model="occupationalForm.companySubsidy" />
            </el-form-item>
            <el-form-item label="一次性就业补助金">
              <el-input v-model="occupationalForm.jobSubsidy" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="其他赔偿报销">
              <el-input v-model="occupationalForm.otherCompensated" />
            </el-form-item>
            <el-form-item label="工伤生活补贴">
              <el-input v-model="occupationalForm.companyAllowance" />
            </el-form-item>
            <el-form-item label="公司赔偿总费用" prop="companyCompensation">
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案" prop="settleStatus">
              <el-select v-model="occupationalForm.settleStatus" placeholder="">
                <el-option
                  v-for="dict in settleStatusOptions"
                  :key="dict.dicItemCode"
                  :label="dict.dicItemName"
                  :value="dict.dicItemCode"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col>
            <el-form-item label="备注">
              <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 @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Pagination from '@/components/Pagination'
import dictMixin from '../../utils/dictMixin'

export default {
  components: {
    Pagination
  },
  mixins: [dictMixin],
  data() {
    return {
      cityOptions: ['archivesNumb', 'allDeptName', 'jobName', 'empName', 'certificateNumb', 'certificateValidity', 'sexName', 'nationName', 'age', 'marriageName', 'stature', 'birthdate', 'politicsName', 'empTypeName', 'educationName', 'nativePlaceName', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatusName', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'InsuranceTypeName', 'socialNumb', 'introducer', 'seniority', 'empCardStatusName', 'certificateListName', 'urgencyPhone', 'handbookStatusName', 'family', 'empStatusName', 'dimissionDate', 'entryTypeName', 'dimissionTypeName', 'empNumb'],
      cityOptions: ['archivesNumb', 'allDeptName', 'jobName', 'empName', 'certificateNumb', 'certificateValidity', 'sexName', 'nationName', 'age', 'marriageName', 'stature', 'birthdate', 'politicsName', 'empTypeName', 'educationName', 'nativePlaceName', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatusName', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'InsuranceTypeName', 'socialNumb', 'introducer', 'seniority', 'empCardStatusName', 'certificateListName', 'urgencyPhone', 'handbookStatusName', 'family', 'empStatusName', 'dimissionDate', 'entryTypeName', 'dimissionTypeName', 'empNumb', 'annualLeave'],
      dialogShowDcyg: false,
      isIndeterminate: false,
      checkedCities: [],
@@ -2009,7 +2230,8 @@
        certificateNumb: '',
        jobContent: '',
        inOutType: [],
        certificateList: []
        certificateList: [],
        deptName: ''
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
@@ -2280,115 +2502,92 @@
          }
        ]
      },
      statusOptions: [],
      empTypeOptions: [],
      nationOptions: [],
      marriageOptions: [],
      educationOptions: [],
      nativePlaceOptions: [],
      archivesStatusOptions: [],
      insuranceTypeOptions: [],
      empCardStatusOptions: [],
      handbookStatusOptions: [],
      ecgOptions: [],
      certificateListOptions: [],
      physicalExamTypeOptions: [],
      contractStatusOptions: [],
      leaveTypeOptions: [],
      insuranceGaersOptions: [],
      applayStatusOptions: [],
      reportStatusOptions: [],
      hospitalizatioFlagOptions: [],
      settleStatusOptions: [],
      arbitrationTypeOptions: [],
      changeTypeOptions: [],
      dimissionTypeOptions: [],
      ageStrOptions: [],
      attendYearOptions: [],
      sexOptions: []

      occupationalForm: {
        occupationalId: '',
        empId: '',
        empNumb: '',
        empName: '',
        sex: '',
        sexName: '',
        certificateNumb: '',
        deptId: '',
        deptName: '',
        allDeptName: '',
        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: '',
        empStatus: 0,
        remark: ''
      }
    }
  },
  computed: {
    // 字典选项计算属性
    statusOptions() { return this.getDictOptions('PLITICAL') },
    empTypeOptions() { return this.getDictOptions('empType') },
    nationOptions() { return this.getDictOptions('NATION') },
    marriageOptions() { return this.getDictOptions('MARRIAGE') },
    educationOptions() { return this.getDictOptions('EDUCATION') },
    nativePlaceOptions() { return this.getDictOptions('NATIVEPLACE') },
    archivesStatusOptions() { return this.getDictOptions('archivesStatus') },
    insuranceTypeOptions() { return this.getDictOptions('INSURANCETYPE') },
    empCardStatusOptions() { return this.getDictOptions('empCardStatus') },
    handbookStatusOptions() { return this.getDictOptions('handbookStatus') },
    certificateListOptions() { return this.getDictOptions('certificateList') },
    physicalExamTypeOptions() { return this.getDictOptions('PHYSICALEXAMTYPE') },
    ecgOptions() { return this.getDictOptions('ECG') },
    contractStatusOptions() { return this.getDictOptions('CONTRACTSTATUS') },
    leaveTypeOptions() { return this.getDictOptions('LEAVETYPE') },
    insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
    applayStatusOptions() { return this.getDictOptions('applayStatus') },
    reportStatusOptions() { return this.getDictOptions('reportStatus') },
    hospitalizatioFlagOptions() { return this.getDictOptions('hospitalizatioFlag') },
    settleStatusOptions() { return this.getDictOptions('settleStatus') },
    arbitrationTypeOptions() { return this.getDictOptions('ZCTYPE') },
    changeTypeOptions() { return this.getDictOptions('changeType') },
    dimissionTypeOptions() { return this.getDictOptions('LZTYPE') },
    ageStrOptions() { return this.getDictOptions('ageStr') },
    attendYearOptions() { return this.getDictOptions('attendYear') },
    sexOptions() { return this.getDictOptions('sex') }
  },
  mounted() {
    this.thisShowIndex = 1
    this.isShow(false, 0)
    this.getDicts('ageStr').then(response => {
      this.ageStrOptions = response.data
    })
    this.getDicts('PLITICAL').then(response => {
      this.statusOptions = response.data
    })
    this.getDicts('attendYear').then(response => {
      this.attendYearOptions = response.data
    })
    this.getDicts('sex').then(response => {
      this.sexOptions = response.data
    })
    this.getDicts('empType').then(response => {
      this.empTypeOptions = response.data
    })
    this.getDicts('NATION').then(response => {
      this.nationOptions = response.data
    })
    this.getDicts('MARRIAGE').then(response => {
      this.marriageOptions = response.data
    })
    this.getDicts('EDUCATION').then(response => {
      this.educationOptions = response.data
    })
    this.getDicts('NATIVEPLACE').then(response => {
      this.nativePlaceOptions = response.data
    })
    this.getDicts('archivesStatus').then(response => {
      this.archivesStatusOptions = response.data
    })
    this.getDicts('INSURANCETYPE').then(response => {
      this.insuranceTypeOptions = response.data
    })
    this.getDicts('empCardStatus').then(response => {
      this.empCardStatusOptions = response.data
    })
    this.getDicts('handbookStatus').then(response => {
      this.handbookStatusOptions = response.data
    })
    this.getDicts('certificateList').then(response => {
      this.certificateListOptions = response.data
    })
    this.getDicts('PHYSICALEXAMTYPE').then(response => {
      this.physicalExamTypeOptions = response.data
    })
    this.getDicts('ECG').then(response => {
      this.ecgOptions = response.data
    })
    this.getDicts('CONTRACTSTATUS').then(response => {
      this.contractStatusOptions = response.data
    })
    this.getDicts('LEAVETYPE').then(response => {
      this.leaveTypeOptions = response.data
    })
    this.getDicts('INSURANCETYPE').then(response => {
      this.insuranceGaersOptions = response.data
    })
    this.getDicts('applayStatus').then(response => {
      this.applayStatusOptions = response.data
    })
    this.getDicts('reportStatus').then(response => {
      this.reportStatusOptions = response.data
    })
    this.getDicts('hospitalizatioFlag').then(response => {
      this.hospitalizatioFlagOptions = response.data
    })
    this.getDicts('settleStatus').then(response => {
      this.settleStatusOptions = response.data
    })
    this.getDicts('ZCTYPE').then(response => {
      this.arbitrationTypeOptions = response.data
    })
    this.getDicts('changeType').then(response => {
      this.changeTypeOptions = response.data
    })
    this.getDicts('LZTYPE').then(response => {
      this.dimissionTypeOptions = response.data
    })
    // 字典数据已在登录时预加载，直接从 Vuex 获取
    this.initDictTypes(['ageStr', 'PLITICAL', 'attendYear', 'sex', 'empType', 'NATION', 'MARRIAGE', 'EDUCATION', 'NATIVEPLACE', 'archivesStatus', 'INSURANCETYPE', 'empCardStatus', 'handbookStatus', 'certificateList', 'PHYSICALEXAMTYPE', 'ECG', 'CONTRACTSTATUS', 'LEAVETYPE', 'applayStatus', 'reportStatus', 'hospitalizatioFlag', 'settleStatus', 'ZCTYPE', 'changeType', 'LZTYPE'])
  },
  methods: {
    typeFormat(row, column) {
@@ -2462,6 +2661,58 @@
          return row.dimissionTypeName
      }
    },
    showDetailInfo(row, index) {
      switch (index) {
        case 10:
          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.allDeptName = row.allDeptName
          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
          break
      }
      this.dialogshowArr[index].show = true
    },
    handleCheckedCitiesChange(value) {
      const checkedCount = value.length
      this.checkAll = checkedCount === this.cityOptions.length
@@ -2505,6 +2756,7 @@
        baseKey: '',
        empNumb: '',
        empName: '',
        deptName: '',
        certificateNumb: '',
        jobContent: '',
        inOutType: [],
@@ -2813,7 +3065,7 @@
      params.pageNum = this.pagination.num
      this.$download('hr/empLaborTrouble/export', {
        ...params, ...this.queryParams
      }, `劳资案件_${new Date().getTime()}.xlsx`)
      }, `仲裁案件_${new Date().getTime()}.xlsx`)
    },
    blexportExcel(params = {}) {
      params.pageSize = this.pagination.size