end7less
/
program_lcode_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化表单修改页面add\subAdd模式下不需要调用editSomeFields； 

优化部门、角色、用户的维护界面更为简洁
master
陈裕财 2 years ago
parent
3a02061cf6
commit
51ec9df2df
4 changed files with 84 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      src/components/mdp-ui/mixin/MdpFormMixin.js
  2. 85
      src/views/mdp/sys/dept/Form.vue
  3. 2
      src/views/mdp/sys/dept/Index.vue
  4. 26
      src/views/mdp/sys/role/Form.vue

12
src/components/mdp-ui/mixin/MdpFormMixin.js
View File

@ -311,6 +311,13 @@ export const MdpFormMixin = {
} }
return isMatch; return isMatch;
}, },
editSomeFieldQxCheck(){
if(this.currOpType=='add' || this.currOpType=='subAdd' || this.currOpType=='detail'){
return false;
}else{
return true;
}
},
/** /**
* 对修改的字段进行判断，返回false ,将取消更新数据库,由组件扩展 * 对修改的字段进行判断，返回false ,将取消更新数据库,由组件扩展
* @param {*} row 当前选中的行 * @param {*} row 当前选中的行
@ -320,14 +327,11 @@ export const MdpFormMixin = {
* @returns true/false 返回false ,将取消更新数据库 * @returns true/false 返回false ,将取消更新数据库
*/ */
editSomeFieldsCheck(row,fieldName,$event,params){ editSomeFieldsCheck(row,fieldName,$event,params){
if(this.currOpType=='add'){
return false;
}
params[fieldName]=$event params[fieldName]=$event
return true; return true;
}, },
editSomeFields(row,fieldName,$event){ editSomeFields(row,fieldName,$event){
if(this.currOpType=='add' || this.currOpType=='detail'){
if(!this.editSomeFieldQxCheck()){
return; return;
} }
var params={}; var params={};

85
src/views/mdp/sys/dept/Form.vue
View File

@ -3,63 +3,64 @@
<el-row> <el-row>
<!--新增/编辑界面 Dept sys_dept--> <!--新增/编辑界面 Dept sys_dept-->
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef"> <el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="部门全称" prop="deptName">
<el-input v-model="editForm.deptName" placeholder="部门全称" :maxlength="64" @change="editSomeFields(editForm,'deptName',$event)" :disabled="disabledJudge('deptName')"></el-input>
</el-form-item>
<el-form-item label="简称" prop="shortName" v-if="currOpType!='add' && currOpType!='subAdd'">
<el-input v-model="editForm.shortName" placeholder="简称" :maxlength="50" @change="editSomeFields(editForm,'shortName',$event)" :disabled="disabledJudge('shortName')"></el-input>
</el-form-item>
<el-form-item label="部门编号" prop="deptid"> <el-form-item label="部门编号" prop="deptid">
<el-input v-model="editForm.deptid" placeholder="部门编号，为空则后台自动生成" :maxlength="40" @change="editSomeFields(editForm,'deptid',$event)" :disabled="disabledJudge('deptid') || currOpType=='edit'"></el-input> <el-input v-model="editForm.deptid" placeholder="部门编号，为空则后台自动生成" :maxlength="40" @change="editSomeFields(editForm,'deptid',$event)" :disabled="disabledJudge('deptid') || currOpType=='edit'"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="部门编码" prop="displayDeptid">
<el-form-item label="部门编码" prop="displayDeptid" v-if="currOpType!='add' && currOpType!='subAdd'">
<el-input v-model="editForm.displayDeptid" placeholder="部门编码外部使用" :maxlength="40" @change="editSomeFields(editForm,'displayDeptid',$event)" :disabled="disabledJudge('displayDeptid')"></el-input> <el-input v-model="editForm.displayDeptid" placeholder="部门编码外部使用" :maxlength="40" @change="editSomeFields(editForm,'displayDeptid',$event)" :disabled="disabledJudge('displayDeptid')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="部门全称" prop="deptName">
<el-input v-model="editForm.deptName" placeholder="部门全称" :maxlength="64" @change="editSomeFields(editForm,'deptName',$event)" :disabled="disabledJudge('deptName') || true"></el-input>
</el-form-item>
<el-form-item label="简称" prop="shortName">
<el-input v-model="editForm.shortName" placeholder="简称" :maxlength="50" @change="editSomeFields(editForm,'shortName',$event)" :disabled="disabledJudge('shortName')"></el-input>
</el-form-item>
<el-form-item label="上级部门编号" prop="pdeptid">
<el-input v-model="editForm.pdeptid" placeholder="上级部门编号" :maxlength="40" @change="editSomeFields(editForm,'pdeptid',$event)" :disabled="disabledJudge('pdeptid')||true"></el-input>
</el-form-item>
<el-form-item label="负责人名称" prop="manager"> <el-form-item label="负责人名称" prop="manager">
<mdp-select-user show-style="origin" v-model="editForm.manager" placeholder="负责人名称" :maxlength="40" @change2="editSomeFields(editForm,'manager',$event)" :disabled="disabledJudge('manager')"></mdp-select-user> <mdp-select-user show-style="origin" v-model="editForm.manager" placeholder="负责人名称" :maxlength="40" @change2="editSomeFields(editForm,'manager',$event)" :disabled="disabledJudge('manager')"></mdp-select-user>
</el-form-item> </el-form-item>
<el-form-item label="上级部门" prop="pdeptid">
<el-input v-model="editForm.pdeptid" placeholder="上级部门编号" :maxlength="40" @change="editSomeFields(editForm,'pdeptid',$event)" :disabled="disabledJudge('pdeptid')||true"></el-input>
</el-form-item>
<el-form-item label="上级领导名称" prop="leader"> <el-form-item label="上级领导名称" prop="leader">
<mdp-select-user show-style="origin" v-model="editForm.leader" placeholder="上级领导名称" :maxlength="40" @change2="editSomeFields(editForm,'leader',$event)" :disabled="disabledJudge('leader')"></mdp-select-user> <mdp-select-user show-style="origin" v-model="editForm.leader" placeholder="上级领导名称" :maxlength="40" @change2="editSomeFields(editForm,'leader',$event)" :disabled="disabledJudge('leader')"></mdp-select-user>
</el-form-item> </el-form-item>
<!--
<el-form-item label="机构类型" prop="deptType"> <el-form-item label="机构类型" prop="deptType">
<mdp-select item-code="orgType" v-model="editForm.orgType" placeholder="机构类型" :maxlength="40" @change="editSomeFields(editForm,'orgType',$event)" :disabled="disabledJudge('orgType')"/> <mdp-select item-code="orgType" v-model="editForm.orgType" placeholder="机构类型" :maxlength="40" @change="editSomeFields(editForm,'orgType',$event)" :disabled="disabledJudge('orgType')"/>
</el-form-item> </el-form-item>
-->
<el-form-item label="部门性质" prop="deptType"> <el-form-item label="部门性质" prop="deptType">
<mdp-select item-code="deptType" v-model="editForm.deptType" placeholder="部门性质" :maxlength="40" @change="editSomeFields(editForm,'deptType',$event)" :disabled="disabledJudge('deptType')"/> <mdp-select item-code="deptType" v-model="editForm.deptType" placeholder="部门性质" :maxlength="40" @change="editSomeFields(editForm,'deptType',$event)" :disabled="disabledJudge('deptType')"/>
</el-form-item> </el-form-item>
<el-form-item label="协作类型" prop="cpaType"> <el-form-item label="协作类型" prop="cpaType">
<el-row type="flex"> <el-row type="flex">
<mdp-select item-code="cpaType" width="8em" v-model="editForm.cpaType" placeholder="协作类型" @change="editSomeFields(editForm,'cpaType',$event)"></mdp-select> <mdp-select item-code="cpaType" width="8em" v-model="editForm.cpaType" placeholder="协作类型" @change="editSomeFields(editForm,'cpaType',$event)"></mdp-select>
<mdp-select-table show-style="tag" placeholder="协作组织" :props="{id:'id',name:'branchName'}" v-model="editForm.cpaBranchId" :load-fun="$mdp.listBranch" @change="editSomeFields(editForm,'cpaBranchId',$event)"></mdp-select-table>
&nbsp;&nbsp;&nbsp;<mdp-select-table show-style="tag" placeholder="协作组织" :props="{id:'id',name:'branchName'}" v-model="editForm.cpaBranchId" :load-fun="$mdp.listBranch" @change="editSomeFields(editForm,'cpaBranchId',$event)"></mdp-select-table>
</el-row> </el-row>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="state">
<el-form-item label="状态" prop="state" v-if="currOpType!='add' && currOpType!='subAdd'">
<el-radio-group v-model="editForm.state" > <el-radio-group v-model="editForm.state" >
<el-radio v-model="editForm.state" label="A">启用</el-radio> <el-radio v-model="editForm.state" label="A">启用</el-radio>
<el-radio v-model="editForm.state" label="E">停用</el-radio> <el-radio v-model="editForm.state" label="E">停用</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="层级" prop="levelType">
<mdp-select item-code="deptLvl" v-model="editForm.levelType" placeholder="层级类型" :maxlength="20" @change="editSomeFields(editForm,'levelType',$event)" :disabled="disabledJudge('levelType')"/>
<el-form-item label="层级" prop="levelType" v-if="currOpType!='add' && currOpType!='subAdd'">
<mdp-select item-code="deptLvl" v-model="editForm.levelType" placeholder="层级类型" :maxlength="20" @change="editSomeFields(editForm,'levelType',$event)" :disabled="disabledJudge('levelType')||true"/>
</el-form-item> </el-form-item>
<el-form-item label="审批状态" prop="bizFlowState">
<el-form-item label="审批状态" prop="bizFlowState" v-if="currOpType!='add' && currOpType!='subAdd'">
<mdp-select item-code="bizFlowState" v-model="editForm.bizFlowState" placeholder="当前流程状态" :maxlength="1" @change="editSomeFields(editForm,'bizFlowState',$event)" :disabled="disabledJudge('bizFlowState')"/> <mdp-select item-code="bizFlowState" v-model="editForm.bizFlowState" placeholder="当前流程状态" :maxlength="1" @change="editSomeFields(editForm,'bizFlowState',$event)" :disabled="disabledJudge('bizFlowState')"/>
</el-form-item> </el-form-item>
<el-form-item label="最后更新时间" prop="ltime">
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.ltime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('ltime')"></el-date-picker>
<el-form-item label="最后更新时间" prop="ltime" v-if="currOpType!='add' && currOpType!='subAdd'">
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.ltime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('ltime')||true"></el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-row> </el-row>
<el-row v-if="showBtn!==false" class="footer"> <el-row v-if="showBtn!==false" class="footer">
<el-button @click.native="close">关闭</el-button> <el-button @click.native="close">关闭</el-button>
<el-button v-if="currOpType=='add'" v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="disabledJudge('addBtn') || !checkBtnQx('addBtn',menuDefId) || load.edit">提交</el-button>
<el-button v-if="currOpType=='add' || currOpType=='subAdd'" v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="disabledJudge('addBtn') || !checkBtnQx('addBtn',menuDefId) || load.edit">提交</el-button>
</el-row> </el-row>
</section> </section>
</template> </template>
@ -80,6 +81,7 @@ export default {
computed: { computed: {
}, },
props:{ props:{
parentDept:null,
}, },
watch: { watch: {
}, },
@ -88,11 +90,22 @@ export default {
menuDefId:'',//menu_def.id 菜单表菜单编号，用于按钮权限判断 menuDefId:'',//menu_def.id 菜单表菜单编号，用于按钮权限判断
pkNames:["deptid"],//表格主键的java属性名称，驼峰命名，默认为id,支持多主键 pkNames:["deptid"],//表格主键的java属性名称，驼峰命名，默认为id,支持多主键
currOpType:'mng',//表单 add、edit，所有按钮可动、detail-只看不能操作 currOpType:'mng',//表单 add、edit，所有按钮可动、detail-只看不能操作
editFormRules: {
deptid:[
//{ required: true, message: '此项必填', trigger: 'change' },
//{ min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
]
editFormRules: {
deptName:[
{ required: true, message: '此项必填', trigger: 'change' },
{ min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
],
shortName:[
{ min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
],
displayDeptid:[
{ min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
],
deptid:[
{ min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
],
}, },
editForm: { editForm: {
deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:'',branchId:'',levelType:'',idPath:'',bizProcInstId:'',bizFlowState:'',ltime:'',isCbCenter:'',cpaType:'',cpaBranchId:'' deptid:'',deptName:'',pdeptid:'',deptType:'',state:'',manager:'',leader:'',shortName:'',displayDeptid:'',orgType:'',managerName:'',leaderName:'',branchId:'',levelType:'',idPath:'',bizProcInstId:'',bizFlowState:'',ltime:'',isCbCenter:'',cpaType:'',cpaBranchId:''
@ -109,20 +122,33 @@ export default {
methods: { methods: {
//由组件扩展添加其它的初始页面的逻辑 //由组件扩展添加其它的初始页面的逻辑
initCurrData(){ initCurrData(){
this.disabledRulesInit(this.disabledRules)
debugger
this.disabledRulesInit(this.disabledRules)
if(this.currOpType=='subAdd'){ if(this.currOpType=='subAdd'){
var data=this.parentDept; var data=this.parentDept;
this.editForm.pdeptid=data.deptid; this.editForm.pdeptid=data.deptid;
this.editForm.branchId=data.branchId; this.editForm.branchId=data.branchId;
this.editForm.levelType =data.levelType; this.editForm.levelType =data.levelType;
this.editForm.cpaType='0'
this.editForm.state="A"
this.editForm.deptType="2"
this.editForm.cpaBranchId=data.branchId
this.editForm.deptType="2"
this.editForm.manager=this.userInfo.userid
this.editForm.managerName=this.userInfo.username
var a=this.editForm.levelType.split("L").join("");//字符串转数字 var a=this.editForm.levelType.split("L").join("");//字符串转数字
var leve = Number(a); var leve = Number(a);
this.editForm.levelType = "L"+(leve+1);//字母数字组合 this.editForm.levelType = "L"+(leve+1);//字母数字组合
}else if(this.currOpType=='add'){ }else if(this.currOpType=='add'){
this.editForm.pdeptid='A0' this.editForm.pdeptid='A0'
this.editForm.levelType="L1" this.editForm.levelType="L1"
this.editForm.branchId=this.userInfo.branchId
this.editForm.branchId=this.userInfo.branchId
this.editForm.cpaType='0'
this.editForm.state="A"
this.editForm.deptType="2"
this.editForm.cpaBranchId=this.editForm.branchId
this.editForm.manager=this.userInfo.userid
this.editForm.managerName=this.userInfo.username
} }
}, },
/** /**
@ -149,6 +175,9 @@ export default {
* @returns true/false 返回false ,将取消更新数据库 * @returns true/false 返回false ,将取消更新数据库
*/ */
editSomeFieldsCheck(row,fieldName,$event,params){ editSomeFieldsCheck(row,fieldName,$event,params){
if(this.currOpType=='add'||this.currOpType=='subAdd'){
return false;
}
if(fieldName=='manager'){ if(fieldName=='manager'){
row.managerName=$event.username row.managerName=$event.username
params.managerName=$event.username params.managerName=$event.username

2
src/views/mdp/sys/dept/Index.vue
View File

@ -123,7 +123,7 @@
<!--新增修改明细 Dept sys_dept界面--> <!--新增修改明细 Dept sys_dept界面-->
<mdp-dialog :ref="refId+'FormDialog'"> <mdp-dialog :ref="refId+'FormDialog'">
<template v-slot="{visible,data}"> <template v-slot="{visible,data}">
<dept-form :ref="refId+'Form'" :sub-op-type="data.subOpType" :form-data="data.formData" :visible="visible" :parent-op-type="currOpType" @close="onFormClose" @submit="afterFormSubmit" @fields-change="afterEditSomeFields"/>
<dept-form :ref="refId+'Form'" :sub-op-type="data.subOpType" :form-data="data.formData" :parent-dept="data.parentDept" :visible="visible" :parent-op-type="currOpType" @close="onFormClose" @submit="afterFormSubmit" @fields-change="afterEditSomeFields"/>
</template> </template>
</mdp-dialog> </mdp-dialog>
<mdp-dialog title="部门用户管理" ref="userDeptIndexDialog"> <mdp-dialog title="部门用户管理" ref="userDeptIndexDialog">

26
src/views/mdp/sys/role/Form.vue
View File

@ -2,13 +2,13 @@
<el-row> <el-row>
<el-row> <el-row>
<!--新增/编辑界面 Role 角色管理--> <!--新增/编辑界面 Role 角色管理-->
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="角色编号" prop="roleid">
<el-input v-model="editForm.roleid" placeholder="角色编号" :maxlength="50" @change="editSomeFields(editForm,'roleid',$event)" :disabled="disabledJudge('roleid')"></el-input>
</el-form-item>
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="角色名" prop="rolename"> <el-form-item label="角色名" prop="rolename">
<el-input v-model="editForm.rolename" placeholder="角色名" :maxlength="255" @change="editSomeFields(editForm,'rolename',$event)" :disabled="disabledJudge('rolename')"></el-input> <el-input v-model="editForm.rolename" placeholder="角色名" :maxlength="255" @change="editSomeFields(editForm,'rolename',$event)" :disabled="disabledJudge('rolename')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="角色编号" prop="roleid">
<el-input v-model="editForm.roleid" placeholder="角色编号" :maxlength="50" @change="editSomeFields(editForm,'roleid',$event)" :disabled="disabledJudge('roleid')"></el-input>
</el-form-item>
<el-form-item label="是否启用" prop="enabled"> <el-form-item label="是否启用" prop="enabled">
<mdp-select item-code="enabled" v-model="editForm.enabled" placeholder="是否启用" :maxlength="1" @change="editSomeFields(editForm,'enabled',$event)" :disabled="disabledJudge('enabled')"/> <mdp-select item-code="enabled" v-model="editForm.enabled" placeholder="是否启用" :maxlength="1" @change="editSomeFields(editForm,'enabled',$event)" :disabled="disabledJudge('enabled')"/>
@ -32,13 +32,13 @@
</el-form-item> </el-form-item>
<el-form-item label="角色排序" prop="sortOrder"> <el-form-item label="角色排序" prop="sortOrder">
<el-input v-model="editForm.sortOrder" placeholder="角色排序" :maxlength="2" :disabled="disabledJudge('sortOrder')"></el-input>
<el-input type="number" v-model="editForm.sortOrder" placeholder="角色排序" :disabled="disabledJudge('sortOrder')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="创建日期" prop="crdate" v-if="currOpType!='add'"> <el-form-item label="创建日期" prop="crdate" v-if="currOpType!='add'">
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.crdate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('crdate')||true"></el-date-picker> <el-date-picker type="date" placeholder="选择日期" v-model="editForm.crdate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('crdate')||true"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="机构编号" prop="branchId" v-if="currOpType!='add'"> <el-form-item label="机构编号" prop="branchId" v-if="currOpType!='add'">
<el-input v-model="editForm.branchId" placeholder="云用户机构编号" :maxlength="50" @change="editSomeFields(editForm,'branchId',$event)" :disabled="disabledJudge('branchId')"></el-input>
<el-input v-model="editForm.branchId" placeholder="云用户机构编号" :maxlength="50" @change="editSomeFields(editForm,'branchId',$event)" :disabled="disabledJudge('branchId')||true"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-row> </el-row>
@ -76,7 +76,7 @@ export default {
editFormRules: { editFormRules: {
roleid:[ roleid:[
//{ required: true, message: '此项必填', trigger: 'change' }, //{ required: true, message: '此项必填', trigger: 'change' },
//{ min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
{ min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
], ],
rolename: [ rolename: [
{ required: true, message: '角色名必输', trigger: 'blur' } { required: true, message: '角色名必输', trigger: 'blur' }
@ -86,7 +86,10 @@ export default {
], ],
enabled: [ enabled: [
{ required: true, message: '是否启用必输', trigger: 'blur' } { required: true, message: '是否启用必输', trigger: 'blur' }
]
],
sortOrder: [
{ max:5, message: '最大不能超过99999', trigger: 'blur' }
],
}, },
editForm: { editForm: {
roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crdate:'',enabled:'',deptid:'',sortOrder:'',branchId:'',dataLvl:'' roleid:'',rolename:'',remark:'',roletype:'',rolebeg:'',roleend:'',crdate:'',enabled:'',deptid:'',sortOrder:'',branchId:'',dataLvl:''
@ -105,6 +108,13 @@ export default {
initCurrData(){ initCurrData(){
this.disabledRulesInit(this.disabledRules) this.disabledRulesInit(this.disabledRules)
Object.assign(this.editForm,this.formData) Object.assign(this.editForm,this.formData)
if(this.currOpType=='add'){
this.editForm.branchId=this.userInfo.branchId
this.editForm.dataLvl='2'
this.editForm.enabled='1'
this.editForm.roletype="0"
this.editForm.sortOrder=999
}
}, },
/** /**
* 检查参数是否满足调用后台接口的条件 * 检查参数是否满足调用后台接口的条件

Write Preview
Loading…
Cancel
Save