feat(信息录入): 信息录入必填项界面效果

luoyb

2021-02-05 7d7fa14150446a9db2a216a280bcc210b3377e36

feat(信息录入): 信息录入必填项界面效果

 src/views/user/Informationinput.vue

@@ -795,7 +795,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="physicalExamForm.sex" />
            </el-form-item>
            <el-form-item label="体检医院">
            <el-form-item label="体检医院" prop="hospital">
              <el-input v-model="physicalExamForm.hospital" />
            </el-form-item>
            <el-form-item label="体检类型">
@@ -821,7 +821,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="physicalExamForm.jobName" />
            </el-form-item>
            <el-form-item label="体检日期">
            <el-form-item label="体检日期" prop="physicalExamDate">
              <el-date-picker
                v-model="physicalExamForm.physicalExamDate"
                value-format="yyyy-MM-dd"
@@ -842,7 +842,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="体检结论">
            <el-form-item label="体检结论" prop="conclusion">
              <el-input v-model="physicalExamForm.conclusion" />
            </el-form-item>
            <el-form-item label="复查记录">
@@ -883,15 +883,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="contractInfoForm.sex" />
            </el-form-item>
            <el-form-item label="合同开始日期">
              <el-date-picker
                v-model="contractInfoForm.beginDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="合同状态">
            <el-form-item label="合同状态" prop="contractStatus">
              <el-select
                v-model="contractInfoForm.contractStatus"
                placeholder="请选择合同状态"
@@ -899,6 +891,14 @@
                <el-option label="新签" value="1" />
                <el-option label="老签" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="合同签订日期" prop="signingDate">
              <el-date-picker
                v-model="contractInfoForm.signingDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="合同办理人">
              <el-input v-model="contractInfoForm.transactor" />
@@ -914,7 +914,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="contractInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="合同结束日期">
            <el-form-item label="合同结束日期" prop="endDate">
              <el-date-picker
                v-model="contractInfoForm.endDate"
                value-format="yyyy-MM-dd"
@@ -924,14 +924,6 @@
            </el-form-item>
            <el-form-item label="合同期限（年）">
              <el-input v-model="contractInfoForm.contractPeriod" />
            </el-form-item>
            <el-form-item label="合同签订日期">
              <el-date-picker
                v-model="contractInfoForm.signingDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -968,7 +960,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="dimissionAttendForm.sex" />
            </el-form-item>
            <el-form-item label="离职考勤月份">
            <el-form-item label="离职考勤月份" prop="attendMonth">
              <el-date-picker
                v-model="dimissionAttendForm.attendMonth"
                value-format="yyyy-MM"
@@ -979,9 +971,11 @@
            <el-form-item label="加班（天）">
              <el-input v-model="dimissionAttendForm.overtimeDay" />
            </el-form-item>

            <el-form-item label="有无代扣款项">
            <el-form-item label="有无代扣款项" prop="deduct">
              <el-input v-model="dimissionAttendForm.deduct" />
            </el-form-item>
            <el-form-item label="旷工（天）">
              <el-input v-model="dimissionAttendForm.absenteeism" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -994,7 +988,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="dimissionAttendForm.jobName" />
            </el-form-item>
            <el-form-item label="出勤天数">
            <el-form-item label="出勤天数" prop="attendDays">
              <el-input v-model="dimissionAttendForm.attendDays" />
            </el-form-item>

@@ -1004,10 +998,6 @@

            <el-form-item label="请假（天）">
              <el-input v-model="dimissionAttendForm.leaveDay" />
            </el-form-item>

            <el-form-item label="旷工（天）">
              <el-input v-model="dimissionAttendForm.absenteeism" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1040,7 +1030,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="leaveInfoForm.sex" />
            </el-form-item>
            <el-form-item label="请假开始时间">
            <el-form-item label="请假开始时间" prop="beginTime">
              <el-date-picker
                v-model="leaveInfoForm.beginTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1050,14 +1040,14 @@
              />
            </el-form-item>

            <el-form-item label="请假类型">
            <el-form-item label="请假类型" prop="leaveType">
              <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型">
                <el-option label="事假" value="1" />
                <el-option label="病假" value="2" />
              </el-select>
            </el-form-item>

            <el-form-item label="报备人">
            <el-form-item label="报备人" prop="reporter">
              <el-input v-model="leaveInfoForm.reporter" />
            </el-form-item>
          </el-col>
@@ -1071,7 +1061,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="leaveInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="请假结束时间">
            <el-form-item label="请假结束时间" prop="endTime">
              <el-date-picker
                v-model="leaveInfoForm.endTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1125,7 +1115,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="resignForm.sex" />
            </el-form-item>
            <el-form-item label="辞职申请日期">
            <el-form-item label="辞职申请日期" prop="applayDate">
              <el-date-picker
                v-model="resignForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1151,7 +1141,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="辞职事由">
            <el-form-item label="辞职事由" prop="reason">
              <el-input v-model="resignForm.reason" />
            </el-form-item>
          </el-col>
