职位输入框修复

src/views/ea/electronicEmployee/index.vue

@@ -1,37 +1,90 @@
 <template>
   <div class="app-container">
     <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="98px"
+    >
       <el-form-item label="所属部门" prop="deptName">
-        <treeselect style="width: 190px" v-model="queryParams.deptId" :options="deptOptions" :show-count="true"
+        <treeselect
-          :clearable="true" placeholder="请选择部门" :normalizer="normalizer" />
+          style="width: 190px"
+          v-model="queryParams.deptId"
+          :options="deptOptions"
+          :show-count="true"
+          :clearable="true"
+          placeholder="请选择部门"
+          :normalizer="normalizer"
+        />
       </el-form-item>
       <el-form-item label="员工姓名" prop="name">
-        <el-input v-model="queryParams.name" placeholder="请输入员工姓名" clearable @keyup.enter.native="handleQuery" />
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入员工姓名"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="性别" prop="gender">
-        <el-select v-model="queryParams.gender" placeholder="请选择性别" clearable size="small">
+        <el-select
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)" :key="dict.value" :label="dict.label"
+          v-model="queryParams.gender"
-            :value="dict.value" />
+          placeholder="请选择性别"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item label="身份证号" prop="idCardNumber">
-        <el-input v-model="queryParams.idCardNumber" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery" />
+        <el-input
+          v-model="queryParams.idCardNumber"
+          placeholder="请输入身份证号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="借阅状态" prop="borrowStatus">
-        <el-select v-model="queryParams.borrowStatus" placeholder="请选择借阅状态" clearable size="small">
+        <el-select
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)" :key="dict.value" :label="dict.label"
+          v-model="queryParams.borrowStatus"
-            :value="dict.value" />
+          placeholder="请选择借阅状态"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="dict in this.getDictDatas(DICT_TYPE.BORROW_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item label="归档状态" prop="fileStatus">
-        <el-select v-model="queryParams.fileStatus" placeholder="请选择归档状态" clearable size="small">
+        <el-select
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)" :key="dict.value"
+          v-model="queryParams.fileStatus"
-            :label="dict.label" :value="dict.value" />
+          placeholder="请选择归档状态"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="dict in this.getDictDatas(DICT_TYPE.ARCHIVES_FILE_STATUS)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+          >搜索</el-button
+        >
         <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -39,31 +92,61 @@
     <!-- 操作工具栏 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+        <el-button
-          v-hasPermi="['ea:electronic-employee:create']">新增
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['ea:electronic-employee:create']"
+          >新增
         </el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
+        <el-button
-          @click="handleDelete">删除</el-button>
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
+        <el-button
-          v-hasPermi="['ea:electronic-employee:export']">导出
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          :loading="exportLoading"
+          v-hasPermi="['ea:electronic-employee:export']"
+          >导出
         </el-button>
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
     <!-- 列表 -->
-    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="list"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="业务实体" align="center" prop="company" />
       <el-table-column label="所属部门" align="center" prop="deptName" />
       <el-table-column label="员工姓名" align="center" prop="name" />
       <el-table-column label="性别" align="center" prop="gender">
         <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.SYSTEM_USER_SEX" :value="scope.row.gender" />
+          <dict-tag
+            :type="DICT_TYPE.SYSTEM_USER_SEX"
+            :value="scope.row.gender"
+          />
         </template>
       </el-table-column>
       <el-table-column label="国籍" align="center" prop="nationality" />
@@ -73,10 +156,18 @@
       <el-table-column label="月份" align="center" prop="period" />
       <el-table-column label="借阅状态" align="center" prop="borrowStatus">
         <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.BORROW_STATUS" :value="scope.row.borrowStatus" />
