quick-admin-vue3-core/dist/index-DC8otSJJ.js

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

import { defineComponent as v, resolveComponent as l, createElementBlock as c, openBlock as i, createElementVNode as s, createStaticVNode as b, createVNode as a, Fragment as g, renderList as h, normalizeStyle as C, toDisplayString as r, createCommentVNode as k, withCtx as n, createTextVNode as d } from "vue";
import { _ as y } from "./ChartLine.vue_vue_type_script_setup_true_lang-BUIkbh_u.js";
import { _ as B } from "./ChartPie.vue_vue_type_script_setup_true_lang-BhbIzByD.js";
import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const w = { class: "p-h" }, x = { class: "row section info f-sb-c" }, N = { class: "mr-a f-fs-s" }, S = { class: "row f-sb-s pannels" }, $ = { class: "title" }, D = { class: "f-sb-c data" }, A = {
  key: 0,
  class: "mr-q"
}, I = { class: "row f-sb-s charts" }, z = { class: "row f-sb-s other" }, E = /* @__PURE__ */ v({
  name: "DemoCenterWorkbenchSimple",
  __name: "index",
  props: {
    data: { default: () => ({}) }
  },
  setup(T) {
    const _ = [
      {
        title: "访问量",
        icon: "DataAnalysis",
        value: 725,
        changeValue: -12,
        bgColors: ["rgb(236, 71, 134)", "rgb(185, 85, 164)"],
        unit: ""
      },
      {
        title: "成交额",
        icon: "Ticket",
        value: 1026,
        changeValue: 0,
        bgColors: ["rgb(134, 94, 192)", "rgb(81, 68, 180)"],
        unit: "$"
      },
      {
        title: "下载量",
        icon: "Download",
        value: 970925,
        changeValue: 123,
        bgColors: ["rgb(86, 205, 243)", "rgb(113, 157, 227)"],
        unit: ""
      },
      {
        title: "成交量",
        icon: "Histogram",
        value: 9527,
        changeValue: 1,
        bgColors: ["rgb(252, 188, 37)", "rgb(246, 128, 87)"],
        unit: ""
      }
    ];
    return (q, e) => {
      const p = l("BaseAvatar"), u = l("BaseIcon"), m = l("BaseNumber"), o = l("BaseSection");
      return i(), c("div", w, [
        s("section", x, [
          s("div", N, [
            a(p, {
              size: "5em",
              circle: ""
            }),
            e[0] || (e[0] = s("div", { class: "f-c-fs-c ml-o" }, [
              s("div", { class: "welcome" }, "早安，Soybean, 今天又是充满活力的一天!"),
              s("div", { class: "weather" }, "今日多云转晴，20℃ - 25℃!")
            ], -1))
          ]),
          e[1] || (e[1] = b('<ul class="ul f-fs-c" data-v-385e75c3><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>项目数</span><span class="val" data-v-385e75c3>25</span></li><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>待办</span><span class="val" data-v-385e75c3>4/16</span></li><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>消息</span><span class="val" data-v-385e75c3>12</span></li></ul>', 1))
        ]),
        s("div", S, [
          (i(), c(g, null, h(_, (t, f) => s("div", {
            class: "item f-1",
            key: f,
            style: C({ background: `linear-gradient(to right bottom, ${t.bgColors[0]}, ${t.bgColors[1]}` })
          }, [
            s("div", $, r(t.title), 1),
            s("div", D, [
              a(u, {
                name: t.icon,
                class: "mr-a"
              }, null, 8, ["name"]),
              t.unit ? (i(), c("span", A, r(t.unit), 1)) : k("", !0),
              a(m, {
                value: t.value
              }, null, 8, ["value"])
            ])
          ], 4)), 64))
        ]),
        s("div", I, [
          a(o, {
            title: "折线图",
            class: "mr-o f-1"
          }, {
            default: n(() => [
              a(y)
            ]),
            _: 1
          }),
          a(o, {
            title: "饼图",
            class: "f-1"
          }, {
            default: n(() => [
              a(B)
            ]),
            _: 1
          })
        ]),
        s("div", z, [
          a(o, {
            title: "项目动态",
            class: "mr-o f-1"
          }, {
            default: n(() => e[2] || (e[2] = [
              d("其他块内容1")
            ])),
            _: 1
          }),
          a(o, {
            title: "创意",
            class: "f-1"
          }, {
            default: n(() => e[3] || (e[3] = [
              d("其他块内容2")
            ])),
            _: 1
          })
        ])
      ]);
    };
  }
}), j = /* @__PURE__ */ V(E, [["__scopeId", "data-v-385e75c3"]]);
export {
  j as default
};