feat(信息录入): 输入项校验

luoyb

2021-02-09 b0e30a9500901e3ba6ec14fb59fa07da2b58d490

 src/views/user/Informationinput.vue

@@ -1747,7 +1747,7 @@
      </div>
    </el-dialog>
    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
      <el-form ref="remarkInfoForm" :model="remarkInfoForm" :rules="rules" label-position="right" label-width="140px">
      <el-form ref="remarkInfoForm" :model="remarkInfoForm" :rules="remarkInfoRules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
@@ -1822,11 +1822,11 @@
      tableDataName: '',
      inputForName: '',
      rules: {
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }],
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, { max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
          { min: 2, max: 50, message: this.$t('rules.noMoreThan50'), trigger: 'blur' }],
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
          { min: 2, max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
        deptName: [
          { required: true, message: '请选择护卫点', trigger: 'input' }
        ],
@@ -1877,9 +1877,13 @@
        arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }],
        arbitrationStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        badDate: [{ required: true, message: '请选择不良记录日期', trigger: 'change' }],
        badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }],
        badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }]
      },
      remarkInfoRules: {
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' }],
        remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' }]
        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' },
          { max: 512, message: this.$t('rules.noMoreThan512'), trigger: 'blur' }]
      },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },
@@ -4643,10 +4647,6 @@
  margin-top: 2%;
}

.el-select {
  width: 100%;
}

.commonBtn {
  background-color: rgb(163, 44, 48);
  color: white;
@@ -4662,25 +4662,26 @@
  color: rgb(163, 44, 48);
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.info-card {
  margin-top: 20px;
}

.el-header,
.el-footer {
</style>
<style lang="scss" scoped>
.el-select {
  width: 100%;
}
.el-autocomplete{
  width: 100%;
}
.el-header,.el-footer {
  background-color: #e9eef3;
  color: #333;
  text-align: center;
  line-height: 60px;
}
</style>
<style lang="scss" scoped>
.el-autocomplete {
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
</style>