Browse Source

优化监控中心样式

temp
fks-yangshouda 3 months ago
parent
commit
42049e14bd
  1. 29
      hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue

29
hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue

@ -6,11 +6,17 @@
<span>数据点位</span> <span>数据点位</span>
</div> </div>
<a-select
v-model:value="selectedValue"
placeholder="请选择能耗类型"
style="margin-bottom: 10px; width: 100%"
:options="options1"
@change="changeEnergyType" />
<a-radio-group <a-radio-group
ref="select" ref="select"
v-model:value="mode" v-model:value="mode"
@change="changeMode" @change="changeMode"
style="padding-bottom: 10px; width: 100%"> style="margin-bottom: 10px; width: 100%">
<a-radio-button <a-radio-button
value="0" value="0"
style="width: 47.5%; margin-right: 2.5%; text-align: center; border-radius: 4px" style="width: 47.5%; margin-right: 2.5%; text-align: center; border-radius: 4px"
@ -57,24 +63,13 @@
<!-- <div class="fixed-bottom"> --> <!-- <div class="fixed-bottom"> -->
<div> <div>
<!-- <a-divider /> --> <!-- <a-divider /> -->
<a-select
v-model:value="selectedValue"
placeholder="请选择能耗类型"
:style="{
top: '100px',
left: `${divWidth + 55}px`,
zIndex: 9,
position: 'absolute',
width: `${divWidth}px`,
}"
:options="options1"
@change="changeEnergyType" />
<a-select <a-select
v-model:value="frequencyValue" v-model:value="frequencyValue"
placeholder="请选择日期类型" placeholder="请选择日期类型"
:style="{ :style="{
top: '100px', top: '100px',
left: `${divWidth * 2 + 65}px`, left: `${divWidth + 55}px`,
zIndex: 9, zIndex: 9,
position: 'absolute', position: 'absolute',
width: `${divWidth}px`, width: `${divWidth}px`,
@ -84,7 +79,7 @@
<a-range-picker <a-range-picker
:style="{ :style="{
top: '100px', top: '100px',
left: `${divWidth * 3 + 75}px`, left: `${divWidth * 2 + 65}px`,
zIndex: 9, zIndex: 9,
position: 'absolute', position: 'absolute',
width: `${divWidth}px`, width: `${divWidth}px`,
@ -97,7 +92,7 @@
<a-date-picker <a-date-picker
:style="{ :style="{
top: '100px', top: '100px',
left: `${divWidth * 3 + 75}px`, left: `${divWidth * 2 + 65}px`,
zIndex: 9, zIndex: 9,
position: 'absolute', position: 'absolute',
width: `${divWidth}px`, width: `${divWidth}px`,
@ -110,7 +105,7 @@
type="primary" type="primary"
:style="{ :style="{
top: '100px', top: '100px',
left: `${divWidth * 4 + 85}px`, left: `${divWidth * 3 + 75}px`,
zIndex: 9, zIndex: 9,
position: 'absolute', position: 'absolute',
}" }"

Loading…
Cancel
Save