@@ -1185,7 +1175,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="unemploymentForm.sex" />
            </el-form-item>
            <el-form-item label="失业金申请日期">
            <el-form-item label="失业金申请日期" prop="applayDate" label-width="130px">
              <el-date-picker
                v-model="unemploymentForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1193,7 +1183,7 @@
                placeholder="选择失业金申请日期"
              />
            </el-form-item>
            <el-form-item label="申报事由">
            <el-form-item label="申报事由" prop="applayReason">
              <el-input v-model="unemploymentForm.applayReason" />
            </el-form-item>
          </el-col>
@@ -1245,7 +1235,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="insuranceForm.sex" />
            </el-form-item>
            <el-form-item label="社保申请日期">
            <el-form-item label="社保申请日期" prop="applayDate">
              <el-date-picker
                v-model="insuranceForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1253,10 +1243,16 @@
                placeholder="选择社保申请日期"
              />
            </el-form-item>
            <el-form-item label="社保档位">
              <el-input v-model="insuranceForm.insuranceGaers" />
            <el-form-item label="社保档位" prop="insuranceGaers">
              <el-select v-model="insuranceForm.insuranceGaers" placeholder="请选择社保档位">
                <el-option label="（深户）五险一档" value="1" />
                <el-option label="（非深户）五险一档" value="2" />
                <el-option label="（非深户）五险二档" value="3" />
                <el-option label="（非深户）五险三档" value="4" />
                <el-option label="（非深户）四险一档" value="5" />
              </el-select>
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="applayStatus">
              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
@@ -1273,7 +1269,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="insuranceForm.jobName" />
            </el-form-item>
            <el-form-item label="申请人">
            <el-form-item label="申请人" prop="proposer">
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
            <el-form-item label="是否已经报告">
@@ -1316,7 +1312,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="accidentCasesForm.sex" />
            </el-form-item>
            <el-form-item label="受伤时间">
            <el-form-item label="受伤时间" prop="injuredTime">
              <el-date-picker
                v-model="accidentCasesForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1324,7 +1320,7 @@
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
            <el-form-item label="受伤部位" prop="injuredPart">
              <el-input v-model="accidentCasesForm.injuredPart" />
            </el-form-item>
          </el-col>
@@ -1349,17 +1345,17 @@

        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
            <el-form-item label="受伤经过描述" prop="injuredDescribe">
              <el-input v-model="accidentCasesForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
            <el-form-item label="就诊医院" prop="hospitalName">
              <el-input v-model="accidentCasesForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院">
            <el-form-item label="是否住院" prop="hospitalizatioFlag">
              <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1376,7 +1372,7 @@
            <el-form-item label="递交人">
              <el-input v-model="accidentCasesForm.sbumitBy" />
            </el-form-item>
            <el-form-item label="保险赔付费用">
            <el-form-item label="保险赔付费用" prop="innsureFee">
              <el-input v-model="accidentCasesForm.innsureFee" />
            </el-form-item>
            <el-form-item label="人事处理时间">
@@ -1388,7 +1384,7 @@
              />
            </el-form-item>

            <el-form-item label="案结时间">
            <el-form-item label="案结时间" prop="settleDate">
              <el-date-picker
                v-model="accidentCasesForm.settleDate"
                value-format="yyyy-MM-dd"
@@ -1412,13 +1408,13 @@
                placeholder="选择递交资料时间"
              />
            </el-form-item>
            <el-form-item label="医疗总费用">
            <el-form-item label="医疗总费用" prop="expensesFee">
              <el-input v-model="accidentCasesForm.expensesFee" />
            </el-form-item>
            <el-form-item label="报单号">
              <el-input v-model="accidentCasesForm.expenseReport" />
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="settleStatus">
              <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1448,7 +1444,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="occupationalForm.sex" />
            </el-form-item>
            <el-form-item label="受伤时间">
            <el-form-item label="受伤时间" prop="injuredTime">
              <el-date-picker
                v-model="occupationalForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1456,7 +1452,7 @@
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
            <el-form-item label="受伤部位" prop="injuredPart">
              <el-input v-model="occupationalForm.injuredPart" />
            </el-form-item>
          </el-col>
@@ -1470,7 +1466,7 @@
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="occupationalForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点">
            <el-form-item label="受伤地点" prop="injuredAddress">
              <el-input v-model="occupationalForm.injuredAddress" />
            </el-form-item>
            <el-form-item label="工伤诊断">
@@ -1481,17 +1477,17 @@

        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
            <el-form-item label="受伤经过描述" prop="injuredDescribe">
              <el-input v-model="occupationalForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
            <el-form-item label="就诊医院" prop="hospitalName">
              <el-input v-model="occupationalForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院">
            <el-form-item label="是否住院" prop="hospitalizatioFlag">
              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1538,7 +1534,7 @@
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="医疗总费用">
            <el-form-item label="医疗总费用" prop="expensesFee">
              <el-input v-model="occupationalForm.expensesFee" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
@@ -1564,7 +1560,7 @@
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="已赔付医药费用">
            <el-form-item label="已赔付医药费用" prop="compensated">
              <el-input v-model="occupationalForm.compensated" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
