feat(upload): 支持上传方式选择弹窗功能

yubo

2026-03-24 d68f647b3e74f073d65b21de5e3f1259f70cf1ac

 src/views/user/archivesChange.vue

@@ -14,20 +14,22 @@
        <div class="menu dadetails">
          <div style="height: 22vh;">

            <el-upload
              class="avatar-uploader"
              action="#"
              :show-file-list="false"
              :on-change="handlePictureCardPreview"
              :auto-upload="false"
            >
              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过4MB</div>
              <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar">
              <i v-else class="el-icon-plus avatar-uploader-icon" />
            </el-upload>
            <!-- 头像显示区域 -->
            <div class="avatar-wrapper">
              <img
                v-if="empBaseInfoImageUrl"
                :src="empBaseInfoImageUrl"
                class="avatar"
                @click="openUploadChoice"
              >
              <div v-else class="avatar-uploader-placeholder" @click="openUploadChoice">
                <i class="el-icon-plus avatar-uploader-icon" />
                <div class="upload-tip">点击上传照片</div>
              </div>
            </div>
            <!-- <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1333074204,3035391839&fm=26&gp=0.jpg" class="jbxxImg">-->
            <div class="title-da">
              编号：{{ empBaseInfoForm.empNumb }}
              档案号：{{ empBaseInfoForm.archivesNumb }}
            </div>
          </div>
          <ul class="jbxx-ul" style="height: 68vh;overflow: auto">
@@ -153,7 +155,7 @@
              <div class="item-node" />
              <div>
                <a href="javascript:void(0)" :class="item=='lzaj'?'light':''" @click="goAnchor('lzaj')">
                  劳资案件
                  仲裁案件
                </a>
              </div>
            </li>
@@ -204,8 +206,8 @@
              <el-form ref="empBaseInfoForm" :model="empBaseInfoForm" class="formjbxx" label-width="150px">
                <el-row style="width: 100%;">
                  <el-col :span="8">
                    <el-form-item label="档案号" prop="archivesNumb">
                      <el-input v-model="empBaseInfoForm.archivesNumb" style="width: 100%;" :disabled="readon ? false : true" />
                    <el-form-item label="编号" prop="empNumb">
                      <el-input v-model="empBaseInfoForm.empNumb" style="width: 100%;" :disabled="readon ? false : true" />
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
@@ -368,7 +370,7 @@
                <el-row>
                  <el-col :span="8">
                    <el-form-item label="籍贯" prop="nativePlaceName">
                      <el-select v-model="empBaseInfoForm.nativePlace" placeholder="请选择最高学历" :disabled="readon ? false : true">
                      <el-select v-model="empBaseInfoForm.nativePlace" placeholder="请选择籍贯" :disabled="readon ? false : true">
                        <el-option
                          v-for="dict in nativePlaceOptions"
                          :key="dict.dicItemCode"
@@ -447,8 +449,8 @@
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="保险类型" prop="insuranceType">
                      <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型" :disabled="readon ? false : true">
                    <el-form-item label="社保档位" prop="insuranceType">
                      <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择社保档位" :disabled="readon ? false : true">
                        <el-option
                          v-for="dict in insuranceTypeOptions"
                          :key="dict.dicItemCode"
@@ -492,12 +494,12 @@
                </el-row>
                <el-row>
                  <el-col :span="8">
                    <el-form-item label="家庭成员及关系" prop="family">
                    <el-form-item label="家庭成员及关系1" prop="family">
                      <el-input v-model="empBaseInfoForm.family" :disabled="readon ? false : true" />
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="紧急联系电话" prop="urgencyPhone">
                    <el-form-item label="家庭成员及关系2" prop="urgencyPhone">
                      <el-input v-model="empBaseInfoForm.urgencyPhone" :disabled="readon ? false : true" />
                    </el-form-item>
                  </el-col>
@@ -514,15 +516,13 @@
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="相关证件" prop="certificateList">
                      <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件" :disabled="readon ? false : true">
                        <el-option
                          v-for="dict in certificateListOptions"
                          :key="dict.dicItemCode"
                          :label="dict.dicItemName"
                          :value="dict.dicItemCode"
                        />
                      </el-select>
                    <el-form-item label="相关证件" prop="certificateListName">
                      <el-input v-model="empBaseInfoForm.certificateListName" :disabled="readon ? false : true" />
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="年假天数" prop="annualLeave">
                      <el-input v-model="empBaseInfoForm.annualLeave" disabled />
                    </el-form-item>
                  </el-col>
                </el-row>
@@ -546,16 +546,16 @@
                :highlight-current-row="true"
                @selection-change="onworkExperienceDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="workExperienceId" label="工作单位" />
                <el-table-column show-overflow-tooltip="true" prop="beginDate" label="开始日期" />
                <el-table-column show-overflow-tooltip="true" prop="endDate" label="结束日期" />
                <el-table-column show-overflow-tooltip="true" prop="workUnit" label="工作单位" />
                <el-table-column show-overflow-tooltip="true" prop="jobContent" label="主要工作内容" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="workExperienceId" label="工作单位" />
                <el-table-column show-overflow-tooltip prop="beginDate" label="开始日期" />
                <el-table-column show-overflow-tooltip prop="endDate" label="结束日期" />
                <el-table-column show-overflow-tooltip prop="workUnit" label="工作单位" />
                <el-table-column show-overflow-tooltip prop="jobContent" label="主要工作内容" />
              </el-table>
              <pagination
                v-show="workExperienceDatatotal>0"
@@ -582,21 +582,21 @@
                style="width: 100%;"
                @selection-change="onphysicalExamDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="physicalExamId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="hospital" label="体检医院" width="150" />
                <el-table-column show-overflow-tooltip="true" prop="physicalExamDate" label="体检日期" width="140" />
                <el-table-column show-overflow-tooltip="true" prop="physicalExamType" label="体检类型" width="140" :formatter="typeFormat" />
                <el-table-column show-overflow-tooltip="true" prop="bloodPressure" label="血压" width="140" />
                <el-table-column show-overflow-tooltip="true" prop="transaminase" label="转氨酶" width="140" />
                <el-table-column show-overflow-tooltip="true" prop="ecg" label="心电图" width="140" :formatter="ecgNameFormat" />
                <el-table-column show-overflow-tooltip="true" prop="conclusion" label="体检结论" />
                <el-table-column show-overflow-tooltip="true" prop="reviewRecord" label="复查记录" width="140" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="physicalExamId" label="" />
                <el-table-column show-overflow-tooltip prop="hospital" label="体检医院" width="150" />
                <el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="140" />
                <el-table-column show-overflow-tooltip prop="physicalExamType" label="体检类型" width="140" :formatter="typeFormat" />
                <el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="140" />
                <el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="140" />
                <el-table-column show-overflow-tooltip prop="ecg" label="心电图" width="140" :formatter="ecgNameFormat" />
                <el-table-column show-overflow-tooltip prop="conclusion" label="体检结论" />
                <el-table-column show-overflow-tooltip prop="reviewRecord" label="复查记录" width="140" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="physicalExamDatatotal>0"
@@ -623,17 +623,18 @@
                style="width: 100%;"
                @selection-change="oncontractInfoDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="contractId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="signingDate" label="合同签订日期" />
                <el-table-column show-overflow-tooltip="true" prop="endDate" label="合同结束日期" />
                <el-table-column show-overflow-tooltip="true" prop="contractPeriod" label="合同期限(年)" />
                <el-table-column show-overflow-tooltip="true" prop="contractStatus" label="合同状态" :formatter="contractStatusFormat" />
                <el-table-column show-overflow-tooltip="true" prop="transactor" label="合同办理人" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="contractId" label="" />
                <el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" />
                <el-table-column show-overflow-tooltip prop="endDate" label="合同结束日期" />
                <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" />
                <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" :formatter="contractStatusFormat" />
                <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="contractInfoDatatotal>0"
@@ -658,19 +659,19 @@
                :cell-style="{padding:'7px 0','text-align':'center'}"
                style="width: 100%;"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column show-overflow-tooltip="true" prop="newDeptName" label="现部门" />
                <el-table-column show-overflow-tooltip="true" prop="newJobName" label="现岗位" />
                <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="oldDeptName" label="原部门" />
                <el-table-column show-overflow-tooltip="true" prop="oldJobName" label="原岗位" />
                <el-table-column show-overflow-tooltip="true" prop="changeDate" label="调岗日期" />
                <el-table-column show-overflow-tooltip="true" prop="changeType" label="调岗类型" :formatter="changeTypeFormat" />
                <el-table-column show-overflow-tooltip="true" prop="changeReason" label="调岗理由" />
                <el-table-column show-overflow-tooltip prop="allDeptName" label="现部门" />
                <el-table-column show-overflow-tooltip prop="newJobName" label="现岗位" />
                <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="180" />
                <el-table-column show-overflow-tooltip prop="oldDeptName" label="原部门" />
                <el-table-column show-overflow-tooltip prop="oldJobName" label="原岗位" />
                <el-table-column show-overflow-tooltip prop="changeDate" label="调岗日期" />
                <el-table-column show-overflow-tooltip prop="changeType" label="调岗类型" :formatter="changeTypeFormat" />
                <el-table-column show-overflow-tooltip prop="changeReason" label="调岗理由" />
              </el-table>
              <pagination
                v-show="jobChangeDatatotal>0"
@@ -697,19 +698,19 @@
                style="width: 100%;"
                @selection-change="onleaveInfoDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="leaveId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="beginTime" label="开始时间" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="endTime" label="结束时间" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假天数" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="leaveType" label="请假类型" :formatter="leaveTypeFormat" />
                <el-table-column show-overflow-tooltip="true" prop="returnDate" label="到岗时间" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="leaveId" label="" />
                <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="180" />
                <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="180" />
                <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="100" />
                <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" :formatter="leaveTypeFormat" />
                <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="180" />
                <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="100" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="leaveInfoDatatotal>0"
@@ -736,16 +737,16 @@
                style="width: 100%;"
                @selection-change="onresignDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="resignId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="applayDate" label="辞职申请日期" />
                <el-table-column show-overflow-tooltip="true" prop="reason" label="辞职事由" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="resignId" label="" />
                <el-table-column show-overflow-tooltip prop="applayDate" label="辞职申请日期" />
                <el-table-column show-overflow-tooltip prop="reason" label="辞职事由" />
                <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="resignDatatotal>0"
@@ -772,20 +773,20 @@
                style="width: 100%;"
                @selection-change="ondimissionAttendDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="dimissionAttendId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="attendMonth" label="离职考勤月份" />
                <el-table-column show-overflow-tooltip="true" prop="attendDays" label="出勤天数" width="150" />
                <el-table-column show-overflow-tooltip="true" prop="overtimeDay" label="加班（天）" width="150" />
                <el-table-column show-overflow-tooltip="true" prop="overtimeHour" label="加班（小时）" />
                <el-table-column show-overflow-tooltip="true" prop="deduct" label="有无代扣款项" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假（天）" />
                <el-table-column show-overflow-tooltip="true" prop="absenteeism" label="旷工（天）" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="dimissionAttendId" label="" />
                <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" />
                <el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="150" />
                <el-table-column show-overflow-tooltip prop="overtimeDay" label="加班（天）" width="150" />
                <el-table-column show-overflow-tooltip prop="overtimeHour" label="加班（小时）" />
                <el-table-column show-overflow-tooltip prop="deduct" label="有无代扣款项" width="180" />
                <el-table-column show-overflow-tooltip prop="leaveDay" label="请假（天）" />
                <el-table-column show-overflow-tooltip prop="absenteeism" label="旷工（天）" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="dimissionAttendDatatotal>0"
@@ -810,17 +811,18 @@
                :cell-style="{padding:'7px 0','text-align':'center'}"
                style="width: 100%;"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>EmpLeaveInfo
                </el-table-column>
                <el-table-column show-overflow-tooltip="true" prop="entryDate" label="入职日期" />
                <el-table-column show-overflow-tooltip="true" prop="dimissionDate" label="离职日期" />
                <el-table-column show-overflow-tooltip="true" prop="dimissionType" label="离职类型" :formatter="dimissionTypeFormat" />
                <el-table-column show-overflow-tooltip="true" prop="selfLeaveDay" label="自离天数" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column show-overflow-tooltip prop="deptName" label="部门/护卫点" />
                <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" />
                <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" />
                <el-table-column show-overflow-tooltip prop="dimissionType" label="离职类型" :formatter="dimissionTypeFormat" />
                <el-table-column show-overflow-tooltip prop="selfLeaveDay" label="自离天数" />
                <el-table-column show-overflow-tooltip prop="reporter" label="报备人" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="dimissionLogDatatotal>0"
@@ -847,17 +849,17 @@
                style="width: 100%;"
                @selection-change="onunemploymentDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="unemploymentId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="applayDate" label="失业金申请日期" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="applayReason" label="申报事由" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="unemploymentId" label="" />
                <el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="180" />
                <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" />
                <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="180" />
                <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="180" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="unemploymentDatatotal>0"
@@ -884,19 +886,19 @@
                style="width: 100%;"
                @selection-change="oninsuranceDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="insuranceId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="applayDate" label="社保申请日期" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="proposer" label="申请人" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="insuranceGaers" label="社保档位" :formatter="insuranceGaersFormat" />
                <el-table-column show-overflow-tooltip="true" prop="reportStatus" label="是否已报告" :formatter="reportStatusFormat" />
                <el-table-column show-overflow-tooltip="true" prop="applayStatus" label="状态" :formatter="applayStatusFormat" />
                <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="insuranceId" label="" />
                <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" width="180" />
                <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="180" />
                <el-table-column show-overflow-tooltip prop="insuranceGaers" label="社保档位" :formatter="insuranceGaersFormat" />
                <el-table-column show-overflow-tooltip prop="reportStatus" label="是否已报告" :formatter="reportStatusFormat" />
                <el-table-column show-overflow-tooltip prop="applayStatus" label="状态" :formatter="applayStatusFormat" />
                <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="180" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="insuranceDatatotal>0"
@@ -923,27 +925,31 @@
                style="width: 100%;"
                @selection-change="onaccidentCasesDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="accidentId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="80" />
                <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="意外险诊断" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
                <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="60" />
                <el-table-column show-overflow-tooltip="true" prop="reprotTime" label="报案时间" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="settleStatus" label="是否结案" width="120" :formatter="settleStatusFormat" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="accidentId" label="" />
                <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="110">
                  <template slot-scope="scope">
                    <span class="table-button" @click="editAccidentCases(scope.row,9)">{{ scope.row.injuredTime }}</span>
                  </template>
                </el-table-column>
                <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="200" />
                <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
                <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="300" />
                <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="150" />
                <!--                <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="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="100" />-->
                <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="settleStatus" label="是否结案" width="120" :formatter="settleStatusFormat" />
              </el-table>
              <pagination
                v-show="accidentCasesDatatotal>0"
@@ -970,27 +976,31 @@
                style="width: 100%;"
                @selection-change="onoccupationalDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="occupationalId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" width="140" />
                <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="工伤诊断" width="80" />
                <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="80" :formatter="hospitalizatioFlagFormat" />
                <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="80" />
                <el-table-column show-overflow-tooltip="true" prop="reportTime" label="报案时间" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="80" />
                <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="120" />
                <el-table-column show-overflow-tooltip="true" prop="settleStatus" label="是否结案" width="120" :formatter="settleStatusFormat" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="occupationalId" label="" />
                <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="110">
                  <template slot-scope="scope">
                    <span class="table-button" @click="editOccupational(scope.row)">{{ scope.row.injuredTime }}</span>
                  </template>
                </el-table-column>
                <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" />
                <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="100" />
                <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="140" />
                <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
                <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="120" />
                <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="80" />
                <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="compensated" label="已赔付医药费用" width="120" />
                <el-table-column show-overflow-tooltip prop="settleStatus" label="是否结案" width="120" :formatter="settleStatusFormat" />
              </el-table>
              <pagination
                v-show="occupationalDatatotal>0"
@@ -1003,7 +1013,7 @@
          </div>
          <div ref="lzaj" class="lzaj">
            <div class="jbxxTitle">
              劳资案件
              仲裁案件
            </div>

            <div class="jbxxCon">
@@ -1017,20 +1027,20 @@
                style="width: 100%;"
                @selection-change="onlaborTroubleDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="arbitrationId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="arbitrationDate" label="仲裁日期" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="arbitrationType" label="仲裁类型" :formatter="arbitrationTypeFormat" />
                <el-table-column show-overflow-tooltip="true" prop="arbitrationReason" label="仲裁事由" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="100" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column show-overflow-tooltip="true" prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="arbitrationStatus" label="是否结案" width="100" :formatter="arbitrationStatusFormat" />
                <el-table-column show-overflow-tooltip="true" prop="settleDate" label="案结日期" width="100" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="arbitrationId" label="" />
                <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
                <el-table-column show-overflow-tooltip prop="arbitrationType" label="仲裁类型" :formatter="arbitrationTypeFormat" />
                <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" />
                <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="100" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
                <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
                <el-table-column show-overflow-tooltip prop="arbitrationStatus" label="是否结案" width="100" :formatter="arbitrationStatusFormat" />
                <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="100" />
              </el-table>
              <pagination
                v-show="laborTroubleDatatotal>0"
