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 | 60 +++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 39 insertions(+), 21 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/index/App.vue b/src/pages/shuohuangMonitorAnalyze/index/App.vue
index 66b81b3..0989569 100644
--- a/src/pages/shuohuangMonitorAnalyze/index/App.vue
+++ b/src/pages/shuohuangMonitorAnalyze/index/App.vue
@@ -6,60 +6,78 @@
<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 () {
+ markNav() {
sessionStorage.setItem('actPage', this.actPage);
this.menuChange(this.actPage);
},
- toggleCollapse () {
+ toggleCollapse() {
this.isCollapse = !this.isCollapse;
//閫氱煡褰撳墠娲诲姩椤祎able(濡傛灉鏈�) doLayout
},
- menuChange (path) {
- if(path == 'taskscreen'){
+ 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.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')
+ window.open(window.location.href + 'hiddendangerscreen/index.html', '_blank')
}
this.actPage = path;
}
@@ -70,11 +88,11 @@
<style lang="scss">
.flex-box {
display: flex;
- >label {
+ > label {
padding-right: 10px;
}
}
-.flex-end{
+.flex-end {
display: flex;
justify-content: flex-end;
}
@@ -119,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