From f77dad86de37e5ab0df6a6ce43f21e1ab408d389 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 08 八月 2020 11:23:39 +0800
Subject: [PATCH] 调整布局
---
src/pages/analysisPower/index/App.vue | 42 +++++++++++++++++-------------------------
1 files changed, 17 insertions(+), 25 deletions(-)
diff --git a/src/pages/analysisPower/index/App.vue b/src/pages/analysisPower/index/App.vue
index 3318358..8c4d0de 100644
--- a/src/pages/analysisPower/index/App.vue
+++ b/src/pages/analysisPower/index/App.vue
@@ -58,6 +58,7 @@
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="鎽勫儚鏈哄悕绉�" align="center" show-overflow-tooltip sortable>
@@ -481,6 +482,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;'
+ }
}
}
};
@@ -489,38 +495,30 @@
.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;
- padding-left: 38px;
+ //float: left;
+ padding-left: 30px;
box-sizing: border-box;
- // @media screen and (min-width: 1280px) and (max-width: 1440px) {
- // width: 75%;
- // }
- // @media screen and (max-width: 1280px) {
- // width: 80%;
- // }
+
}
.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;
@@ -540,12 +538,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;
@@ -555,7 +547,7 @@
}
}
.content {
- padding: 20px 38px 38px 38px;
+ padding: 20px 30px 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
--
Gitblit v1.8.0