优化表单验证规则,提高数据准确性,提升用户体验。
This commit is contained in:
parent
200ce13ac4
commit
65d7a72b50
@ -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']
|
||||||
|
}],
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -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({
|
||||||
|
@ -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,
|
||||||
|
@ -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({
|
||||||
|
@ -51,7 +51,11 @@ const formRules = reactive({
|
|||||||
message: '不可为空',
|
message: '不可为空',
|
||||||
trigger: ['blur']
|
trigger: ['blur']
|
||||||
}],
|
}],
|
||||||
|
jlsy: [{
|
||||||
|
required: true,
|
||||||
|
message: '不可为空',
|
||||||
|
trigger: ['blur']
|
||||||
|
}],
|
||||||
|
|
||||||
|
|
||||||
kssj: [{
|
kssj: [{
|
||||||
|
@ -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 = () => {
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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({
|
||||||
|
@ -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();
|
||||||
|
@ -78,7 +78,7 @@ const formRules = reactive({
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
lwdw: [{
|
jjcd: [{
|
||||||
required: true,
|
required: true,
|
||||||
message: '不可为空',
|
message: '不可为空',
|
||||||
trigger: ['blur']
|
trigger: ['blur']
|
||||||
|
@ -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 () => {
|
||||||
|
@ -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']
|
||||||
|
}],
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -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,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user