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 | 158 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 140 insertions(+), 18 deletions(-)
diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue
index 88eee60..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,7 +72,37 @@
: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>
@@ -81,47 +111,132 @@
</template>
<script>
+// import { codemirror } from "vue-codemirror";
export default {
name: "education",
data() {
return {
+ code: "",
+ fiactiveName: "first",
+ options: {
+ line: true,
+ theme: "rubyblue", // 涓婚
+ tabSize: 4, // 鍒惰〃绗︾殑瀹藉害
+ indentUnit: 2, // 涓�涓潡搴旇缂╄繘澶氬皯涓┖鏍硷紙鏃犺杩欏湪缂栬緫璇█涓剰鍛崇潃浠�涔堬級銆傞粯璁ゅ�间负 2銆�
+ firstLineNumber: 1, // 浠庡摢涓暟瀛楀紑濮嬭绠楄鏁般�傞粯璁ゅ�间负 1銆�
+ readOnly: false, // 鍙
+ autorefresh: true,
+ smartIndent: true, // 涓婁笅鏂囩缉杩�
+ lineNumbers: true, // 鏄惁鏄剧ず琛屽彿
+ styleActiveLine: true, // 楂樹寒閫変腑琛�
+ viewportMargin: Infinity, //澶勭悊楂樺害鑷�傚簲鏃舵惌閰嶄娇鐢�
+ 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: [],
@@ -143,24 +258,19 @@
});
var results = this.editableTabs.some(function (item) {
- if (item.name == "寮犱笁") {
+ if (item.name == key) {
//item.name == "鐜嬮夯瀛�"
return true; //杩斿洖false
}
});
- this.editableTabs.push(result);
+ 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;
@@ -187,6 +297,17 @@
<style lang="scss" scoped>
.educationmanagement {
display: flex;
+}
+.leftvalu-code {
+ // background: #3a3d42;
+ height: 300px;
+ ::v-deep.CodeMirror {
+ position: relative;
+ overflow: hidden;
+ // background: #3a3d42;
+ color: #3a92ef;
+ font-size: 20px;
+ }
}
.sidecolumn {
width: 300px;
@@ -224,6 +345,7 @@
display: center !important;
}
}
+
.qrcode-dialo {
text-align: center;
// display: flex;
--
Gitblit v1.9.3