IDCDatasync/IDCDatasync-vue
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改统计及日期不切换

Browse Source
This commit is contained in:
wangchengming 2025-06-17 10:32:44 +08:00
parent 002dfe99e1
commit 2103ffa370
4 changed files with 219 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/dashboard/Analysis.vue
View File

@ -347,6 +347,9 @@ export default {
]
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
getFillMemoryInfo() {
fillMemoryInfo().then(res => {
@ -416,6 +419,10 @@ export default {
]
};
myChart.setOption(option);
// 监听窗口大小变化
window.addEventListener('resize', function () {
myChart.resize();
});
},
getFillJvmInfo() {
fillJvmInfo().then(res => {
@ -484,6 +491,9 @@ export default {
]
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
}
},
}

5
src/views/data/dataSearch.vue
View File

@ -175,13 +175,14 @@ export default {
})
},
handleTaskChange(value) {
var curTask = this.allTask.filter(item => item.id == value)
var curTask = this.allTask.filter(item => item.id == value)[0]
if (curTask) {
const start = moment(curTask.startTime)
const end = moment(curTask.endTime)
this.defaultTime.push(start, end)
this.tableParams.startTime = start.format(this.dateFormat);
this.tableParams.endTime = end.format(this.dateFormat)
}
},
calculateScrollY() {
// 获取父容器高度（需减去表格内其他元素的高度，如分页栏）

40
src/views/data/statistics.vue
View File

@ -3,26 +3,38 @@
<a-row :gutter="20">
<a-col :md="12" :sm="1" style="height:calc(50vh - 125px);">
<div class="linese"></div>
<div class="echartsTitle"><div class="ecicon"></div>数据清洗差异统计</div>
<div id="cleaningVariance" class="cleaningVariance" ref="cleaningVariance" style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="echartsTitle">
<div class="ecicon"></div>数据清洗差异统计
</div>
<div id="cleaningVariance" class="cleaningVariance" ref="cleaningVariance"
style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="linese"></div>
</a-col>
<a-col :md="12" :sm="2" style="height:calc(50vh - 125px);">
<div class="linese"></div>
<div class="echartsTitle"><div class="ecicon"></div>数据编目总量统计</div>
<div id="totalNumberCatalogues" class="totalNumberCatalogues" ref="totalNumberCatalogues" style="width: 100%;background:#e6e9f1; height: calc(100% - 70px); "></div>
<div class="echartsTitle">
<div class="ecicon"></div>数据编目总量统计
</div>
<div id="totalNumberCatalogues" class="totalNumberCatalogues" ref="totalNumberCatalogues"
style="width: 100%;background:#e6e9f1; height: calc(100% - 70px); "></div>
<div class="linese"></div>
</a-col>
<a-col :md="12" :sm="3" style="height:calc(50vh - 125px);">
<div class="linese"></div>
<div class="echartsTitle"><div class="ecicon"></div>数据类型存储占比统计</div>
<div id="catalogingStorage" class="catalogingStorage" ref="catalogingStorage" style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="echartsTitle">
<div class="ecicon"></div>数据类型存储占比统计
</div>
<div id="catalogingStorage" class="catalogingStorage" ref="catalogingStorage"
style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="linese"></div>
</a-col>
<a-col :md="12" :sm="4" style="height:calc(50vh - 125px);">
<div class="linese"></div>
<div class="echartsTitle"><div class="ecicon"></div>数据编目存储占比统计</div>
<div id="typeStorage" class="typeStorage" ref="typeStorage" style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="echartsTitle">
<div class="ecicon"></div>数据编目存储占比统计
</div>
<div id="typeStorage" class="typeStorage" ref="typeStorage"
style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
<div class="linese"></div>
</a-col>
</a-row>
@ -152,6 +164,9 @@
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
gettotalNumberCatalogues() {
var myChart = this.$echarts.init(this.$refs.totalNumberCatalogues);
@ -205,6 +220,9 @@
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
getcatalogingStorage() {
var myChart = this.$echarts.init(this.$refs.catalogingStorage);
@ -230,6 +248,9 @@
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
gettypeStorage() {
var myChart = this.$echarts.init(this.$refs.typeStorage);
@ -255,6 +276,9 @@
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
}
}

20
src/views/task/statistics.vue
View File

@ -19,9 +19,9 @@
</a-row>
</a-form>
</div>
<a-table ref="table" size="middle" style="height:calc(100vh - 343px);background:#e6e9f1;padding: 10px;" bordered rowKey="id"
:custom-row="handleCustomRow"
:columns="columns" :dataSource="dataSource" @change="handleTableChange">
<a-table ref="table" size="middle" style="height:calc(100vh - 343px);background:#e6e9f1;padding: 10px;"
bordered rowKey="id" :custom-row="handleCustomRow" :columns="columns" :dataSource="dataSource"
@change="handleTableChange">
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">选中</a>
</span>
@ -88,13 +88,15 @@
<div class="echartsTitle">
<div class="ecicon"></div>数据总量统计
</div>
<div id="cleaningVariance" ref="cleaningVariance" style="width: 100%; height: calc(100% - 31px);background:#e6e9f1;"></div>
<div id="cleaningVariance" ref="cleaningVariance"
style="width: 100%; height: calc(100% - 31px);background:#e6e9f1;"></div>
</a-col>
<a-col :md="12" :sm="2" style="height:calc(100vh - 422px);padding-right:20px;">
<div class="echartsTitle">
<div class="ecicon"></div>数据类型存储占比统计
</div>
<div id="totalNumberCatalogues" ref="totalNumberCatalogues" style="width: 100%; height: calc(100% - 31px);background:#e6e9f1;"></div>
<div id="totalNumberCatalogues" ref="totalNumberCatalogues"
style="width: 100%; height: calc(100% - 31px);background:#e6e9f1;"></div>
</a-col>
</a-row>
<div class="linese"></div>
@ -292,6 +294,9 @@ export default {
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
gettotalNumberCatalogues() {
var myChart = this.$echarts.init(this.$refs.totalNumberCatalogues);
@ -317,6 +322,9 @@ export default {
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
};
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
},
}
}
@ -341,10 +349,12 @@ export default {
.quarter-div .datanum {
font-size: 26px;
}
/* 高亮样式 */
/deep/.row-highlight {
background-color: #ffffff !important;
}
.quarter-div .ant-col-8,
.quarter-div .ant-col-10 {
text-align: center;