From 5fb65ada8ccc28eabf823b284de70fbd3ca1f41e Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 28 九月 2021 18:29:36 +0800
Subject: [PATCH] 抓拍大图层级修复v1
---
src/pages/shuohuangMonitorAnalyze/index/App.vue | 95 +++++++++++++++++++++++++++++++++++++++--------
1 files changed, 78 insertions(+), 17 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/index/App.vue b/src/pages/shuohuangMonitorAnalyze/index/App.vue
index f1aec94..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;
}
}
@@ -58,25 +88,56 @@
<style lang="scss">
.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;
+ 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;
- i[class^='el-icon'] {
+ display: flex;
+ span {
+ padding: 0 3px;
+ color: #0096fa;
+ }
+ i[class^="el-icon"] {
padding: 3px;
font-size: 16px;
color: #0096fa;
--
Gitblit v1.8.0