From fd32a3a1f5e10249f037d32dc2097b46c1ec4f85 Mon Sep 17 00:00:00 2001 From: 唐耀东 <18861537@qq.com> Date: 星期四, 12 五月 2022 17:42:58 +0800 Subject: [PATCH] 提交代码 --- src/views/construction/constructionList/index.vue | 35 ++++++++++++++++++++++++++--------- 1 files changed, 26 insertions(+), 9 deletions(-) diff --git a/src/views/construction/constructionList/index.vue b/src/views/construction/constructionList/index.vue index 6020d32..c4b0adf 100644 --- a/src/views/construction/constructionList/index.vue +++ b/src/views/construction/constructionList/index.vue @@ -7,9 +7,15 @@ <div class="right-view"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="鏂藉伐姒傚喌" name="first">鏂藉伐姒傚喌</el-tab-pane> - <el-tab-pane label="IPC璁惧" name="second">IPC璁惧</el-tab-pane> - <el-tab-pane label="NVR璁惧" name="third">NVR璁惧</el-tab-pane> - <el-tab-pane label="IoT璁惧" name="fourth">IoT璁惧</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="NVR璁惧" name="third"> + <nvr v-if="activeName === 'third'" :schoolId="schoolId"></nvr> + </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璁惧</el-tab-pane> <el-tab-pane label="浜ゆ崲璁惧" name="six">浜ゆ崲璁惧</el-tab-pane> <el-tab-pane label="鏈嶅姟鍣�" name="seven">鏈嶅姟鍣�</el-tab-pane> @@ -22,11 +28,11 @@ </div> </div> <el-drawer title="鏂藉伐鎵规" :visible.sync="batchOpen" size="70%" :append-to-body="true" :destroy-on-close="true"> - <construction-batch></construction-batch> + <construction-batch :schoolId="schoolId"></construction-batch> </el-drawer> <el-drawer title="棰勭暀IP" :visible.sync="ipOpen" size="70%" :append-to-body="true" :destroy-on-close="true"> - <reserve-ip></reserve-ip> + <reserve-ip :schoolId="schoolId"></reserve-ip> </el-drawer> </div> </template> @@ -35,25 +41,33 @@ import school from '../../components/school' import constructionBatch from '../constructionBatch' import reserveIp from '../reserveIp' +import nvr from '../nvr' +import ipc from '../ipc' +import iot from '../iot' export default { name: "constructionList", components: { school, constructionBatch, - reserveIp + reserveIp, + nvr, + ipc, + iot }, data() { return { - activeName: 'second', + activeName: 'first', batchOpen: false, - ipOpen: false + ipOpen: false, + schoolId: undefined } }, methods: { // 閫夋嫨楂樻牎 schoolChange(v) { - + this.schoolId = v; + this.activeName = 'first'; }, handleClick(tab, event) { console.log(tab, event); @@ -68,15 +82,18 @@ flex-direction: row; flex: 1; } + .tree-list { margin-right: 10px; } + .right-view { display: flex; flex-direction: row; justify-content: space-between; flex: 1; } + .right-view-title-icon { display: flex; flex-direction: row; -- Gitblit v1.9.1