|
@@ -7,13 +7,13 @@
|
|
|
<!-- 用户名称 -->
|
|
|
<a-form-item label="用户名称" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
|
|
|
<a-input
|
|
|
- placeholder="请输入用户名称30个字以内"
|
|
|
- allowClear
|
|
|
+ placeholder="请输入用户名称(最多30个字符)"
|
|
|
+ allowClear
|
|
|
id="userModal-name"
|
|
|
:maxLength="30"
|
|
|
v-decorator="['formData.name', {
|
|
|
initialValue: formData.name,getValueFromEvent: $filterEmpty,
|
|
|
- rules: [{ required: true, message: '请输入用户名称30个字以内!' },{pattern:'^[^<|>]{1,30}$',message:'请输入不含<或>的字符,最多30个字符'}] }]"
|
|
|
+ rules: [{ required: true, message: '请输入用户名称(最多30个字符)!' },{pattern:'^[^<|>]{1,30}$',message:'请输入不含<或>的字符,最多30个字符'}] }]"
|
|
|
/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
@@ -22,7 +22,7 @@
|
|
|
<a-form-item label="手机号码" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
|
|
|
<a-input
|
|
|
placeholder="请输入手机号码"
|
|
|
- allowClear
|
|
|
+ allowClear
|
|
|
:maxLength="11"
|
|
|
id="userModal-phone"
|
|
|
v-decorator="['formData.phone', {
|
|
@@ -84,7 +84,7 @@
|
|
|
mode="multiple"
|
|
|
style="width: 100%"
|
|
|
placeholder="请选择角色"
|
|
|
- allowClear
|
|
|
+ allowClear
|
|
|
>
|
|
|
<a-select-option
|
|
|
v-for="item in roleList"
|
|
@@ -110,17 +110,16 @@
|
|
|
rules: [] },
|
|
|
]"
|
|
|
style="min-height: 50px;"
|
|
|
- placeholder="输入内容为500个字以内"
|
|
|
+ placeholder="请输入备注(最多500个字符)"
|
|
|
autosize />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
-
|
|
|
- <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
|
|
|
- <a-button type="primary" @click="handleSubmit()" id="userModal-handleSubmit">
|
|
|
+ <a-form-item :wrapper-col="{ span: 24, offset: 10}">
|
|
|
+ <a-button type="primary" @click="handleSubmit()" id="userModal-handleSubmit" :style="{ marginRight: '15px' }">
|
|
|
保存
|
|
|
</a-button>
|
|
|
- <a-button :style="{ marginLeft: '8px' }" @click="handleCancel()" id="userModal-handleCancel">
|
|
|
+ <a-button :style="{ marginLeft: '15px' }" @click="handleCancel()" id="userModal-handleCancel">
|
|
|
取消
|
|
|
</a-button>
|
|
|
</a-form-item>
|
|
@@ -200,17 +199,7 @@ export default {
|
|
|
},
|
|
|
// 取消
|
|
|
handleCancel () {
|
|
|
- const _this = this
|
|
|
- this.$confirm({
|
|
|
- title: '提示',
|
|
|
- content: '确定取消吗?',
|
|
|
- okText: '确定',
|
|
|
- cancelText: '取消',
|
|
|
- onOk () {
|
|
|
- _this.clear()
|
|
|
- _this.cancel()
|
|
|
- }
|
|
|
- })
|
|
|
+ this.cancel()
|
|
|
},
|
|
|
clear () {
|
|
|
this.form.resetFields()
|