From 3a02d6a0f7c5d2dfb2df2e1635315304b85695eb Mon Sep 17 00:00:00 2001
From: 唐耀东 <18861537@qq.com>
Date: 星期二, 10 五月 2022 17:49:39 +0800
Subject: [PATCH] 提交代码
---
src/views/construction/constructionList/index.vue | 77 +++++++++++++++++++++++++++++++++++++-
1 files changed, 74 insertions(+), 3 deletions(-)
diff --git a/src/views/construction/constructionList/index.vue b/src/views/construction/constructionList/index.vue
index d0207e0..6020d32 100644
--- a/src/views/construction/constructionList/index.vue
+++ b/src/views/construction/constructionList/index.vue
@@ -1,15 +1,86 @@
<template>
- <div>
+ <div class="app-container">
+ <div class="tree-view">
+ <div class="tree-list">
+ <school ref="schoolRef" @schoolChange="schoolChange"></school>
+ </div>
+ <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="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-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>
+ </div>
+ </div>
+ </div>
+ <el-drawer title="鏂藉伐鎵规" :visible.sync="batchOpen" size="70%" :append-to-body="true" :destroy-on-close="true">
+ <construction-batch></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>
+ </el-drawer>
</div>
</template>
<script>
+import school from '../../components/school'
+import constructionBatch from '../constructionBatch'
+import reserveIp from '../reserveIp'
+
export default {
- name: "constructionList"
+ name: "constructionList",
+ components: {
+ school,
+ constructionBatch,
+ reserveIp
+ },
+ data() {
+ return {
+ activeName: 'second',
+ batchOpen: false,
+ ipOpen: false
+ }
+ },
+ methods: {
+ // 閫夋嫨楂樻牎
+ schoolChange(v) {
+
+ },
+ handleClick(tab, event) {
+ console.log(tab, event);
+ }
+ }
}
</script>
<style scoped>
-
+.tree-view {
+ display: flex;
+ 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;
+ height: 40px;
+ align-items: center;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1