"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