From eb29d7570a43ca078aa9568446ec5d0b3e02526a Mon Sep 17 00:00:00 2001 From: heimawl <1785969728@qq.com> Date: 星期二, 27 六月 2023 17:29:55 +0800 Subject: [PATCH] 完成话术库、指标库、模板库、页面及其子页面搭建 --- src/views/Intelligentcenter/centercontrol/index.vue | 115 ++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 104 insertions(+), 11 deletions(-) diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue index e8b772b..2456672 100644 --- a/src/views/Intelligentcenter/centercontrol/index.vue +++ b/src/views/Intelligentcenter/centercontrol/index.vue @@ -72,12 +72,38 @@ :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="浠g爜灞曠ず" + 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="180"> + </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 +117,7 @@ data() { return { code: "", + fiactiveName: "first", options: { line: true, theme: "rubyblue", // 涓婚 @@ -106,43 +133,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: "鎮h�呯鐞�", name: "1-1", - content: "Tab 1 content", + content: 0, + value: "<el-tab-pane>", }, { title: "瀹f暀绠$悊", 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: "鎮h�呯鐞�", + name: "1", + son: [ + { + title: "鎮h�呯鐞�", + name: "1-1", + content: "", + }, + ], + }, + { + title: "鐭ヨ瘑搴�", + name: "2", + son: [ + { + title: "瀹f暀绠$悊", + 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