style):(layout 优化多视图布局结构

- 调整了多个视图中计量设备树状结构的 el-col 组件的 span 属性,将侧边栏宽度从 5 格减至 4 格,以增加主内容区域的宽度
- currentSteamCurve和pointSteamCurve坐标点不显示(symbolSize: 0, //标记的大小)
- 移除了部分冗余的空行,提高了代码的可读性
master
zch 7 months ago
parent de33285eff
commit a3f8d9c45a

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="filterBoxName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"
@ -220,9 +220,9 @@
</template>
</el-table-column>
</el-table>
</el-col>
</el-col>
</el-row>
<pagination
v-show="total>0"
@ -301,12 +301,12 @@
</template>
<script>
import {
listRecordIOTInstant,
getRecordIOTInstant,
delRecordIOTInstant,
addRecordIOTInstant,
updateRecordIOTInstant }
import {
listRecordIOTInstant,
getRecordIOTInstant,
delRecordIOTInstant,
addRecordIOTInstant,
updateRecordIOTInstant }
from "@/api/ems/record/recordIOTInstant";
import { getMonitorInfoTree, listBaseMonitorInfo } from '@/api/ems/base/baseMonitorInfo'
import Treeselect from '@riophae/vue-treeselect'
@ -397,7 +397,7 @@
// const nowDate = this.parseTime(new Date(), '{y}-{m}-{d}')
// this.daterangeCollectTime[0] = nowDate + ' 00:00:00'
// this.daterangeCollectTime[1] = nowDate + ' 23:59:59'
// this.daterangeRecordTime[0] = nowDate + ' 00:00:00'
// this.daterangeRecordTime[1] = nowDate + ' 23:59:59'
this.getList();

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"
@ -26,6 +26,7 @@
/>
</div>
</el-col>
<el-col :span="19" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
label-width="100px"
@ -265,7 +266,7 @@ export default {
let option1 = {
title: {
text: this.selectMonitorName + ' 瞬时流量曲线' + ' (平均值:'+
text: this.selectMonitorName + ' 瞬时流量' + ' (平均值:'+
((data.map(e=>parseFloat(e.fluxFlow)).reduce((a,b)=>a+b,0))/data.length).toFixed(2)+")",
x: 'center'
},
@ -342,7 +343,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.fluxFlow)
},
]
@ -360,7 +361,7 @@ export default {
title: {
text: this.selectMonitorName + ' 温度曲线' + ' (平均值:'+
text: this.selectMonitorName + ' 温度' + ' (平均值:'+
((data.map(e=>parseFloat(e.temperature)).reduce((a,b)=>a+b,0))/data.length).toFixed(2)+")",
x: 'center'
},
@ -438,14 +439,14 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.temperature)
},
]
}
let option3 = {
title: {
text: this.selectMonitorName + ' 压力曲线' + ' (平均值:'+
text: this.selectMonitorName + ' 压力' + ' (平均值:'+
((data.map(e=>parseFloat(e.press)).reduce((a,b)=>a+b,0))/data.length).toFixed(2)+")",
x: 'center'
},
@ -522,7 +523,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.press)
},
]

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -69,7 +69,7 @@
</el-card>
<el-row :gutter="20">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<el-card class="box-card" style="height: 350px; position: relative">
<img
class="centered-image"

@ -2,7 +2,7 @@
<div class="app-container">
<el-row :gutter="20">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -2,7 +2,7 @@
<div class="app-container">
<el-row :gutter="20">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="workUnitName"
@ -336,7 +336,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.expend)
},
]
@ -420,7 +420,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.steamFlow)
},
]
@ -503,7 +503,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.heatInstantValue)
},
]
@ -586,7 +586,7 @@ export default {
smooth: true, //线
showAllSymbol: true, //
symbol: 'circle', //
symbolSize: 10, //
symbolSize: 0, //
data: data.map(e => e.heatTotalValue)
},
]

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="filterBoxName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="filterBoxName"

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-row :gutter="28">
<el-col :span="5" :xs="24">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="filterBoxName"

Loading…
Cancel
Save