|
|
<template>
|
|
|
<div :visible="visible">
|
|
|
<a-descriptions size="small" bordered :column="1">
|
|
|
<a-descriptions-item label="机构名称">{{model.departName}}</a-descriptions-item>
|
|
|
<a-descriptions-item label="上级部门"><span>{{model.parentId}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="机构编码"><span>{{model.orgCode}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="机构类型"><span>{{model.orgCategory}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="排序"><span>{{model.departOrder}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="手机号"><span>{{model.mobile}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="地址"><span>{{model.address}}</span></a-descriptions-item>
|
|
|
<a-descriptions-item label="备注"><span>{{model.memo}}</span></a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { queryIdTree } from '@/api/api'
|
|
|
|
|
|
export default {
|
|
|
name: 'DeptBaseInfo',
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
departTree: [],
|
|
|
id: '',
|
|
|
model: {},
|
|
|
visible: false,
|
|
|
disable: true,
|
|
|
treeData: [],
|
|
|
labelCol: {
|
|
|
xs: {span: 24},
|
|
|
sm: {span: 3}
|
|
|
},
|
|
|
wrapperCol: {
|
|
|
xs: {span: 24},
|
|
|
sm: {span: 16}
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
this.loadTreeData();
|
|
|
},
|
|
|
methods: {
|
|
|
loadTreeData() {
|
|
|
queryIdTree().then((res) => {
|
|
|
if (res.success) {
|
|
|
for (let i = 0; i < res.result.length; i++) {
|
|
|
let temp = res.result[i];
|
|
|
this.treeData.push(temp);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
})
|
|
|
},
|
|
|
open(record) {
|
|
|
this.visible = true;
|
|
|
//update-begin---author:wangshuai ---date:20220211 for：[JTC-174]部门管理界面参考vue3的改改------------
|
|
|
this.model = Object.assign({}, record)
|
|
|
this.model.parentId = this.findTree(this.treeData,record.parentId);
|
|
|
this.model.orgCategory = this.orgCategoryText(record.orgCategory)
|
|
|
//update-end---author:wangshuai ---date:20220211 for：[JTC-174]部门管理界面参考vue3的改改------------
|
|
|
},
|
|
|
clearForm() {
|
|
|
this.treeData = [];
|
|
|
},
|
|
|
/**
|
|
|
* 通过父id查找部门名称
|
|
|
* @param treeList 树数组
|
|
|
* @param id 父id
|
|
|
* @return id对应的部门名称
|
|
|
*/
|
|
|
findTree(treeList,id){
|
|
|
for (let i = 0; i < treeList.length; i++) {
|
|
|
let item = treeList[i];
|
|
|
//如果当前id和父id相同则返回部门名称
|
|
|
if (item.key == id) {
|
|
|
return item.title;
|
|
|
}
|
|
|
let children = item.children
|
|
|
//存在子部门进行递归查询
|
|
|
if(children){
|
|
|
let findResult = this.findTree(children, id);
|
|
|
//返回的数据不为空，结束递归，返回结果
|
|
|
if (findResult) {
|
|
|
return findResult
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
* 将机构类型数值翻译成文本
|
|
|
* @param orgCategory 部门类别
|
|
|
* @return 部门类别对应的文本
|
|
|
*/
|
|
|
orgCategoryText(orgCategory) {
|
|
|
if(orgCategory == 1){
|
|
|
return "公司";
|
|
|
}else if(orgCategory == 2){
|
|
|
return "部门";
|
|
|
}else{
|
|
|
return "岗位";
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped lang="less">
|
|
|
.ant-descriptions-view{
|
|
|
border: 1px solid #f0f0f0;
|
|
|
}
|
|
|
/deep/ .ant-descriptions-item-label{
|
|
|
width:180px
|
|
|
}
|
|
|
/deep/ .ant-descriptions-item-content span{
|
|
|
color:#000000d9;
|
|
|
}
|
|
|
/deep/ .ant-descriptions-bordered .ant-descriptions-row{
|
|
|
border-bottom: 1px solid #f0f0f0 !important;
|
|
|
}
|
|
|
/deep/ .ant-descriptions-bordered .ant-descriptions-item-label{
|
|
|
border-right: 1px solid #f0f0f0;
|
|
|
}
|
|
|
</style> |