@@ -1057,16 +1067,16 @@
                style="width: 100%;"
                @selection-change="onbadRecordDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="badId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="badDate" label="不良记录日期" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="badContent" label="不良记录描述" />
                <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="badId" label="" />
                <el-table-column show-overflow-tooltip prop="badDate" label="不良记录日期" width="180" />
                <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" />
                <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="180" />
                <el-table-column show-overflow-tooltip prop="remark" label="备注" />
              </el-table>
              <pagination
                v-show="badRecordDatatotal>0"
@@ -1093,14 +1103,14 @@
                style="width: 100%;"
                @selection-change="onremarkInfoDataselection"
              >
                <el-table-column show-overflow-tooltip="true" type="index" label="序号" align="center" width="55">
                <el-table-column show-overflow-tooltip type="index" label="序号" align="center" width="55">
                  <template slot-scope="scope">
                    <span v-text="getIndex(scope.$index)" />
                  </template>
                </el-table-column>
                <el-table-column v-if="fsnumShow" show-overflow-tooltip="true" prop="remarkId" label="" />
                <el-table-column show-overflow-tooltip="true" prop="remarkDate" label="备注日期" width="180" />
                <el-table-column show-overflow-tooltip="true" prop="remarkContent" label="备注信息" />
                <el-table-column v-if="fsnumShow" show-overflow-tooltip prop="remarkId" label="" />
                <el-table-column show-overflow-tooltip prop="remarkDate" label="备注日期" width="180" />
                <el-table-column show-overflow-tooltip prop="remarkContent" label="备注信息" />
              </el-table>
              <pagination
                v-show="remarkInfoDatatotal>0"
@@ -1237,21 +1247,34 @@
                    <el-main style="background-color: #fff;margin-top: 5%;">
                      <el-row v-for="(data, index) in filesUploadData" :key="index">
                        <template v-for="(node, nodeIndex) in data.node">
                          <el-col v-if="node.isUpload === false" :key="node.filesid" :span="3">
                          <el-col v-if="node.isUpload === false" :key="node.accessoryid" :span="3">
                            <el-card
                              shadow="never"
                              @click.native="clickCard(index * 8 + nodeIndex)"
                            >
                              <img
                              <el-image
                                v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1"
                                :src="showFileImg(node.filesformat)"
                                class="uploading-image"
                              >
                              <el-tooltip class="item" effect="dark" :content="node.filesname" placement="bottom">
                                :preview-src-list="srcList"
                                @click="clickImg(node)"
                              />
                              <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) == -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
                                <div style="padding-top: 14px;text-align: center">
                                  <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">{{ node.filesname }}</el-checkbox>
                                </div>
                              </el-tooltip>
                              <el-tooltip v-if="'tif,bmp,jpg,png,gif'.indexOf(node.filesformat) != -1" class="item" effect="dark" :content="node.filesname" placement="bottom">
                                <div style="padding-top: 14px;">
                                  <el-checkbox
                                    v-model="checkedArr[index * 8 + nodeIndex].isChecked"
                                    class="myRedCheckBox"
                                  >{{ node.filesname }}
                                  <el-image
                                    style="width: 100px; height: 80px;margin-top: -10px;"
                                    :src="getImg+node.accessoryid"
                                    :preview-src-list="srcList"
                                    @click="clickImg(node)"
                                  />
                                  <el-checkbox v-model="checkedArr[index * 8 + nodeIndex].isChecked" class="myRedCheckBox">
                                    {{ node.filesid }}
                                    {{ node.filesname }}
                                  </el-checkbox>
                                </div>
                              </el-tooltip>
@@ -1986,7 +2009,6 @@
        <el-form
          ref="accidentCasesForm"
          :model="accidentCasesForm"
          :rules="accidentCasesRules"
          label-position="right"
          label-width="120px"
        >
@@ -2126,19 +2148,20 @@
                  />
                </el-select>
              </el-form-item>
              <el-form-item label="备注">
                <el-input v-model="accidentCasesForm.remark" />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="putAccidentCases('accidentCasesForm')">保 存</el-button>

          <el-button v-if="dialogshowArr[9].read" type="primary" @click="putAccidentCases('accidentCasesForm')">保 存</el-button>
        </div>
      </el-dialog>
      <el-dialog title="工伤案件" append-to-body :visible.sync="dialogshowArr[10].show" width="50%">
        <el-form
          ref="occupationalForm"
          :model="occupationalForm"
          :rules="occupationalRules"
          label-position="right"
          label-width="140px"
        >
@@ -2327,11 +2350,11 @@
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="putOccupational('occupationalForm')">保 存</el-button>
          <el-button v-if="dialogshowArr[10].read" type="primary" @click="putOccupational('occupationalForm')">保 存</el-button>

        </div>
      </el-dialog>
      <el-dialog title="劳资案件" append-to-body :visible.sync="dialogshowArr[11].show" width="50%">
      <el-dialog title="仲裁案件" append-to-body :visible.sync="dialogshowArr[11].show" width="50%">
        <el-form
          ref="laborTroubleForm"
          :model="laborTroubleForm"
@@ -2573,6 +2596,78 @@
        </div>
      </el-dialog>
    </el-dialog>

    <!-- 上传方式选择弹窗 -->
    <el-dialog
      title="选择上传方式"
      :visible.sync="uploadChoiceDialogVisible"
      width="400px"
      :close-on-click-modal="false"
    >
      <div class="upload-choice-container">
        <div class="upload-choice-item" @click="choiceCamera">
          <i class="el-icon-camera" />
          <span>拍照上传</span>
        </div>
        <div class="upload-choice-item" @click="choiceFile">
          <i class="el-icon-folder-opened" />
          <span>文件上传</span>
        </div>
      </div>
    </el-dialog>

    <!-- 摄像头拍照弹窗 -->
    <el-dialog
      title="拍照上传"
      :visible.sync="cameraDialogVisible"
      width="640px"
      :close-on-click-modal="false"
      @close="closeCamera"
    >
      <div class="camera-container">
        <!-- 视频预览 -->
        <video
          v-show="!capturedImage"
          ref="video"
          class="camera-video"
          autoplay
          playsinline
        />
        <!-- 画布（用于拍照） -->
        <canvas ref="canvas" style="display: none;" />

        <!-- 拍照结果预览 -->
        <img
          v-if="capturedImage"
          :src="capturedImage"
          class="captured-image"
        >
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button @click="closeCamera">取消</el-button>
        <el-button
          v-if="!capturedImage"
          type="primary"
          @click="takePhoto"
        >
          拍照
        </el-button>
        <el-button
          v-if="capturedImage"
          @click="retakePhoto"
        >
          重拍
        </el-button>
        <el-button
          v-if="capturedImage"
          type="primary"
          @click="confirmPhoto"
        >
          确认使用
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
@@ -2663,10 +2758,12 @@
          show: false
        },
        {
          show: false
          show: false,
          read: false
        },
        {
          show: false
          show: false,
          read: false
        },
        {
          show: false
@@ -2679,6 +2776,12 @@
        }
      ],
      empBaseInfoImageUrl: '',
      // 上传方式选择弹窗
      uploadChoiceDialogVisible: false,
      // 摄像头相关
      cameraDialogVisible: false,
      capturedImage: '',
      stream: null,
      rules: {
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, {
          max: 20,
@@ -2700,7 +2803,7 @@
          message: '长度不超过36个字符',
          trigger: 'blur'
        }],
        insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
        insuranceType: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
        entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
        seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
        archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
@@ -2781,10 +2884,10 @@
          pattern: /^\d{1,2}(\.\d{1,1})?$/,
          message: '出勤天数精确到1位小数'
        }],
        overtimeDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班（天）精确到1位小数' }],
        overtimeHour: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班（小时）精确到1位小数' }],
        leaveDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '请假（天）精确到1位小数' }],
        absenteeism: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '旷工（天）精确到1位小数' }],
        overtimeDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班（天）精确到1位小数' }],
        overtimeHour: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班（小时）精确到1位小数' }],
        leaveDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '请假（天）精确到1位小数' }],
        absenteeism: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '旷工（天）精确到1位小数' }],
        remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }]
      },
      leaveInfoRules: {
@@ -3157,7 +3260,6 @@
        creator: '',
        modifyTime: '',
        modifier: '',

        empStatus: 0,
        version: ''
      },
