随便记录一下:
问题:在部门与组织机构中有时需要根据不同的角色登录展示不同组织的树。在编辑或新增的时候需要展示该树的上级部门下拉列表。而且最上级部门是不允许修改的。如果是不同的角色都展示一样的树、对树的展示没做要求,可以根据是否是最上级的标识进行判断、v-if最上级隐藏、否则最上级展示树。
但是如果需要根据不同角色展示不同的树、并且显示上级。
1.这里要么后台根据不同角色给出最上级树的数据、操作时根据列表的index值是否为0时、判断是否是上级禁止编辑就行。
2.第二种方式的话,弄两个输入框。v-if是最上级的时候select或input只用做显示最上级禁止编辑、v-else显示正常树。
详细的操作:进入列表的时候记录部门deptId,对是否是最上级(isTop)进行计算的监听。如果是最上级将列表中deptId赋值给currentDeptId存储在data数据中。
编辑的时候:点击编辑时、首先将列表的deptId存储到currentDept一次.获取到详情的时候对监听是否是最上级拼出所需的数据,将详情信息最上级parentId与parentName赋值给deptId与deptName,即 :parentIdOptions:[{deptId:response.data.parentId,deptName:response.data.parentName}]
问题:如果先编辑的时再新增、新增的deptId或被记录下来、所以新增时需要先将currentDeptId置空。
代码:
以上仅用作记录。