优化监控中心样式
This commit is contained in:
@@ -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',
|
||||||
}"
|
}"
|
||||||
|
Reference in New Issue
Block a user