From ae2d855c89ca722ac7309fdf1aa6ceed370e3b95 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 11 十月 2021 20:22:30 +0800
Subject: [PATCH] 监控ui
---
src/pages/shuohuangMonitorAnalyze/index/App.vue | 83 ++++++++++++++++++++++++++++++++---------
1 files changed, 65 insertions(+), 18 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/index/App.vue b/src/pages/shuohuangMonitorAnalyze/index/App.vue
index bf0da94..0989569 100644
--- a/src/pages/shuohuangMonitorAnalyze/index/App.vue
+++ b/src/pages/shuohuangMonitorAnalyze/index/App.vue
@@ -6,55 +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>
- <guideIndex v-if="actPage=='guideIndex'"></guideIndex>
+ <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 GuideIndex from '../components/guideIndex';
+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, GuideIndex },
- data () {
+ components: {
+ Lkg,
+ LeftNav,
+ TopNav,
+ SearchForVideoAnalyze,
+ MemberManage,
+ TaskManage,
+ TransferMemo,
+ TransferDeviceManage,
+ ConfigManage,
+ GuideIndex
+ },
+ data() {
return {
isCollapse: false,
actPage: 'guideIndex',
}
},
- mounted () {
-
+ mounted() {
+ // this.actPage = 'guideIndex';
},
methods: {
- markNav () {
- debugger
+ markNav() {
sessionStorage.setItem('actPage', this.actPage);
this.menuChange(this.actPage);
},
- toggleCollapse () {
+ 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;
}
}
@@ -64,9 +88,13 @@
<style lang="scss">
.flex-box {
display: flex;
- >label {
+ > label {
padding-right: 10px;
}
+}
+.flex-end {
+ display: flex;
+ justify-content: flex-end;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover,
@@ -76,9 +104,28 @@
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;
@@ -90,7 +137,7 @@
padding: 0 3px;
color: #0096fa;
}
- i[class^='el-icon'] {
+ i[class^="el-icon"] {
padding: 3px;
font-size: 16px;
color: #0096fa;
--
Gitblit v1.8.0