214 lines
7.6 KiB
JavaScript
214 lines
7.6 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../../../common/vendor.js");
|
|
const js_sdk_uniStat_util = require("../../../../js_sdk/uni-stat/util.js");
|
|
const _sfc_main = {
|
|
data() {
|
|
return {
|
|
query: {
|
|
dimension: "day",
|
|
appid: "",
|
|
version_id: "",
|
|
start_time: js_sdk_uniStat_util.getTimeOfSomeDayAgo(0)
|
|
},
|
|
platforms: [],
|
|
dayChartsData: [],
|
|
monChartsData: [],
|
|
errorMessage: ""
|
|
};
|
|
},
|
|
created() {
|
|
this.debounceGet = js_sdk_uniStat_util.debounce(() => {
|
|
this.getAllData(this.query);
|
|
}, 300);
|
|
},
|
|
watch: {
|
|
query: {
|
|
deep: true,
|
|
handler(val) {
|
|
this.debounceGet();
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
chartsData() {
|
|
return [...this.dayChartsData, ...this.monChartsData];
|
|
},
|
|
versionQuery() {
|
|
const {
|
|
appid
|
|
} = this.query;
|
|
const query = js_sdk_uniStat_util.stringifyQuery({
|
|
appid
|
|
});
|
|
return query;
|
|
}
|
|
},
|
|
methods: {
|
|
getAllData(query) {
|
|
if (!query.appid) {
|
|
this.errorMessage = "请先选择应用";
|
|
return;
|
|
}
|
|
this.errorMessage = "";
|
|
this.getChartData(query);
|
|
this.getRangeCountData(query, "month");
|
|
},
|
|
// 获取天的数据
|
|
getChartData(query, type = "day") {
|
|
query = JSON.parse(JSON.stringify(query));
|
|
const today = js_sdk_uniStat_util.getTimeOfSomeDayAgo(0);
|
|
if (query.start_time >= today) {
|
|
const now = (/* @__PURE__ */ new Date()).getTime();
|
|
query.start_time = [today, now];
|
|
query = js_sdk_uniStat_util.stringifyQuery(query, true);
|
|
} else {
|
|
query = js_sdk_uniStat_util.stringifyQuery(query);
|
|
}
|
|
const db = common_vendor.er.database();
|
|
db.collection("uni-stat-result").where(query).field(
|
|
`active_device_count,new_device_count,total_devices,platform_id`
|
|
).groupBy(`platform_id`).groupField(
|
|
`sum(active_device_count) as ${type}_active_device_count, sum(new_device_count) as ${type}_new_device_count, max(total_devices) as ${type}_total_devices`
|
|
).get().then((res) => {
|
|
const data = res.result.data;
|
|
this.initChartOption(data, "dayChartsData");
|
|
});
|
|
},
|
|
// 获取月的数据
|
|
getRangeCountData(query, type) {
|
|
query = js_sdk_uniStat_util.stringifyQuery(query);
|
|
const db = common_vendor.er.database();
|
|
db.collection("uni-stat-result").where(query).field(
|
|
`active_device_count, new_device_count, platform_id, ${type}(add(new Date(0),start_time), "Asia/Shanghai") as ${type},year(add(new Date(0),start_time), "Asia/Shanghai") as year`
|
|
).groupBy(`year, ${type ? type + "," : ""}platform_id`).groupField(
|
|
`sum(active_device_count) as ${type}_active_device_count, sum(new_device_count) as ${type}_new_device_count`
|
|
).orderBy(`year asc, ${type} asc`).get().then((res) => {
|
|
const data = res.result.data;
|
|
this.initChartOption(data, "monChartsData", "month");
|
|
});
|
|
},
|
|
initChartOption(data, goal, type = "day") {
|
|
const db = common_vendor.er.database();
|
|
db.collection("uni-stat-app-platforms").get().then((res) => {
|
|
const options = [{
|
|
field: `${type}_new_device_count`,
|
|
title: `${type === "day" ? "日" : "月"}新增设备对比`,
|
|
series: [{
|
|
data: []
|
|
}]
|
|
}, {
|
|
field: `${type}_active_device_count`,
|
|
title: `${type === "day" ? "日" : "月"}活跃设备对比`,
|
|
series: [{
|
|
data: []
|
|
}]
|
|
}];
|
|
if (type === "day") {
|
|
options.unshift({
|
|
field: `day_total_devices`,
|
|
title: `总设备数对比`,
|
|
series: [{
|
|
data: []
|
|
}]
|
|
});
|
|
}
|
|
this[goal] = options;
|
|
const platformsData = res.result.data;
|
|
const platforms = {};
|
|
platformsData.forEach((p) => {
|
|
platforms[p._id] = p.name;
|
|
});
|
|
for (const chart of this[goal]) {
|
|
const pie = chart.series[0].data;
|
|
const p = JSON.parse(JSON.stringify(platforms));
|
|
for (const item of data) {
|
|
for (const key in item) {
|
|
if (chart.field === key) {
|
|
const id = item.platform_id;
|
|
const slice = {
|
|
name: p[id],
|
|
value: item[key]
|
|
};
|
|
pie.push(slice);
|
|
delete p[id];
|
|
}
|
|
}
|
|
}
|
|
for (const key in p) {
|
|
const slice = {
|
|
name: p[key],
|
|
value: 0
|
|
};
|
|
pie.push(slice);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
if (!Array) {
|
|
const _easycom_uni_stat_breadcrumb2 = common_vendor.resolveComponent("uni-stat-breadcrumb");
|
|
const _easycom_uni_data_select2 = common_vendor.resolveComponent("uni-data-select");
|
|
const _easycom_uni_datetime_picker2 = common_vendor.resolveComponent("uni-datetime-picker");
|
|
const _easycom_qiun_data_charts2 = common_vendor.resolveComponent("qiun-data-charts");
|
|
const _easycom_fix_window2 = common_vendor.resolveComponent("fix-window");
|
|
(_easycom_uni_stat_breadcrumb2 + _easycom_uni_data_select2 + _easycom_uni_datetime_picker2 + _easycom_qiun_data_charts2 + _easycom_fix_window2)();
|
|
}
|
|
const _easycom_uni_stat_breadcrumb = () => "../../../../components/uni-stat-breadcrumb/uni-stat-breadcrumb.js";
|
|
const _easycom_uni_data_select = () => "../../../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.js";
|
|
const _easycom_uni_datetime_picker = () => "../../../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.js";
|
|
const _easycom_qiun_data_charts = () => "../../../../uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.js";
|
|
const _easycom_fix_window = () => "../../../../components/fix-window/fix-window.js";
|
|
if (!Math) {
|
|
(_easycom_uni_stat_breadcrumb + _easycom_uni_data_select + _easycom_uni_datetime_picker + _easycom_qiun_data_charts + _easycom_fix_window)();
|
|
}
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return {
|
|
a: common_vendor.o(($event) => $data.query.appid = $event),
|
|
b: common_vendor.p({
|
|
collection: "opendb-app-list",
|
|
field: "appid as value, name as text",
|
|
orderby: "text asc",
|
|
defItem: 1,
|
|
label: "应用选择",
|
|
clear: false,
|
|
modelValue: $data.query.appid
|
|
}),
|
|
c: common_vendor.o(($event) => $data.query.version_id = $event),
|
|
d: common_vendor.p({
|
|
collection: "opendb-app-versions",
|
|
where: $options.versionQuery,
|
|
field: "_id as value, version as text, uni_platform as label, create_date as date",
|
|
format: "{label} - {text}",
|
|
orderby: "date desc",
|
|
label: "版本选择",
|
|
modelValue: $data.query.version_id
|
|
}),
|
|
e: !!$data.query.start_time ? 1 : "",
|
|
f: common_vendor.o(($event) => $data.query.start_time = $event),
|
|
g: common_vendor.p({
|
|
type: "date",
|
|
returnType: "timestamp",
|
|
clearIcon: false,
|
|
modelValue: $data.query.start_time
|
|
}),
|
|
h: common_vendor.f($options.chartsData, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t($options.chartsData[index].title),
|
|
b: "4c3cd31a-4-" + i0,
|
|
c: common_vendor.p({
|
|
type: "ring",
|
|
chartData: $options.chartsData[index],
|
|
echartsH5: true,
|
|
echartsApp: true,
|
|
errorMessage: $data.errorMessage
|
|
}),
|
|
d: index
|
|
};
|
|
})
|
|
};
|
|
}
|
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
wx.createPage(MiniProgramPage);
|
|
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/uni-stat/device/comparison/comparison.js.map
|