|
@@ -5,13 +5,13 @@
|
|
|
<!-- 用户名称 -->
|
|
|
<a-form-item label="角色名称" :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }">
|
|
|
<a-input
|
|
|
- placeholder="请输入角色名称30个字以内"
|
|
|
+ placeholder="请输入角色名称(最多30个字符)"
|
|
|
allowClear
|
|
|
:maxLength="30"
|
|
|
id="roleModal-name"
|
|
|
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>
|
|
|
<!-- 状态 -->
|
|
@@ -40,16 +40,16 @@
|
|
|
rules: [] },
|
|
|
]"
|
|
|
style="min-height: 60px;"
|
|
|
- placeholder="输入内容500个字以内"
|
|
|
+ placeholder="请输入角色描述(最多500个字符)"
|
|
|
:maxLength="500"
|
|
|
autosize />
|
|
|
</a-form-item>
|
|
|
|
|
|
- <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
|
|
|
- <a-button type="primary" @click="handleSubmit()" id="roleModal-handleSubmit">
|
|
|
+ <a-form-item :wrapper-col="{ span: 24, offset: 10}" >
|
|
|
+ <a-button type="primary" @click="handleSubmit()" id="roleModal-handleSubmit" :style="{ marginRight: '15px' }">
|
|
|
保存
|
|
|
</a-button>
|
|
|
- <a-button :style="{ marginLeft: '8px' }" @click="handleCancel()" id="roleModal-handleCancel">
|
|
|
+ <a-button :style="{ marginLeft: '15px' }" @click="handleCancel()" id="roleModal-handleCancel">
|
|
|
取消
|
|
|
</a-button>
|
|
|
</a-form-item>
|
|
@@ -118,17 +118,7 @@ export default {
|
|
|
},
|
|
|
// 取消
|
|
|
handleCancel () {
|
|
|
- const _this = this
|
|
|
- this.$confirm({
|
|
|
- title: '提示',
|
|
|
- content: '确定取消吗?',
|
|
|
- okText: '确定',
|
|
|
- cancelText: '取消',
|
|
|
- onOk () {
|
|
|
- _this.clear()
|
|
|
- _this.cancel()
|
|
|
- }
|
|
|
- })
|
|
|
+ this.cancel()
|
|
|
},
|
|
|
clear () {
|
|
|
this.form.resetFields()
|