From a82b6eb05820368bd047d7a47fac6797567e99b3 Mon Sep 17 00:00:00 2001
From: whychdw <49690745@qq.com>
Date: 星期二, 03 八月 2021 10:52:32 +0800
Subject: [PATCH] 内容调成
---
src/pages/boostingTransformer/boostingTransformer.vue | 6
src/pages/AFEinverter/afeInverter.vue | 5
src/pages/monitoring/intoLineMonitoring.vue | 6
src/pages/switchboard/switchboard.vue | 4
src/pages/dcSwitchboard/dcSwitchboard.vue | 531 ++++++++++++++++++++++++++++-------------------------
5 files changed, 296 insertions(+), 256 deletions(-)
diff --git a/src/pages/AFEinverter/afeInverter.vue b/src/pages/AFEinverter/afeInverter.vue
index 541f7a7..f58979e 100644
--- a/src/pages/AFEinverter/afeInverter.vue
+++ b/src/pages/AFEinverter/afeInverter.vue
@@ -381,7 +381,7 @@
padding: 1%;
}
.content_top{
- height: 22%;
+ height: 16%;
}
.content_cent{
height: 42%;
@@ -389,6 +389,9 @@
.content_cent{
margin: 1% 0;
}
+.content_bottom {
+ height: 40%;
+}
.title_into{
padding-left: 1%;
color: #ffff18;
diff --git a/src/pages/boostingTransformer/boostingTransformer.vue b/src/pages/boostingTransformer/boostingTransformer.vue
index 5c980af..8583444 100644
--- a/src/pages/boostingTransformer/boostingTransformer.vue
+++ b/src/pages/boostingTransformer/boostingTransformer.vue
@@ -326,13 +326,13 @@
padding: 1%;
}
.content_top{
- height: 25%;
+ height: 12%;
}
.content_cent{
- height: 40%;
+ height: 28%;
}
.content_bottom{
- height: 33%;
+ height: 58%;
}
.content_cent{
margin: 1% 0;
diff --git a/src/pages/dcSwitchboard/dcSwitchboard.vue b/src/pages/dcSwitchboard/dcSwitchboard.vue
index 30eadfc..8fd73c6 100644
--- a/src/pages/dcSwitchboard/dcSwitchboard.vue
+++ b/src/pages/dcSwitchboard/dcSwitchboard.vue
@@ -1,129 +1,129 @@
<template>
-<div class="body_box">
- <!-- 鐩存祦閰嶇數鏉跨洃鎺� -->
- <div class="tipTitle">鐩存祦閰嶇數鏉跨洃鎺�</div>
- <div class="left_Box">
- <div class="diagram-content">
+ <div class="body_box">
+ <!-- 鐩存祦閰嶇數鏉跨洃鎺� -->
+ <div class="tipTitle">鐩存祦閰嶇數鏉跨洃鎺�</div>
+ <div class="left_Box">
+ <div class="diagram-content">
<div class="diagram-stc" ref="static"></div>
<div class="diagram-flush" ref="flush"></div>
+ </div>
</div>
- </div>
- <div class="content_box">
- <div class="content_top">
- <p class="title_into">褰撳墠杩愯鎯呭喌</p>
- <el-form ref="form" label-width="150px">
- <!-- <el-form-item label="澶у姛鐜囨暣娴佺數婧愶細">
- <el-input size="mini" v-model="formData.thisInfo.dglzldy" style="width:210px"></el-input>
- </el-form-item> -->
- <el-form-item label="寮�鍏崇姸鎬侊細">
- <el-input size="mini" v-model="formData.thisInfo.kgzt" style="width:210px"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="content_cent">
- <p class="title_into">璇︾粏鍙傛暟鎯呭喌</p>
- <div class="clear"></div>
- <div class="detail_info">5000kVA杩涚嚎灞�</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
- </el-form-item>
- <el-form-item label="鐢垫祦锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxFivePanelVol"></el-input>
+ <div class="content_box">
+ <div class="content_top">
+ <p class="title_into">褰撳墠杩愯鎯呭喌</p>
+ <el-form ref="form" label-width="150px">
+ <!-- <el-form-item label="澶у姛鐜囨暣娴佺數婧愶細">
+ <el-input size="mini" v-model="formData.thisInfo.dglzldy" style="width:210px"></el-input>
+ </el-form-item> -->
+ <el-form-item label="寮�鍏崇姸鎬侊細">
+ <el-input size="mini" v-model="formData.thisInfo.kgzt" style="width:210px"></el-input>
</el-form-item>
</el-form>
</div>
- <div class="detail_info">5000kVA鍑虹嚎灞�</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
- </el-form-item>
- <el-form-item label="鐢垫祦锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxFivePanelVol"></el-input>
- </el-form-item>
- </el-form>
+ <div class="content_cent">
+ <p class="title_into">璇︾粏鍙傛暟鎯呭喌</p>
+ <div class="clear"></div>
+ <div class="detail_info">5000kVA杩涚嚎灞�</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
+ </el-form-item>
+ <el-form-item label="鐢垫祦锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxFivePanelVol"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="detail_info">5000kVA鍑虹嚎灞�</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxFivePanelCurr"></el-input>
+ </el-form-item>
+ <el-form-item label="鐢垫祦锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxFivePanelVol"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="clear"></div>
+ <div class="partition"></div>
+ <div class="detail_info">1鍙�3200kVA鍑虹嚎</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxOnePanelVol"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="detail_info">2鍙�3200kVA鍑虹嚎</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.cxTwoPanelVol"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="clear"></div>
+ <div class="partition"></div>
+ <div class="detail_info">鐢垫簮杈撳叆 A鎺�</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.volA"></el-input>
+ </el-form-item>
+ <el-form-item label="鐢垫祦锛�">
+ <el-input size="mini" v-model="formData.thisInfo.currA"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="detail_info">鐢垫簮杈撳叆 B鎺�</div>
+ <div class="detail_info detail_form">
+ <el-form ref="form" label-width="60px">
+ <el-form-item label="鐢靛帇锛�">
+ <el-input size="mini" v-model="formData.thisInfo.volB"></el-input>
+ </el-form-item>
+ <el-form-item label="鐢垫祦锛�">
+ <el-input size="mini" v-model="formData.thisInfo.currB"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="clear"></div>
</div>
- <div class="clear"></div>
- <div class="partition"></div>
- <div class="detail_info">1鍙�3200kVA鍑虹嚎</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxOnePanelVol"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="detail_info">2鍙�3200kVA鍑虹嚎</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.cxTwoPanelVol"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="clear"></div>
- <div class="partition"></div>
- <div class="detail_info">鐢垫簮杈撳叆 A鎺�</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.volA"></el-input>
- </el-form-item>
- <el-form-item label="鐢垫祦锛�">
- <el-input size="mini" v-model="formData.thisInfo.currA"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="detail_info">鐢垫簮杈撳叆 B鎺�</div>
- <div class="detail_info detail_form">
- <el-form ref="form" label-width="60px">
- <el-form-item label="鐢靛帇锛�">
- <el-input size="mini" v-model="formData.thisInfo.volB"></el-input>
- </el-form-item>
- <el-form-item label="鐢垫祦锛�">
- <el-input size="mini" v-model="formData.thisInfo.currB"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="clear"></div>
- </div>
- <div class="content_bottom">
- <p class="title_into">鎶ヨ鎯呭喌</p>
- <!-- 琛ㄥ崟 -->
- <div class="flex-page-content">
- <div class="batteryrHistoryquery" style="width: 100%;height: 100%;">
- <el-table :data="tableData" style="width: 100%" max-height="145px">
- <el-table-column prop="date" label="鎶ヨ鏃堕棿" width="180"></el-table-column>
- <el-table-column prop="name" label="鎶ヨ鍚嶇О" width="180"></el-table-column>
- <el-table-column prop="address" label="鎶ヨ鎻忚堪"></el-table-column>
- </el-table>
+ <div class="content_bottom">
+ <p class="title_into">鎶ヨ鎯呭喌</p>
+ <!-- 琛ㄥ崟 -->
+ <div class="flex-page-content">
+ <div class="batteryrHistoryquery" style="width: 100%;height: 100%;">
+ <el-table :data="tableData" style="width: 100%" max-height="145px">
+ <el-table-column prop="date" label="鎶ヨ鏃堕棿" width="180"></el-table-column>
+ <el-table-column prop="name" label="鎶ヨ鍚嶇О" width="180"></el-table-column>
+ <el-table-column prop="address" label="鎶ヨ鎻忚堪"></el-table-column>
+ </el-table>
+ </div>
</div>
</div>
</div>
+ <div class="right_box">
+ <p class="title_into">瀹炴椂鏇茬嚎</p>
+ <p class="title_echarts">5000kVA杩涚嚎灞�</p>
+ <div class="echarts-right" ref="5000kvaEcharts">
+
+ </div>
+ <p class="title_echarts">1鍙�3200kVA鍑虹嚎</p>
+ <div class="echarts-right" ref="13200kvaEcharts">
+
+ </div>
+ <p class="title_echarts">2鍙�3200kVA鍑虹嚎</p>
+ <div class="echarts-right" ref="23200kvaEcharts">
+
+ </div>
+ <p class="title_echarts">澶у姛鐜囨暣娴佺數婧�</p>
+ <div class="echarts-right" ref="dglzldyEcharts">
+
+ </div>
+ </div>
+ <div class="clear"></div>
</div>
- <div class="right_box">
- <p class="title_into">瀹炴椂鏇茬嚎</p>
- <p class="title_echarts">5000kVA杩涚嚎灞�</p>
- <div class="echarts-right" ref="5000kvaEcharts">
-
- </div>
- <p class="title_echarts">1鍙�3200kVA鍑虹嚎</p>
- <div class="echarts-right" ref="13200kvaEcharts">
-
- </div>
- <p class="title_echarts">2鍙�3200kVA鍑虹嚎</p>
- <div class="echarts-right" ref="23200kvaEcharts">
-
- </div>
- <p class="title_echarts">澶у姛鐜囨暣娴佺數婧�</p>
- <div class="echarts-right" ref="dglzldyEcharts">
-
- </div>
- </div>
- <div class="clear"></div>
-</div>
</template>
<script>
import getWsUrl from "@/assets/js/getWsUrl";
@@ -131,38 +131,39 @@
// import ContentBox from "@/components/ContentBox";
import gridCircuitDiagram from '@/pages/dcSwitchboard/js/gridCircuitDiagram'
import diagramStates from '@/pages/dcSwitchboard/js/diagramStates'
+
let diagram;
export default {
chart: {},
- data(){
+ data() {
return {
- isOpen:false,
- tableData:[],
- formData:{
- thisInfo:{
- kgzt:"|O|O QS1鍒嗛椄 QTIE鍒嗛椄 QS2鍚堥椄",
- dglzldy:"杩愯涓�",
- cxFivePanelCurr:'',
- cxFivePanelVol:"",
- cxOnePanelVol:"",
- cxTwoPanelVol:"",
- volA:"",
- volB:"",
- currA:"",
- currB:""
+ isOpen: false,
+ tableData: [],
+ formData: {
+ thisInfo: {
+ kgzt: "|O|O QS1鍒嗛椄 QTIE鍒嗛椄 QS2鍚堥椄",
+ dglzldy: "杩愯涓�",
+ cxFivePanelCurr: '',
+ cxFivePanelVol: "",
+ cxOnePanelVol: "",
+ cxTwoPanelVol: "",
+ volA: "",
+ volB: "",
+ currA: "",
+ currB: ""
}
},
- echartsList:[
- {echartsCurr:[],echartsVol:[],name:"5000kVA杩涚嚎灞�",class:"5000kvaEcharts"},
- {echartsCurr:[],echartsVol:[],name:"1鍙�3200kVA鍑虹嚎",class:"13200kvaEcharts"},
- {echartsCurr:[],echartsVol:[],name:"2鍙�3200kVA鍑虹嚎",class:"23200kvaEcharts"},
- {echartsCurr:[],echartsVol:[],name:"澶у姛鐜囨暣娴佺數婧�",class:"dglzldyEcharts"},
+ echartsList: [
+ {echartsCurr: [], echartsVol: [], name: "5000kVA杩涚嚎灞�", class: "5000kvaEcharts"},
+ {echartsCurr: [], echartsVol: [], name: "1鍙�3200kVA鍑虹嚎", class: "13200kvaEcharts"},
+ {echartsCurr: [], echartsVol: [], name: "2鍙�3200kVA鍑虹嚎", class: "23200kvaEcharts"},
+ {echartsCurr: [], echartsVol: [], name: "澶у姛鐜囨暣娴佺數婧�", class: "dglzldyEcharts"},
],
- dateTime:[],
+ dateTime: [],
}
},
- components:{
+ components: {
// ContentBox
},
mounted() {
@@ -174,11 +175,11 @@
},
methods: {
// 鍒濆鍖栧浘琛�
- initEcharts(){
+ initEcharts() {
let self = this;
- self.echartsList.forEach(item => {
- self.$options.chart[item.class] = echarts.init(self.$refs[item.class]);
- });
+ self.echartsList.forEach(item => {
+ self.$options.chart[item.class] = echarts.init(self.$refs[item.class]);
+ });
},
// 鎵撳紑閾炬帴
openSocket() {
@@ -196,13 +197,13 @@
this.socket.onopen = this.onOpen;
this.socket.onerror = this.onError;
this.socket.onclose = this.close;
-
+
}
},
onMessage(res) {
let self = this;
let result = JSON.parse(res.data)
- if(result.code == 1){
+ if (result.code == 1) {
this.isOpen = true;
// 琛ㄥ崟璧嬪��
self.formData.thisInfo.cxFivePanelCurr = result.data.screenRTList[0].panelCurr + "A";
@@ -223,32 +224,31 @@
self.echartsList[3].echartsVol.push(result.data.powerRT.rectifierVol);
-
self.formData.thisInfo.volA = result.data.dcMainBoard.volA + "V";
self.formData.thisInfo.volB = result.data.dcMainBoard.volB + "V";
self.formData.thisInfo.currA = result.data.dcMainBoard.currA + "A";
self.formData.thisInfo.currB = result.data.dcMainBoard.currB + "A";
}
self.dateTime.push(self.getTime());
- if(self.dateTime.length>10){
+ if (self.dateTime.length > 10) {
self.dateTime.shift();
}
self.echartsList.forEach(item => {
- if(item.echartsCurr.length>10){
+ if (item.echartsCurr.length > 10) {
item.echartsCurr.shift();
item.echartsVol.shift();
}
- self.setOption(item,true);
+ self.setOption(item, true);
});
},
- getTime(){
- var聽myDate聽=聽new聽Date();聽//瀹炰緥涓�涓椂闂村璞★紱
- // myDate.getFullYear();聽聽聽//鑾峰彇绯荤粺鐨勫勾锛�
- // myDate.getMonth()+1;聽聽聽//鑾峰彇绯荤粺鏈堜唤锛岀敱浜庢湀浠芥槸浠�0寮�濮嬭绠楋紝鎵�浠ヨ鍔�1
- // myDate.getDate();聽//聽鑾峰彇绯荤粺鏃ワ紝
- // myDate.getHours();聽//鑾峰彇绯荤粺鏃讹紝
- // myDate.getMinutes();聽//鍒�
- // myDate.getSeconds();聽//绉�
+ getTime() {
+ var myDate = new Date();聽//瀹炰緥涓�涓椂闂村璞★紱
+ // myDate.getFullYear();聽聽聽//鑾峰彇绯荤粺鐨勫勾锛�
+ // myDate.getMonth()+1;聽聽聽//鑾峰彇绯荤粺鏈堜唤锛岀敱浜庢湀浠芥槸浠�0寮�濮嬭绠楋紝鎵�浠ヨ鍔�1
+ // myDate.getDate();聽//聽鑾峰彇绯荤粺鏃ワ紝
+ // myDate.getHours();聽//鑾峰彇绯荤粺鏃讹紝
+ // myDate.getMinutes();聽//鍒�
+ // myDate.getSeconds();聽//绉�
let thisTime = myDate.getHours() + ":" + myDate.getMinutes() + ":" + myDate.getSeconds();
return thisTime
},
@@ -268,178 +268,208 @@
}
},
// 閰嶇疆鍥捐〃
- setOption:function(data,status){
+ setOption: function (data, status) {
let self = this;
let option = {
- animation: false,
- grid: {
- left: '70',
- top: '20',
- right: '70',
- bottom: '30'
+ animation: false,
+ grid: {
+ left: '70',
+ top: '20',
+ right: '70',
+ bottom: '30'
+ },
+ tooltip: {
+ "trigger": "axis",
+ show: true
+ },
+ xAxis: {
+ type: 'category',
+ show: true,
+ splitLine: {
+ show: false
},
- tooltip: {
- "trigger":"axis",
- show: true
+ data: self.dateTime
+ },
+ yAxis: [{
+ type: 'value',
+ gridIndex: 0,
+ show: true,
+ splitLine: {
+ show: false
},
- xAxis: {
- type: 'category',
- show: true,
- splitLine:{
- show:false
- },
- data:self.dateTime
+ minInterval: 1,
+ axisLabel: {
+ formatter: '{value}V'
},
- yAxis: [{
- type: 'value',
- gridIndex:0,
- show: true,
- splitLine: {
- show: false
- },
- minInterval: 1,
- axisLabel: {
- formatter: '{value}V'
- },
- },{
- type: 'value',
- gridIndex:0,
- show: true,
- splitLine: {
- show: false
- },
- minInterval: 1,
- axisLabel: {
- formatter: '{value}A'
- },
- }],
- series: [{
- data: data.echartsCurr,
- // xAxisIndex: 0,
- yAxisIndex: 0,//浣跨敤鐨� y 杞寸殑 index锛屽湪鍗曚釜鍥捐〃瀹炰緥涓瓨鍦ㄥ涓� y杞寸殑鏃跺�欐湁鐢ㄣ��
- type: 'line',
- symbol: 'none',
- step: false,
- smooth: true
- },{
- data:data.echartsVol,
- // xAxisIndex: 0,
- yAxisIndex: 1,//浣跨敤鐨� y 杞寸殑 index锛屽湪鍗曚釜鍥捐〃瀹炰緥涓瓨鍦ㄥ涓� y杞寸殑鏃跺�欐湁鐢ㄣ��
- type: 'line',
- symbol: 'none',
- // step: false,
- smooth: true
- },]
- };
- self.$options.chart[data.class].setOption(option);
-
-
+ }, {
+ type: 'value',
+ gridIndex: 0,
+ show: true,
+ splitLine: {
+ show: false
+ },
+ minInterval: 1,
+ axisLabel: {
+ formatter: '{value}A'
+ },
+ }],
+ series: [{
+ data: data.echartsCurr,
+ // xAxisIndex: 0,
+ yAxisIndex: 0,//浣跨敤鐨� y 杞寸殑 index锛屽湪鍗曚釜鍥捐〃瀹炰緥涓瓨鍦ㄥ涓� y杞寸殑鏃跺�欐湁鐢ㄣ��
+ type: 'line',
+ symbol: 'none',
+ step: false,
+ smooth: true
+ }, {
+ data: data.echartsVol,
+ // xAxisIndex: 0,
+ yAxisIndex: 1,//浣跨敤鐨� y 杞寸殑 index锛屽湪鍗曚釜鍥捐〃瀹炰緥涓瓨鍦ㄥ涓� y杞寸殑鏃跺�欐湁鐢ㄣ��
+ type: 'line',
+ symbol: 'none',
+ // step: false,
+ smooth: true
+ },]
+ };
+ self.$options.chart[data.class].setOption(option);
+
+
},
- setPanelPos:function(){
+ setPanelPos: function () {
}
},
- destroyed(){
+ destroyed() {
this.close();
}
}
-</script>
+</script>
<style scoped>
-.width_80{
+.width_80 {
width: 80px;
}
-.clear{
+
+.clear {
clear: both;
}
-.partition{
+
+.partition {
height: 1px;
width: 100%;
- border-bottom:1px solid #fff;
+ border-bottom: 1px solid #fff;
}
-.batteryrHistoryquery{
+
+.batteryrHistoryquery {
overflow: auto;
}
-.echarts-right{
+
+.echarts-right {
width: 100%;
height: 160px;
}
-.title_echarts{
+
+.title_echarts {
padding: 0 0 0 20px;
font-size: 12px;
}
-/deep/.el-input__inner{
+
+/deep/ .el-input__inner {
padding: 0 0.5rem;
}
-/deep/.el-table th, /deep/.el-table tr{
+
+/deep/ .el-table th, /deep/ .el-table tr {
background: #171350 !important;
color: #fff;
}
-.body_box{
+
+.body_box {
width: 100%;
height: 100%;
}
-.left_Box,.content_box,.right_box{
+
+.left_Box, .content_box, .right_box {
float: left;
height: 96%;
margin: 0 4px;
}
-.right_box{
+
+.right_box {
border: 1px solid #1e9ff2;
}
-.content_box{
+
+.content_box {
width: 39%;
margin-left: 10px;
-
+
}
-.content_top,.content_cent,.content_bottom{
+
+.content_cent, .content_bottom {
height: 30%;
- border:1px solid #1e9ff2;
+ border: 1px solid #1e9ff2;
padding: 1%;
}
-.content_cent{
+.content_bottom {
+ height: 48%;
+}
+.content_top {
+ height: 12%;
+ border: 1px solid #1e9ff2;
+ padding: 1%;
+}
+
+.content_cent {
height: 38%;
}
-.content_cent{
+
+.content_cent {
margin: 1% 0;
}
-.title_into{
+
+.title_into {
padding-left: 1%;
color: #ffff18;
}
-.detail_info{
+
+.detail_info {
float: left;
width: 12%;
margin-right: 2%;
font-size: 12px;
padding-top: 2%;
}
-.detail_info .el-form-item{
- margin-bottom:0;
+
+.detail_info .el-form-item {
+ margin-bottom: 0;
}
-.detail_form{
+
+.detail_form {
width: 28%;
}
-.right_box{
+
+.right_box {
width: 39%;
}
-.left_Box{
+
+.left_Box {
background: url("../../assets/images/leftBg.png") 0 0 no-repeat;
background-size: 100% 100%;
width: 20%;
height: 96%;
padding: 0.75rem 1rem;
}
-.diagram-content{
+
+.diagram-content {
height: 100%;
width: 100%;
position: relative;
}
+
.diagram-stc {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
.diagram-flush {
position: absolute;
@@ -450,7 +480,8 @@
z-index: 9;
overflow: hidden;
}
-.diagram-stc /deep/ canvas,.diagram-flush /deep/ canvas{
- object-fit:fill !important;
+
+.diagram-stc /deep/ canvas, .diagram-flush /deep/ canvas {
+ object-fit: fill !important;
}
</style>
\ No newline at end of file
diff --git a/src/pages/monitoring/intoLineMonitoring.vue b/src/pages/monitoring/intoLineMonitoring.vue
index 04d50cd..459edb7 100644
--- a/src/pages/monitoring/intoLineMonitoring.vue
+++ b/src/pages/monitoring/intoLineMonitoring.vue
@@ -399,6 +399,12 @@
border:1px solid #1e9ff2;
padding: 1%;
}
+.content_top {
+ height: 20%;
+}
+.content_bottom {
+ height: 40%;
+}
.content_cent{
height: 38%;
}
diff --git a/src/pages/switchboard/switchboard.vue b/src/pages/switchboard/switchboard.vue
index 52e1bde..7270351 100644
--- a/src/pages/switchboard/switchboard.vue
+++ b/src/pages/switchboard/switchboard.vue
@@ -390,13 +390,13 @@
padding: 1%;
}
.content_top{
- height: 25%;
+ height: 18%;
}
.content_cent{
height: 40%;
}
.content_bottom{
- height: 33%;
+ height: 40%;
}
.content_cent{
margin: 1% 0;
--
Gitblit v1.9.1