员工管理界面(在职、离职和智搜的列表、档案、导出)增加了年假天数显示

luoyb

2025-09-23 338c1fc6a3de638d84b60a5da064dceef6f0d775

 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>
@@ -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>
@@ -1376,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>
@@ -1495,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" />
@@ -1505,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>
@@ -1989,7 +2005,195 @@
        />
      </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>
@@ -2000,7 +2204,7 @@
  },
  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: [],
@@ -2320,7 +2524,56 @@
      dimissionTypeOptions: [],
      ageStrOptions: [],
      attendYearOptions: [],
      sexOptions: []
      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: ''
      }
    }
  },
  mounted() {
@@ -2476,6 +2729,58 @@
        case '1':
          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
@@ -2829,7 +3134,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