From 39ad2d814e4cc7bc71d88243d5ddba140a5e615c Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期一, 26 六月 2023 14:10:42 +0800
Subject: [PATCH] 11
---
src/views/Intelligentcenter/centercontrol/index.vue | 117 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 84 insertions(+), 33 deletions(-)
diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue
index 221339b..18aa895 100644
--- a/src/views/Intelligentcenter/centercontrol/index.vue
+++ b/src/views/Intelligentcenter/centercontrol/index.vue
@@ -7,6 +7,7 @@
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
+ @select="handleSelect"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
@@ -14,33 +15,46 @@
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
- <span>瀵艰埅涓�</span>
+ <span>鎮ｈ�呯鐞�</span>
</template>
<el-menu-item-group>
- <template slot="title">鍒嗙粍涓�</template>
<el-menu-item index="1-1">閫夐」1</el-menu-item>
- <el-menu-item index="1-2">閫夐」2</el-menu-item>
</el-menu-item-group>
- <el-menu-item-group title="鍒嗙粍2">
- <el-menu-item index="1-3">閫夐」3</el-menu-item>
- </el-menu-item-group>
- <el-submenu index="1-4">
+ <!-- <el-submenu index="1-4">
<template slot="title">閫夐」4</template>
<el-menu-item index="1-4-1">閫夐」1</el-menu-item>
- </el-submenu>
+ </el-submenu> -->
</el-submenu>
- <el-menu-item index="2">
- <i class="el-icon-menu"></i>
- <span slot="title">瀵艰埅浜�</span>
- </el-menu-item>
- <el-menu-item index="3" disabled>
- <i class="el-icon-document"></i>
- <span slot="title">瀵艰埅涓�</span>
- </el-menu-item>
- <el-menu-item index="4">
- <i class="el-icon-setting"></i>
- <span slot="title">瀵艰埅鍥�</span>
- </el-menu-item>
+ <el-submenu index="2">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>鐭ヨ瘑搴�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="2-1">瀹ｆ暀绠＄悊</el-menu-item>
+ <el-menu-item index="2-2">闂嵎绠＄悊</el-menu-item>
+ <el-menu-item index="2-3">棰樺簱绠＄悊</el-menu-item>
+ </el-menu-item-group>
+ <!-- <el-submenu index="1-4">
+ <template slot="title">閫夐」4</template>
+ <el-menu-item index="1-4-1">閫夐」1</el-menu-item>
+ </el-submenu> -->
+ </el-submenu>
+ <el-submenu index="3">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>鎮ｈ�呯鐞�</span>
+ </template>
+ <el-menu-item-group>
+ <el-menu-item index="3-1">璇濇湳搴�</el-menu-item>
+ <el-menu-item index="3-2">鎰忓浘绠＄悊</el-menu-item>
+ <el-menu-item index="3-3">妯＄増搴�</el-menu-item>
+ </el-menu-item-group>
+ <!-- <el-submenu index="1-4">
+ <template slot="title">閫夐」4</template>
+ <el-menu-item index="1-4-1">閫夐」1</el-menu-item>
+ </el-submenu> -->
+ </el-submenu>
</el-menu>
</div>
<!-- 鍙充晶鏁版嵁 -->
@@ -72,19 +86,45 @@
data() {
return {
- editableTabsValue: "2",
- editableTabs: [
+ editableTabsValue: "2-2-3",
+ editableTabslist: [
{
- title: "Tab 1",
- name: "1",
+ title: "鎮ｈ�呯鐞�",
+ name: "1-1",
content: "Tab 1 content",
},
{
- title: "Tab 2",
- name: "2",
+ title: "瀹ｆ暀绠＄悊",
+ name: "2-1",
+ content: "Tab 2 content",
+ },
+ {
+ title: "闂嵎绠＄悊",
+ name: "2-2",
+ content: "Tab 2 content",
+ },
+ {
+ title: "棰樺簱绠＄悊",
+ name: "2-3",
+ content: "Tab 2 content",
+ },
+ {
+ title: "璇濇湳搴�",
+ name: "3-1",
+ content: "Tab 2 content",
+ },
+ {
+ title: "鎰忓浘绠＄悊",
+ name: "3-2",
+ content: "Tab 2 content",
+ },
+ {
+ title: "妯℃澘搴�",
+ name: "3-3",
content: "Tab 2 content",
},
],
+ editableTabs: [],
tabIndex: 2,
};
},
@@ -96,15 +136,26 @@
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
+ handleSelect(key, keyPath) {
+ console.log(key, keyPath, "ss");
+ var result = this.editableTabslist.find((v) => {
+ return v.name === key; // return v.value === '9' 杩斿洖undefined
+ });
+
+ var results = this.editableTabs.some(function (item) {
+ if (item.name == key) {
+ //item.name == "鐜嬮夯瀛�"
+ return true; //杩斿洖false
+ }
+ });
+ if (!results) {
+ this.editableTabs.push(result);
+ }
+ this.editableTabsValue = key;
+ console.log(result);
+ },
handleTabsEdit(targetName, action) {
if (action === "add") {
- let newTabName = ++this.tabIndex + "";
- this.editableTabs.push({
- title: "New Tab",
- name: newTabName,
- content: "New Tab content",
- });
- this.editableTabsValue = newTabName;
}
if (action === "remove") {
let tabs = this.editableTabs;
--
Gitblit v1.9.3