| | |
| | | </el-tree> |
| | | </div> |
| | | <div class="purchase-right"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="耗材总览" name="first" :lazy="true"> |
| | | <ConsumableOverview v-if="activeName == 'first'" :contentsId="contentsId"></ConsumableOverview> |
| | | </el-tab-pane> |
| | |
| | | } from '@/api/cnas/externalService/serviceAndSupplyPro/serviceAndSupplyPro' |
| | | |
| | | export default { |
| | | name: 'ServiceAndSupplyPro', |
| | | data() { |
| | | return { |
| | | tabsKey: 0, |
| | |
| | | handleNodeClick(data) { |
| | | this.contentsId = data.id; |
| | | }, |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | }, |
| | | }, |
| | | created() { |
| | | this.getTreeData(); |
| | |
| | | width: 250px; |
| | | height: 100%; |
| | | background: #fff; |
| | | margin-right: 10px; |
| | | border-radius: 16px; |
| | | box-sizing: border-box; |
| | | padding: 10px 16px; |
| | |
| | | background: #fff; |
| | | width: calc(100% - 15em); |
| | | height: 100%; |
| | | border-radius: 16px; |
| | | box-sizing: border-box; |
| | | padding: 10px 16px; |
| | | padding: 0 20px 0 10px; |
| | | } |
| | | .purchase-page { |
| | | display: flex; |