From 68fe1629ea048cf3b806b700f9934f990aa4bfdf Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 17 九月 2020 16:52:45 +0800
Subject: [PATCH] 可视化摄像机树排序,取消图标隐藏
---
src/pages/analysisPower/index/App.vue | 79 +++++++++++++++++++++++----------------
1 files changed, 46 insertions(+), 33 deletions(-)
diff --git a/src/pages/analysisPower/index/App.vue b/src/pages/analysisPower/index/App.vue
index 75d30fc..283f740 100644
--- a/src/pages/analysisPower/index/App.vue
+++ b/src/pages/analysisPower/index/App.vue
@@ -16,7 +16,7 @@
</div>
</div>
- <div class="bottom">
+ <div class="bottom" :style="{'height':strethTable?'calc(100% - 30px)':'calc(100% - 220px)'}">
<div style="width: 100%;height: 10px;background-color: #E9EBF2;"></div>
<div class="content">
<div class="toolBar">
@@ -55,10 +55,12 @@
<el-table
:header-cell-style="{background:'#F8F8F8', color: '#222222'}"
+ height="93%"
:data="PollData.CameraList"
border
+ :cell-style="cellStyle"
>
- <el-table-column label="搴忓彿" type="index" align="center" width="100px"></el-table-column>
+ <el-table-column label="搴忓彿" type="index" align="center" width="60px"></el-table-column>
<el-table-column label="鎽勫儚鏈哄悕绉�" align="center" show-overflow-tooltip sortable>
<template slot-scope="scope">
<span
@@ -68,7 +70,7 @@
</el-table-column>
<el-table-column label="鎽勫儚鏈哄湴鍧�" prop="addr" align="center" show-overflow-tooltip sortable></el-table-column>
<el-table-column label="鎽勫儚鏈篒P" prop="ip" align="center" width="130px" sortable></el-table-column>
- <el-table-column label="鎽勫儚鏈虹被鍨�" align="center" width="110px" sortable>
+ <el-table-column label="鎽勫儚鏈虹被鍨�" align="center" width="120px" sortable>
<template slot-scope="scope">
<span>{{scope.row.run_type | cameraType}}</span>
</template>
@@ -116,7 +118,7 @@
title="绠楀姏璁剧疆"
:visible.sync="drawer"
direction="rtl"
- size="350px"
+ size="450px"
custom-class="e-drawer"
:before-close="closeDrawer"
>
@@ -265,7 +267,8 @@
initFormData() {
this.formData = {
totalChanle: this.PollData.channelTotal,
- realTime: this.PollData.RealTimeSum,
+ //realTime: this.PollData.RealTimeSum,
+ realTime: this.PollData.RealTimeValidCount,
pollEnable: this.PollData.Enabled,
pollPeriod: this.PollData.Config.poll_period,
polling: this.PollData.PollChannelTotal,
@@ -480,6 +483,11 @@
this.formData.polling++
}
// console.log("this.formData.polling:"+this.formData.polling)
+ },
+ cellStyle(obj){
+ if(obj.column.label=='鎽勫儚鏈哄悕绉�'||obj.column.label=='鎽勫儚鏈哄湴鍧�'){
+ return 'text-align:left;padding-left:8px;'
+ }
}
}
};
@@ -487,37 +495,31 @@
<style lang="scss">
.s-poll-setting {
width: 100%;
-
+ height: 100%;
+ min-width: 1609px;
font-size: 14px;
position: relative;
.top {
width: 100%;
height: 190px;
- // border-bottom: 1px solid #ccc;
+ min-width: 1609px;
+ display: flex;
+
.progressBar {
width: 26%;
}
.percentBall {
- width: 80%;
+ width: 84%;
height: 82%;
- float: left;
- // @media screen and (min-width: 1280px) and (max-width: 1440px) {
- // width: 75%;
- // }
- // @media screen and (max-width: 1280px) {
- // width: 80%;
- // }
+ //float: left;
+ padding-left: 30px;
+ box-sizing: border-box;
+
}
.barGraph {
- width: 20%;
+ width: 16%;
height: 100%;
- float: right;
- // @media screen and (min-width: 1280px) and (max-width: 1440px) {
- // width: 25%;
- // }
- // @media screen and (max-width: 1280px) {
- // width: 20%;
- // }
+ //float: right;
#barSimple {
width: 100%;
height: 250px;
@@ -537,12 +539,6 @@
}
}
.bottom {
- //width: calc(100% + 76px);
- //height: 100%;
- // height: calc(100% - 220px);
- //position: absolute;
- // top: 220px;
- //left: -38px;
.tip {
display: inline-block;
font-family: PingFangSC-Medium;
@@ -552,10 +548,10 @@
}
}
.content {
- padding: 20px 38px 38px 38px;
+ padding: 20px 30px 30px;
box-sizing: border-box;
width: 100%;
-
+ height: 100%;
.toolBar {
width: 100%;
height: 42px;
@@ -578,9 +574,16 @@
.e-drawer {
// margin-top: 150px;
-
font-family: PingFangSC-Medium;
font-size: 14px;
+ &:focus{
+ outline: none;
+ }
+ .el-dialog__close{
+ &:focus{
+ outline: none!important;
+ }
+ }
.dawer_details {
text-align: left;
margin-left: 70px;
@@ -599,9 +602,19 @@
margin-left: 20px;
}
}
-
+
.el-drawer__header {
+ border-bottom: 2px solid #eee;
+ padding-bottom: 10px;
+ font-size: 16px;
margin-bottom: 0px;
+ span{
+ border: none!important;
+ border-image-width: 0!important;
+ &:focus{
+ outline: none;
+ }
+ }
}
}
</style>
--
Gitblit v1.8.0