import { _ as __nuxt_component_0$1 } from './nuxt-link-BsKoUOa0.mjs';
import { defineComponent, computed, reactive, ref, unref, mergeProps, withCtx, createTextVNode, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderList, ssrRenderAttr, ssrInterpolate, ssrRenderStyle, ssrRenderClass } from 'vue/server-renderer';
import { u as useApi } from './useApi-BNSkSrat.mjs';
import { h as healthLastRunText, R as REGION_LABEL, a as healthReason } from './svchealth-8zW8U1Ef.mjs';
import { _ as _export_sfc, a as useAuthStore } from './server.mjs';
import { n as normalizeRegion, R as REGION_OPTIONS } from './regions-D1dSykUW.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'pinia';
import 'perfect-debounce';

const LIMIT = 12;
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "SvcAlertBanner",
  __ssrInlineRender: true,
  setup(__props, { expose: __expose }) {
    const { webApi } = useApi();
    const alerts = ref([]);
    const errorCount = ref(0);
    const warnCount = ref(0);
    const lastRun = ref(0);
    const expanded = ref(false);
    const truncated = ref(false);
    const lastRunText = computed(() => healthLastRunText(lastRun.value));
    function scopeText(a) {
      const app = a.app_name ? a.app_name : "全局";
      return a.region ? `${app} · ${REGION_LABEL[a.region] || "区域" + a.region}` : app;
    }
    function reasonOf(a) {
      return healthReason(a);
    }
    async function load() {
      try {
        const res = await webApi("getsvcalerts", { limit: LIMIT });
        alerts.value = res.alerts || [];
        errorCount.value = res.error_count || 0;
        warnCount.value = res.warn_count || 0;
        lastRun.value = res.last_run || 0;
        truncated.value = errorCount.value + warnCount.value > alerts.value.length;
        expanded.value = errorCount.value > 0;
      } catch {
        alerts.value = [];
        errorCount.value = 0;
        warnCount.value = 0;
      }
    }
    __expose({ load });
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLink = __nuxt_component_0$1;
      if (errorCount.value + warnCount.value > 0) {
        _push(`<div${ssrRenderAttrs(mergeProps({
          class: ["alert-banner", errorCount.value > 0 ? "lv-error" : "lv-warn"]
        }, _attrs))} data-v-3dd2fb7c><div class="ab-head" data-v-3dd2fb7c><span class="ab-ico" data-v-3dd2fb7c>${ssrInterpolate(errorCount.value > 0 ? "🚨" : "⚠️")}</span><div class="ab-title" data-v-3dd2fb7c><strong data-v-3dd2fb7c>${ssrInterpolate(errorCount.value > 0 ? `${errorCount.value} 项第三方服务不可用` : `${warnCount.value} 项第三方服务存在隐患`)}</strong>`);
        if (errorCount.value > 0 && warnCount.value > 0) {
          _push(`<span class="ab-sub" data-v-3dd2fb7c>，另有 ${ssrInterpolate(warnCount.value)} 项隐患</span>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<span class="ab-sub" data-v-3dd2fb7c> · 最近巡检 ${ssrInterpolate(unref(lastRunText))}</span></div><button class="ab-btn" data-v-3dd2fb7c>${ssrInterpolate(expanded.value ? "收起" : "展开详情")}</button>`);
        _push(ssrRenderComponent(_component_NuxtLink, {
          to: "/svcinspect",
          class: "ab-btn ab-btn-primary"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`前往巡检`);
            } else {
              return [
                createTextVNode("前往巡检")
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div>`);
        if (expanded.value) {
          _push(`<div class="ab-list" data-v-3dd2fb7c><!--[-->`);
          ssrRenderList(alerts.value, (a) => {
            _push(`<div class="ab-item" data-v-3dd2fb7c><span class="${ssrRenderClass([a.status === "error" ? "d-error" : "d-warn", "ab-dot"])}" data-v-3dd2fb7c></span><span class="ab-name" data-v-3dd2fb7c>${ssrInterpolate(a.name || a.svc_id)}</span>`);
            if (a.provider) {
              _push(`<span class="ab-chip" data-v-3dd2fb7c>${ssrInterpolate(a.provider)}</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`<span class="ab-chip ab-chip-scope" data-v-3dd2fb7c>${ssrInterpolate(scopeText(a))}</span><span class="ab-msg" data-v-3dd2fb7c>${ssrInterpolate(reasonOf(a))}</span>`);
            if (a.fail_streak > 1) {
              _push(`<span class="ab-streak" data-v-3dd2fb7c>连续失败 ${ssrInterpolate(a.fail_streak)} 次</span>`);
            } else {
              _push(`<!---->`);
            }
            _push(`</div>`);
          });
          _push(`<!--]-->`);
          if (truncated.value) {
            _push(`<div class="ab-more" data-v-3dd2fb7c> 仅显示前 ${ssrInterpolate(alerts.value.length)} 条，其余请到`);
            _push(ssrRenderComponent(_component_NuxtLink, {
              to: "/svcinspect",
              class: "ab-link"
            }, {
              default: withCtx((_, _push2, _parent2, _scopeId) => {
                if (_push2) {
                  _push2(`服务巡检`);
                } else {
                  return [
                    createTextVNode("服务巡检")
                  ];
                }
              }),
              _: 1
            }, _parent));
            _push(`查看 </div>`);
          } else {
            _push(`<!---->`);
          }
          _push(`</div>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/SvcAlertBanner.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_0 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$1, [["__scopeId", "data-v-3dd2fb7c"]]), { __name: "SvcAlertBanner" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "dashboard",
  __ssrInlineRender: true,
  setup(__props) {
    const auth = useAuthStore();
    useApi();
    const CARD_STYLE = {
      new_user_count: ["👥", "#EEF2FF", "#6366F1"],
      active_user_count: ["🟢", "#ECFDF5", "#10B981"],
      bind_device_count: ["📱", "#E0F2FE", "#0EA5E9"],
      qr_active_count: ["🔳", "#FCE7F3", "#EC4899"],
      order_paid_count: ["🧾", "#FEF3C7", "#F59E0B"],
      order_paid_amount: ["💰", "#FEE2E2", "#EF4444"],
      pay_user_count: ["⭐", "#FFF7ED", "#F97316"],
      meet_second: ["🎙️", "#CFFAFE", "#22D3EE"],
      trade_second: ["🌐", "#F3E8FF", "#8B5CF6"]
    };
    const GLOBAL_CARDS_ALL = [
      ["new_user_count", "累计用户", false],
      ["bind_device_count", "累计绑定设备", false],
      ["qr_active_count", "累计二维码激活", false],
      ["order_paid_count", "累计支付订单", false],
      ["order_paid_amount", "累计支付金额", true],
      ["meet_second", "累计会议时长", false],
      ["trade_second", "累计翻译时长", false]
    ];
    const TODAY_CARDS_ALL = [
      ["new_user_count", "新增用户", false],
      ["active_user_count", "活跃用户", false],
      ["qr_active_count", "二维码激活", false],
      ["order_paid_count", "支付订单", false],
      ["order_paid_amount", "支付金额", true],
      ["pay_user_count", "付费用户", false],
      ["meet_second", "会议时长", false, true],
      ["trade_second", "翻译时长", false, true]
    ];
    const PANELS_ALL = [
      {
        key: "user",
        title: "用户增长",
        color: "#6366F1",
        tint: "#EEF2FF",
        icon: "M17 20h5v-2a4 4 0 00-3-3.87M9 20H4v-2a4 4 0 013-3.87m6-1.13a4 4 0 10-4-4 4 4 0 004 4z",
        stats: [["new_user_count", "新增用户"], ["active_user_count", "活跃用户"], ["login_user_count", "登录用户"], ["login_count", "登录次数"]],
        lines: [["new_user_count", "新增用户", "#6366F1"], ["active_user_count", "活跃用户", "#34D399"]]
      },
      {
        key: "device",
        title: "设备激活绑定",
        color: "#0EA5E9",
        tint: "#E0F2FE",
        icon: "M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z",
        stats: [["active_device_count", "已激活"], ["bind_device_count", "已绑定"]],
        lines: [["active_device_count", "已激活", "#0EA5E9"], ["bind_device_count", "已绑定", "#818CF8"]]
      },
      {
        key: "qrcode",
        title: "二维码激活",
        color: "#EC4899",
        tint: "#FCE7F3",
        icon: "M12 4v1m6 11h2m-6 0h-1v4m-6-4H5m14 0h-2m-6-7H5m0 0V5m0 4v6m14-6V5h-4M5 5h4M5 19h4m6 0h4v-4M4 4h6v6H4V4zm10 0h6v6h-6V4zM4 14h6v6H4v-6z",
        stats: [["qr_active_count", "二维码激活次数"]],
        lines: [["qr_active_count", "二维码激活", "#EC4899"]]
      },
      {
        key: "order",
        title: "订单支付",
        color: "#F59E0B",
        tint: "#FEF3C7",
        icon: "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z",
        stats: [["order_create_count", "创建订单"], ["order_paid_count", "支付订单"], ["order_failed_count", "失败订单"], ["pay_user_count", "付费用户"], ["order_paid_amount", "支付金额", true], ["order_create_amount", "创建金额", true]],
        lines: [["order_paid_count", "支付订单", "#F59E0B"], ["order_create_count", "创建订单", "#FCD34D"]]
      },
      {
        key: "meeting",
        title: "会议",
        color: "#22D3EE",
        tint: "#CFFAFE",
        icon: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z",
        stats: [["meet_count", "会议次数"], ["meet_second", "会议时长", false, true], ["grant_meet_second", "发放会议时长", false, true]],
        lines: [["meet_count", "会议次数", "#22D3EE"], ["meet_second", "会议时长(秒)", "#0EA5E9"]]
      },
      {
        key: "translate",
        title: "翻译",
        color: "#8B5CF6",
        tint: "#F3E8FF",
        icon: "M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129",
        stats: [["trade_count", "翻译次数"], ["trade_second", "翻译时长", false, true], ["trade_words", "翻译字数"], ["grant_trade_second", "发放翻译时长", false, true]],
        lines: [["trade_count", "翻译次数", "#8B5CF6"], ["trade_second", "翻译时长(秒)", "#A78BFA"]]
      }
    ];
    const IS_AGENT = computed(() => auth.identity === 3 && !auth.brandid);
    const IS_SCOPED = computed(() => auth.isBrandAccount || auth.isDealer);
    computed(() => auth.apps);
    const BOUND_REGIONS = computed(() => auth.regions);
    computed(() => auth.products.map((p) => parseInt(p)).filter((n) => !isNaN(n)));
    const HIDE_FOR_AGENT = ["new_user_count", "active_user_count", "qr_active_count"];
    const globalCards = computed(() => IS_AGENT.value ? GLOBAL_CARDS_ALL.filter((c) => !HIDE_FOR_AGENT.includes(c[0])) : GLOBAL_CARDS_ALL);
    const todayCards = computed(() => IS_AGENT.value ? TODAY_CARDS_ALL.filter((c) => !HIDE_FOR_AGENT.includes(c[0])) : TODAY_CARDS_ALL);
    const panels = computed(() => IS_AGENT.value ? PANELS_ALL.filter((p) => p.key !== "user" && p.key !== "qrcode") : PANELS_ALL);
    const rangeBtns = [[7, "7天"], [30, "30天"], [90, "90天"], [0, "全部"]];
    const filters = reactive({ app: "", region: "", product: "", channel: "" });
    const appOptions = ref([]);
    const channelOptions = ref([]);
    const productOptions = ref([]);
    const regionOptions = computed(() => {
      if (IS_AGENT.value && BOUND_REGIONS.value.length) {
        const bound = new Set(BOUND_REGIONS.value.map((r) => normalizeRegion(r)));
        return REGION_OPTIONS.filter((r) => bound.has(r.value));
      }
      return REGION_OPTIONS;
    });
    const globalData = ref({});
    const deviceData = ref({});
    const todayData = ref({});
    const yestData = ref({});
    const todayTag = ref("实时");
    const panelStats = ref({});
    const panelDays = reactive({});
    PANELS_ALL.forEach((p) => {
      panelDays[p.key] = 30;
    });
    function fmt(n, isAmount) {
      n = Number(n) || 0;
      return isAmount ? "¥" + (n / 100).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : n.toLocaleString();
    }
    function fmtSecs(sec) {
      sec = Math.max(0, Math.floor(Number(sec) || 0));
      const h = Math.floor(sec / 3600), m = Math.floor(sec % 3600 / 60), s = sec % 60;
      if (h > 0) return h + "时" + m + "分";
      if (m > 0) return m + "分" + s + "秒";
      return s + "秒";
    }
    function fmtStat(v, isAmount, isSecs) {
      if (isSecs) return fmtSecs(v);
      return fmt(v, isAmount);
    }
    function pctDelta(cur, prev) {
      cur = Number(cur) || 0;
      prev = Number(prev) || 0;
      if (prev === 0) return cur > 0 ? null : 0;
      return (cur - prev) / prev * 100;
    }
    function cardStyle(field) {
      return CARD_STYLE[field] || ["📊", "#f1f5f9", "#94a3b8"];
    }
    function globalVal(c) {
      const src = c[0] === "bind_device_count" || c[0] === "active_device_count" ? deviceData.value : globalData.value;
      const isSecs = c[0] === "meet_second" || c[0] === "trade_second";
      return fmtStat(src[c[0]], c[2], isSecs);
    }
    function todayVal(c) {
      return fmtStat(todayData.value[c[0]], c[2], !!c[3]);
    }
    function todayDelta(c) {
      const pct = pctDelta(todayData.value[c[0]], yestData.value[c[0]]);
      if (pct === null) return { type: "new", arrow: "", abs: "" };
      const type = pct > 0 ? "up" : pct < 0 ? "down" : "flat";
      const arrow = pct > 0 ? "▲" : pct < 0 ? "▼" : "—";
      return { type, arrow, abs: Math.abs(pct).toFixed(1) };
    }
    function panelStatVal(p, s) {
      return fmtStat((panelStats.value[p.key] || {})[s[0]], s[2], s[3]);
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SvcAlertBanner = __nuxt_component_0;
      _push(`<div${ssrRenderAttrs(_attrs)} data-v-449e8f97>`);
      _push(ssrRenderComponent(_component_SvcAlertBanner, null, null, _parent));
      _push(`<div class="panel p-4 mb-5" data-v-449e8f97><div class="flex flex-wrap items-end gap-3" data-v-449e8f97>`);
      if (!IS_SCOPED.value || appOptions.value.length) {
        _push(`<div class="form-control" data-v-449e8f97><label class="label py-1" data-v-449e8f97><span class="label-text text-xs text-slate-500" data-v-449e8f97>应用</span></label><select class="select select-bordered select-sm w-40" data-v-449e8f97><option value="" data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.app) ? ssrLooseContain(filters.app, "") : ssrLooseEqual(filters.app, "")) ? " selected" : ""}>全部应用</option><!--[-->`);
        ssrRenderList(appOptions.value, (a) => {
          _push(`<option${ssrRenderAttr("value", a.value)} data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.app) ? ssrLooseContain(filters.app, a.value) : ssrLooseEqual(filters.app, a.value)) ? " selected" : ""}>${ssrInterpolate(a.label)}</option>`);
        });
        _push(`<!--]--></select></div>`);
      } else {
        _push(`<!---->`);
      }
      if (!IS_SCOPED.value) {
        _push(`<div class="form-control" data-v-449e8f97><label class="label py-1" data-v-449e8f97><span class="label-text text-xs text-slate-500" data-v-449e8f97>区域</span></label><select class="select select-bordered select-sm w-32" data-v-449e8f97><option value="" data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.region) ? ssrLooseContain(filters.region, "") : ssrLooseEqual(filters.region, "")) ? " selected" : ""}>全部区域</option><!--[-->`);
        ssrRenderList(regionOptions.value, (r) => {
          _push(`<option${ssrRenderAttr("value", r.value)} data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.region) ? ssrLooseContain(filters.region, r.value) : ssrLooseEqual(filters.region, r.value)) ? " selected" : ""}>${ssrInterpolate(r.label)}</option>`);
        });
        _push(`<!--]--></select></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="form-control" data-v-449e8f97><label class="label py-1" data-v-449e8f97><span class="label-text text-xs text-slate-500" data-v-449e8f97>产品</span></label><select class="select select-bordered select-sm w-48" data-v-449e8f97><option value="" data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.product) ? ssrLooseContain(filters.product, "") : ssrLooseEqual(filters.product, "")) ? " selected" : ""}>全部产品</option><!--[-->`);
      ssrRenderList(productOptions.value, (p) => {
        _push(`<option${ssrRenderAttr("value", p.value)} data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.product) ? ssrLooseContain(filters.product, p.value) : ssrLooseEqual(filters.product, p.value)) ? " selected" : ""}>${ssrInterpolate(p.label)}</option>`);
      });
      _push(`<!--]--></select></div>`);
      if (!unref(auth).isDealer) {
        _push(`<div class="form-control" data-v-449e8f97><label class="label py-1" data-v-449e8f97><span class="label-text text-xs text-slate-500" data-v-449e8f97>渠道商</span></label><select class="select select-bordered select-sm w-48" data-v-449e8f97><option value="" data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.channel) ? ssrLooseContain(filters.channel, "") : ssrLooseEqual(filters.channel, "")) ? " selected" : ""}>全部渠道商</option><option value="__none__" data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.channel) ? ssrLooseContain(filters.channel, "__none__") : ssrLooseEqual(filters.channel, "__none__")) ? " selected" : ""}>未分配渠道</option><!--[-->`);
        ssrRenderList(channelOptions.value, (ch) => {
          _push(`<option${ssrRenderAttr("value", ch.value)} data-v-449e8f97${ssrIncludeBooleanAttr(Array.isArray(filters.channel) ? ssrLooseContain(filters.channel, ch.value) : ssrLooseEqual(filters.channel, ch.value)) ? " selected" : ""}>${ssrInterpolate(ch.label)}</option>`);
        });
        _push(`<!--]--></select></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<button class="btn btn-primary btn-sm text-white" data-v-449e8f97>查询</button><span class="text-xs text-slate-400 ml-auto self-center" data-v-449e8f97>顶部为全量总览；各版面右上角可单独选时间周期</span></div></div><div class="sec-title muted" data-v-449e8f97><span class="bar" style="${ssrRenderStyle({ "background": "#cbd5e1" })}" data-v-449e8f97></span><h2 data-v-449e8f97>累计数据</h2><span class="sub" data-v-449e8f97>全量累计 · 随筛选条件变化</span></div><div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-8" data-v-449e8f97><!--[-->`);
      ssrRenderList(globalCards.value, (c) => {
        _push(`<div class="cum-card" data-v-449e8f97><span class="ico" style="${ssrRenderStyle({ background: cardStyle(c[0])[1] })}" data-v-449e8f97>${ssrInterpolate(cardStyle(c[0])[0])}</span><div class="body" data-v-449e8f97><div class="lbl" data-v-449e8f97>${ssrInterpolate(c[1])}</div><div class="val" data-v-449e8f97>${ssrInterpolate(globalVal(c))}</div></div></div>`);
      });
      _push(`<!--]--></div><div class="today-wrap mb-8" data-v-449e8f97><div class="sec-title hero" style="${ssrRenderStyle({ "margin-bottom": "16px" })}" data-v-449e8f97><span class="bar" style="${ssrRenderStyle({ "background": "linear-gradient(180deg,#0EA5E9,#22D3EE)" })}" data-v-449e8f97></span><h2 data-v-449e8f97>今日数据</h2><span class="tag" style="${ssrRenderStyle({ "color": "#0369a1", "background": "#dbeafe" })}" data-v-449e8f97>${ssrInterpolate(todayTag.value)}</span><span class="sub" data-v-449e8f97>今日 0 点至现在 · 含较昨日同比（设备类无日期维度，仅见累计）</span></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4" data-v-449e8f97><!--[-->`);
      ssrRenderList(todayCards.value, (c) => {
        _push(`<div class="today-card" data-v-449e8f97><span class="accent" style="${ssrRenderStyle({ background: cardStyle(c[0])[2] })}" data-v-449e8f97></span><div class="today-card-top" data-v-449e8f97><span class="lbl" data-v-449e8f97>${ssrInterpolate(c[1])}</span><span class="ico" style="${ssrRenderStyle({ background: cardStyle(c[0])[1] })}" data-v-449e8f97>${ssrInterpolate(cardStyle(c[0])[0])}</span></div><div class="val" data-v-449e8f97>${ssrInterpolate(todayVal(c))}</div><div class="foot" data-v-449e8f97>`);
        if (todayDelta(c).type === "new") {
          _push(`<span class="delta up" data-v-449e8f97>新</span>`);
        } else if (todayDelta(c).type !== "none") {
          _push(`<span class="${ssrRenderClass([todayDelta(c).type, "delta"])}" data-v-449e8f97>${ssrInterpolate(todayDelta(c).arrow)} ${ssrInterpolate(todayDelta(c).abs)}%</span>`);
        } else {
          _push(`<!---->`);
        }
        _push(`<span data-v-449e8f97>较昨日</span></div></div>`);
      });
      _push(`<!--]--></div></div><div class="sec-title" data-v-449e8f97><span class="bar" style="${ssrRenderStyle({ "background": "linear-gradient(180deg,#10B981,#22D3EE)" })}" data-v-449e8f97></span><h2 data-v-449e8f97>趋势分析</h2><span class="sub" data-v-449e8f97>各版面右上角可独立选择时间周期</span></div><div class="grid grid-cols-1 xl:grid-cols-2 gap-6" data-v-449e8f97><!--[-->`);
      ssrRenderList(panels.value, (p) => {
        _push(`<div class="panel" data-v-449e8f97><div class="panel-head" data-v-449e8f97><span class="panel-dot" style="${ssrRenderStyle({ background: p.tint })}" data-v-449e8f97><svg width="17" height="17" fill="none" viewBox="0 0 24 24"${ssrRenderAttr("stroke", p.color)} data-v-449e8f97><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"${ssrRenderAttr("d", p.icon)} data-v-449e8f97></path></svg></span><span class="font-semibold text-slate-700 text-sm" data-v-449e8f97>${ssrInterpolate(p.title)}</span>`);
        if (p.key === "device") {
          _push(`<span class="ml-auto text-xs text-slate-400" data-v-449e8f97>当前累计 · 无日期维度</span>`);
        } else {
          _push(`<div class="ml-auto flex items-center gap-1" data-v-449e8f97><!--[-->`);
          ssrRenderList(rangeBtns, (d) => {
            _push(`<button class="${ssrRenderClass([{ "tbtn-on": d[0] === panelDays[p.key] }, "tbtn"])}" data-v-449e8f97>${ssrInterpolate(d[1])}</button>`);
          });
          _push(`<!--]--></div>`);
        }
        _push(`</div><div class="px-5 py-4" data-v-449e8f97><div class="grid grid-cols-2 sm:grid-cols-3 gap-2.5" data-v-449e8f97><!--[-->`);
        ssrRenderList(p.stats, (s) => {
          _push(`<div class="stat-box" data-v-449e8f97><div class="stat-label" data-v-449e8f97>${ssrInterpolate(s[1])}</div><div class="stat-val" data-v-449e8f97>${ssrInterpolate(panelStatVal(p, s))}</div></div>`);
        });
        _push(`<!--]--></div>`);
        if (p.key !== "device") {
          _push(`<div style="${ssrRenderStyle({ "height": "170px", "margin-top": "1rem" })}" data-v-449e8f97><canvas data-v-449e8f97></canvas></div>`);
        } else {
          _push(`<!---->`);
        }
        _push(`</div></div>`);
      });
      _push(`<!--]--></div></div>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/dashboard.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const dashboard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-449e8f97"]]);

export { dashboard as default };
//# sourceMappingURL=dashboard-Y8255DFm.mjs.map