@@ -1584,10 +1580,10 @@
            <el-form-item label="工伤生活补贴">
              <el-input v-model="occupationalForm.companyAllowance" />
            </el-form-item>
            <el-form-item label="公司赔偿总费用">
            <el-form-item label="公司赔偿总费用" prop="companyCompensation">
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案">
            <el-form-item label="是否结案" prop="settleStatus">
              <el-select v-model="occupationalForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1625,7 +1621,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="laborTroubleForm.sex" />
            </el-form-item>
            <el-form-item label="仲裁日期">
            <el-form-item label="仲裁日期" prop="arbitrationDate">
              <el-date-picker
                v-model="laborTroubleForm.arbitrationDate"
                value-format="yyyy-MM-dd"
@@ -1636,7 +1632,7 @@
            <el-form-item label="汇报人">
              <el-input v-model="laborTroubleForm.reporter" />
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="arbitrationStatus">
              <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1671,7 +1667,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="仲裁事由">
            <el-form-item label="仲裁事由" prop="arbitrationReason">
              <el-input v-model="laborTroubleForm.arbitrationReason" />
            </el-form-item>
          </el-col>
@@ -1705,7 +1701,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="badRecordForm.sex" />
            </el-form-item>
            <el-form-item label="不良记录日期">
            <el-form-item label="不良记录日期" prop="badDate">
              <el-date-picker
                v-model="badRecordForm.badDate"
                type="date"
@@ -1731,7 +1727,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="不良记录描述">
            <el-form-item label="不良记录描述" prop="badContent">
              <el-input v-model="badRecordForm.badContent" />
            </el-form-item>
          </el-col>
@@ -1765,7 +1761,7 @@
            <el-form-item label="性别" prop="sex">
              <el-input v-model="remarkInfoForm.sex" />
            </el-form-item>
            <el-form-item label="备注日期">
            <el-form-item label="备注日期" prop="remarkDate">
              <el-date-picker
                v-model="remarkInfoForm.remarkDate"
                value-format="yyyy-MM-dd"
@@ -1788,7 +1784,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
            <el-form-item label="备注" prop="remarkContent">
              <el-input v-model="remarkInfoForm.remarkContent" type="textarea" />
            </el-form-item>
          </el-col>
@@ -1846,7 +1842,44 @@
        empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }],
        workUnit: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
        beginDate: [{ required: true, message: '请选择开始日期', trigger: 'change' }],
        endDate: [{ required: true, message: '请选择结束日期', trigger: 'change' }]
        endDate: [{ required: true, message: '请选择结束日期', trigger: 'change' }],
        hospital: [{ required: true, message: '请输入体检医院', trigger: 'blur' }],
        physicalExamDate: [{ required: true, message: '请选择体检日期', trigger: 'change' }],
        conclusion: [{ required: true, message: '请输入体检结论', trigger: 'blur' }],
        signingDate: [{ required: true, message: '请选择合同签订日期', trigger: 'change' }],
        contractStatus: [{ required: true, message: '请选择合同状态', trigger: 'change' }],
        attendMonth: [{ required: true, message: '请选择出勤月份', trigger: 'change' }],
        deduct: [{ required: true, message: '请输入代扣填款项', trigger: 'blur' }],
        attendDays: [{ required: true, message: '请输入出勤天数', trigger: 'blur' }],
        beginTime: [{ required: true, message: '请选择请假开始时间', trigger: 'change' }],
        leaveType: [{ required: true, message: '请选择请假类型', trigger: 'change' }],
        reporter: [{ required: true, message: '请输入报备人', trigger: 'blur' }],
        endTime: [{ required: true, message: '请选择请假结束时间', trigger: 'change' }],
        applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
        reason: [{ required: true, message: '请输入辞职事由', trigger: 'blur' }],
        applayReason: [{ required: true, message: '请输入申报事由', trigger: 'blur' }],
        insuranceGaers: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
        applayStatus: [{ required: true, message: '请选择申请状态', trigger: 'change' }],
        proposer: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
        injuredTime: [{ required: true, message: '请选择受伤时间', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }],
        hospitalizatioFlag: [{ required: true, message: '请选择是否住院', trigger: 'blur' }],
        innsureFee: [{ required: true, message: '请输入保险赔付费用', trigger: 'blur' }],
        settleDate: [{ required: true, message: '请选择案结时间', trigger: 'change' }],
        expensesFee: [{ required: true, message: '请输入医疗总费用', trigger: 'blur' }],
        settleStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        injuredAddress: [{ required: true, message: '请输入受伤地点', trigger: 'blur' }],
        compensated: [{ required: true, message: '请输入已赔付医药费用', trigger: 'blur' }],
        companyCompensation: [{ required: true, message: '请输入公司赔偿总费用', trigger: 'blur' }],
        arbitrationDate: [{ required: true, message: '请选择仲裁日期', trigger: 'change' }],
        arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }],
        arbitrationStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        badDate: [{ required: true, message: '请选择不良记录日期', trigger: 'change' }],
        badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }],
        remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' }]
      },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },