From 3bb3488abec439ea977329505633b50ff56bce43 Mon Sep 17 00:00:00 2001
From: 唐耀东 <18861537@qq.com>
Date: 星期五, 13 五月 2022 17:20:16 +0800
Subject: [PATCH] 提交代码
---
src/views/construction/constructionList/index.vue | 63 ++++++++++++++++++++++++-------
1 files changed, 49 insertions(+), 14 deletions(-)
diff --git a/src/views/construction/constructionList/index.vue b/src/views/construction/constructionList/index.vue
index 6020d32..10a2808 100644
--- a/src/views/construction/constructionList/index.vue
+++ b/src/views/construction/constructionList/index.vue
@@ -4,16 +4,30 @@
<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">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="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="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 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>
@@ -22,11 +36,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 +49,43 @@
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'
+import ai from '../ai'
+import exchange from '../exchange'
+import server from '../server'
+import system from '../system'
export default {
name: "constructionList",
components: {
school,
constructionBatch,
- reserveIp
+ reserveIp,
+ nvr,
+ ipc,
+ iot,
+ ai,
+ exchange,
+ server,
+ system
},
data() {
return {
- activeName: 'second',
+ loading: true,
+ activeName: 'first',
batchOpen: false,
- ipOpen: false
+ ipOpen: false,
+ schoolId: undefined
}
},
methods: {
// 閫夋嫨楂樻牎
schoolChange(v) {
-
+ this.schoolId = v;
+ this.activeName = 'first';
+ this.loading = false;
},
handleClick(tab, event) {
console.log(tab, event);
@@ -68,15 +100,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