purovps/jshERP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化功能模块页面

Browse Source
This commit is contained in:
季圣华
2022-07-28 23:55:14 +08:00
parent 0fd608fd98
commit f03902bb74
3 changed files with 69 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
jshERP-web/src/views/system/modules/FunctionModal.vue
View File

@@ -23,22 +23,22 @@
<a-input placeholder="请输入名称" v-decorator.trim="[ 'name', validatorRules.name]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上级编号">
<a-input placeholder="请输入上级编号" v-decorator.trim="[ 'parentNumber' ]" />
<a-input placeholder="请输入上级编号" v-decorator.trim="[ 'parentNumber', validatorRules.parentNumber ]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="链接">
<a-input placeholder="请输入链接" v-decorator.trim="[ 'url' ]" />
<a-input placeholder="请输入链接" v-decorator.trim="[ 'url', validatorRules.url ]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="组件">
<a-input placeholder="请输入组件" v-decorator.trim="[ 'component' ]" />
<a-input placeholder="请输入组件" v-decorator.trim="[ 'component', validatorRules.component ]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="排序">
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort' ]" />
<a-input placeholder="请输入排序" v-decorator.trim="[ 'sort', validatorRules.sort ]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="功能按钮">
<j-select-multiple placeholder="请选择功能按钮" v-model="jselectMultiple.value" :options="jselectMultiple.options"/>
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="图标">
<a-input placeholder="请输入图标" v-decorator.trim="[ 'icon' ]" />
<a-input placeholder="请输入图标" v-decorator.trim="[ 'icon', validatorRules.icon ]" />
</a-form-item>
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="是否启用">
<a-switch checked-children="启用" un-checked-children="禁用" v-model="enabledSwitch" @change="onChange"/>
@@ -49,7 +49,7 @@
</template>
<script>
import pick from 'lodash.pick'
import {addFunction,editFunction,checkFunction } from '@/api/api'
import {addFunction,editFunction,checkFunction, checkNumber } from '@/api/api'
import {autoJumpNextInput} from "@/utils/util"
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
export default {
@@ -87,17 +87,45 @@
confirmLoading: false,
form: this.$form.createForm(this),
validatorRules:{
number:{
rules: [
{ required: true, message: '请输入编号!' },
{ min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' },
{ validator: this.validateNumber}
]
},
name:{
rules: [
{ required: true, message: '请输入名称!' },
{ min: 2, max: 30, message: '长度在 2 到 30 个字符', trigger: 'blur' },
{ validator: this.validatePersonName}
]},
type:{
rules: [
{ required: true, message: '请选择类型!' }
{ validator: this.validateName}
]
}
},
parentNumber:{
rules: [
{ required: true, message: '请输入上级编号!' }
]
},
url:{
rules: [
{ required: true, message: '请输入链接!' }
]
},
component:{
rules: [
{ required: true, message: '请输入组件!' }
]
},
sort:{
rules: [
{ required: true, message: '请输入排序!' }
]
},
icon:{
rules: [
{ required: true, message: '请输入图标!' }
]
},
},
}
},
@@ -125,7 +153,7 @@
this.jselectMultiple.value = ''
}
this.$nextTick(() => {
this.form.setFieldsValue(pick(this.model,'number', 'name', 'parentNumber', 'url', 'component', 'sort', 'pushBtn', 'icon', 'enabled'))
this.form.setFieldsValue(pick(this.model,'number', 'name', 'parentNumber', 'parentName', 'url', 'component', 'sort', 'pushBtn', 'icon', 'enabled'))
autoJumpNextInput('functionModal')
});
},
@@ -163,7 +191,24 @@
handleCancel () {
this.close()
},
validatePersonName(rule, value, callback){
validateNumber(rule, value, callback){
let params = {
number: value,
id: this.model.id?this.model.id:0
};
checkNumber(params).then((res)=>{
if(res && res.code===200) {
if(!res.data.status){
callback();
} else {
callback("编号已经存在！");
}
} else {
callback(res.data);
}
});
},
validateName(rule, value, callback){
let params = {
name: value,
id: this.model.id?this.model.id:0
@@ -173,7 +218,7 @@
if(!res.data.status){
callback();
} else {
callback("名称已经存在");
callback("名称已经存在！");
}
} else {
callback(res.data);