<template>
|
<div class="table-card" ref="tableCard" :bordered="false">
|
<!-- table区域-begin -->
|
<div>
|
<split-pane :min-percent="10" :default-percent="17" split="vertical">
|
<template slot="paneL">
|
<div class="organ_tree_ct">
|
<organ-tree height="67vh" ref="orgTree" @on-tree-node-select="onTreeNodeSelect"></organ-tree>
|
</div>
|
</template>
|
<template slot="paneR">
|
<div v-if="selectTreeObj.orgCategory == 3">
|
<DataReGasStation></DataReGasStation>
|
</div>
|
<div v-else>
|
<DataReMechanism ref="DataReMechanismRef" :selectTreeObj="selectTreeObj"></DataReMechanism>
|
</div>
|
</template>
|
</split-pane>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import OrganTree from '../tools/OrganTree'
|
import splitPane from 'vue-splitpane'
|
import { getAction, postAction } from '@tievd/cube-block/lib/api/manage'
|
import DataReMechanism from './components/DataReMechanism'
|
import DataReGasStation from './components/DataReGasStation'
|
export default {
|
name: 'DataReport',
|
|
components: {
|
OrganTree,
|
splitPane,
|
DataReMechanism,
|
DataReGasStation,
|
},
|
|
data() {
|
return {
|
description: '数据报表',
|
queryParam: {},
|
selectTreeObj: JSON.parse(localStorage.getItem('userDepartInfo')),
|
showPageType: 1,
|
// 列定义
|
url: {},
|
}
|
},
|
|
methods: {
|
onTreeNodeSelect(id, node) {
|
this.selectTreeObj = node.node.dataRef
|
this.queryParam.orgCode = node.node.dataRef.orgCode
|
if (this.selectTreeObj.orgCategory == 3) {
|
} else {
|
this.$nextTick(() => {
|
this.$refs.DataReMechanismRef.initData()
|
})
|
}
|
},
|
},
|
|
mounted() {
|
this.$nextTick(() => {})
|
},
|
}
|
</script>
|
<style scoped lang="less">
|
@import '~@assets/less/common.less';
|
.organ_tree_ct {
|
height: 76vh;
|
}
|
</style>
|