+          <dict-tag
+            :type="DICT_TYPE.BORROW_STATUS"
+            :value="scope.row.borrowStatus"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="归档时间" align="center" prop="recordTime" width="98px" />
+      <el-table-column
+        label="归档时间"
+        align="center"
+        prop="recordTime"
+        width="98px"
+      />
       <el-table-column label="纸档位置" align="center" prop="position" />
       <el-table-column label="完整性" align="center" prop="cherks">
         <template v-slot="scope">
@@ -85,63 +176,145 @@
       </el-table-column>
       <el-table-column label="归档状态" align="center" prop="fileStatus">
         <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_STATUS" :value="scope.row.fileStatus" />
+          <dict-tag
+            :type="DICT_TYPE.ARCHIVES_FILE_STATUS"
+            :value="scope.row.fileStatus"
+          />
         </template>
       </el-table-column>
       <el-table-column label="制单人" align="center" prop="createBy" />
-      <el-table-column label="创建日期" align="center" prop="createTime" width="180">
+      <el-table-column
+        label="创建日期"
+        align="center"
+        prop="createTime"
+        width="180"
+      >
         <template v-slot="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        fixed="right"
+        width="180px"
+      >
         <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-view" v-if="scope.row.contractAttachment"
+          <el-button
-            @click="handleViewFJ(scope.row)">查看附件
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            v-if="scope.row.contractAttachment"
+            @click="handleViewFJ(scope.row)"
+            >查看附件
           </el-button>
-          <el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)">查看
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleView(scope.row)"
+            >查看
           </el-button>
-          <el-button v-if="scope.row.fileStatus == '0'" size="mini" type="text" icon="el-icon-edit"
+          <el-button
-            @click="handleUpdate(scope.row)" v-hasPermi="['ea:electronic-employee:update']">修改
+            v-if="scope.row.fileStatus == '0'"
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['ea:electronic-employee:update']"
+            >修改
           </el-button>
-          <el-button v-if="scope.row.fileStatus == '0'" size="mini" type="text" icon="el-icon-delete"
+          <el-button
-            @click="handleDelete(scope.row)" v-hasPermi="['ea:electronic-employee:delete']">删除
+            v-if="scope.row.fileStatus == '0'"
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['ea:electronic-employee:delete']"
+            >删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 分页组件 -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+    <pagination
-      @pagination="getList" />
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNo"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog
-      <el-upload class="upload-demo" drag :limit="1" :action="uploadUrl" :file-list="fileList" :headers="headers"
+      :title="title"
-        :on-success="handleSuccess" name="multipartFile" :multiple="false" :accept="imgType">
+      :visible.sync="open"
+      width="1000px"
+      append-to-body
+    >
+      <el-upload
+        class="upload-demo"
+        drag
+        :limit="1"
+        :action="uploadUrl"
+        :file-list="fileList"
+        :headers="headers"
+        :on-success="handleSuccess"
+        name="multipartFile"
+        :multiple="false"
+        :accept="imgType"
+      >
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
       </el-upload>
-      <el-form ref="form" :model="form" :rules="rules" label-width="98px" style="margin-top: 20px">
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="98px"
+        style="margin-top: 20px"
+      >
         <el-row>
           <el-col :span="8">
             <el-form-item label="业务实体" prop="company">
-              <el-select v-model="form.company" placeholder="请选择业务实体" value-key="id" @change="handleCompanyChange">
+              <el-select
-                <el-option v-for="item in organizationList" :key="item.id" :value="item" :label="item.organizationName">
+                v-model="form.company"
+                placeholder="请选择业务实体"
+                value-key="id"
+                @change="handleCompanyChange"
+              >
+                <el-option
+                  v-for="item in organizationList"
+                  :key="item.id"
+                  :value="item"
+                  :label="item.organizationName"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="部门名称" prop="deptName">
-              <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" :clearable="true"
+              <treeselect
-                placeholder="请选择归属部门" :normalizer="normalizer" />
+                v-model="form.deptId"
+                :options="deptOptions"
+                :show-count="true"
+                :clearable="true"
+                placeholder="请选择归属部门"
+                :normalizer="normalizer"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="完整性" prop="cherks">
               <el-select v-model="form.cherks" placeholder="请选择完整性">
