优化表单验证规则,提高数据准确性,提升用户体验。

This commit is contained in:
zmj 2024-05-31 18:21:59 +08:00
parent 200ce13ac4
commit 65d7a72b50
14 changed files with 81 additions and 16 deletions

View File

@ -70,12 +70,21 @@ const formRules = reactive({
}], }],
jlsy: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
chje: [{ chje: [{
required: true, required: true,
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
kssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],

View File

@ -63,7 +63,7 @@
</template> </template>
<script setup> <script setup>
let list = ['jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz"] let list = ['jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz", 'lwrq']
const qjlxList = reactive(['银行卡', '现金', '汇票', '电汇', '贷记', '支票', '其他']) const qjlxList = reactive(['银行卡', '现金', '汇票', '电汇', '贷记', '支票', '其他'])
let props = defineProps({ let props = defineProps({

View File

@ -77,7 +77,11 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
hdsm: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
kssj: [{ kssj: [{
required: true, required: true,

View File

@ -58,7 +58,7 @@
</template> </template>
<script setup> <script setup>
let list = ['wjmc', 'jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz"] let list = ['wjmc', 'jkje', 'jjlx', 'jyr', 'yhzh', 'khh', "bz", 'lwrq']
const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他']) const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
let props = defineProps({ let props = defineProps({

View File

@ -51,7 +51,11 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
jlsy: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
kssj: [{ kssj: [{

View File

@ -2,7 +2,7 @@
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules"> <el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="外出地点"> <el-form-item label="外出地点" prop="wcdd">
<el-input v-model="formData.wcdd" clearable placeholder="请输入外出地点" /> <el-input v-model="formData.wcdd" clearable placeholder="请输入外出地点" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -85,6 +85,13 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
wcdd: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
}) })
const calcDay = () => { const calcDay = () => {

View File

@ -15,7 +15,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所在部门" prop="rzbm"> <el-form-item label="所在部门" prop="rzbm">
<el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1"> <el-select v-model="formData.rzbm" placeholder="请选择所在部门" class="flex-1">
<el-option :label="item.name" :value="item.name" v-for="item in deptList"> <el-option :label="item.name" :value="item.name" v-for="item in deptList">
</el-option> </el-option>
</el-select> </el-select>

View File

@ -15,7 +15,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="当前所在部门" prop="rzbm"> <el-form-item label="当前所在部门" prop="rzbm">
<el-select v-model="formData.rzbm" placeholder="请选择入职部门" class="flex-1"> <el-select v-model="formData.rzbm" placeholder="请选择当前所在部门" class="flex-1">
<el-option :label="item.name" :value="item.name" v-for="item in deptList"> <el-option :label="item.name" :value="item.name" v-for="item in deptList">
</el-option> </el-option>
</el-select> </el-select>

View File

@ -30,7 +30,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="试用期评价"> <el-form-item label="试用期评价" prop="bz1">
<el-input v-model="formData.bz1" clearable placeholder="请输入试用期评价" type="textarea" /> <el-input v-model="formData.bz1" clearable placeholder="请输入试用期评价" type="textarea" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -51,7 +51,7 @@
import { deptLists } from "@/api/org/department"; import { deptLists } from "@/api/org/department";
import { jobsLists } from '@/api/org/post' import { jobsLists } from '@/api/org/post'
let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw"] let list = ['jyr', 'lwrq', 'wjmc', 'sex', 'rzbm', "drzw", 'bz1']
const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他']) const qjlxList = reactive(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
let props = defineProps({ let props = defineProps({

View File

@ -15,7 +15,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="来文单位"> <el-form-item label="来文单位" prop="lwdw">
<el-input v-model="formData.lwdw" clearable placeholder="请输入来文单位" /> <el-input v-model="formData.lwdw" clearable placeholder="请输入来文单位" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -85,6 +85,12 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
lwdw: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
}) })
const check = async () => { const check = async () => {
await formRef.value?.validate(); await formRef.value?.validate();

View File

@ -78,7 +78,7 @@ const formRules = reactive({
lwdw: [{ jjcd: [{
required: true, required: true,
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']

View File

@ -17,12 +17,12 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="用车公里数"> <el-form-item label="用车公里数" prop='qjts'>
<el-input v-model="formData.qjts" clearable placeholder="请输入用车公里数" /> <el-input v-model="formData.qjts" clearable placeholder="请输入用车公里数" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="用车后公里数"> <el-form-item label="用车后公里数" prop='qjts1'>
<el-input v-model="formData.qjts1" clearable placeholder="请输入用车后公里数" /> <el-input v-model="formData.qjts1" clearable placeholder="请输入用车后公里数" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -70,6 +70,16 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
qjts: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
qjts1: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
}) })
const check = async () => { const check = async () => {

View File

@ -86,6 +86,17 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
ycmdd: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
wjfs: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],

View File

@ -12,7 +12,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="借用部门"> <el-form-item label="借用部门" prop="jybm">
<el-select v-model="formData.jybm" placeholder="请选择" class="flex-1"> <el-select v-model="formData.jybm" placeholder="请选择" class="flex-1">
<el-option :label="item.name" :value="item.name" v-for="item in deptList"> <el-option :label="item.name" :value="item.name" v-for="item in deptList">
</el-option> </el-option>
@ -20,7 +20,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="借用类型" prop="jjcd"> <el-form-item label="借用类型" prop="jylx">
<el-select v-model="formData.jylx" placeholder="请选择借用类型" class="flex-1"> <el-select v-model="formData.jylx" placeholder="请选择借用类型" class="flex-1">
<el-option :label="item" :value="item" v-for="(item, index) in qjlxList" :key="index"> <el-option :label="item" :value="item" v-for="(item, index) in qjlxList" :key="index">
</el-option> </el-option>
@ -153,6 +153,20 @@ const formRules = reactive({
message: '不可为空', message: '不可为空',
trigger: ['blur'] trigger: ['blur']
}], }],
jybm: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jylx: [{
required: true,
message: '不可为空',
trigger: ['blur']
}], dalx: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jssj: [ jssj: [
{ {
required: true, required: true,