improve: 必填星号

This commit is contained in:
From-wh 2023-02-27 16:25:57 +08:00
parent d8bb8bf192
commit 829567bc2c

View File

@ -1,10 +1,10 @@
<template>
<div>
<Form ref="formItem" :model="formItem" :label-width="100" @submit.native.prevent>
<Form ref="formItem" :rules="ruleValidate" :model="formItem" :label-width="100" @submit.native.prevent>
<FormItem label="编号:" v-if="formItem.uid">
<Input class="form-sty" disabled v-model="formItem.uid" placeholder="请输入编号" style="width: 80%"></Input>
</FormItem>
<FormItem label="真实姓名:">
<FormItem label="真实姓名:" prop="real_name">
<Input
class="form-sty"
v-model.trim="formItem.real_name"
@ -12,7 +12,7 @@
style="width: 80%"
></Input>
</FormItem>
<FormItem label="手机号码:">
<FormItem label="手机号码:" prop="phone">
<Input class="form-sty" v-model="formItem.phone" placeholder="请输入手机号码" style="width: 80%"></Input>
</FormItem>
<FormItem label="生日:">
@ -35,7 +35,7 @@
<FormItem label="用户备注:">
<Input class="form-sty" v-model="formItem.mark" placeholder="请输入用户备注" style="width: 80%"></Input>
</FormItem>
<FormItem label="登录密码:">
<FormItem label="登录密码:" prop="pwd">
<Input
class="form-sty"
type="password"
@ -44,7 +44,7 @@
style="width: 80%"
></Input>
</FormItem>
<FormItem label="确认密码:">
<FormItem label="确认密码:" prop="true_pwd">
<Input
class="form-sty"
type="password"
@ -60,7 +60,7 @@
</Select>
</FormItem>
<FormItem label="用户分组:">
<Select v-model="formItem.group_id" class="form-sty" clearable>
<Select v-model="formItem.group_id" class="form-sty" clearable>
<Option v-for="(item, index) in infoData.groupInfo" :key="index" :value="item.id">{{
item.group_name
}}</Option>
@ -180,6 +180,12 @@ export default {
labelInfo: [],
levelInfo: [],
},
ruleValidate: {
real_name: [{ required: true, message: '请输入真实姓名', trigger: 'blur' }],
phone: [{ required: true, message: '请输入手机号码', trigger: 'blur' }],
pwd: [{ required: true, message: '请输入登录密码', trigger: 'blur' }],
true_pwd: [{ required: true, message: '请输入确认密码', trigger: 'blur' }],
},
dataLabel: [],
};
},
@ -188,7 +194,7 @@ export default {
this.$set(this.infoData, 'levelInfo', this.userData.levelInfo);
this.$set(this.infoData, 'labelInfo', this.userData.labelInfo);
let arr = Object.keys(this.formItem);
if (this.userData.userInfo.uid) {
if (this.userData.userInfo) {
arr.map((i) => {
this.formItem[i] = this.userData.userInfo[i];
});
@ -196,6 +202,8 @@ export default {
if (this.formItem.label_id.length) {
this.dataLabel = this.formItem.label_id;
}
} else {
this.reset();
}
// this.formItem = this.userData.userInfo;
@ -233,7 +241,7 @@ export default {
},
reset() {
this.formItem = {
uid: 0,
uid: '',
real_name: '',
phone: '',
birthday: '',