From 83d83221778cf0213a979ebfcb4d75884038d9c1 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 04 三月 2025 14:34:45 +0800
Subject: [PATCH] 测试完成
---
src/views/Intelligentcenter/centercontrol/index.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 106 insertions(+), 12 deletions(-)
diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue
index e8b772b..baca6b5 100644
--- a/src/views/Intelligentcenter/centercontrol/index.vue
+++ b/src/views/Intelligentcenter/centercontrol/index.vue
@@ -48,7 +48,7 @@
<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 index="3-3">妯℃澘搴�</el-menu-item>
</el-menu-item-group>
<!-- <el-submenu index="1-4">
<template slot="title">閫夐」4</template>
@@ -72,12 +72,39 @@
:label="item.title"
:name="item.name"
>
- {{ item.content }}
+ <!-- {{ item.content }} -->
+ <div class="leftvalu-code" v-if="editableTabs.length">
+ <el-tabs
+ v-model="fiactiveName"
+ type="card"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane
+ v-if="item.content == 0 || item.content == 3"
+ label="浠ｇ爜灞曠ず"
+ name="first"
+ ><codemirror
+ v-model="item.value"
+ :options="options"
+ ></codemirror
+ ></el-tab-pane>
+ <el-tab-pane
+ v-if="item.content == 1 || item.content == 3"
+ label="琛ㄦ牸灞曠ず"
+ name="second"
+ ><el-table :data="tableData" style="width: 100%">
+ <el-table-column prop="date" label="鏃ユ湡" width="180">
+ </el-table-column>
+ <el-table-column prop="name" label="濮撳悕"
+ width="100" >
+ </el-table-column>
+ <el-table-column prop="address" label="鍦板潃">
+ </el-table-column> </el-table
+ ></el-tab-pane>
+ </el-tabs>
+ </div>
</el-tab-pane>
</el-tabs>
- </div>
- <div class="leftvalu-code">
- <codemirror v-model="code" :options="options"></codemirror>
</div>
</div>
</div>
@@ -91,6 +118,7 @@
data() {
return {
code: "",
+ fiactiveName: "first",
options: {
line: true,
theme: "rubyblue", // 涓婚
@@ -106,43 +134,109 @@
showCursorWhenSelecting: true, // 褰撻�夋嫨澶勪簬娲诲姩鐘舵�佹椂鏄惁搴旂粯鍒舵父鏍�
mode: "javascript",
},
+ tableData: [
+ {
+ date: "2016-05-02",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-04",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�",
+ },
+ {
+ date: "2016-05-01",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�",
+ },
+ {
+ date: "2016-05-03",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�",
+ },
+ ],
editableTabsValue: "2-2-3",
editableTabslist: [
{
title: "鎮ｈ�呯鐞�",
name: "1-1",
- content: "Tab 1 content",
+ content: 0,
+ value: "<el-tab-pane>",
},
{
title: "瀹ｆ暀绠＄悊",
name: "2-1",
- content: "Tab 2 content",
+ content: 1,
+ value:
+ "<el-table-column prop='address' label='鍦板潃'></el-table-column>",
},
{
title: "闂嵎绠＄悊",
name: "2-2",
- content: "Tab 2 content",
+ content: 3,
+ value:
+ "<el-table-column prop='address' label='鍦板潃'></el-table-column>",
},
{
title: "棰樺簱绠＄悊",
name: "2-3",
- content: "Tab 2 content",
+ content: "",
},
{
title: "璇濇湳搴�",
name: "3-1",
- content: "Tab 2 content",
+ content: "",
},
{
title: "鎰忓浘绠＄悊",
name: "3-2",
- content: "Tab 2 content",
+ content: "",
},
{
title: "妯℃澘搴�",
name: "3-3",
- content: "Tab 2 content",
+ content: "",
+ },
+ ],
+ // 闇�瑕佺殑鏍戠殑鏍煎紡
+ editableTabslisat: [
+ {
+ title: "鎮ｈ�呯鐞�",
+ name: "1",
+ son: [
+ {
+ title: "鎮ｈ�呯鐞�",
+ name: "1-1",
+ content: "",
+ },
+ ],
+ },
+ {
+ title: "鐭ヨ瘑搴�",
+ name: "2",
+ son: [
+ {
+ title: "瀹ｆ暀绠＄悊",
+ name: "2-1",
+ content: "",
+ },
+ {
+ title: "闂嵎绠＄悊",
+ name: "2-2",
+ content: "",
+ },
+ {
+ title: "棰樺簱绠＄悊",
+ name: "2-3",
+ content: "",
+ son: [
+ { title: "鏀跨瓥绠＄悊", name: "2-3-1", content: "" },
+ { title: "娌诲畨绠＄悊", name: "2-3-2", content: "" },
+ ],
+ },
+ ],
},
],
editableTabs: [],
--
Gitblit v1.9.3