陈裕财
3 years ago
4 changed files with 348 additions and 393 deletions
-
13src/views/mdp/sys/branch/BranchSelect.vue
-
721src/views/mdp/sys/dept/DeptTree.vue
-
4src/views/mdp/sys/user/UserMng.vue
-
3src/views/mdp/sys/user/UsersSelectOnly.vue
@ -1,394 +1,343 @@ |
|||||
<template> |
<template> |
||||
<section> |
|
||||
<el-row> |
|
||||
<el-col :span="24" style="display:inline-block;" > |
|
||||
<el-input style="width:70%;" v-model="deptFilterText" v-if=" showFilter!=false " placeholder="编号、名称过滤" auto-complete="off"></el-input> |
|
||||
<el-button v-if="showConfirm" type="warning" @click.native="confirm">确认</el-button> |
|
||||
<el-popover v-if="!showConfirm && (userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true)" |
|
||||
placement="top-start" |
|
||||
title="更多操作" |
|
||||
width="200" |
|
||||
trigger="hover" > |
|
||||
<p> |
|
||||
<el-button type="primary" style="margin-left:10px;margin-top:10px;" icon="el-icon-star-off" v-if="userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true" @click.native="showBranchSelect">切换机构</el-button> |
|
||||
<el-button type="warning" style="margin-left:10px;margin-top:10px;" @click.native="goDeptMng" icon="el-icon-setting" title="创建部门、修改部门、设置岗位等">部门管理</el-button> |
|
||||
</p> |
|
||||
<el-button type="warning" icon="el-icon-setting" slot="reference"></el-button> |
|
||||
</el-popover> |
|
||||
<el-button type="warning" v-else @click.native="goDeptMng" icon="el-icon-setting" title="创建部门、修改部门、设置岗位等"></el-button> |
|
||||
|
|
||||
</el-col> |
|
||||
<el-col :span="24"> |
|
||||
<el-tree v-loading="listLoading" |
|
||||
class="filter-tree" |
|
||||
:props="defaultDeptTreeProps" |
|
||||
:filter-node-method="filterDeptNode" |
|
||||
:show-checkbox="showCheckbox" |
|
||||
:expand-on-click-node="expandOnClickNode" |
|
||||
:indent="indent" |
|
||||
:node-key="'deptid'" |
|
||||
:default-expanded-keys="defaultExpandedKeys" |
|
||||
:default-checked-keys="defaultCheckedKeys" |
|
||||
auto-expand-parent |
|
||||
highlight-current |
|
||||
style="min-height:100px;" |
|
||||
@check-change="handleCheckChange" |
|
||||
@current-change="handleCurrentChange" |
|
||||
@node-click="handleNodeClick" |
|
||||
:check-on-click-node="true" |
|
||||
check-strictly |
|
||||
:render-content="renderContent" |
|
||||
lazy |
|
||||
:load="loadNode" |
|
||||
ref="deptTree"> |
|
||||
</el-tree> |
|
||||
</el-col> |
|
||||
<el-dialog title="机构选择" :visible.sync="branchVisible" width="50%" top="20" :close-on-click-modal="false" append-to-body> |
|
||||
<branch-select :visible="branchVisible" @cancel="branchVisible=false" @row-click="branchRowClick"></branch-select> |
|
||||
</el-dialog> |
|
||||
|
|
||||
</el-row> |
|
||||
</section> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '../../../../common/js/util' |
|
||||
import { listTreeDept } from '../../../../api/mdp/sys/dept'; |
|
||||
import BranchSelect from '../branch/BranchSelect';//机构选择 |
|
||||
import { mapGetters } from 'vuex' |
|
||||
|
|
||||
export default { |
|
||||
watch: { |
|
||||
deptFilterText(val) { |
|
||||
this.$refs.deptTree.filter(val); |
|
||||
}, |
|
||||
checkedKeys(val){ |
|
||||
this.$refs.deptTree.setCheckedKeys(val); |
|
||||
}, |
|
||||
refresh(val){ |
|
||||
this.getDeptTreeData(val); |
|
||||
}, |
|
||||
currentKey(val){ |
|
||||
this.$refs.deptTree.setCheckedKeys([val]); |
|
||||
}, |
|
||||
value(val){ |
|
||||
this.deptid=val; |
|
||||
}, |
|
||||
deptid(val){ |
|
||||
this.$emit('input',val); |
|
||||
}, |
|
||||
branchId(val){ |
|
||||
this.getDeptTreeData(true); |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
'branch-select':BranchSelect |
|
||||
}, |
|
||||
computed:{ |
|
||||
defaultExpandedKeys(){ |
|
||||
return this.expandRowKeys |
|
||||
}, |
|
||||
defaultCheckedKeys(){ |
|
||||
if(this.value){ |
|
||||
return [this.value]; |
|
||||
} |
|
||||
return this.checkedKeys; |
|
||||
}, |
|
||||
...mapGetters([ |
|
||||
'userInfo' |
|
||||
]), |
|
||||
treeData(){ |
|
||||
return this.translateDataToTree(this.depts) |
|
||||
} |
|
||||
}, |
|
||||
props: ['value','branchId','visible', 'showCount','showRoot','countTips','showFilter', 'multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent','showConfirm'], |
|
||||
data() { |
|
||||
return { |
|
||||
deptFilterText: '', |
|
||||
depts:[], |
|
||||
defaultDeptTreeProps:{ |
|
||||
|
|
||||
id:'deptid', |
|
||||
label:'deptName', |
|
||||
children: 'children', |
|
||||
isLeaf:'leaf' |
|
||||
}, |
|
||||
listLoading: false, |
|
||||
deptid:'', |
|
||||
branchVisible: false, |
|
||||
branch:null, |
|
||||
expandRowKeys:[], |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
goDeptMng(){ |
|
||||
this.$router.push("/mdp/sys/dept/DeptMng") |
|
||||
|
<section> |
||||
|
<el-row> |
||||
|
<el-col :span="24" style="display:inline-block;" > |
||||
|
<el-input style="width:70%;" v-model="deptFilterText" v-if=" showFilter!=false " placeholder="编号、名称过滤" auto-complete="off"></el-input> |
||||
|
<el-button v-if="showConfirm" type="warning" @click.native="confirm">确认</el-button> |
||||
|
<el-popover v-if="!showConfirm && (userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true)" |
||||
|
placement="top-start" |
||||
|
title="更多操作" |
||||
|
width="200" |
||||
|
trigger="hover" > |
||||
|
<p> |
||||
|
<el-button type="primary" style="margin-left:10px;margin-top:10px;" icon="el-icon-star-off" v-if="userInfo.isSuperAdmin==true||userInfo.isPlatformAdmin==true" @click.native="showBranchSelect">切换机构</el-button> |
||||
|
<el-button type="warning" style="margin-left:10px;margin-top:10px;" @click.native="goDeptMng" icon="el-icon-setting" title="创建部门、修改部门、设置岗位等">部门管理</el-button> |
||||
|
</p> |
||||
|
<el-button type="warning" icon="el-icon-setting" slot="reference"></el-button> |
||||
|
</el-popover> |
||||
|
<el-button type="warning" v-else @click.native="goDeptMng" icon="el-icon-setting" title="创建部门、修改部门、设置岗位等"></el-button> |
||||
|
|
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<el-tree v-loading="listLoading" |
||||
|
class="filter-tree" |
||||
|
:props="defaultDeptTreeProps" |
||||
|
:filter-node-method="filterDeptNode" |
||||
|
:show-checkbox="showCheckbox" |
||||
|
:expand-on-click-node="expandOnClickNode" |
||||
|
:indent="indent" |
||||
|
:node-key="'deptid'" |
||||
|
:default-expanded-keys="defaultExpandedKeys" |
||||
|
:default-checked-keys="defaultCheckedKeys" |
||||
|
auto-expand-parent |
||||
|
highlight-current |
||||
|
style="min-height:100px;" |
||||
|
@check-change="handleCheckChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
@node-click="handleNodeClick" |
||||
|
:check-on-click-node="true" |
||||
|
check-strictly |
||||
|
:render-content="renderContent" |
||||
|
lazy |
||||
|
:load="loadNode" |
||||
|
ref="deptTree"> |
||||
|
</el-tree> |
||||
|
</el-col> |
||||
|
<el-dialog title="机构选择" :visible.sync="branchVisible" width="50%" top="20" :close-on-click-modal="false" append-to-body> |
||||
|
<branch-select :visible="branchVisible" @cancel="branchVisible=false" @row-click="branchRowClick"></branch-select> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '../../../../common/js/util' |
||||
|
import { listTreeDept } from '../../../../api/mdp/sys/dept'; |
||||
|
import BranchSelect from '../branch/BranchSelect';//机构选择 |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
watch: { |
||||
|
deptFilterText(val) { |
||||
|
this.$refs.deptTree.filter(val); |
||||
}, |
}, |
||||
handleCheckChange(data, checked, indeterminate) { |
|
||||
let checkedKeys=this.$refs.deptTree.getCheckedKeys(); |
|
||||
|
|
||||
if( this.multiple===undefined || this.multiple===false||this.multiple==='false'){ |
|
||||
if(checked==true){ |
|
||||
if(checkedKeys.length>1){ |
|
||||
this.$refs.deptTree.setCheckedKeys([data['deptid']]); |
|
||||
this.$emit('check-change',data,checked,indeterminate); |
|
||||
this.deptid=data['deptid']; |
|
||||
}else{ |
|
||||
this.$emit('check-change',data,checked,indeterminate); |
|
||||
this.deptid=data['deptid']; |
|
||||
} |
|
||||
}else{ |
|
||||
if(checkedKeys.length==0){ |
|
||||
this.deptid=''; |
|
||||
this.$emit('check-change',data,checked,indeterminate); |
|
||||
} |
|
||||
} |
|
||||
}else{ |
|
||||
this.$emit('check-change',data,checked,indeterminate); |
|
||||
} |
|
||||
}, |
|
||||
handleCurrentChange(data, node) { |
|
||||
this.$emit('current-change',data, node); |
|
||||
}, |
|
||||
handleNodeClick(data, node, comp) { |
|
||||
this.$emit('node-click',data, node, comp); |
|
||||
}, |
|
||||
branchRowClick: function(row, event, column){ |
|
||||
this.branchVisible=false |
|
||||
if(this.branch==null || row.id!=this.branch.id){ |
|
||||
this.branch=row |
|
||||
this.getDeptTreeData(); |
|
||||
|
|
||||
} |
|
||||
this.$emit('branch-row-click',row, event, column);// @branch-row-click="rowClick" |
|
||||
|
checkedKeys(val){ |
||||
|
this.$refs.deptTree.setCheckedKeys(val); |
||||
}, |
}, |
||||
translateDataToTree(data) { |
|
||||
if(!data){ |
|
||||
return []; |
|
||||
} |
|
||||
let parents = data.filter(value =>{ |
|
||||
if(value.childrenNum>0){ |
|
||||
value.leaf=false |
|
||||
}else{ |
|
||||
value.leaf=true |
|
||||
} |
|
||||
//如果我的上级为空，则我是最上级 |
|
||||
if(value.pdeptid == 'undefined' || value.pdeptid == null || value.pdeptid == '' || value.pdeptid == 'A0'){ |
|
||||
return true; |
|
||||
|
|
||||
//如果我的上级不在列表中，我作为最上级 |
|
||||
}else if(data.some(i=>value.pdeptid==i.deptid)){ |
|
||||
return false; |
|
||||
}else { |
|
||||
return true |
|
||||
} |
|
||||
|
|
||||
}) |
|
||||
let children = data.filter(value =>{ |
|
||||
if(data.some(i=>value.pdeptid==i.deptid)){ |
|
||||
return true; |
|
||||
}else{ |
|
||||
return false; |
|
||||
} |
|
||||
}) |
|
||||
let translator = (parents, children) => { |
|
||||
parents.forEach((parent) => { |
|
||||
children.forEach((current, index) => { |
|
||||
if (current.pdeptid === parent.deptid) { |
|
||||
let temp = JSON.parse(JSON.stringify(children)) |
|
||||
temp.splice(index, 1) |
|
||||
translator([current], temp) |
|
||||
typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current] |
|
||||
} |
|
||||
} |
|
||||
) |
|
||||
} |
|
||||
) |
|
||||
} |
|
||||
|
|
||||
translator(parents, children) |
|
||||
|
|
||||
return parents |
|
||||
|
refresh(val){ |
||||
|
this.getDeptTreeData(val); |
||||
}, |
}, |
||||
//获取分类树列表 |
|
||||
getDeptTreeData(refresh) { |
|
||||
|
|
||||
let params = { |
|
||||
|
|
||||
}; |
|
||||
params.branchId=this.branchId |
|
||||
if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){ |
|
||||
if(this.branch!=null){ |
|
||||
params.branchId=this.branch.id |
|
||||
}else if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
}else{ |
|
||||
if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
// params.autoDetectParentDeptid="1" |
|
||||
} |
|
||||
this.listLoading = true; |
|
||||
listTreeDept(params).then((res) => { |
|
||||
var tips=res.data.tips; |
|
||||
var data=res.data.data; |
|
||||
if(tips.isOk==true){ |
|
||||
if( this.showRoot===undefined || this.showRoot===false||this.showRoot==='false'){ |
|
||||
if(data==null){ |
|
||||
this.depts=[]; |
|
||||
}else{ |
|
||||
if(this.branch!=null){ |
|
||||
res.data.data.branchId=this.branch.id |
|
||||
res.data.data.deptName=this.branch.branchName+'(机构)' |
|
||||
res.data.data.isBranch=true |
|
||||
}else { |
|
||||
res.data.data.branchId=this.userInfo.branchId |
|
||||
res.data.data.deptName=this.userInfo.branchName+'(机构)' |
|
||||
res.data.data.isBranch=true |
|
||||
} |
|
||||
this.depts=data |
|
||||
} |
|
||||
|
|
||||
}else{ |
|
||||
if(this.branch!=null){ |
|
||||
res.data.data.branchId=this.branch.id |
|
||||
res.data.data.deptName=this.branch.branchName+'(机构)' |
|
||||
res.data.data.isBranch=true |
|
||||
}else { |
|
||||
res.data.data.branchId=this.userInfo.branchId |
|
||||
res.data.data.deptName=this.userInfo.branchName+'(机构)' |
|
||||
res.data.data.isBranch=true |
|
||||
} |
|
||||
this.depts=data; |
|
||||
} |
|
||||
|
|
||||
}else{ |
|
||||
this.$notify({ message: tips.msg, type: 'error'}); |
|
||||
} |
|
||||
this.listLoading = false; |
|
||||
}).catch(() => { |
|
||||
this.listLoading = false; |
|
||||
}); |
|
||||
|
currentKey(val){ |
||||
|
this.$refs.deptTree.setCheckedKeys([val]); |
||||
}, |
}, |
||||
filterDeptNode(value, data) { |
|
||||
if (!value) return true; |
|
||||
if( data.deptid.indexOf(value)>=0 || data.deptName.indexOf(value)>=0 ){ |
|
||||
return true; |
|
||||
}else{ |
|
||||
if( data.pdeptid && data.pdeptid.indexOf(value)>=0){ |
|
||||
return true; |
|
||||
} |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
renderContent(h, { node, data, store }) { |
|
||||
var countMsg=''; |
|
||||
if(this.countTips){ |
|
||||
countMsg=this.countTips; |
|
||||
} |
|
||||
if(this.showCount==true || this.showCount=='true'){ |
|
||||
|
|
||||
|
|
||||
return h('span',node.label+'('+data.childrenNum+')') ; |
|
||||
}else{ |
|
||||
return h('span',node.label+'('+data.childrenNum+')') ; |
|
||||
} |
|
||||
|
|
||||
|
value(val){ |
||||
|
this.deptid=val; |
||||
|
}, |
||||
|
deptid(val){ |
||||
|
this.$emit('input',val); |
||||
|
}, |
||||
|
branchId(val){ |
||||
|
this.getDeptTreeData(true); |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
'branch-select':BranchSelect |
||||
|
}, |
||||
|
computed:{ |
||||
|
defaultExpandedKeys(){ |
||||
|
return this.expandRowKeys |
||||
}, |
}, |
||||
showBranchSelect: function(){ |
|
||||
this.branchVisible=true |
|
||||
|
defaultCheckedKeys(){ |
||||
|
if(this.value){ |
||||
|
return [this.value]; |
||||
|
} |
||||
|
return this.checkedKeys; |
||||
}, |
}, |
||||
confirm(){ |
|
||||
var nodes= this.$refs.deptTree.getCheckedNodes(false,false) |
|
||||
this.$emit('confirm',nodes) |
|
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]), |
||||
|
treeData(){ |
||||
|
return this.translateDataToTree(this.depts) |
||||
|
} |
||||
|
}, |
||||
|
props: ['value','branchId','visible', 'showCount','showRoot','countTips','showFilter', 'multiple','checkedKeys','refresh','defaultExpandAll','expandOnClickNode','showCheckbox','indent','showConfirm'], |
||||
|
data() { |
||||
|
return { |
||||
|
deptFilterText: '', |
||||
|
depts:[], |
||||
|
defaultDeptTreeProps:{ |
||||
|
|
||||
|
id:'deptid', |
||||
|
label:'deptName', |
||||
|
children: 'children', |
||||
|
isLeaf:'leaf' |
||||
|
}, |
||||
|
listLoading: false, |
||||
|
deptid:'', |
||||
|
branchVisible: false, |
||||
|
branch:null, |
||||
|
expandRowKeys:[], |
||||
|
root:null, |
||||
|
resolve:null, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
goDeptMng(){ |
||||
|
this.$router.push("/mdp/sys/dept/DeptMng") |
||||
|
}, |
||||
|
handleCheckChange(data, checked, indeterminate) { |
||||
|
let checkedKeys=this.$refs.deptTree.getCheckedKeys(); |
||||
|
|
||||
|
if( this.multiple===undefined || this.multiple===false||this.multiple==='false'){ |
||||
|
if(checked==true){ |
||||
|
if(checkedKeys.length>1){ |
||||
|
this.$refs.deptTree.setCheckedKeys([data['deptid']]); |
||||
|
this.$emit('check-change',data,checked,indeterminate); |
||||
|
this.deptid=data['deptid']; |
||||
|
}else{ |
||||
|
this.$emit('check-change',data,checked,indeterminate); |
||||
|
this.deptid=data['deptid']; |
||||
|
} |
||||
|
}else{ |
||||
|
if(checkedKeys.length==0){ |
||||
|
this.deptid=''; |
||||
|
this.$emit('check-change',data,checked,indeterminate); |
||||
|
} |
||||
|
} |
||||
|
}else{ |
||||
|
this.$emit('check-change',data,checked,indeterminate); |
||||
|
} |
||||
|
}, |
||||
|
handleCurrentChange(data, node) { |
||||
|
this.$emit('current-change',data, node); |
||||
|
}, |
||||
|
handleNodeClick(data, node, comp) { |
||||
|
this.$emit('node-click',data, node, comp); |
||||
|
}, |
||||
|
branchRowClick: function(row, event, column){ |
||||
|
this.branchVisible=false |
||||
|
if(this.branch==null || row.id!=this.branch.id){ |
||||
|
this.branch=row |
||||
|
this.getDeptTreeData(); |
||||
|
|
||||
|
} |
||||
|
this.$emit('branch-row-click',row, event, column);// @branch-row-click="rowClick" |
||||
|
}, |
||||
|
translateDataToTree(data) { |
||||
|
if(!data){ |
||||
|
return []; |
||||
|
} |
||||
|
let parents = data.filter(value =>{ |
||||
|
if(value.childrenNum>0){ |
||||
|
value.leaf=false |
||||
|
}else{ |
||||
|
value.leaf=true |
||||
|
} |
||||
|
//如果我的上级为空，则我是最上级 |
||||
|
if(value.pdeptid == 'undefined' || value.pdeptid == null || value.pdeptid == '' || value.pdeptid == 'A0'){ |
||||
|
return true; |
||||
|
|
||||
|
//如果我的上级不在列表中，我作为最上级 |
||||
|
}else if(data.some(i=>value.pdeptid==i.deptid)){ |
||||
|
return false; |
||||
|
}else { |
||||
|
return true |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
let children = data.filter(value =>{ |
||||
|
if(data.some(i=>value.pdeptid==i.deptid)){ |
||||
|
return true; |
||||
|
}else{ |
||||
|
return false; |
||||
|
} |
||||
|
}) |
||||
|
let translator = (parents, children) => { |
||||
|
parents.forEach((parent) => { |
||||
|
children.forEach((current, index) => { |
||||
|
if (current.pdeptid === parent.deptid) { |
||||
|
let temp = JSON.parse(JSON.stringify(children)) |
||||
|
temp.splice(index, 1) |
||||
|
translator([current], temp) |
||||
|
typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current] |
||||
|
} |
||||
|
} |
||||
|
) |
||||
|
} |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
translator(parents, children) |
||||
|
|
||||
|
return parents |
||||
}, |
}, |
||||
loadNode(node, resolve) { |
|
||||
if (node.level === 0) { |
|
||||
let params = { |
|
||||
levelTypes:['L1'] |
|
||||
}; |
|
||||
params.branchId=this.branchId |
|
||||
if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){ |
|
||||
if(this.branch!=null){ |
|
||||
params.branchId=this.branch.id |
|
||||
}else if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
}else{ |
|
||||
if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
// params.autoDetectParentDeptid="1" |
|
||||
} |
|
||||
this.listLoading = true; |
|
||||
listTreeDept(params).then((res) => { |
|
||||
var tips=res.data.tips; |
|
||||
var data=res.data.data; |
|
||||
this.listLoading = false; |
|
||||
var tempData=this.translateDataToTree(data); |
|
||||
this.expandRowKeys=tempData.map(i=>i.deptid) |
|
||||
return resolve(tempData ) |
|
||||
|
|
||||
}).catch(() => { |
|
||||
this.listLoading = false; |
|
||||
}); |
|
||||
}else { |
|
||||
if(node.data.childrenNum>0 && (!node.data.children||node.data.children.length==0)){ |
|
||||
setTimeout(() => { |
|
||||
let params = { |
|
||||
pdeptid:node.data.deptid |
|
||||
}; |
|
||||
params.branchId=this.branchId |
|
||||
if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){ |
|
||||
if(this.branch!=null){ |
|
||||
params.branchId=this.branch.id |
|
||||
}else if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
}else{ |
|
||||
if(params.branchId==null || params.branchId==''){ |
|
||||
params.branchId=this.userInfo.branchId |
|
||||
} |
|
||||
// params.autoDetectParentDeptid="1" |
|
||||
} |
|
||||
this.listLoading = true; |
|
||||
listTreeDept(params).then((res) => { |
|
||||
var tips=res.data.tips; |
|
||||
var data=res.data.data; |
|
||||
this.listLoading = false; |
|
||||
resolve(this.translateDataToTree(data)) |
|
||||
|
|
||||
}).catch(() => { |
|
||||
this.listLoading = false; |
|
||||
}); |
|
||||
}, 500); |
|
||||
}else if(node.data.childrenNum>0 && (node.data.children&&node.data.children.length>0)){ |
|
||||
return resolve(node.data.children) |
|
||||
}else { |
|
||||
return resolve([]) |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
mounted() { |
|
||||
this.deptid=this.value; |
|
||||
//this.getDeptTreeData(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style scoped> |
|
||||
.filter-tree{ |
|
||||
margin-top: 14px; |
|
||||
} |
|
||||
.filter-input-admin{ |
|
||||
width:60%; |
|
||||
} |
|
||||
|
|
||||
.filter-input-common{ |
|
||||
width:100%; |
|
||||
} |
|
||||
</style> |
|
||||
|
//获取分类树列表 |
||||
|
getDeptTreeData(refresh) { |
||||
|
this.root.childNodes=[] |
||||
|
this.loadNode(this.root,this.resolve) |
||||
|
}, |
||||
|
filterDeptNode(value, data) { |
||||
|
if (!value) return true; |
||||
|
if( data.deptid.indexOf(value)>=0 || data.deptName.indexOf(value)>=0 ){ |
||||
|
return true; |
||||
|
}else{ |
||||
|
if( data.pdeptid && data.pdeptid.indexOf(value)>=0){ |
||||
|
return true; |
||||
|
} |
||||
|
} |
||||
|
return false; |
||||
|
}, |
||||
|
renderContent(h, { node, data, store }) { |
||||
|
var countMsg=''; |
||||
|
if(this.countTips){ |
||||
|
countMsg=this.countTips; |
||||
|
} |
||||
|
if(this.showCount==true || this.showCount=='true'){ |
||||
|
|
||||
|
|
||||
|
return h('span',node.label+'('+data.childrenNum+')') ; |
||||
|
}else{ |
||||
|
return h('span',node.label+'('+data.childrenNum+')') ; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
showBranchSelect: function(){ |
||||
|
this.branchVisible=true |
||||
|
}, |
||||
|
confirm(){ |
||||
|
var nodes= this.$refs.deptTree.getCheckedNodes(false,false) |
||||
|
this.$emit('confirm',nodes) |
||||
|
}, |
||||
|
loadNode(node, resolve) { |
||||
|
if (node.level === 0) { |
||||
|
this.root=node |
||||
|
this.resolve=resolve |
||||
|
let params = { |
||||
|
levelTypes:['L1'] |
||||
|
}; |
||||
|
params.branchId=this.branchId |
||||
|
if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){ |
||||
|
if(this.branch!=null){ |
||||
|
params.branchId=this.branch.id |
||||
|
}else if(params.branchId==null || params.branchId==''){ |
||||
|
params.branchId=this.userInfo.branchId |
||||
|
} |
||||
|
}else{ |
||||
|
if(params.branchId==null || params.branchId==''){ |
||||
|
params.branchId=this.userInfo.branchId |
||||
|
} |
||||
|
// params.autoDetectParentDeptid="1" |
||||
|
} |
||||
|
this.listLoading = true; |
||||
|
listTreeDept(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
var data=res.data.data; |
||||
|
this.listLoading = false; |
||||
|
var tempData=this.translateDataToTree(data); |
||||
|
this.expandRowKeys=tempData.map(i=>i.deptid) |
||||
|
return resolve(tempData ) |
||||
|
|
||||
|
}).catch(() => { |
||||
|
this.listLoading = false; |
||||
|
}); |
||||
|
}else { |
||||
|
if(node.data.childrenNum>0 && (!node.data.children||node.data.children.length==0)){ |
||||
|
setTimeout(() => { |
||||
|
let params = { |
||||
|
pdeptid:node.data.deptid |
||||
|
}; |
||||
|
params.branchId=this.branchId |
||||
|
if(this.userInfo.isSuperAdmin==true || this.userInfo.isPlatformAdmin==true){ |
||||
|
if(this.branch!=null){ |
||||
|
params.branchId=this.branch.id |
||||
|
}else if(params.branchId==null || params.branchId==''){ |
||||
|
params.branchId=this.userInfo.branchId |
||||
|
} |
||||
|
}else{ |
||||
|
if(params.branchId==null || params.branchId==''){ |
||||
|
params.branchId=this.userInfo.branchId |
||||
|
} |
||||
|
// params.autoDetectParentDeptid="1" |
||||
|
} |
||||
|
this.listLoading = true; |
||||
|
listTreeDept(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
var data=res.data.data; |
||||
|
this.listLoading = false; |
||||
|
resolve(this.translateDataToTree(data)) |
||||
|
|
||||
|
}).catch(() => { |
||||
|
this.listLoading = false; |
||||
|
}); |
||||
|
}, 500); |
||||
|
}else if(node.data.childrenNum>0 && (node.data.children&&node.data.children.length>0)){ |
||||
|
return resolve(node.data.children) |
||||
|
}else { |
||||
|
return resolve([]) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.deptid=this.value; |
||||
|
//this.getDeptTreeData(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.filter-tree{ |
||||
|
margin-top: 14px; |
||||
|
} |
||||
|
.filter-input-admin{ |
||||
|
width:60%; |
||||
|
} |
||||
|
|
||||
|
.filter-input-common{ |
||||
|
width:100%; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue