| | |
| | | <div class="tree-list"> |
| | | <school ref="schoolRef" @schoolChange="schoolChange"></school> |
| | | </div> |
| | | <div class="right-view" v-loading="loading"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="施工概况" name="first">施工概况</el-tab-pane> |
| | | <div class="right-view custom-el-tabs" v-loading="loading"> |
| | | <el-tabs v-model="activeName" style="flex: 1;" @tab-click="handleClick"> |
| | | <el-tab-pane label="施工概况" name="first"> |
| | | <el-empty description="正在开发中..."></el-empty> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="IPC设备" name="second"> |
| | | <ipc v-if="activeName === 'second'" :schoolId="schoolId"></ipc> |
| | | </el-tab-pane> |
| | |
| | | <el-tab-pane label="软件系统" name="eight"> |
| | | <system v-if="activeName === 'eight'" :schoolId="schoolId"></system> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="其他" name="nine"> |
| | | <other v-if="activeName === 'nine'" :schoolId="schoolId"></other> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <div class="right-view-title-icon"> |
| | | <i class="el-icon-search" @click="batchOpen = true"></i> |
| | | <i class="el-icon-search" @click="ipOpen = true"></i> |
| | | <img alt="" title="施工批次" src="@/assets/images/batch-icon.png" @click="batchOpen = true" class="right-view-title-icon-item" /> |
| | | <img alt="" title="预留IP" src="@/assets/images/ip-icon.png" @click="ipOpen = true" class="right-view-title-icon-item" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | import exchange from '../exchange' |
| | | import server from '../server' |
| | | import system from '../system' |
| | | import other from '../other' |
| | | |
| | | export default { |
| | | name: "constructionList", |
| | |
| | | ai, |
| | | exchange, |
| | | server, |
| | | system |
| | | system, |
| | | other |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | .tree-view { |
| | | display: flex; |
| | | flex-direction: row; |
| | | flex: 1; |
| | | width: 100%; |
| | | } |
| | | |
| | | .tree-list { |
| | |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | flex: 1; |
| | | width: calc(100% - 280px); |
| | | position: relative; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .right-view-title-icon { |
| | |
| | | flex-direction: row; |
| | | height: 40px; |
| | | align-items: center; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |
| | | } |
| | | </style> |
| | | .right-view-title-icon-item { |
| | | width: 20px; |
| | | height: 20px; |
| | | margin-left: 15px; |
| | | cursor: pointer; |
| | | } |
| | | </style> |