-                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)" :key="dict.value" :label="dict.label"
+                <el-option
-                  :value="dict.value" />
+                  v-for="dict in this.getDictDatas(DICT_TYPE.CHERKS)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -155,15 +328,24 @@
           <el-col :span="8">
             <el-form-item label="性别" prop="gender">
               <el-select v-model="form.gender" placeholder="请选择性别">
-                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)" :key="dict.value"
+                <el-option
-                  :label="dict.label" :value="dict.value" />
+                  v-for="dict in this.getDictDatas(DICT_TYPE.SYSTEM_USER_SEX)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="出生日期" prop="birthdate">
-              <el-date-picker clearable v-model="form.birthdate" type="date" value-format="yyyy-MM-dd"
+              <el-date-picker
-                placeholder="选择归档时间" />
+                clearable
+                v-model="form.birthdate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择归档时间"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -180,24 +362,36 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="联系方式" prop="contactNumber">
-              <el-input v-model="form.contactNumber" placeholder="请输入联系方式" />
+              <el-input
+                v-model="form.contactNumber"
+                placeholder="请输入联系方式"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="身份证号" prop="idCardNumber">
-              <el-input v-model="form.idCardNumber" placeholder="请输入身份证号" />
+              <el-input
+                v-model="form.idCardNumber"
+                placeholder="请输入身份证号"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="护照号码" prop="passportNumber">
-              <el-input v-model="form.passportNumber" placeholder="请输入护照号码" />
+              <el-input
+                v-model="form.passportNumber"
+                placeholder="请输入护照号码"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="毕业学校" prop="graduationSchool">
-              <el-input v-model="form.graduationSchool" placeholder="请输入毕业学校" />
+              <el-input
+                v-model="form.graduationSchool"
+                placeholder="请输入毕业学校"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -216,25 +410,33 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="工作经历" prop="workExperience">
-              <el-input v-model="form.workExperience" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+              <el-input
-                placeholder="请输入工作经历" />
+                v-model="form.workExperience"
+                :autosize="{ minRows: 1, maxRows: 100 }"
+                type="textarea"
+                placeholder="请输入工作经历"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="教育经历" prop="educationExperience">
-              <el-input v-model="form.educationExperience" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+              <el-input
-                placeholder="请输入教育经历" />
+                v-model="form.educationExperience"
+                :autosize="{ minRows: 1, maxRows: 100 }"
+                type="textarea"
+                placeholder="请输入教育经历"
+              />
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="8">
-          <el-form-item label="职位" prop="jobTitle">
-            <el-input v-model="form.jobTitle" placeholder="请输入职位" />
-          </el-form-item>
-        </el-col>
         <el-row>
+          <el-col :span="8">
+            <el-form-item label="职位" prop="jobTitle">
+              <el-input v-model="form.jobTitle" placeholder="请输入职位" />
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="职位级别" prop="jobLevel">
               <el-input v-model="form.jobLevel" placeholder="请输入职位级别" />
@@ -249,99 +451,171 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="身体状况" prop="healthCondition">
-              <el-input v-model="form.healthCondition" placeholder="请输入身体状况" />
+              <el-input
+                v-model="form.healthCondition"
+                placeholder="请输入身体状况"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="疾病史" prop="diseaseHistory">
               <el-radio-group v-model="form.diseaseHistory">
-                <el-radio v-for="dict in this.getDictDatas(
+                <el-radio
-                  DICT_TYPE.INFRA_BOOLEAN_STRING
+                  v-for="dict in this.getDictDatas(
-                )" :key="dict.value" :label="dict.value">{{ dict.label }}
+                    DICT_TYPE.INFRA_BOOLEAN_STRING
+                  )"
+                  :key="dict.value"
+                  :label="dict.value"
+                  >{{ dict.label }}
                 </el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
         </el-row>
         <el-form-item label="体检记录" prop="medicalRecords">
-          <el-input v-model="form.medicalRecords" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入体检记录" />
+            v-model="form.medicalRecords"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入体检记录"
+          />
         </el-form-item>
         <el-row>
           <el-col :span="8">
             <el-form-item label="社会保险" prop="socialInsurance">
-              <el-input v-model="form.socialInsurance" placeholder="请输入养老保险" />
+              <el-input
+                v-model="form.socialInsurance"
+                placeholder="请输入养老保险"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="养老保险" prop="pensionInsurance">
-              <el-input v-model="form.pensionInsurance" placeholder="请输入医疗保险" />
+              <el-input
+                v-model="form.pensionInsurance"
+                placeholder="请输入医疗保险"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="工伤保险" prop="workInjuryInsurance">
-              <el-input v-model="form.workInjuryInsurance" placeholder="请输入工伤保险" />
+              <el-input
+                v-model="form.workInjuryInsurance"
+                placeholder="请输入工伤保险"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="医疗保险" prop="medicalInsurance">
-              <el-input v-model="form.medicalInsurance" placeholder="请输入失业保险" />
+              <el-input
+                v-model="form.medicalInsurance"
+                placeholder="请输入失业保险"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="失业保险" prop="unemploymentInsurance">
-              <el-input v-model="form.unemploymentInsurance" placeholder="请输入失业保险" />
+              <el-input
+                v-model="form.unemploymentInsurance"
+                placeholder="请输入失业保险"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-form-item label="考核评价" prop="leaveRecords">
-          <el-input v-model="form.leaveRecords" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入考核评价" />
+            v-model="form.leaveRecords"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入考核评价"
+          />
         </el-form-item>
         <el-form-item label="奖惩记录" prop="overtimeRecords">
-          <el-input v-model="form.overtimeRecords" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入奖惩记录" />
+            v-model="form.overtimeRecords"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入奖惩记录"
+          />
         </el-form-item>
         <el-form-item label="培训计划" prop="welfareBenefits">
-          <el-input v-model="form.welfareBenefits" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入培训计划" />
+            v-model="form.welfareBenefits"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入培训计划"
+          />
         </el-form-item>
         <el-form-item label="培训成果" prop="performanceEvaluation">
-          <el-input v-model="form.performanceEvaluation" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入培训成果" />
+            v-model="form.performanceEvaluation"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入培训成果"
+          />
         </el-form-item>
         <el-form-item label="个人标签" prop="rewardsPunishments">
-          <el-input v-model="form.rewardsPunishments" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入个人标签" />
+            v-model="form.rewardsPunishments"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入个人标签"
+          />
         </el-form-item>
         <el-form-item label="兴趣爱好" prop="trainingRecords">
-          <el-input v-model="form.trainingRecords" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入兴趣爱好" />
+            v-model="form.trainingRecords"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入兴趣爱好"
+          />
         </el-form-item>
         <el-form-item label="特长" prop="personalDescription">
-          <el-input v-model="form.personalDescription" :autosize="{ minRows: 1, maxRows: 100 }" type="textarea"
+          <el-input
-            placeholder="请输入内容" />
+            v-model="form.personalDescription"
+            :autosize="{ minRows: 1, maxRows: 100 }"
+            type="textarea"
+            placeholder="请输入内容"
+          />
         </el-form-item>
         <el-row>
           <el-col :span="8">
             <el-form-item label="年度" prop="year">
