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

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: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
kssj: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -15,7 +15,7 @@
</el-col>
<el-col :span="8">
<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>
</el-select>

View File

@ -15,7 +15,7 @@
</el-col>
<el-col :span="8">
<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>
</el-select>

View File

@ -30,7 +30,7 @@
</el-form-item>
</el-col>
<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-form-item>
</el-col>
@ -51,7 +51,7 @@
import { deptLists } from "@/api/org/department";
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(['差旅费', '办公费', '招待费', '交通费', '通讯费', '采购付款', '其他'])
let props = defineProps({

View File

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

View File

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

View File

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

View File

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

View File

@ -12,7 +12,7 @@
</el-form-item>
</el-col>
<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-option :label="item.name" :value="item.name" v-for="item in deptList">
</el-option>
@ -20,7 +20,7 @@
</el-form-item>
</el-col>
<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-option :label="item" :value="item" v-for="(item, index) in qjlxList" :key="index">
</el-option>
@ -153,6 +153,20 @@ const formRules = reactive({
message: '不可为空',
trigger: ['blur']
}],
jybm: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jylx: [{
required: true,
message: '不可为空',
trigger: ['blur']
}], dalx: [{
required: true,
message: '不可为空',
trigger: ['blur']
}],
jssj: [
{
required: true,