@@ -3211,6 +3313,8 @@
        empStatus: 0,
        version: ''
      },
      srcList: [],
      getImg: pages.getAccessoryImage,
      resignForm: {
        resignId: '',
        empId: '',
@@ -3410,7 +3514,8 @@
        modifyTime: '',
        modifier: '',
        empStatus: 0,
        version: ''
        version: '',
        annualLeave: ''
      },
      fsnumShow: false,
      badRecordForm: {
@@ -3542,7 +3647,7 @@
    this.getDicts('LEAVETYPE').then(response => {
      this.leaveTypeOptions = response.data
    })
    this.getDicts('insuranceGaers').then(response => {
    this.getDicts('INSURANCETYPE').then(response => {
      this.insuranceGaersOptions = response.data
    })
    this.getDicts('applayStatus').then(response => {
@@ -3652,6 +3757,10 @@
    },
    showFileImg(type) {
      switch (type) {
        case 'xls':
          return require('../../assets/uploading/xls.png')
        case 'xlsx':
          return require('../../assets/uploading/xls.png')
        case 'txt':
          return require('../../assets/uploading/txt.png')
        case 'apk':
@@ -3763,6 +3872,12 @@
            })
          }
        })
      }
    },
    clickImg(node) {
      this.srcList = []
      if ('tif,bmp,jpg,png,gif'.indexOf(node.filesformat) >= 0) {
        this.srcList.push(this.getImg + node.accessoryid)
      }
    },
    delFile() {
@@ -3962,6 +4077,7 @@
      })
    },
    setArchives(val) {
      debugger
      let certificateList = []
      if (val.certificateList && typeof val.certificateList === 'string') {
        certificateList = val.certificateList.split(',')
@@ -3995,7 +4111,7 @@
      this.initunemploymentData() // 失业金领取
      this.initinsuranceData() // 社保申请
      this.initremarkInfoData() // 备注
      this.initlaborTroubleData() // 劳资案件
      this.initlaborTroubleData() // 仲裁案件
      this.initoccupationalData() // 工伤案件
      this.initbadRecordData() // 不良记录
      this.initaccidentCasesData() // 意外险案件
@@ -4035,6 +4151,8 @@
      params.empId = this.empBaseInfoForm.empId
      params.dimissionType = ''
      params.delFlag = '0'
      params.field = 'entryDate'
      params.order = 'ascending'
      this.$get('hr/empDimissionlog/list', {
        ...params
      }).then((r) => {
@@ -4664,6 +4782,149 @@
    getIndex($index) {
      return (this.pagination.num - 1) * this.pagination.size + $index + 1
    },
    // 打开上传方式选择弹窗
    openUploadChoice() {
      this.uploadChoiceDialogVisible = true
    },
    // 选择拍照上传
    choiceCamera() {
      this.uploadChoiceDialogVisible = false
      this.cameraDialogVisible = true
      this.$nextTick(() => {
        this.initCamera()
      })
    },
    // 选择文件上传
    choiceFile() {
      this.uploadChoiceDialogVisible = false
      // 创建隐藏的文件输入框
      const input = document.createElement('input')
      input.type = 'file'
      input.accept = 'image/*'
      input.onchange = (e) => {
        const file = e.target.files[0]
        if (file) {
          this.handleFileUpload(file)
        }
      }
      input.click()
    },
    // 处理文件上传
    handleFileUpload(file) {
      // 验证文件类型
      const isImage = file.type.startsWith('image/')
      if (!isImage) {
        this.$message.error('请上传图片文件')
        return
      }
      // 验证文件大小（限制10MB）
      const isLt10M = file.size / 1024 / 1024 < 10
      if (!isLt10M) {
        this.$message.error('图片大小不能超过10MB')
        return
      }
      // 生成预览URL
      const imageUrl = URL.createObjectURL(file)
      this.empBaseInfoImageUrl = imageUrl
      // 读取文件为Base64
      const reader = new FileReader()
      reader.onload = (e) => {
        this.empBaseInfoForm.imagePath = e.target.result
        this.$message.success('照片上传成功')
      }
      reader.readAsDataURL(file)
    },
    // 打开摄像头
    openCamera() {
      this.cameraDialogVisible = true
      this.$nextTick(() => {
        this.initCamera()
      })
    },
    // 初始化摄像头
    async initCamera() {
      try {
        // 请求摄像头权限
        this.stream = await navigator.mediaDevices.getUserMedia({
          video: {
            width: { ideal: 640 },
            height: { ideal: 480 },
            facingMode: 'user' // 前置摄像头
          },
          audio: false
        })

        // 将视频流绑定到 video 元素
        const video = this.$refs.video
        if (video) {
          video.srcObject = this.stream
        }
      } catch (error) {
        this.$message.error('无法访问摄像头，请检查摄像头权限设置')
        console.error('摄像头初始化失败:', error)
      }
    },
    // 拍照
    takePhoto() {
      const video = this.$refs.video
      const canvas = this.$refs.canvas

      if (!video || !canvas) return

      // 设置画布尺寸
      canvas.width = video.videoWidth || 640
      canvas.height = video.videoHeight || 480

      // 绘制视频帧到画布
      const ctx = canvas.getContext('2d')
      ctx.drawImage(video, 0, 0, canvas.width, canvas.height)

      // 转换为图片数据
      this.capturedImage = canvas.toDataURL('image/jpeg', 0.9)

      // 停止摄像头
      this.stopCamera()
    },
    // 重拍
    retakePhoto() {
      this.capturedImage = ''
      this.initCamera()
    },
    // 确认使用照片
    confirmPhoto() {
      if (this.capturedImage) {
        // 设置图片预览
        this.empBaseInfoImageUrl = this.capturedImage

        // 设置表单数据（Base64格式）
        this.empBaseInfoForm.imagePath = this.capturedImage

        // 关闭弹窗
        this.closeCamera()

        this.$message.success('照片已保存')
      }
    },
    // 关闭摄像头
    closeCamera() {
      this.stopCamera()
      this.cameraDialogVisible = false
      this.capturedImage = ''
    },
    // 停止摄像头流
    stopCamera() {
      if (this.stream) {
        this.stream.getTracks().forEach(track => {
          track.stop()
        })
        this.stream = null
      }

      const video = this.$refs.video
      if (video) {
        video.srcObject = null
      }
    },
    cleanOccupational() {
      this.occupationalForm.occupationalId = ''
      this.occupationalForm.injuredTime = ''
@@ -4862,7 +5123,6 @@
      this.remarkInfoForm.version = ''
    },
    dialogIsShow() {
      debugger
      this.workExperienceModal = false
      this.isAdd = true
      this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
@@ -5180,6 +5440,7 @@
      this.accidentCasesForm.version = row.version
      this.thisShowIndex = 9
      this.dialogshowArr[9].show = true
      this.dialogshowArr[9].read = false
    },
    editOccupational(row) {
      this.isAdd = false
@@ -5230,6 +5491,7 @@
      this.occupationalForm.remark = row.remark
      this.thisShowIndex = 10
      this.dialogshowArr[10].show = true
      this.dialogshowArr[10].read = false
    },
    editLaborTrouble(row) {
      this.isAdd = false
@@ -5892,6 +6154,113 @@
    height: 100px;
  }

  // 头像包装器
  .avatar-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;

    .avatar {
      width: 150px;
      height: 150px;
      border-radius: 4px;
      cursor: pointer;
      object-fit: cover;
      border: 1px dashed #d9d9d9;

      &:hover {
        border-color: #409eff;
      }
    }

    .avatar-uploader-placeholder {
      width: 150px;
      height: 150px;
      border: 1px dashed #d9d9d9;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background-color: #fafafa;

      &:hover {
        border-color: #409eff;
        background-color: #f0f9ff;
      }

      .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        line-height: 1;
        margin-bottom: 8px;
      }

      .upload-tip {
        font-size: 12px;
        color: #8c939d;
      }
    }
  }

  // 上传方式选择容器
  .upload-choice-container {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;

    .upload-choice-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 120px;
      height: 120px;
      border: 2px dashed #d9d9d9;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s;

      &:hover {
        border-color: #409eff;
        background-color: #f5f7fa;
      }

      i {
        font-size: 40px;
        color: #409eff;
        margin-bottom: 10px;
      }

      span {
        font-size: 14px;
        color: #606266;
      }
    }
  }

  // 摄像头容器
  .camera-container {
    text-align: center;

    .camera-video {
      width: 100%;
      max-width: 600px;
      height: auto;
      border-radius: 4px;
      background: #000;
    }

    .captured-image {
      width: 100%;
      max-width: 600px;
      height: auto;
      border-radius: 4px;
    }
  }

  .table-button {
    color: #a00515;
    display: inline-block;