-              <el-date-picker format="yyyy年" v-model="form.year" value-format="yyyy" type="year" placeholder="请选择会计年份">
+              <el-date-picker
+                format="yyyy年"
+                v-model="form.year"
+                value-format="yyyy"
+                type="year"
+                placeholder="请选择会计年份"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="月份" prop="period">
-              <el-date-picker popper-class="due_month" v-model="form.period" format="M月" value-format="M" type="month"
+              <el-date-picker
-                placeholder="请选择会计月份">
+                popper-class="due_month"
+                v-model="form.period"
+                format="M月"
+                value-format="M"
+                type="month"
+                placeholder="请选择会计月份"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="纸档位置" prop="position">
-              <el-cascader v-model="siteArray" :options="siteOptions" :props="propName" placeholder="请选择纸档位置" clearable
+              <el-cascader
-                @change="handleSiteChanged" />
+                v-model="siteArray"
+                :options="siteOptions"
+                :props="propName"
+                placeholder="请选择纸档位置"
+                clearable
+                @change="handleSiteChanged"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -351,7 +625,9 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" v-if="optType != 'view'">确 定</el-button>
+        <el-button type="primary" @click="submitForm" v-if="optType != 'view'"
+          >确 定</el-button
+        >
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -454,51 +730,68 @@ export default {
       rules: {
         idCardNumber: [
           { required: true, trigger: "change", message: "身份证号不能为空" },
-          { required: true, pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: "请输入正确身份证号" },
+          {
+            required: true,
+            pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
+            message: "请输入正确身份证号",
+          },
         ],
         socialInsurance: [
           { required: true, trigger: "change", message: "金额不能为空" },
           {
-            required: true, pattern: /^\d+$|^\d+[.]?\d+$/
+            required: true,
-            , message: "请输入正确的金额"
+            pattern: /^\d+$|^\d+[.]?\d+$/,
+            message: "请输入正确的金额",
           },
         ],
         pensionInsurance: [
           { required: true, trigger: "change", message: "金额不能为空" },
           {
-            required: true, pattern: /^\d+$|^\d+[.]?\d+$/
+            required: true,
-            , message: "请输入正确的金额"
+            pattern: /^\d+$|^\d+[.]?\d+$/,
+            message: "请输入正确的金额",
           },
         ],
         workInjuryInsurance: [
           { required: true, trigger: "change", message: "金额不能为空" },
           {
-            required: true, pattern: /^\d+$|^\d+[.]?\d+$/
+            required: true,
-            , message: "请输入正确的金额"
+            pattern: /^\d+$|^\d+[.]?\d+$/,
+            message: "请输入正确的金额",
           },
         ],
         medicalInsurance: [
           { required: true, trigger: "change", message: "金额不能为空" },
           {
-            required: true, pattern: /^\d+$|^\d+[.]?\d+$/
+            required: true,
-            , message: "请输入正确的金额"
+            pattern: /^\d+$|^\d+[.]?\d+$/,
+            message: "请输入正确的金额",
           },
         ],
         unemploymentInsurance: [
           { required: true, trigger: "change", message: "金额不能为空" },
           {
-            required: true, pattern: /^\d+$|^\d+[.]?\d+$/
+            required: true,
-            , message: "请输入正确的金额"
+            pattern: /^\d+$|^\d+[.]?\d+$/,
+            message: "请输入正确的金额",
           },
         ],
-        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-        contactNumber: [ // 手机号验证
+        contactNumber: [
-          { required: true, trigger: 'change', message: '手机号不能为空' },
+          // 手机号验证
-          { min: 11, max: 11, trigger: 'change', message: '请输入11位手机号码' },
+          { required: true, trigger: "change", message: "手机号不能为空" },
-          { required: true, pattern: /^1[3456789]\d{9}$/, message: "请输入正确手机号" },
+          {
+            min: 11,
+            max: 11,
+            trigger: "change",
+            message: "请输入11位手机号码",
+          },
+          {
+            required: true,
+            pattern: /^1[3456789]\d{9}$/,
+            message: "请输入正确手机号",
+          },
         ],
-
-
       },
       organizationList: [],
       siteOptions: [], //归档位置数据
@@ -744,7 +1037,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -762,7 +1055,7 @@ export default {
           this.$download.excel(response, "员工档案.xls");
           this.exportLoading = false;
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     dateArray(list) {
       if (list == null) {