| 对比新文件 |
| | |
|---|
| | | <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"> |
|---|
| | | <ComparativeAnalysisMain ref="ComparativeAnalysisMain" :nodeTree='selectEquement' :nodePeople='selectPeople' :Type="slectTypeTree"></ComparativeAnalysisMain> |
|---|
| | | </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> |
|---|
