feature:员工基本信息增、删、改功能

luoyb

2021-01-30 e0212d41b70fae77600abea9fe5bd2af00c22536

feature:员工基本信息增、删、改功能

 package.json

@@ -40,7 +40,7 @@
  },
  "dependencies": {
    "@riophae/vue-treeselect": "0.0.38",
    "axios": "^0.19.0",
    "axios": "^0.21.1",
    "clipboard": "2.0.4",
    "dropzone": "5.5.1",
    "echarts": "4.2.1",
@@ -65,13 +65,13 @@
    "@babel/register": "7.0.0",
    "@vue/cli-plugin-babel": "3.5.3",
    "@vue/cli-plugin-eslint": "3.9.1",
    "@vue/cli-plugin-unit-jest": "^3.9.0",
    "@vue/cli-service": "3.5.3",
    "@vue/cli-plugin-unit-jest": "^4.5.11",
    "@vue/cli-service": "^4.5.11",
    "@vue/test-utils": "1.0.0-beta.29",
    "autoprefixer": "^9.5.1",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "7.2.3",
    "babel-jest": "23.6.0",
    "babel-jest": "^26.6.3",
    "chalk": "2.4.2",
    "chokidar": "2.1.5",
    "connect": "3.6.6",

 src/views/user/Informationinput.vue

@@ -53,33 +53,34 @@
            <el-button type="primary">导入员工信息</el-button>
          </el-col>
        </el-row>
        <el-table
          v-show="showArr[0].show"
          :data="basicInformationData"
          style="width: 100%"
        >
        <el-table v-show="showArr[0].show" ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
            <template>
              <el-button type="text" size="small">编辑</el-button>
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="empBaseInfoEdit(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            prop=""
            label="照片"
            width="180"
          />
          <el-table-column
            prop="empNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            prop="empName"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            label="护卫点"
          />
          <el-table-column
            prop="jobName"
@@ -87,15 +88,20 @@
            width="180"
          />
          <el-table-column
            prop="empType"
            label="员工类别"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
          />
          <el-table-column
            prop="national"
            prop="nation"
            label="民族"
          />
          <el-table-column
            prop="idNumber"
            prop="certificateNumb"
            label="身份证号码"
            width="180"
          />
@@ -104,7 +110,12 @@
            label="婚姻状况"
          />
          <el-table-column
            prop="schooling"
            prop="politics"
            label="政治面貌"
            width="180"
          />
          <el-table-column
            prop="education"
            label="最高学历"
            width="180"
          />
@@ -119,12 +130,12 @@
            width="180"
          />
          <el-table-column
            prop="equipmentComputerNo"
            label="设备电脑号"
            prop="socialNumb"
            label="社保电脑号"
            width="180"
          />
          <el-table-column
            prop="securityIDNo"
            prop="guardNumb"
            label="保安员证号"
            width="180"
          />
@@ -134,7 +145,7 @@
            width="180"
          />
          <el-table-column
            prop="archives"
            prop="archivesStatus"
            label="档案情况"
            width="180"
          />
@@ -776,9 +787,11 @@
          <el-table-column prop="prop17" label="档案编号" width="180" />
          <el-table-column prop="prop18" label="档案情况" width="180" />
          <el-row>
            <el-col :span="24" class="button-from"> <el-button type="info">提交</el-button>
            <el-col :span="24" class="button-from">
              <el-button type="info">提交</el-button>
              <el-button type="warning">暂存</el-button>
              <el-button type="danger">取消</el-button> </el-col>
              <el-button type="danger">取消</el-button>
            </el-col>
          </el-row>
        </el-table>

@@ -849,161 +862,165 @@
      </el-main>
    </el-container>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%">
      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">
      <el-form :model="empBaseInfoForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="档案号">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.archivesNumb" />
            </el-form-item>
            <el-form-item label="员工编号">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择性别">
              <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="员工类型" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择员工类型">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="民族" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择民族">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择民族">
                <el-option label="汉族" value="1" />
                <el-option label="维吾尔族" value="2" />
              </el-select>
            </el-form-item>

            <el-form-item label="婚姻状态" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择婚姻状态">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择婚姻状态">
                <el-option label="未婚" value="1" />
                <el-option label="已婚" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="身高">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>

            <el-form-item label="政治面貌" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择政治面貌">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择政治面貌">
                <el-option label="党员" value="1" />
                <el-option label="团员" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="最高学历" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择最高学历">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择最高学历">
                <el-option label="本科" value="1" />
                <el-option label="专科" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="籍贯" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择籍贯">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择籍贯">
                <el-option label="湖南" value="1" />
                <el-option label="湖北" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="现住址">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="电话号码">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="招聘介绍人">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="银行名称">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="保险类型" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择保险类型">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择保险类型">
                <el-option label="（深户）五险一档" value="1" />
                <el-option label="（非深户）五险一档" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="家庭成员及关系">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="紧急联系电话">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="所属部门">
              <el-input v-model="baseicInformationForm.name" />
            <el-form-item label="护卫点">
              <el-input v-model="empBaseInfoForm.deptName" />
            </el-form-item>
            <el-form-item label="姓名">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属岗位">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="身份证有效期">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="年龄">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="出生日期">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="入职日期">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="入司工龄">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="户籍地址">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="保安员证号">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="保安员回执">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="档案情况" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择档案情况">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择档案情况">
                <el-option label="未移交" value="1" />
                <el-option label="已移交" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="银行账号">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="社保电脑号">
              <el-input v-model="baseicInformationForm.name" />
              <el-input v-model="empBaseInfoForm.name" />
            </el-form-item>
            <el-form-item label="员工手册" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择员工手册">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择员工手册">
                <el-option label="未发" value="1" />
                <el-option label="已发" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="工作证" prop="region">
              <el-select v-model="baseicInformationForm.name" placeholder="请选择工作证">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择工作证">
                <el-option label="未发" value="1" />
                <el-option label="已发" value="2" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>  <el-col :span="24">  <el-form-item label="相关证件" prop="region">
          <el-select v-model="baseicInformationForm.name" placeholder="请选择相关证件">
            <el-option label="高中毕业证" value="1" />
            <el-option label="专科毕业证" value="2" />
            <el-option label="本科毕业证" value="3" />
          </el-select>
        </el-form-item> </el-col></el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="相关证件" prop="region">
              <el-select v-model="empBaseInfoForm.name" placeholder="请选择相关证件">
                <el-option label="高中毕业证" value="1" />
                <el-option label="专科毕业证" value="2" />
                <el-option label="本科毕业证" value="3" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
        <el-button type="primary" @click="putEmpBase()">确 定</el-button>
      </div>
    </el-dialog>

@@ -1044,11 +1061,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>  <el-col :span="24">
          <el-form-item label="工作单位">
            <el-input v-model="jobContentForm.name" />
          </el-form-item>
        </el-col></el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="工作单位">
              <el-input v-model="jobContentForm.name" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="主要工作内容">
@@ -1114,14 +1133,16 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>  <el-col :span="24">
          <el-form-item label="体检结论">
            <el-input v-model="physicalForm.name" />
          </el-form-item>
          <el-form-item label="复查记录">
            <el-input v-model="physicalForm.name" />
          </el-form-item>
        </el-col></el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="体检结论">
              <el-input v-model="physicalForm.name" />
            </el-form-item>
            <el-form-item label="复查记录">
              <el-input v-model="physicalForm.name" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
@@ -1368,11 +1389,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row><el-col :span="24">
          <el-form-item label="辞职事由">
            <el-input v-model="resignForm.name" />
          </el-form-item>
        </el-col> </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="辞职事由">
              <el-input v-model="resignForm.name" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
@@ -1610,7 +1633,8 @@
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="2" />
              </el-select>
            </el-form-item></el-col>
            </el-form-item>
          </el-col>
        </el-row>

      </el-form>
@@ -1831,7 +1855,8 @@
                type="date"
                placeholder="选择案结日期"
              />
            </el-form-item></el-col>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
@@ -2025,71 +2050,7 @@
        endDate: '2020-01-01',
        jobContent: '深圳市宇川智能系统'
      }],
      basicInformationData: [{
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        jobName: '开发工程师',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        marriage: '已婚',
        schooling: '本科',
        entryDate: '2020-01-12',
        insuranceType: '社保',
        equipmentComputerNo: '1231',
        securityIDNo: '123',
        archivesNumber: '中保亚太',
        archives: '已移交'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        jobName: '开发工程师',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        marriage: '已婚',
        schooling: '开发工程师',
        entryDate: '2020-01-12',
        insuranceType: '社保',
        equipmentComputerNo: '1231',
        securityIDNo: '123',
        archivesNumber: '中保亚太',
        archives: '已移交'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        jobName: '开发工程师',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        marriage: '已婚',
        schooling: '开发工程师',
        entryDate: '2020-01-12',
        insuranceType: '社保',
        equipmentComputerNo: '1231',
        securityIDNo: '123',
        archivesNumber: '中保亚太',
        archives: '已移交'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        jobName: '开发工程师',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        marriage: '已婚',
        schooling: '开发工程师',
        entryDate: '2020-01-12',
        insuranceType: '社保',
        equipmentComputerNo: '1231',
        securityIDNo: '123',
        archivesNumber: '中保亚太',
        archives: '已移交'
      }],
      basicInformationData: [],
      contractData: [{
        userNumb: '12321222',
        name: '王小虎',
@@ -2378,13 +2339,346 @@
        status: '正常',
        remark: ''
      }],
      data1: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2020-01-02', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '是', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2019-02-03', 'prop7': '', 'prop8': '', 'prop9': '家里XXXX有事情需要处理，个人原因申请离职', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '否', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '', 'prop7': '', 'prop8': '', 'prop9': '', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '', 'prop19': '', 'prop20': '', 'prop21': '', 'prop22': '', 'prop23': '' }],
      data2: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '2100452312', 'prop3': '赵建国', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '汉族', 'prop9': '510304197402225813', 'prop10': '', 'prop11': '党员', 'prop12': '大专', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '中保亚太', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2101620946', 'prop3': '罗启艳', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '41272619740120543X', 'prop10': '', 'prop11': '团员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '福田', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100629950', 'prop3': '毛玉平', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '汉族', 'prop9': '522528198202071629', 'prop10': '', 'prop11': '非党员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '粤B829348', 'prop18': '已移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100882835', 'prop3': '梅均均', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '510504198704260927', 'prop10': '', 'prop11': '党员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '未移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2101356718', 'prop3': '王香妮', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '女', 'prop8': '汉族', 'prop9': '433122199508091511', 'prop10': '', 'prop11': '团员', 'prop12': '高中', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '未移交' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '2100900981', 'prop3': '易金洪', 'prop4': '', 'prop5': '', 'prop6': '', 'prop7': '男', 'prop8': '苗族', 'prop9': '610424198306152860', 'prop10': '', 'prop11': '非党员', 'prop12': '', 'prop13': '', 'prop14': '', 'prop15': '', 'prop16': '', 'prop17': '', 'prop18': '已移交' }],
      data3: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '510304197402225813', 'prop6': '2021-01-02', 'prop7': '劳资纠纷', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '2500.00', 'prop12': '已结案', 'prop13': '2021-01-16' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '41272619740120543X', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '522528198202071629', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2101620947', 'prop4': '王香妮', 'prop5': '510504198704260927', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '毛玉平', 'prop5': '510504198704260927', 'prop6': '2017-01-03', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '梅均均', 'prop5': '433122199508091511', 'prop6': '2021-01-02', 'prop7': '', 'prop8': '', 'prop9': '张力', 'prop10': '', 'prop11': '', 'prop12': '', 'prop13': '' }],
      data1: [{
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '赵建国',
        'prop5': '510304197402225813',
        'prop6': '2020-01-02',
        'prop7': '',
        'prop8': '',
        'prop9': '',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': '是',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '',
        'prop19': '',
        'prop20': '',
        'prop21': '',
        'prop22': '',
        'prop23': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '张山',
        'prop5': '41272619740120543X',
        'prop6': '2019-02-03',
        'prop7': '',
        'prop8': '',
        'prop9': '家里XXXX有事情需要处理，个人原因申请离职',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': '否',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '',
        'prop19': '',
        'prop20': '',
        'prop21': '',
        'prop22': '',
        'prop23': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2101620946',
        'prop4': '罗启艳',
        'prop5': '522528198202071629',
        'prop6': '',
        'prop7': '',
        'prop8': '',
        'prop9': '',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '',
        'prop19': '',
        'prop20': '',
        'prop21': '',
        'prop22': '',
        'prop23': ''
      }],
      data2: [{
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2100452312',
        'prop3': '赵建国',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '男',
        'prop8': '汉族',
        'prop9': '510304197402225813',
        'prop10': '',
        'prop11': '党员',
        'prop12': '大专',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '中保亚太',
        'prop18': '已移交'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2101620946',
        'prop3': '罗启艳',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '女',
        'prop8': '汉族',
        'prop9': '41272619740120543X',
        'prop10': '',
        'prop11': '团员',
        'prop12': '高中',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '福田',
        'prop18': '已移交'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2100629950',
        'prop3': '毛玉平',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '男',
        'prop8': '汉族',
        'prop9': '522528198202071629',
        'prop10': '',
        'prop11': '非党员',
        'prop12': '高中',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '粤B829348',
        'prop18': '已移交'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2100882835',
        'prop3': '梅均均',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '女',
        'prop8': '汉族',
        'prop9': '510504198704260927',
        'prop10': '',
        'prop11': '党员',
        'prop12': '高中',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '未移交'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2101356718',
        'prop3': '王香妮',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '女',
        'prop8': '汉族',
        'prop9': '433122199508091511',
        'prop10': '',
        'prop11': '团员',
        'prop12': '高中',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '未移交'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '2100900981',
        'prop3': '易金洪',
        'prop4': '',
        'prop5': '',
        'prop6': '',
        'prop7': '男',
        'prop8': '苗族',
        'prop9': '610424198306152860',
        'prop10': '',
        'prop11': '非党员',
        'prop12': '',
        'prop13': '',
        'prop14': '',
        'prop15': '',
        'prop16': '',
        'prop17': '',
        'prop18': '已移交'
      }],
      data3: [{
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '赵建国',
        'prop5': '510304197402225813',
        'prop6': '2021-01-02',
        'prop7': '劳资纠纷',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '2500.00',
        'prop12': '已结案',
        'prop13': '2021-01-16'
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '张山',
        'prop5': '41272619740120543X',
        'prop6': '2017-01-03',
        'prop7': '',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2101620946',
        'prop4': '罗启艳',
        'prop5': '522528198202071629',
        'prop6': '2021-01-02',
        'prop7': '',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2101620947',
        'prop4': '王香妮',
        'prop5': '510504198704260927',
        'prop6': '2021-01-02',
        'prop7': '',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2100629950',
        'prop4': '毛玉平',
        'prop5': '510504198704260927',
        'prop6': '2017-01-03',
        'prop7': '',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2100629950',
        'prop4': '梅均均',
        'prop5': '433122199508091511',
        'prop6': '2021-01-02',
        'prop7': '',
        'prop8': '',
        'prop9': '张力',
        'prop10': '',
        'prop11': '',
        'prop12': '',
        'prop13': ''
      }],

      badRecordData: [],

      data5: [{ 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '赵建国', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2100452312', 'prop4': '张山', 'prop5': '2017-01-03', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '一分公司', 'prop3': '2101620946', 'prop4': '罗启艳', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2101620947', 'prop4': '王香妮', 'prop5': '2021-01-02', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '毛玉平', 'prop5': '2017-01-03', 'prop6': '' }, { 'prop0': '', 'prop1': '编辑', 'prop2': '二分公司', 'prop3': '2100629950', 'prop4': '梅均均', 'prop5': '2021-01-02', 'prop6': '' }],
      data5: [{
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '赵建国',
        'prop5': '2021-01-02',
        'prop6': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2100452312',
        'prop4': '张山',
        'prop5': '2017-01-03',
        'prop6': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '一分公司',
        'prop3': '2101620946',
        'prop4': '罗启艳',
        'prop5': '2021-01-02',
        'prop6': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2101620947',
        'prop4': '王香妮',
        'prop5': '2021-01-02',
        'prop6': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2100629950',
        'prop4': '毛玉平',
        'prop5': '2017-01-03',
        'prop6': ''
      }, {
        'prop0': '',
        'prop1': '编辑',
        'prop2': '二分公司',
        'prop3': '2100629950',
        'prop4': '梅均均',
        'prop5': '2021-01-02',
        'prop6': ''
      }],
      socialSecurityForm: {
        userNumb: '',
        name: '',
@@ -2490,22 +2784,53 @@
        endDate: '',
        jobContent: ''
      },
      baseicInformationForm: {
        userNumb: '',
        name: '',
      empBaseInfoForm: {
        empId: '',
        customerId: '',
        archivesNumb: '',
        deptId: '',
        deptName: '',
        jobName: '',
        empNumb: '',
        empName: '',
        sex: '',
        national: '',
        idNumber: '',
        JobId: '',
        jobName: '',
        empType: '',
        certificateType: '',
        certificateNumb: '',
        nation: '',
        certificateValidity: '',
        marriage: '',
        schooling: '',
        age: '',
        stature: '',
        birthdate: '',
        politics: '',
        entryDate: '',
        insuranceType: '',
        equipmentComputerNo: '',
        securityIDNo: '',
        archivesNumber: '',
        archives: ''
        education: '',
        seniority: '',
        nativePlace: '',
        censusAddress: '',
        currentAddress: '',
        guardNumb: '',
        telePhone: '',
        returnReceipt: '',
        introducer: '',
        archivesStatus: '',
        bankName: '',
        bankNumb: '',
        InsuranceType: '',
        socialNumb: '',
        family: '',
        handbookStatus: '',
        urgencyPhone: '',
        empCardStatus: '',
        certificateList: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      badRecordFrom: {
        badId: '',
@@ -2519,6 +2844,7 @@
    }
  }, mounted() {
    this.getBadRecord()
    this.selectEmpBase()
  },
  methods: {
    dialogIsShow() {
@@ -2609,41 +2935,93 @@
          })
        }
      }
    },

    selectEmpBase() {
      this.$get('hr/empBaseInfo/list').then((r) => {
        this.basicInformationData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    empBaseInfoEdit(row) {
      this.isAdd = false
      this.empBaseInfoForm.empNumb = row.empNumb
      this.empBaseInfoForm.empName = row.empName
      // this.empBaseInfoForm.empId = row.empId
      // this.empBaseInfoForm.badDate = row.badDate
      // this.empBaseInfoForm.reporter = row.reporter
      // this.empBaseInfoForm.badContent = row.badContent
      // this.empBaseInfoForm.creator = row.creator
      // this.empBaseInfoForm.remark = row.remark
      this.dialogshowArr[0].show = true
    },
    putEmpBase() {
      if (this.isAdd) {
        this.$post('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          // this.cleanBadRecord()
          this.selectEmpBase()
        })
      } else {
        this.$put('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          // this.cleanBadRecord()
          this.selectEmpBase()
        })
      }
      this.dialogIsShow()
    }
  }
}
</script>
<style>
.button-from{
.button-from {
  text-align: center;
  margin-top: 2%;
}
.el-select{

.el-select {
  width: 100%;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
   width: 100%;
}
.info-card{
 margin-top: 20px;
}
  .el-header, .el-footer {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    height: 800px;
  }
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100%;
}

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    height: 800px;
  }
.info-card {
  margin-top: 20px;
}

.el-header, .el-footer {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  line-height: 60px;
}

.el-aside {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  height: 800px;
}

.el-main {
  background-color: #E9EEF3;
  color: #333;
  height: 800px;
}
</style>

 vue.config.js

@@ -36,7 +36,7 @@
      // change xxx-api/login => mock/login
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://120.24.23.155:8301/',
        target: 'http://127.0.0.1:8301/',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''