Merge branch 'temp' of http://123.60.103.97:3000/xuziqiang/SaaS-lib into temp
This commit is contained in:
@@ -78,7 +78,7 @@ const tableCarbonKeyMap = [
|
||||
{
|
||||
title: '分组名称',
|
||||
textNumber: 10,
|
||||
dataIndex: 'pointName',
|
||||
dataIndex: 'groupName',
|
||||
},
|
||||
{
|
||||
textNumber: 5,
|
||||
@@ -659,7 +659,7 @@ export const tableConfigCal = (
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'provider',
|
||||
field: 'groupName',
|
||||
component: 'NsInput',
|
||||
componentProps: {
|
||||
placeholder: '请输入分组名称',
|
||||
|
@@ -36,7 +36,7 @@
|
||||
:style="{
|
||||
top: '50px',
|
||||
left: `${divWidth + 55}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -47,7 +47,7 @@
|
||||
:style="{
|
||||
top: '50px',
|
||||
left: `${divWidth * 2 + 65}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -61,7 +61,7 @@
|
||||
:style="{
|
||||
top: '50px',
|
||||
left: `${divWidth * 3 + 75}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -71,7 +71,7 @@
|
||||
:style="{
|
||||
top: '50px',
|
||||
left: `${divWidth * 4 + 85}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
}"
|
||||
@click="getSelect"
|
||||
@@ -228,8 +228,9 @@
|
||||
const getDianWeiList = () => {
|
||||
let deviceIds: any[] = [];
|
||||
if (checkedKeys.value && checkedKeys.value.length > 0) {
|
||||
debugger;
|
||||
checkedKeys.value.forEach((element) => {
|
||||
if (value.value != element) {
|
||||
if (value.value != element && value.value != '999999999') {
|
||||
deviceIds.push(element);
|
||||
}
|
||||
});
|
||||
@@ -287,7 +288,7 @@
|
||||
let deviceIds: any[] = [];
|
||||
if (checkedKeys.value && checkedKeys.value.length > 0) {
|
||||
checkedKeys.value.forEach((element) => {
|
||||
if (value.value != element) {
|
||||
if (value.value != element && value.value != '999999999') {
|
||||
deviceIds.push(element);
|
||||
}
|
||||
});
|
||||
|
@@ -40,6 +40,7 @@
|
||||
v-model:expandedKeys="expandedKeys"
|
||||
v-model:selectedKeys="selectedKeys"
|
||||
v-model:checkedKeys="checkedKeys"
|
||||
:checkStrictly="mode == '0' ? false : true"
|
||||
:show-line="{ showLeafIcon: false }"
|
||||
checkable
|
||||
:height="500"
|
||||
@@ -71,7 +72,7 @@
|
||||
:style="{
|
||||
top: '100px',
|
||||
left: `${divWidth + 55}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -81,7 +82,7 @@
|
||||
:style="{
|
||||
top: '100px',
|
||||
left: `${divWidth * 2 + 65}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -94,7 +95,7 @@
|
||||
:style="{
|
||||
top: '100px',
|
||||
left: `${divWidth * 2 + 65}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
width: `${divWidth}px`,
|
||||
}"
|
||||
@@ -107,7 +108,7 @@
|
||||
:style="{
|
||||
top: '100px',
|
||||
left: `${divWidth * 3 + 75}px`,
|
||||
zIndex: 9,
|
||||
zIndex: 4,
|
||||
position: 'absolute',
|
||||
}"
|
||||
@click="getSelect(null)"
|
||||
@@ -276,6 +277,16 @@
|
||||
if (key) {
|
||||
keyV = key;
|
||||
}
|
||||
|
||||
if (checkedKeys.value.length > 0) {
|
||||
let keys = [];
|
||||
for (let i = 0; i < checkedKeys.value.length; i++) {
|
||||
if (checkedKeys.value[i] !== '999999999') {
|
||||
keys.push(checkedKeys.value[i]);
|
||||
}
|
||||
}
|
||||
checkedKeys.value = keys;
|
||||
}
|
||||
if (activeKey.value == '1') {
|
||||
if (checkedKeys.value.length == 0) {
|
||||
message.warning(mode.value == '0' ? '请先选择设备!' : '请先选择节点!');
|
||||
|
@@ -53,6 +53,7 @@
|
||||
<div v-for="(item, index) in ringData" :key="index">
|
||||
{{ item.name }} : {{ item.value }} {{ item.unit }}
|
||||
<a-progress
|
||||
:stroke-color="index == 0 ? '#4388FB' : '#55C3BB'"
|
||||
:percent="(100 * item.value) / sum"
|
||||
:show-info="false"
|
||||
:strokeWidth="15" />
|
||||
@@ -785,7 +786,7 @@
|
||||
grid: {
|
||||
height: '80%',
|
||||
width: '85%',
|
||||
top: '10%',
|
||||
top: '5%',
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
|
@@ -8,8 +8,7 @@
|
||||
:data-source="pageData"
|
||||
bordered
|
||||
:pagination="false"
|
||||
style="height: 75%"
|
||||
:scroll="{ x: x, y: 450 }">
|
||||
:scroll="{ x: x }">
|
||||
<template #title>
|
||||
<div
|
||||
style="display: flex; align-items: center; justify-content: space-between; width: 100%">
|
||||
@@ -47,24 +46,30 @@
|
||||
</div>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-spin>
|
||||
<a-pagination
|
||||
<!-- <a-pagination
|
||||
:current="queryParams.pageNum"
|
||||
:total="total"
|
||||
:show-total="(total, range) => ` 共 ${total} 条`"
|
||||
:page-size="queryParams.pageSize"
|
||||
style="
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 30px;
|
||||
justify-content: right;
|
||||
margin-top: 16px;
|
||||
margin-right: 30px;
|
||||
"
|
||||
style="display: flex; justify-content: right; margin-top: 16px; margin-right: 30px"
|
||||
:show-size-changer="true"
|
||||
:show-quick-jumper="true"
|
||||
@change="onChange" />
|
||||
@change="onChange" /> -->
|
||||
<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;
|
||||
padding-bottom: 10px;
|
||||
" />
|
||||
</a-spin>
|
||||
</div>
|
||||
<!-- </a-spin> -->
|
||||
</template>
|
||||
@@ -245,7 +250,7 @@
|
||||
::v-deep .ant-table.ant-table-bordered > .ant-table-title {
|
||||
border: none !important;
|
||||
}
|
||||
::v-deep .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
|
||||
/* ::v-deep .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
|
||||
display: none !important;
|
||||
}
|
||||
} */
|
||||
</style>
|
||||
|
@@ -1,6 +1,6 @@
|
||||
<!-- eslint-disable vue/multi-word-component-names -->
|
||||
<template>
|
||||
<div style="background: #ffffff; height: 95%; position: relative">
|
||||
<div style="background: #ffffff; height: 95%; position: relative; overflow-y: auto">
|
||||
<a-spin :spinning="loading" style="height: 100%">
|
||||
<a-table
|
||||
:columns="tableColumns"
|
||||
@@ -8,7 +8,7 @@
|
||||
bordered
|
||||
:pagination="false"
|
||||
:height="500"
|
||||
:scroll="{ x: x, y: 440 }">
|
||||
:scroll="{ x: x }">
|
||||
<template #title>
|
||||
<div
|
||||
style="
|
||||
@@ -68,22 +68,15 @@
|
||||
</div>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-spin>
|
||||
<a-pagination
|
||||
:total="total"
|
||||
:show-total="(total, range) => ` 共 ${total} 条`"
|
||||
size="small"
|
||||
:show-total="(total, range) => `显示第${range[0]}到${range[1]}条记录 ,共${total} 条记录`"
|
||||
show-size-changer
|
||||
show-quick-jumper
|
||||
@change="onChange"
|
||||
style="
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 30px;
|
||||
justify-content: right;
|
||||
margin-top: 10px;
|
||||
margin-right: 30px;
|
||||
" />
|
||||
style="display: flex; justify-content: right; margin-top: 10px; margin-right: 30px" />
|
||||
</a-spin>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
@@ -288,7 +281,7 @@
|
||||
// 获取表格数据
|
||||
const getTableList = () => {
|
||||
loading.value = true;
|
||||
tableColumns.value = [];
|
||||
tableColumns.value = tableColumnsA;
|
||||
data.value = [];
|
||||
total.value = 0;
|
||||
pageData.value = [];
|
||||
@@ -318,6 +311,7 @@
|
||||
timeRate: frequencyValue.value, // 频率
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.retcode == 0) {
|
||||
// 拼接表头
|
||||
let headerList = res.data.headerList;
|
||||
let tableColumnsB = [];
|
||||
@@ -330,6 +324,7 @@
|
||||
});
|
||||
}
|
||||
x.value = 360 + headerList.length * 60;
|
||||
debugger;
|
||||
let columnA: any[] = [...tableColumnsA];
|
||||
columnA.push(...tableColumnsB);
|
||||
tableColumns.value = columnA;
|
||||
@@ -338,6 +333,9 @@
|
||||
data.value = res.data.data;
|
||||
total.value = res.data.data.length;
|
||||
onChange(1, 10);
|
||||
} else {
|
||||
x.value = 360;
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false;
|
||||
@@ -349,10 +347,10 @@
|
||||
.get(environmentMonitor.queryDeviceArea, { orgId: orgId.value, point: typeValue.value })
|
||||
.then((res) => {
|
||||
treeData2.value = res.data;
|
||||
if (treeData2.value && treeData2.value.length > 0) {
|
||||
quyuvalue.value = [treeData2.value[0].childList[0].id];
|
||||
getTableList();
|
||||
}
|
||||
// if (treeData2.value && treeData2.value.length > 0) {
|
||||
// quyuvalue.value = [treeData2.value[0].childList[0].id];
|
||||
// getTableList();
|
||||
// }
|
||||
});
|
||||
};
|
||||
// 导出excel文件
|
||||
@@ -360,6 +358,7 @@
|
||||
exportExcel(tableColumns.value, data.value, '历史数据导出', true, 'location', 1, 3);
|
||||
};
|
||||
onMounted(async () => {
|
||||
tableColumns.value = tableColumnsA;
|
||||
// 获取频率
|
||||
let frequency = await getEnum({ params: { enumType: 'TimeFlagEnum' } });
|
||||
frequencyOptions.value = frequency.data;
|
||||
@@ -378,6 +377,7 @@
|
||||
}
|
||||
// 获取区域数据
|
||||
await queryDeviceArea();
|
||||
getTableList();
|
||||
});
|
||||
|
||||
// 分页器
|
||||
@@ -403,7 +403,7 @@
|
||||
::v-deep .ant-table.ant-table-bordered > .ant-table-title {
|
||||
border: none !important;
|
||||
}
|
||||
::v-deep .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
|
||||
/* ::v-deep .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
|
||||
display: none !important;
|
||||
}
|
||||
} */
|
||||
</style>
|
||||
|
@@ -9,11 +9,8 @@
|
||||
margin-top: 0.5%;
|
||||
padding-left: 1.5%;
|
||||
background: #ffffff;
|
||||
font-family: 'PingFang SC';
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
|
||||
letter-spacing: 1.33px;
|
||||
line-height: 21px;
|
||||
">
|
||||
<a-tab-pane key="1" tab="综合数据" />
|
||||
<a-tab-pane key="2" tab="历史数据" />
|
||||
@@ -29,8 +26,8 @@
|
||||
</div>
|
||||
|
||||
<aggregate-data ref="aggregateDataRef" v-if="activeKey == '1'" style="height: 85%" />
|
||||
<history-data ref="historyDataRef" v-if="activeKey == '2'" />
|
||||
<average-data ref="averageDataRef" v-if="activeKey == '3'" />
|
||||
<history-data ref="historyDataRef" v-if="activeKey == '2'" style="height: 90%" />
|
||||
<average-data ref="averageDataRef" v-if="activeKey == '3'" style="height: 85%" />
|
||||
</div>
|
||||
|
||||
<a-modal
|
||||
@@ -451,8 +448,6 @@
|
||||
<style lang="less" scoped>
|
||||
::v-deep .ant-tabs-tab {
|
||||
font-weight: 700; /* 选中标签的加粗 */
|
||||
// font-size: 16px;
|
||||
// letter-spacing: 1.33px;
|
||||
color: #666666 !important;
|
||||
}
|
||||
::v-deep .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
|
||||
|
Reference in New Issue
Block a user