xuziqiang/SaaS-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化监控中心前台样式

Browse Source
This commit is contained in:
fks-yangshouda
2024-09-02 15:49:37 +08:00
parent 3aca13f9bb
commit 88a8837876
9 changed files with 301 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
hx-ai-intelligent/src/view/monitor/energyMonitor/graphTable/index.vue
View File

@@ -1,18 +1,21 @@
<template>
<a-table
:columns="columns"
:data-source="data"
bordered
style="width: 99%; height: 90%; margin-left: 0.5%"
:pagination="false"
:scroll="{ x: '2000' }" />
<a-pagination
:total="total"
:show-total="(total, range) => ` 共 ${total} 条`"
show-size-changer
show-quick-jumper
@change="onChange"
style="display: flex; justify-content: right; margin-top: 10px; margin-right: 30px" />
<div style="height: 100%; width: 100%; overflow-y: auto">
<a-table
:columns="columns"
:data-source="data"
bordered
style="width: 99%; margin-left: 0.5%"
:pagination="false"
:scroll="{ x: '2000' }" />
<a-pagination
:total="total"
size="small"
:show-total="(total, range) => `显示第${range[0]}到${range[1]}条记录 ,共${total} 条记录`"
show-size-changer
show-quick-jumper
@change="onChange"
style="display: flex; justify-content: right; margin-top: 10px; margin-right: 30px" />
</div>
</template>
<script lang="ts">

28
hx-ai-intelligent/src/view/monitor/energyMonitor/page.vue
View File

@@ -32,12 +32,13 @@
<ns-icon :name="iconName" size="18" style="margin-right: 10px" @click="change" />
</div>
</div>
<span style="padding-left: 10px; line-height: 20px">
<!-- <span style="padding-left: 10px; line-height: 20px">
<ns-icon name="title" size="11" style="margin-right: 3px" />统计数据
</span>
</span> -->
<div class="title">统计数据</div>
</div>
<div v-if="activeKey == '1'" style="height: 72%; width: 100%">
<div v-if="activeKey == '1'" style="height: 75%; width: 100%">
<graph-graph ref="graphRef" v-if="isGraph" />
<environment-table ref="tableRef" v-else style="width: 100%" />
</div>
@@ -155,4 +156,25 @@
::v-deep .ant-tabs-tab:hover {
color: #000000; /* 悬停时的文字颜色 */
}
.title {
text-align: left;
height: 32px;
line-height: 32px;
font-weight: bold;
user-select: text;
position: relative;
padding-left: 20px;
}
.title::before {
content: '';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
height: 13px;
width: 3px;
border-radius: 1px;
background-color: #2778ff;
}
</style>

20
hx-ai-intelligent/src/view/monitor/energyMonitor/tree/index.vue
View File

@@ -2,8 +2,9 @@
<template>
<div class="parent-container">
<div class="ns-tree-title">
<ns-icon name="common" size="11" style="margin-right: 3px" />
<span>数据点位</span>
<ns-icon name="common" size="11" style="margin-top: 10px" />
<!-- <span>数据点位</span> -->
<div class="title">数据点位</div>
</div>
<a-select
@@ -383,7 +384,7 @@
deviceInfoCodes: mode.value == '0' ? checkedKeys.value : [], // 设备需要传 device_info_code
energyQueryType: mode.value, // 0 设备 1 节点
nodeIds: mode.value == '1' ? checkedKeys.value : [],
nodeIds: mode.value == '1' ? checkedKeys.value.checked : [],
startDate: startTime,
endDate: endTime,
})
@@ -647,8 +648,9 @@
<style lang="less" scoped>
.ns-tree-title {
display: flex;
user-select: text;
margin-bottom: 5px;
margin-bottom: 12px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #e9e9e9;
@@ -690,4 +692,14 @@
.ant-radio-button-wrapper:not(:first-child)::before {
width: 0;
}
.title {
text-align: left;
height: 32px;
line-height: 32px;
font-weight: bold;
user-select: text;
position: relative;
padding-left: 9px;
}
</style>