|
|
@@ -188,10 +188,13 @@
|
|
|
<div class="bigCard">
|
|
|
<div class="bigCard_title">应用类信息统计</div>
|
|
|
<div class="flex">
|
|
|
- <div style="width: 58%; height: 400px">
|
|
|
+ <div style="width: 33%; height: 400px">
|
|
|
<EchartsDome :chartOption="chartOptions['热点应用TOP10排名']" title="热点应用TOP10排名" />
|
|
|
</div>
|
|
|
- <div style="width: 38%; height: 400px">
|
|
|
+ <div style="width: 33%; height: 400px">
|
|
|
+ <EchartsDome :chartOption="chartOptions['栏目统计分布']" title="栏目统计分布" />
|
|
|
+ </div>
|
|
|
+ <div style="width: 33%; height: 400px">
|
|
|
<EchartsDome :chartOption="chartOptions['应用状态分布']" title="应用状态分布" />
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -251,6 +254,7 @@ import card from "@/components/yxgl/card.vue";
|
|
|
import EchartsDome from "@/components/yxgl/EchartsDome.vue";
|
|
|
import Table from "@/components/yxgl/table.vue";
|
|
|
import appCenter from "@/api/appCenter";
|
|
|
+import { countlmType } from "@/api/count";
|
|
|
|
|
|
export default {
|
|
|
name: "",
|
|
|
@@ -365,6 +369,8 @@ export default {
|
|
|
this.$moment(new Date(newVal[0])).format("YYYY-MM-DD 00:00:00"),
|
|
|
];
|
|
|
this.initChart();
|
|
|
+ // 栏目统计分布
|
|
|
+ this.getColumnCount();
|
|
|
}
|
|
|
},
|
|
|
deep: true,
|
|
|
@@ -719,6 +725,37 @@ export default {
|
|
|
|
|
|
this.dataToOption("数据质量评分", "radar", null, null);
|
|
|
},
|
|
|
+ getColumnCount() {
|
|
|
+ // this.$moment(new Date(this.nowTimes[0])).format("YYYY-MM-DD 00:00:00"),
|
|
|
+ // this.$moment(new Date(this.nowTimes[1])).format("YYYY-MM-DD 23:59:59"),
|
|
|
+ let param = {
|
|
|
+ start: "2000-01-01",
|
|
|
+ end: this.$moment(new Date(this.nowTimes[1])).format("YYYY-MM-DD"),
|
|
|
+ };
|
|
|
+ countlmType(param.start, param.end).then((res) => {
|
|
|
+ console.log("========栏目统计分布=========", res);
|
|
|
+ })
|
|
|
+ let columnDatas = [
|
|
|
+ {count: 3, service_name: "任务"},
|
|
|
+ {count: 5, service_name: "反馈信息"},
|
|
|
+ {count: 7, service_name: "其它"},
|
|
|
+ ];
|
|
|
+
|
|
|
+ // console.log("========栏目统计分布=========", res.content.dataTypes);
|
|
|
+ if (columnDatas && columnDatas.length > 0) {
|
|
|
+ this.dataToOption("栏目统计分布", "pie", [...columnDatas], {
|
|
|
+ pieKey: { value: "count", name: "service_name" },
|
|
|
+ pieData: [],
|
|
|
+ legend: {
|
|
|
+ bottom: 10,
|
|
|
+ },
|
|
|
+ radius: "60%",
|
|
|
+ padAngle: 0,
|
|
|
+ borderRadius: 0,
|
|
|
+ label: {},
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
// 导出所选时间范围内的所有服务数据
|
|
|
downFileAllServiceDatas() {
|
|
|
this.exportLoading = true;
|