From 72f553661a74b225c89310d3fb3d78f3ebe35f82 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 28 二月 2021 10:45:04 +0800
Subject: [PATCH] m朔黄首页模拟数据更新
---
src/pages/cameraAccess/components/LinkageRule.vue | 73 +++++++++++++++++++++++-------------
1 files changed, 46 insertions(+), 27 deletions(-)
diff --git a/src/pages/cameraAccess/components/LinkageRule.vue b/src/pages/cameraAccess/components/LinkageRule.vue
index 604283f..57a7fa9 100644
--- a/src/pages/cameraAccess/components/LinkageRule.vue
+++ b/src/pages/cameraAccess/components/LinkageRule.vue
@@ -1,17 +1,13 @@
<template>
<div class="s-linkage-rules">
- <div class="top">
+ <!-- <div class="top">
<p style="text-align:left;margin-bottom: 14px;">
- <b style="font-size: 14px;line-height: 18px;">宸查�夌畻娉�</b>
+ <b style="font-size: 14px;line-height: 18px;">鍦烘櫙</b>
</p>
-
- <div class="clearfix">
+ <div class="clearfix" style="min-width:1570px;">
<div class="slide-scene">
- <span class="task-tip" v-if="tableRuleList.length == 0 ">鏆傛棤绠楁硶锛岃鍦ㄧ嫭绔嬭鍒欎腑閫夋嫨绠楁硶</span>
<slide-scene :sceneData="tableRuleList"></slide-scene>
</div>
- <!-- <slide-scene :sceneData="Camera.rules"></slide-scene> -->
- <!-- 绯荤粺淇℃伅 -->
<div class="top-right">
<sysinfo
v-if="showSysInfo"
@@ -21,8 +17,29 @@
/>
</div>
</div>
+ </div> -->
+ <div class="top" >
+ <p class="task-css">
+ <b style="font-size: 14px; line-height: 18px;">鍦烘櫙</b>
+ </p>
+ <div class="clearfix">
+ <slide-scene :sceneData="tableRuleList"></slide-scene>
+ <div class="top-right">
+ <sysinfo
+ v-if="showSysInfo"
+ style="margin-top: -10px;"
+ :ShowLocalVedio="this.TreeDataPool.treeActiveName !== 'camera'"
+ :showRealPoll="this.TreeDataPool.treeActiveName == 'camera'"
+ />
+ <!-- <sysinfo
+ :showRealPoll="cameraType === 'camera'"
+ :ShowLocalVedio="cameraType === 'dataStack'"
+ v-if="showSysInfo"
+ style="margin-top:-10px"
+ /> -->
+ </div>
+ </div>
</div>
-
<div class="bottom">
<div class="devide"></div>
<div class="bottom-right">
@@ -57,6 +74,7 @@
:currentCameraId="data.cameraId"
@changeLoading="changeLoading"
@fromCanvas="getCanvasData"
+ @refresh="refresh"
></polygon-canvas>
</swiper-slide>
</swiper>
@@ -191,7 +209,7 @@
this.$nextTick(() => {
this.Carmeras = [];
this.loading = false;
- this.showSysInfo = true
+ this.showSysInfo = true;
if (this.TreeDataPool.treeActiveName == 'dataStack') {
this.TreeDataPool.checkedLocalVedio.forEach(camera => {
this.Carmeras.push(new VideoRuleData(camera.id));
@@ -218,6 +236,14 @@
});
}
this.swipercanvasData = swipers;
+ },
+ refresh(url,id) {
+ this.swipercanvasData.forEach(data=>{
+ if(data.cameraId == id){
+ data.baseImg = url;
+ }
+ })
+ //this.Camera.baseImg = url
},
getCanvasData() { },
showRules() {
@@ -277,7 +303,7 @@
.s-linkage-rules {
width: 100%;
//height: 100%;
- padding: 13px 0 20px;
+ //padding: 13px 0 20px;
position: relative;
.devide{
height: 10px;
@@ -287,20 +313,17 @@
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
- top: 0;
.swiper-box {
height: 100%;
float: left;
- width: 48%;
+ width: 46%;
margin-top: -10px;
position: relative;
}
.swiper-container {
position: initial;
min-width: 472px;
- width: 80%;
-
- // height: 124px;
+ width: 86%;
}
.swiper-slide {
position: relative;
@@ -339,10 +362,6 @@
backdrop-filter: blur(1px) brightness(100%);
display: none;
}
-
- // @media screen and(max-width: 1280px) {
- // max-width: 110px;
- // }
@media screen and(max-width: 1440px) {
max-width: 110px;
}
@@ -389,6 +408,12 @@
.card-box{
width: 54%!important;
}
+ .eCharts-box{
+ width: 45%;
+ canvas{
+ width: 98%!important;
+ }
+ }
}
.task-css {
text-align: left;
@@ -398,7 +423,7 @@
.bottom {
width: 100%;
-
+ margin-bottom: 20px;
.bottom-side {
height: 100%;
width: 250px;
@@ -552,13 +577,7 @@
.add-btn:hover {
color: #2249b4;
}
- .task-tip {
- font-family: PingFangSC-Regular;
- font-size: 12px;
- color: #cccccc;
- margin-top: 10%;
- margin-left: 38%;
- }
+
}
</style>
<style lang="scss" scoped>
--
Gitblit v1.8.0