Files
t-admin/unpackage/dist/dev/mp-weixin/pages/uni-stat/device/overview/overview.js
T
2025-06-13 21:16:12 +08:00

574 lines
20 KiB
JavaScript

"use strict";
const common_vendor = require("../../../../common/vendor.js");
const js_sdk_uniStat_util = require("../../../../js_sdk/uni-stat/util.js");
const pages_uniStat_device_overview_fieldsMap = require("./fieldsMap.js");
const panelOption = pages_uniStat_device_overview_fieldsMap.fieldsMap.filter((f) => f.hasOwnProperty("value"));
const _sfc_main = {
data() {
return {
tableName: "uni-stat-result",
fieldsMap: pages_uniStat_device_overview_fieldsMap.fieldsMap,
resFieldsMap: pages_uniStat_device_overview_fieldsMap.resFieldsMap,
entFieldsMap: pages_uniStat_device_overview_fieldsMap.entFieldsMap,
query: {
dimension: "hour",
appid: "",
version_id: "",
platform_id: "",
uni_platform: "",
start_time: [],
channel_id: ""
},
options: {
pageCurrent: 1,
// 当前页
total: 0,
// 数据总量
pageSizeIndex: 0,
// 与 pageSizeRange 一起计算得出 pageSize
pageSizeRange: [10, 20, 50, 100]
},
errorMessage: "",
loading: false,
currentDateTab: 2,
chartTab: "new_user_count",
tableData: [],
resTableData: [],
entTableData: [],
panelData: panelOption,
chartData: {},
eopts: {
seriesTemplate: [{
itemStyle: {
borderWidth: 2,
borderColor: "#1890FF",
color: "#1890FF"
},
areaStyle: {
color: {
colorStops: [{
offset: 0,
color: "#1890FF"
// 0% 处的颜色
}, {
offset: 1,
color: "#FFFFFF"
// 100% 处的颜色
}]
}
}
}, {
// smooth: false,
lineStyle: {
color: "#ea7ccc",
width: 2,
type: "dashed"
},
itemStyle: {
borderWidth: 1,
borderColor: "#ea7ccc",
color: "#ea7ccc"
},
areaStyle: null
}]
},
tabIndex: 0,
tabName: "新增设备"
};
},
onLoad(option) {
const {
appid
} = option;
if (appid) {
this.query.appid = appid;
}
},
computed: {
pageSize() {
const {
pageSizeRange,
pageSizeIndex
} = this.options;
return pageSizeRange[pageSizeIndex];
},
chartTabs() {
const tabs = [];
pages_uniStat_device_overview_fieldsMap.fieldsMap.forEach((item) => {
const _id = item.field;
const name = item.title;
if (_id && name) {
tabs.push({
_id,
name
});
}
});
return tabs;
},
versionQuery() {
const {
appid,
uni_platform
} = this.query;
const query = js_sdk_uniStat_util.stringifyQuery({
appid,
uni_platform
});
return query;
},
channelQuery() {
const {
appid,
platform_id
} = this.query;
const query = js_sdk_uniStat_util.stringifyQuery({
appid,
platform_id
});
return query;
}
},
created() {
this.debounceGet = js_sdk_uniStat_util.debounce(() => {
this.getAllData(this.query);
}, 300);
},
watch: {
query: {
deep: true,
handler(val) {
this.options.pageCurrent = 1;
this.debounceGet();
}
}
},
methods: {
useDatetimePicker() {
this.currentDateTab = null;
},
changePlatform(id, index, name, item) {
this.query.version_id = 0;
this.query.uni_platform = item.code;
},
changeTimeRange(id, index) {
this.currentDateTab = index;
const day = 24 * 60 * 60 * 1e3;
let start, end;
start = js_sdk_uniStat_util.getTimeOfSomeDayAgo(id);
if (!id) {
end = js_sdk_uniStat_util.getTimeOfSomeDayAgo(0) + day - 1;
} else {
end = js_sdk_uniStat_util.getTimeOfSomeDayAgo(0) - 1;
}
this.query.start_time = [start, end];
},
changePageCurrent(e) {
this.options.pageCurrent = e.current;
this.getChartData(this.query);
},
changePageSize(e) {
const {
value
} = e.detail;
this.options.pageCurrent = 1;
this.options.pageSizeIndex = value;
this.getChartData(this.query);
},
changeChartTab(id, index, name) {
this.tabIndex = index;
this.tabName = name;
this.getChartData(this.query, id, name);
},
getAllData(query) {
if (!query.appid) {
this.errorMessage = "请先选择应用";
return;
}
this.errorMessage = "";
this.getPanelData();
this.getChartData(query);
this.getPageData(query, "res");
this.getPageData(query, "ent");
},
getDays() {
if (!this.query.start_time.length)
return true;
const day = 24 * 60 * 60 * 1e3;
const [start, end] = this.query.start_time;
const lessTwoDay = end - start >= day;
return lessTwoDay;
},
getPanelData() {
const {
appid,
platform_id,
version_id,
channel_id
} = this.query;
let query = js_sdk_uniStat_util.stringifyQuery({
appid,
platform_id,
version_id,
channel_id,
start_time: [js_sdk_uniStat_util.getTimeOfSomeDayAgo(1), (/* @__PURE__ */ new Date()).getTime()]
});
const db = common_vendor.er.database();
db.collection(this.tableName).where(query).field(
`${js_sdk_uniStat_util.stringifyField(pages_uniStat_device_overview_fieldsMap.fieldsMap)},dimension,stat_date`
).groupBy(`stat_date, dimension`).groupField(js_sdk_uniStat_util.stringifyGroupField(pages_uniStat_device_overview_fieldsMap.fieldsMap)).orderBy("stat_date", "desc").get().then((res) => {
const data = res.result.data;
const today = data.find((item) => item.stat_date === js_sdk_uniStat_util.parseDateTime(
js_sdk_uniStat_util.getTimeOfSomeDayAgo(0),
"",
""
)) || {};
today.total_devices = 0;
const yesterday = data.find((item) => item.dimension === "day" && item.stat_date === js_sdk_uniStat_util.parseDateTime(js_sdk_uniStat_util.getTimeOfSomeDayAgo(1), "", ""));
this.panelData = [];
this.panelData = js_sdk_uniStat_util.mapfields(pages_uniStat_device_overview_fieldsMap.fieldsMap, today);
this.panelData.map((item) => {
js_sdk_uniStat_util.mapfields(pages_uniStat_device_overview_fieldsMap.fieldsMap, yesterday, item, "", "contrast");
});
js_sdk_uniStat_util.getFieldTotal.call(this, query);
});
},
getChartData(query, field = this.chartTabs[this.tabIndex]._id, name = this.chartTabs[this.tabIndex].name) {
this.options;
const days = this.currentDateTab;
const date = js_sdk_uniStat_util.getTimeOfSomeDayAgo(days);
const day = 24 * 60 * 60 * 1e3;
let start_time;
if (!this.getDays()) {
const start = date - day;
const end = date + day - 1;
query = JSON.parse(JSON.stringify(query));
start_time = query.start_time = [start, end];
}
query = js_sdk_uniStat_util.stringifyQuery(query, true, ["uni_platform"]);
const db = common_vendor.er.database();
db.collection(this.tableName).where(query).field(`${js_sdk_uniStat_util.stringifyField(pages_uniStat_device_overview_fieldsMap.fieldsMap, field)}, start_time`).groupBy(`start_time`).groupField(js_sdk_uniStat_util.stringifyGroupField(pages_uniStat_device_overview_fieldsMap.fieldsMap, field)).orderBy("start_time", "asc").get({
getCount: true
}).then((res) => {
const {
count,
data
} = res.result;
const options = {
categories: [],
series: [{
name,
data: []
}]
};
let mapper = pages_uniStat_device_overview_fieldsMap.fieldsMap.filter((f) => f.field === field);
mapper = JSON.parse(JSON.stringify(mapper));
delete mapper[0].value;
mapper[0].formatter = "";
if (!this.getDays()) {
const [start, end] = start_time;
const line = options.series[1] = {
name: js_sdk_uniStat_util.formatDate(start),
data: []
};
const cont = options.series[0] = {
name: js_sdk_uniStat_util.formatDate(end),
data: []
};
for (let i = 0; i < 24; ++i) {
const hour = i < 10 ? "0" + i : i;
const x = `${hour}:00 ~ ${hour}:59`;
options.categories.push(x);
line.data[i] = 0;
cont.data[i] = 0;
data.forEach((item) => {
js_sdk_uniStat_util.mapfields(mapper, item, item);
let val = Number(item[field]);
const d = new Date(item.start_time);
if (item.start_time < date) {
if (d.getHours() === i) {
line.data[i] = val;
}
} else {
if (d.getHours() === i) {
cont.data[i] = val;
}
}
});
}
} else {
for (const item of data) {
js_sdk_uniStat_util.mapfields(mapper, item, item);
const x = js_sdk_uniStat_util.formatDate(item.start_time, "day");
let y = Number(item[field]);
options.series[0].data.push(y);
options.categories.push(x);
}
}
this.chartData = options;
}).catch((err) => {
common_vendor.index.__f__("error", "at pages/uni-stat/device/overview/overview.vue:455", err);
}).finally(() => {
});
},
getAppAccessTimes(query) {
const db = common_vendor.er.database();
return db.collection(this.tableName).where(query).groupBy("appid").groupField(`sum(page_visit_count) as total_app_access`).get();
},
getPageData(query, type) {
query = JSON.parse(JSON.stringify(query));
query.dimension = "day";
query = js_sdk_uniStat_util.stringifyQuery(query, false, ["uni_platform"]);
this.options;
const mapping = this[`${type}FieldsMap`];
const field = mapping[1].field;
this.loading = true;
const db = common_vendor.er.database();
const filterAppid = js_sdk_uniStat_util.stringifyQuery({
appid: this.query.appid
});
const mainTableTemp = db.collection("uni-stat-pages").where(filterAppid).field("_id, title, path").getTemp();
const subTableTemp = db.collection("uni-stat-page-result").where(`${query} && ${field} > 0`).getTemp();
db.collection(subTableTemp, mainTableTemp).field(
`${js_sdk_uniStat_util.stringifyField(mapping, field)}, stat_date, page_id`
).groupBy("page_id").groupField(js_sdk_uniStat_util.stringifyGroupField(mapping, field)).orderBy(field, "desc").limit(10).get({
getCount: true
}).then((res) => {
const {
count,
data
} = res.result;
let total_app_access;
this.getAppAccessTimes(query).then((res2) => {
const data2 = res2.result.data[0];
total_app_access = data2 && data2.total_app_access;
}).finally(() => {
this[`${type}TableData`] = [];
for (const item of data) {
item.total_app_access = total_app_access;
const lines = item.page_id;
if (Array.isArray(lines)) {
delete item.page_id;
const line = lines[0];
if (line && Object.keys(line).length) {
for (const key in line) {
if (key !== "_id") {
item[key] = line[key];
}
}
}
}
js_sdk_uniStat_util.mapfields(mapping, item, item);
this[`${type}TableData`].push(item);
}
this.loading = false;
});
}).catch((err) => {
common_vendor.index.__f__("error", "at pages/uni-stat/device/overview/overview.vue:534", err);
}).finally(() => {
});
},
navTo(url) {
if (!url)
return;
common_vendor.index.navigateTo({
url
});
}
}
};
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_stat_tabs2 = common_vendor.resolveComponent("uni-stat-tabs");
const _easycom_uni_datetime_picker2 = common_vendor.resolveComponent("uni-datetime-picker");
const _easycom_uni_stat_panel2 = common_vendor.resolveComponent("uni-stat-panel");
const _easycom_qiun_data_charts2 = common_vendor.resolveComponent("qiun-data-charts");
const _easycom_uni_th2 = common_vendor.resolveComponent("uni-th");
const _easycom_uni_tr2 = common_vendor.resolveComponent("uni-tr");
const _easycom_uni_td2 = common_vendor.resolveComponent("uni-td");
const _easycom_uni_table2 = common_vendor.resolveComponent("uni-table");
const _easycom_fix_window2 = common_vendor.resolveComponent("fix-window");
(_easycom_uni_stat_breadcrumb2 + _easycom_uni_data_select2 + _easycom_uni_stat_tabs2 + _easycom_uni_datetime_picker2 + _easycom_uni_stat_panel2 + _easycom_qiun_data_charts2 + _easycom_uni_th2 + _easycom_uni_tr2 + _easycom_uni_td2 + _easycom_uni_table2 + _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_stat_tabs = () => "../../../../components/uni-stat-tabs/uni-stat-tabs.js";
const _easycom_uni_datetime_picker = () => "../../../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker.js";
const _easycom_uni_stat_panel = () => "../../../../components/uni-stat-panel/uni-stat-panel.js";
const _easycom_qiun_data_charts = () => "../../../../uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.js";
const _easycom_uni_th = () => "../../../../uni_modules/uni-table/components/uni-th/uni-th.js";
const _easycom_uni_tr = () => "../../../../uni_modules/uni-table/components/uni-tr/uni-tr.js";
const _easycom_uni_td = () => "../../../../uni_modules/uni-table/components/uni-td/uni-td.js";
const _easycom_uni_table = () => "../../../../uni_modules/uni-table/components/uni-table/uni-table.js";
const _easycom_fix_window = () => "../../../../components/fix-window/fix-window.js";
if (!Math) {
(_easycom_uni_stat_breadcrumb + _easycom_uni_data_select + _easycom_uni_stat_tabs + _easycom_uni_datetime_picker + _easycom_uni_stat_panel + _easycom_qiun_data_charts + _easycom_uni_th + _easycom_uni_tr + _easycom_uni_td + _easycom_uni_table + _easycom_fix_window)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
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: common_vendor.o($options.changeTimeRange),
f: common_vendor.p({
label: "日期选择",
current: $data.currentDateTab,
mode: "date",
today: true
}),
g: $data.currentDateTab < 0 && !!$data.query.start_time.length ? 1 : "",
h: common_vendor.o($options.useDatetimePicker),
i: common_vendor.o(($event) => $data.query.start_time = $event),
j: common_vendor.p({
type: "datetimerange",
end: (/* @__PURE__ */ new Date()).getTime(),
returnType: "timestamp",
clearIcon: false,
modelValue: $data.query.start_time
}),
k: common_vendor.o($options.changePlatform),
l: common_vendor.o(($event) => $data.query.platform_id = $event),
m: common_vendor.p({
label: "平台选择",
type: "boldLine",
mode: "platform",
modelValue: $data.query.platform_id
}),
n: $data.query.platform_id && $data.query.platform_id.indexOf("==") === -1
}, $data.query.platform_id && $data.query.platform_id.indexOf("==") === -1 ? {
o: common_vendor.o(($event) => $data.query.channel_id = $event),
p: common_vendor.p({
collection: "uni-stat-app-channels",
where: $options.channelQuery,
field: "_id as value, channel_name as text",
orderby: "text asc",
label: "渠道/场景值选择",
modelValue: $data.query.channel_id
})
} : {}, {
q: common_vendor.p({
items: $data.panelData,
contrast: true
}),
r: common_vendor.o($options.changeChartTab),
s: common_vendor.o(($event) => $data.chartTab = $event),
t: common_vendor.p({
type: "box",
tabs: $options.chartTabs,
modelValue: $data.chartTab
}),
v: common_vendor.p({
type: "area",
chartData: $data.chartData,
eopts: $data.eopts,
echartsH5: true,
echartsApp: true,
tooltipFormat: "tooltipCustom",
errorMessage: $data.errorMessage
}),
w: common_vendor.o(($event) => $options.navTo("/pages/uni-stat/page-res/page-res")),
x: common_vendor.f($data.resFieldsMap, (mapper, index, i0) => {
return common_vendor.e({
a: mapper.title
}, mapper.title ? {
b: common_vendor.t(mapper.title),
c: index,
d: "015b7c1a-12-" + i0 + ",015b7c1a-11",
e: common_vendor.p({
align: "center"
})
} : {}, {
f: index
});
}),
y: common_vendor.f($data.resTableData, (item, i, i0) => {
return {
a: common_vendor.f($data.resFieldsMap, (mapper, index, i1) => {
return common_vendor.e({
a: mapper.title
}, mapper.title ? {
b: common_vendor.t(item[mapper.field] !== void 0 ? item[mapper.field] : "-"),
c: index,
d: "015b7c1a-14-" + i0 + "-" + i1 + "," + ("015b7c1a-13-" + i0),
e: common_vendor.p({
align: index === 0 ? "left" : "center"
})
} : {}, {
f: index
});
}),
b: i,
c: "015b7c1a-13-" + i0 + ",015b7c1a-10"
};
}),
z: common_vendor.p({
loading: $data.loading,
border: true,
stripe: true,
emptyText: "暂无数据"
}),
A: common_vendor.o(($event) => $options.navTo("/pages/uni-stat/page-ent/page-ent")),
B: common_vendor.f($data.entFieldsMap, (mapper, index, i0) => {
return common_vendor.e({
a: mapper.title
}, mapper.title ? {
b: common_vendor.t(mapper.title),
c: index,
d: "015b7c1a-17-" + i0 + ",015b7c1a-16",
e: common_vendor.p({
align: "center"
})
} : {}, {
f: index
});
}),
C: common_vendor.f($data.entTableData, (item, i, i0) => {
return {
a: common_vendor.f($data.entFieldsMap, (mapper, index, i1) => {
return common_vendor.e({
a: mapper.title
}, mapper.title ? {
b: common_vendor.t(item[mapper.field] !== void 0 ? item[mapper.field] : "-"),
c: index,
d: "015b7c1a-19-" + i0 + "-" + i1 + "," + ("015b7c1a-18-" + i0),
e: common_vendor.p({
align: index === 0 ? "left" : "center"
})
} : {}, {
f: index
});
}),
b: i,
c: "015b7c1a-18-" + i0 + ",015b7c1a-15"
};
}),
D: common_vendor.p({
loading: $data.loading,
border: true,
stripe: true,
emptyText: "暂无数据"
})
});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/pages/uni-stat/device/overview/overview.js.map