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

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

import { defineComponent as V, ref as C, resolveComponent as a, createElementBlock as c, openBlock as f, createElementVNode as s, createVNode as t, Fragment as N, renderList as T, createTextVNode as l, withCtx as o, unref as p, isRef as D } from "vue";
import { _ as I } from "./ChartLine.vue_vue_type_script_setup_true_lang-BUIkbh_u.js";
import { _ as A } from "./ChartBar.vue_vue_type_script_setup_true_lang-B_hUELNo.js";
import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const S = { class: "q-page-view f-sb-s" }, $ = { class: "f-3 main" }, q = { class: "row pannels f-fs-s" }, z = { class: "body f-sb-c" }, F = { class: "f-1 side" }, L = { class: "f-sb-c data" }, R = { class: "f-sb-c alert" }, U = /* @__PURE__ */ V({
  name: "DemoCenterWorkbenchBeauty",
  __name: "index",
  setup(W) {
    const r = C("week"), b = [
      { prop: "id", label: "ID" },
      { prop: "price", label: "价格" },
      { prop: "date", label: "日期" },
      { prop: "type", label: "类型" },
      { prop: "is_rise", label: "盈亏" },
      { prop: "status", label: "订单状态" }
    ], v = Array(12).fill("").map((_, e) => ({ id: e, price: "12.00", date: "2025-01-17", type: "1", is_rise: e % 2, status: e % 2 })), y = [
      { prop: "monetary_1", label: "货币" },
      { prop: "monetary_2", label: "货币" },
      { prop: "is_rise", label: "盈亏" }
    ], w = Array(10).fill("").map((_, e) => ({ monetary_1: 1232, monetary_2: 23243, is_rise: "1.6%" }));
    return (_, e) => {
      const B = a("BaseNumber"), i = a("BaseIcon"), d = a("el-radio-button"), x = a("el-radio-group"), n = a("BaseSection"), m = a("BaseTable"), g = a("el-button");
      return f(), c("div", S, [
        s("div", $, [
          s("div", q, [
            (f(), c(N, null, T(3, (u, k) => s("div", {
              class: "pannel f-1",
              key: k
            }, [
              e[1] || (e[1] = s("div", { class: "head" }, "金融公司", -1)),
              s("div", z, [
                t(B, { value: 98921 }),
                t(i, { size: "1.3em" })
              ]),
              e[2] || (e[2] = s("div", { class: "foot" }, [
                l("上周新增了"),
                s("span", null, "10%")
              ], -1))
            ])), 64))
          ]),
          t(n, {
            title: "总体数据",
            class: "row"
          }, {
            "head-right": o(() => [
              t(x, {
                modelValue: p(r),
                "onUpdate:modelValue": e[0] || (e[0] = (u) => D(r) ? r.value = u : null),
                class: "ml-a"
              }, {
                default: o(() => [
                  t(d, { value: "week" }, {
                    default: o(() => e[3] || (e[3] = [
                      l("近一周")
                    ])),
                    _: 1
                  }),
                  t(d, { value: "month" }, {
                    default: o(() => e[4] || (e[4] = [
                      l("近一月")
                    ])),
                    _: 1
                  }),
                  t(d, { value: "year" }, {
                    default: o(() => e[5] || (e[5] = [
                      l("近一年")
                    ])),
                    _: 1
                  })
                ]),
                _: 1
              }, 8, ["modelValue"])
            ]),
            default: o(() => [
              t(I)
            ]),
            _: 1
          }),
          t(n, {
            title: "货币类型",
            class: "row"
          }, {
            default: o(() => [
              t(m, {
                cols: b,
                data: p(v)
              }, null, 8, ["data"])
            ]),
            _: 1
          })
        ]),
        s("div", F, [
          t(n, {
            title: "金融",
            class: "row financial"
          }, {
            default: o(() => [
              s("div", L, [
                e[6] || (e[6] = s("div", { class: "money" }, [
                  s("div", { class: "f-fs-b" }, [
                    l("5276.33"),
                    s("span", { class: "unit" }, "元")
                  ])
                ], -1)),
                t(i, { class: "icon" })
              ]),
              t(A)
            ]),
            _: 1
          }),
          t(n, {
            title: "兑换",
            class: "row exchange"
          }, {
            default: o(() => [
              s("div", R, [
                e[7] || (e[7] = s("div", null, "兑换", -1)),
                t(i),
                e[8] || (e[8] = s("div", null, "兑换", -1))
              ]),
              t(g, {
                type: "primary",
                style: { width: "100%" }
              }, {
                default: o(() => e[9] || (e[9] = [
                  l("立即购买")
                ])),
                _: 1
              })
            ]),
            _: 1
          }),
          t(n, {
            title: "兑换记录",
            class: "row"
          }, {
            default: o(() => [
              t(m, {
                cols: y,
                data: p(w)
              }, null, 8, ["data"])
            ]),
            _: 1
          })
        ])
      ]);
    };
  }
}), K = /* @__PURE__ */ E(U, [["__scopeId", "data-v-868045dd"]]);
export {
  K as default
};