From 8b31ebab2fd3bb4397f4966767a1ed7ddef3ff2c Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期一, 27 九月 2021 17:42:06 +0800 Subject: [PATCH] 系统设置v1.1 --- src/pages/shuohuangMonitorAnalyze/index/App.vue | 104 ++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 89 insertions(+), 15 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/index/App.vue b/src/pages/shuohuangMonitorAnalyze/index/App.vue index 30023bd..0989569 100644 --- a/src/pages/shuohuangMonitorAnalyze/index/App.vue +++ b/src/pages/shuohuangMonitorAnalyze/index/App.vue @@ -6,49 +6,79 @@ <div class="right"> <div class="top"> <div class="collapse-trigger" @click="toggleCollapse"> - <i :class="isCollapse?'el-icon-s-fold':'el-icon-s-unfold'"></i> + <i :class="isCollapse?'el-icon-s-unfold':'el-icon-s-fold'"></i> </div> <top-nav></top-nav> </div> <div class="container"> + <!-- 棣栭〉 --> + <GuideIndex ref="GuideIndex" v-if="actPage=='guideIndex'"></GuideIndex> <searchForVideoAnalyze v-if="actPage=='searchForVideoAnalyze'"></searchForVideoAnalyze> <memberManage v-if="actPage=='memberManage'"></memberManage> <taskManage v-if="actPage=='taskManage'"></taskManage> <transferMemo v-if="actPage=='transferMemo'"></transferMemo> <transferDeviceManage v-if="actPage=='transferDeviceManage'"></transferDeviceManage> <configManage v-if="actPage=='configManage'"></configManage> + <lkg v-if="actPage=='lkgManage'"></lkg> </div> </div> </div> </template> <script> -import LeftNav from '../components/leftNav'; +import Lkg from '../components/lkgManage' import TopNav from '../components/topNav'; -import SearchForVideoAnalyze from '../components/searchForVideoAnalyze'; -import MemberManage from '../components/memberManage'; +import LeftNav from '../components/leftNav'; +import GuideIndex from '../components/guideIndex'; import TaskManage from '../components/taskManage'; import TransferMemo from '../components/transferMemo'; -import TransferDeviceManage from '../components/transferDeviceManage'; import ConfigManage from '../components/configManage'; +import MemberManage from '../components/memberManage'; +import TransferDeviceManage from '../components/transferDeviceManage'; +import SearchForVideoAnalyze from '../components/searchForVideoAnalyze'; + export default { - components: { LeftNav, TopNav, SearchForVideoAnalyze, MemberManage, TaskManage, TransferMemo, TransferDeviceManage, ConfigManage }, - data () { + components: { + Lkg, + LeftNav, + TopNav, + SearchForVideoAnalyze, + MemberManage, + TaskManage, + TransferMemo, + TransferDeviceManage, + ConfigManage, + GuideIndex + }, + data() { return { isCollapse: false, - actPage: 'searchForVideoAnalyze', + actPage: 'guideIndex', } }, - mounted () { - + mounted() { + // this.actPage = 'guideIndex'; }, methods: { - toggleCollapse () { + markNav() { + sessionStorage.setItem('actPage', this.actPage); + this.menuChange(this.actPage); + }, + toggleCollapse() { this.isCollapse = !this.isCollapse; //閫氱煡褰撳墠娲诲姩椤祎able(濡傛灉鏈�) doLayout - }, - menuChange (path) { + menuChange(path) { + if (path=='guideIndex') { + // this.$refs.GuideIndex.refreshShoubiNum() + } + if (path == 'taskscreen') { + //window.location.href = window.location.href+'taskscreen/index.html' + window.open(window.location.href + 'taskscreen/index.html', '_blank') + } else if (path == 'hiddendangerscreen') { + //window.location.href = window.location.href+'hiddendangerscreen/index.html' + window.open(window.location.href + 'hiddendangerscreen/index.html', '_blank') + } this.actPage = path; } } @@ -56,18 +86,62 @@ </script> <style lang="scss"> -.flex-box{ +.flex-box { display: flex; + > label { + padding-right: 10px; + } +} +.flex-end { + display: flex; + justify-content: flex-end; +} +.el-button--primary.is-disabled, +.el-button--primary.is-disabled:hover, +.el-button--primary.is-disabled:focus, +.el-button--primary.is-disabled:active { + color: #ffffff; + background-color: #9eb4f0 !important; + border-color: #9eb4f0 !important; +} +.table-area { + margin-bottom: 20px; + .el-table { + border: 1px solid #ddd; + thead { + color: #111 !important; + th { + background: #f4f4f4; + } + } + .operation { + span { + font-size: 14px; + color: #1a99ff; + padding-right: 10px; + } + } + } } .el-table.thbg { border: 1px solid #dedede; - margin-top: 10px; + margin: 10px 0; th { background: #f5f5f5; color: #333; } .operation { cursor: pointer; + display: flex; + span { + padding: 0 3px; + color: #0096fa; + } + i[class^="el-icon"] { + padding: 3px; + font-size: 16px; + color: #0096fa; + } } } .main-view { -- Gitblit v1.8.0