<template>
|
<a-card :bordered="false">
|
<div style="width: 100%; height: 100%;overflow: hidden">
|
<a-row type="flex" :gutter="16">
|
<a-col :md="5">
|
<a-tabs :activeKey="activeKey" @change="tabChange">
|
<a-tab-pane key="1" tab="车间层级" force-render>
|
<base-tree @getCurrSelected="changeSelectionNode"></base-tree>
|
</a-tab-pane>
|
<a-tab-pane v-if="isDepartType == 0" key="2" tab="部门层级">
|
<depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree>
|
</a-tab-pane>
|
</a-tabs>
|
</a-col>
|
<a-col :md="24-5" :sm="24">
|
<comparative-analysismain ref="comparativeAnalysismain" :nodeTree='selectEquement' :nodePeople='selectPeople' :Type="slectTypeTree"></comparative-analysismain>
|
</a-col>
|
</a-row>
|
</div>
|
</a-card>
|
</template>
|
|
<script>
|
import BaseTree from '../common/BaseTree'
|
import comparativeAnalysismain from './modules/comparativeAnalysis/comparativeAnalysismain'
|
import DepartTree from './modules/DepartList/DepartListTree/DepartTree'
|
import {mapActions} from 'vuex'
|
export default {
|
name: 'ComparativeAnalysis',
|
components:{
|
BaseTree,
|
comparativeAnalysismain,
|
DepartTree
|
},
|
data() {
|
return {
|
activeKey: '1',
|
description: '设备信息',
|
selectEquementId: '',
|
selectEquement: {},
|
selectPeople:{},
|
slectTypeTree: '',
|
url: {
|
equipmentStatistics: '/mdc/equipment/equipmentStatistics'
|
},
|
isDepartType:'',
|
}
|
},
|
created() {
|
this.queryTreeData()
|
},
|
methods: {
|
...mapActions(['QueryDepartTree']),
|
queryTreeData() {
|
this.QueryDepartTree().then(res => {
|
if (res.success) {
|
this.isDepartType = res.result[0].value
|
} else {
|
// this.$message.warn(res.message)
|
this.$notification.warning({
|
message:'消息',
|
description:res.message
|
});
|
}
|
}).finally(() =>{
|
})
|
},
|
tabChange(val) {
|
// console.log(val)
|
this.activeKey = val
|
this.slectTypeTree = val
|
},
|
/* changeSelection(val) {
|
this.selectEquementId = val
|
this.$refs.DeviceRepairList.pQuery(val)
|
},*/
|
changeSelectionNode(val) {
|
this.selectEquement = val
|
this.slectTypeTree = '1'
|
},
|
changeSelectionNodedd(val) {
|
this.selectPeople = val
|
this.slectTypeTree = '2'
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
