| | |
| | | <div class="tree-list"> |
| | | <school ref="schoolRef" @schoolChange="schoolChange"></school> |
| | | </div> |
| | | <div class="right-view"> |
| | | <div class="right-view" v-loading="loading"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="施工概况" name="first">施工概况</el-tab-pane> |
| | | <el-tab-pane label="IPC设备" name="second"> |
| | |
| | | <el-tab-pane label="NVR设备" name="third"> |
| | | <nvr v-if="activeName === 'third'" :schoolId="schoolId"></nvr> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="IoT设备" name="fourth">IoT设备</el-tab-pane> |
| | | <el-tab-pane label="AI设备" name="five">AI设备</el-tab-pane> |
| | | <el-tab-pane label="交换设备" name="six">交换设备</el-tab-pane> |
| | | <el-tab-pane label="服务器" name="seven">服务器</el-tab-pane> |
| | | <el-tab-pane label="软件系统" name="eight">软件系统</el-tab-pane> |
| | | <el-tab-pane label="IoT设备" name="fourth"> |
| | | <iot v-if="activeName === 'fourth'" :schoolId="schoolId"></iot> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="AI设备" name="five"> |
| | | <ai v-if="activeName === 'five'" :schoolId="schoolId"></ai> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="交换设备" name="six"> |
| | | <exchange v-if="activeName === 'six'" :schoolId="schoolId"></exchange> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="服务器" name="seven"> |
| | | <server v-if="activeName === 'seven'" :schoolId="schoolId"></server> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="软件系统" name="eight"> |
| | | <system v-if="activeName === 'eight'" :schoolId="schoolId"></system> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <div class="right-view-title-icon"> |
| | | <i class="el-icon-search" @click="batchOpen = true"></i> |
| | |
| | | import reserveIp from '../reserveIp' |
| | | import nvr from '../nvr' |
| | | import ipc from '../ipc' |
| | | import iot from '../iot' |
| | | import ai from '../ai' |
| | | import exchange from '../exchange' |
| | | import server from '../server' |
| | | import system from '../system' |
| | | |
| | | export default { |
| | | name: "constructionList", |
| | |
| | | constructionBatch, |
| | | reserveIp, |
| | | nvr, |
| | | ipc |
| | | ipc, |
| | | iot, |
| | | ai, |
| | | exchange, |
| | | server, |
| | | system |
| | | }, |
| | | data() { |
| | | return { |
| | | loading: true, |
| | | activeName: 'first', |
| | | batchOpen: false, |
| | | ipOpen: false, |
| | |
| | | schoolChange(v) { |
| | | this.schoolId = v; |
| | | this.activeName = 'first'; |
| | | this.loading = false; |
| | | }, |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |