@melt-js/comps-bag-shop 2026.11.7-1 → 2026.11.7-2

package/dist/CustomerService-lJt3W1m7.js

@@ -0,0 +1,188 @@
+import { defineComponent as y, ref as u, computed as w, openBlock as l, createElementBlock as d, createElementVNode as e, createTextVNode as i, createStaticVNode as v, Fragment as _, renderList as M, normalizeClass as C, toDisplayString as s, createCommentVNode as p, createVNode as m, unref as b, withCtx as h } from "vue";
+import { useRouter as j } from "vue-router";
+import { NDrawer as V, NDrawerContent as z } from "naive-ui";
+const A = { class: "p-6 bg-white dark:bg-[#0A1120] rounded-2xl shadow-sm min-h-[calc(100vh-120px)] border border-gray-100 dark:border-gray-800 flex flex-col" }, B = { class: "flex-1 flex border border-gray-100 dark:border-gray-800 rounded-xl overflow-hidden bg-slate-50 dark:bg-gray-800/30" }, S = { class: "w-80 border-r border-gray-100 dark:border-gray-800 bg-white dark:bg-[#0A1120] flex flex-col" }, N = { class: "flex-1 overflow-y-auto custom-scrollbar" }, $ = ["onClick"], D = { class: "relative" }, L = ["src"], F = {
+  key: 0,
+  class: "absolute -top-1 -right-1 w-4 h-4 bg-rose-500 rounded-full border-2 border-white dark:border-[#0A1120] text-[8px] font-bold text-white flex items-center justify-center"
+}, I = { class: "flex-1 min-w-0" }, P = { class: "flex justify-between items-baseline mb-1" }, E = { class: "font-bold text-slate-800 dark:text-slate-200 text-sm truncate" }, H = { class: "text-xs text-slate-400 shrink-0" }, G = { class: "text-xs text-slate-500 dark:text-slate-400 truncate" }, R = { class: "flex-1 flex flex-col bg-slate-50 dark:bg-gray-800/30" }, T = { class: "h-16 px-6 bg-white dark:bg-[#0A1120] border-b border-gray-100 dark:border-gray-800 flex items-center justify-between shrink-0" }, U = { class: "flex items-center gap-3" }, q = { class: "font-bold text-slate-800 dark:text-slate-200" }, J = { class: "px-2 py-0.5 text-[10px] font-bold rounded bg-amber-50 text-amber-500 border border-amber-100" }, K = { class: "flex-1 p-6 overflow-y-auto space-y-6 custom-scrollbar" }, O = { class: "text-center" }, Q = { class: "text-xs text-slate-400 bg-slate-100 dark:bg-gray-800 px-2 py-1 rounded" }, W = { class: "flex gap-3" }, X = ["src"], Y = { class: "bg-white dark:bg-[#0A1120] p-3 rounded-2xl rounded-tl-none shadow-sm border border-gray-100 dark:border-gray-800 text-sm text-slate-700 dark:text-slate-300" }, Z = {
+  key: 0,
+  class: "flex gap-3 flex-row-reverse"
+}, ee = { class: "bg-gradient-to-br from-orange-500 to-rose-500 p-3 rounded-2xl rounded-tr-none shadow-sm text-sm text-white" }, te = { class: "space-y-6" }, re = { class: "flex items-center gap-4 pb-6 border-b border-gray-100 dark:border-gray-800" }, ae = ["src"], se = { class: "text-lg font-bold text-slate-800 dark:text-slate-200 mb-1" }, oe = { class: "pt-4 flex gap-3" }, ge =  y({
+  __name: "CustomerService",
+  setup(le) {
+    const g = j(), n = u([
+      { id: 1, name: "张先生", lastMsg: "好的，那如果大小不合适支持退换吗？", time: "10:26", unread: 2, active: !0, avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Bob" },
+      { id: 2, name: "李小姐", lastMsg: "麻烦帮我催一下发货", time: "09:15", unread: 1, active: !1, avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Alice" },
+      { id: 3, name: "陈同学", lastMsg: "[图片]", time: "昨天", unread: 0, active: !1, avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Charlie" },
+      { id: 4, name: "王阿姨", lastMsg: "已经收到货了，非常满意！", time: "昨天", unread: 0, active: !1, avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Grace" },
+      { id: 5, name: "刘老板", lastMsg: "批量采购有优惠吗？", time: "星期一", unread: 0, active: !1, avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Frank" }
+    ]), x = u(1), a = w(() => n.value.find((o) => o.id === x.value) || n.value[0]), f = (o) => {
+      x.value = o;
+      const t = n.value.find((r) => r.id === o);
+      t && (t.unread = 0);
+    }, c = u(!1), k = () => {
+      g.push("/store/settings/service");
+    };
+    return (o, t) => (l(), d("div", A, [
+      e("div", { class: "flex justify-between items-center mb-6" }, [
+        t[5] || (t[5] = e("h2", { class: "text-2xl font-bold text-slate-800 dark:text-slate-200 flex items-center gap-2" }, [
+          i(" 客服消息 "),
+          e("span", { class: "px-2 py-0.5 rounded-full bg-rose-50 dark:bg-rose-500/10 text-rose-500 text-xs font-bold" }, "12 未读")
+        ], -1)),
+        e("div", { class: "flex items-center gap-4 text-sm font-medium" }, [
+          t[4] || (t[4] = e("span", { class: "flex items-center gap-1.5 text-slate-600 dark:text-slate-300" }, [
+            e("div", { class: "w-2 h-2 rounded-full bg-emerald-500" }),
+            i(" 在线接待中 ")
+          ], -1)),
+          e("button", {
+            onClick: k,
+            class: "px-3 py-1.5 bg-slate-50 dark:bg-gray-800/50 text-slate-600 dark:text-slate-300 rounded hover:bg-slate-100 dark:hover:bg-gray-700 transition-colors"
+          }, "设置")
+        ])
+      ]),
+      e("div", B, [
+        e("div", S, [
+          t[6] || (t[6] = v('<div class="p-3 border-b border-gray-100 dark:border-gray-800"><div class="relative"><input type="text" placeholder="搜索联系人..." class="w-full pl-9 pr-4 py-2 rounded-lg bg-slate-50 dark:bg-gray-800/50 border border-transparent focus:border-orange-500 focus:bg-white dark:focus:bg-[#0A1120] outline-none text-sm transition-all dark:text-slate-200"><svg class="w-4 h-4 text-slate-400 absolute left-3 top-2.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div></div>', 1)),
+          e("div", N, [
+            (l(!0), d(_, null, M(n.value, (r) => (l(), d("div", {
+              key: r.id,
+              onClick: (de) => f(r.id),
+              class: C([x.value === r.id ? "bg-orange-50 dark:bg-orange-500/10 border-l-4 border-orange-500" : "hover:bg-slate-50 dark:hover:bg-gray-800/50 border-l-4 border-transparent", "p-4 border-b border-gray-50 dark:border-gray-800/50 cursor-pointer transition-colors flex gap-3"])
+            }, [
+              e("div", D, [
+                e("img", {
+                  src: r.avatar,
+                  class: "w-10 h-10 rounded-full border border-gray-100 dark:border-gray-700"
+                }, null, 8, L),
+                r.unread ? (l(), d("div", F, s(r.unread), 1)) : p("", !0)
+              ]),
+              e("div", I, [
+                e("div", P, [
+                  e("span", E, s(r.name), 1),
+                  e("span", H, s(r.time), 1)
+                ]),
+                e("p", G, s(r.lastMsg), 1)
+              ])
+            ], 10, $))), 128))
+          ])
+        ]),
+        e("div", R, [
+          e("div", T, [
+            e("div", U, [
+              e("h3", q, s(a.value.name), 1),
+              e("span", J, "VIP" + s(Math.floor(Math.random() * 4) + 1), 1)
+            ]),
+            e("button", {
+              onClick: t[0] || (t[0] = (r) => c.value = !0),
+              class: "text-sm text-slate-500 hover:text-orange-500 transition-colors flex items-center gap-1"
+            }, [...t[7] || (t[7] = [
+              e("svg", {
+                class: "w-4 h-4",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
+                })
+              ], -1),
+              i(" 查看客户资料 ", -1)
+            ])])
+          ]),
+          e("div", K, [
+            e("div", O, [
+              e("span", Q, "今天 " + s(a.value.time), 1)
+            ]),
+            e("div", W, [
+              e("img", {
+                src: a.value.avatar,
+                class: "w-8 h-8 rounded-full border border-gray-200"
+              }, null, 8, X),
+              e("div", null, [
+                e("div", Y, s(a.value.lastMsg), 1)
+              ])
+            ]),
+            a.value.id === 1 ? (l(), d("div", Z, [
+              t[8] || (t[8] = e("img", {
+                src: "https://api.dicebear.com/7.x/avataaars/svg?seed=Felix",
+                class: "w-8 h-8 rounded-full border border-gray-200"
+              }, null, -1)),
+              e("div", null, [
+                e("div", ee, " 您好，" + s(a.value.name) + "！这款商品目前还有最后 2 件库存哦，您可以直接下单。 ", 1)
+              ])
+            ])) : p("", !0)
+          ]),
+          t[9] || (t[9] = v('<div class="bg-white dark:bg-[#0A1120] border-t border-gray-100 dark:border-gray-800 p-4 shrink-0"><div class="flex gap-2 mb-3"><button class="p-1.5 text-slate-400 hover:text-orange-500 rounded hover:bg-slate-50 transition-colors"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></button><button class="p-1.5 text-slate-400 hover:text-orange-500 rounded hover:bg-slate-50 transition-colors"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></button><button class="p-1.5 text-slate-400 hover:text-orange-500 rounded hover:bg-slate-50 transition-colors"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg></button></div><div class="flex gap-4 items-end"><textarea rows="3" placeholder="输入消息回复用户..." class="flex-1 resize-none px-3 py-2 rounded-lg bg-slate-50 dark:bg-gray-800/50 border border-transparent focus:border-orange-500 focus:bg-white outline-none text-sm transition-all custom-scrollbar dark:text-slate-200"></textarea><button class="px-6 py-2.5 bg-gradient-to-r from-orange-500 to-rose-500 text-white rounded-lg font-bold hover:shadow-lg hover:shadow-orange-500/30 transition-all mb-1">发送</button></div></div>', 1))
+        ])
+      ]),
+      m(b(V), {
+        show: c.value,
+        "onUpdate:show": t[3] || (t[3] = (r) => c.value = r),
+        width: 360,
+        placement: "right"
+      }, {
+        default: h(() => [
+          m(b(z), {
+            title: "客户资料",
+            closable: ""
+          }, {
+            default: h(() => [
+              e("div", te, [
+                e("div", re, [
+                  e("img", {
+                    src: a.value.avatar,
+                    class: "w-16 h-16 rounded-full border border-gray-200 dark:border-gray-700"
+                  }, null, 8, ae),
+                  e("div", null, [
+                    e("div", se, s(a.value.name), 1),
+                    t[10] || (t[10] = e("div", { class: "text-sm text-slate-500 mb-2" }, "138****5678", -1)),
+                    t[11] || (t[11] = e("span", { class: "px-2 py-0.5 text-[10px] font-bold rounded bg-amber-50 text-amber-500 border border-amber-100" }, "VIP会员", -1))
+                  ])
+                ]),
+                t[12] || (t[12] = e("div", { class: "grid grid-cols-2 gap-4 pb-6 border-b border-gray-100 dark:border-gray-800" }, [
+                  e("div", { class: "bg-slate-50 dark:bg-gray-800/50 p-4 rounded-xl text-center" }, [
+                    e("div", { class: "text-xs text-slate-500 mb-1" }, "累计消费"),
+                    e("div", { class: "text-lg font-bold text-orange-500" }, "¥ 12,840.00")
+                  ]),
+                  e("div", { class: "bg-slate-50 dark:bg-gray-800/50 p-4 rounded-xl text-center" }, [
+                    e("div", { class: "text-xs text-slate-500 mb-1" }, "订单数"),
+                    e("div", { class: "text-lg font-bold text-slate-800 dark:text-slate-200" }, [
+                      i("45 "),
+                      e("span", { class: "text-xs font-normal text-slate-500" }, "笔")
+                    ])
+                  ])
+                ], -1)),
+                t[13] || (t[13] = e("div", null, [
+                  e("h4", { class: "text-sm font-bold text-slate-800 dark:text-slate-200 mb-3" }, "用户标签"),
+                  e("div", { class: "flex flex-wrap gap-2" }, [
+                    e("span", { class: "px-3 py-1.5 bg-rose-50 text-rose-500 dark:bg-rose-500/10 rounded text-xs" }, "高频复购"),
+                    e("span", { class: "px-3 py-1.5 bg-blue-50 text-blue-500 dark:bg-blue-500/10 rounded text-xs" }, "品质偏好"),
+                    e("span", { class: "px-3 py-1.5 bg-emerald-50 text-emerald-500 dark:bg-emerald-500/10 rounded text-xs" }, "极少退货")
+                  ])
+                ], -1)),
+                e("div", oe, [
+                  e("button", {
+                    onClick: t[1] || (t[1] = (r) => b(g).push(`/user/profile/${a.value.id}`)),
+                    class: "flex-1 py-2 bg-slate-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-slate-700 dark:text-slate-200 rounded-lg hover:bg-slate-100 dark:hover:bg-gray-700 transition-colors font-medium text-sm"
+                  }, "完整画像"),
+                  e("button", {
+                    onClick: t[2] || (t[2] = (r) => b(g).push(`/user/orders/${a.value.id}`)),
+                    class: "flex-1 py-2 bg-slate-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-slate-700 dark:text-slate-200 rounded-lg hover:bg-slate-100 dark:hover:bg-gray-700 transition-colors font-medium text-sm"
+                  }, "历史订单")
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["show"])
+    ]));
+  }
+});
+export {
+  ge as default
+};

package/dist/Finance-CZkxKf_8.js

@@ -0,0 +1,144 @@
+import { defineComponent as u, ref as i, openBlock as b, createElementBlock as x, createElementVNode as t, unref as o, createVNode as r, Fragment as c, renderList as f, toDisplayString as a, normalizeClass as v } from "vue";
+import { useRouter as k } from "vue-router";
+import { NNumberAnimation as l, NSelect as y, NDatePicker as h } from "naive-ui";
+const w = { class: "p-6 bg-white dark:bg-[#0A1120] rounded-2xl shadow-sm min-h-[calc(100vh-120px)] border border-gray-100 dark:border-gray-800" }, _ = { class: "flex justify-between items-center mb-6" }, N = { class: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8" }, z = { class: "border border-orange-100 dark:border-orange-500/20 rounded-xl p-6 bg-gradient-to-br from-orange-50 to-rose-50 dark:from-orange-500/10 dark:to-rose-500/10" }, F = { class: "text-3xl font-black text-slate-800 dark:text-slate-100 flex items-baseline" }, A = { class: "border border-gray-100 dark:border-gray-800 rounded-xl p-6 bg-white dark:bg-[#0A1120]" }, L = { class: "text-3xl font-black text-slate-700 dark:text-slate-200 flex items-baseline" }, D = { class: "border border-gray-100 dark:border-gray-800 rounded-xl p-6 bg-white dark:bg-[#0A1120]" }, R = { class: "text-3xl font-black text-slate-700 dark:text-slate-200 flex items-baseline" }, T = { class: "flex flex-wrap gap-4 mb-6 bg-slate-50 dark:bg-gray-800/50 p-4 rounded-xl border border-slate-100 dark:border-gray-800" }, W = { class: "w-40" }, C = { class: "w-48" }, E = { class: "overflow-x-auto rounded-xl border border-gray-100 dark:border-gray-800" }, O = { class: "w-full text-left border-collapse" }, B = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, M = { class: "p-4 text-sm text-slate-500" }, S = { class: "p-4" }, U = { class: "font-medium text-slate-700 dark:text-slate-300 text-sm" }, V = { class: "text-xs text-slate-400 mt-1" }, j = { class: "p-4 text-sm font-medium text-slate-700 dark:text-slate-300" }, P = { class: "mr-1" }, X = { class: "p-4 text-right text-sm font-bold text-slate-600 dark:text-slate-400" }, J =  u({
+  __name: "Finance",
+  setup($) {
+    const p = k(), d = i(null), g = [
+      { label: "收入 (订单结算)", value: "income" },
+      { label: "支出 (退款/提现)", value: "expense" }
+    ], n = i(null), m = [
+      { id: 1, time: "2024-10-28 16:30:22", flowNo: "FLW202410280001", bizNo: "ORD2024102100889", type: "订单结算收入", amount: 458, balance: 128450 },
+      { id: 2, time: "2024-10-28 14:15:10", flowNo: "FLW202410280002", bizNo: "RET202410280001", type: "售后退款支出", amount: -159, balance: 127992 },
+      { id: 3, time: "2024-10-28 10:00:00", flowNo: "FLW202410280003", bizNo: "TX202410280001", type: "账户余额提现", amount: -5e4, balance: 128151 },
+      { id: 4, time: "2024-10-27 22:30:45", flowNo: "FLW202410270001", bizNo: "ORD2024102000456", type: "订单结算收入", amount: 899, balance: 178151 }
+    ];
+    return (q, e) => (b(), x("div", w, [
+      t("div", _, [
+        e[3] || (e[3] = t("h2", { class: "text-2xl font-bold text-slate-800 dark:text-slate-200" }, "财务结算", -1)),
+        t("button", {
+          onClick: e[0] || (e[0] = (s) => o(p).push("/finance/withdraw")),
+          class: "px-4 py-2 bg-gradient-to-r from-emerald-500 to-teal-500 text-white rounded-lg font-medium hover:shadow-lg hover:shadow-emerald-500/30 transition-all flex items-center gap-2"
+        }, " 申请提现 ")
+      ]),
+      t("div", N, [
+        t("div", z, [
+          e[5] || (e[5] = t("div", { class: "text-sm font-bold text-orange-600 dark:text-orange-400 mb-2" }, "账户可提现余额", -1)),
+          t("div", F, [
+            e[4] || (e[4] = t("span", { class: "mr-1" }, "¥", -1)),
+            r(o(l), {
+              from: 0,
+              to: 128450,
+              precision: 2,
+              "show-separator": ""
+            })
+          ])
+        ]),
+        t("div", A, [
+          e[7] || (e[7] = t("div", { class: "text-sm font-bold text-slate-500 mb-2" }, "待结算金额 (T+7)", -1)),
+          t("div", L, [
+            e[6] || (e[6] = t("span", { class: "mr-1" }, "¥", -1)),
+            r(o(l), {
+              from: 0,
+              to: 45200,
+              precision: 2,
+              "show-separator": ""
+            })
+          ])
+        ]),
+        t("div", D, [
+          e[9] || (e[9] = t("div", { class: "text-sm font-bold text-slate-500 mb-2" }, "累计已提现", -1)),
+          t("div", R, [
+            e[8] || (e[8] = t("span", { class: "mr-1" }, "¥", -1)),
+            r(o(l), {
+              from: 0,
+              to: 89e4,
+              precision: 2,
+              "show-separator": ""
+            })
+          ])
+        ])
+      ]),
+      t("div", T, [
+        e[10] || (e[10] = t("div", { class: "flex-1 min-w-[200px]" }, [
+          t("input", {
+            type: "text",
+            placeholder: "搜索流水号 / 订单号",
+            class: "w-full px-4 py-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#0A1120] focus:ring-2 focus:ring-orange-500/20 focus:border-orange-500 outline-none transition-all dark:text-slate-200"
+          })
+        ], -1)),
+        t("div", W, [
+          r(o(y), {
+            value: d.value,
+            "onUpdate:value": e[1] || (e[1] = (s) => d.value = s),
+            options: g,
+            placeholder: "全部类型"
+          }, null, 8, ["value"])
+        ]),
+        t("div", C, [
+          r(o(h), {
+            value: n.value,
+            "onUpdate:value": e[2] || (e[2] = (s) => n.value = s),
+            type: "month",
+            clearable: "",
+            placeholder: "选择月份"
+          }, null, 8, ["value"])
+        ]),
+        e[11] || (e[11] = t("button", { class: "px-6 py-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-slate-700 dark:text-slate-200 rounded-lg hover:bg-slate-50 dark:hover:bg-gray-700 transition-colors font-medium" }, "搜索", -1))
+      ]),
+      t("div", E, [
+        t("table", O, [
+          e[14] || (e[14] = t("thead", { class: "bg-slate-50 dark:bg-gray-800/50" }, [
+            t("tr", { class: "text-sm text-slate-500 dark:text-slate-400 font-semibold border-b border-gray-100 dark:border-gray-800" }, [
+              t("th", { class: "p-4" }, "创建时间"),
+              t("th", { class: "p-4" }, "流水号 / 业务单号"),
+              t("th", { class: "p-4" }, "业务类型"),
+              t("th", { class: "p-4 text-right" }, "收支金额"),
+              t("th", { class: "p-4 text-right" }, "账户余额"),
+              t("th", { class: "p-4 text-center" }, "状态")
+            ])
+          ], -1)),
+          t("tbody", B, [
+            (b(), x(c, null, f(m, (s) => t("tr", {
+              key: s.id,
+              class: "hover:bg-slate-50/50 dark:hover:bg-gray-800/30 transition-colors group"
+            }, [
+              t("td", M, a(s.time), 1),
+              t("td", S, [
+                t("div", U, a(s.flowNo), 1),
+                t("div", V, a(s.bizNo), 1)
+              ]),
+              t("td", j, a(s.type), 1),
+              t("td", {
+                class: v(["p-4 text-right font-bold text-lg", s.amount > 0 ? "text-emerald-500" : "text-slate-700 dark:text-slate-200"])
+              }, [
+                t("span", P, a(s.amount > 0 ? "+" : ""), 1),
+                r(o(l), {
+                  from: 0,
+                  to: Math.abs(s.amount),
+                  precision: 2,
+                  "show-separator": ""
+                }, null, 8, ["to"])
+              ], 2),
+              t("td", X, [
+                e[12] || (e[12] = t("span", { class: "mr-1" }, "¥", -1)),
+                r(o(l), {
+                  from: 0,
+                  to: s.balance,
+                  precision: 2,
+                  "show-separator": ""
+                }, null, 8, ["to"])
+              ]),
+              e[13] || (e[13] = t("td", { class: "p-4 text-center" }, [
+                t("span", { class: "bg-emerald-50 text-emerald-500 dark:bg-emerald-500/10 px-2.5 py-1 text-xs font-bold rounded-md" }, "已完成")
+              ], -1))
+            ])), 64))
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  J as default
+};

package/dist/FinanceWithdraw-DL0ownv4.js

@@ -0,0 +1,301 @@
+import { defineComponent as V, ref as c, h as n, openBlock as o, createElementBlock as l, createElementVNode as e, unref as x, createVNode as k, withModifiers as z, createStaticVNode as g, createTextVNode as i, withCtx as v, Fragment as m, renderList as p, normalizeClass as u, toDisplayString as b, createCommentVNode as h, createBlock as H, resolveDynamicComponent as D } from "vue";
+import { useRouter as $ } from "vue-router";
+import { useMessage as L, NNumberAnimation as F, NModal as f } from "naive-ui";
+const I = { class: "p-6 bg-white dark:bg-[#0A1120] rounded-2xl shadow-sm min-h-[calc(100vh-120px)] border border-gray-100 dark:border-gray-800 max-w-3xl mx-auto" }, S = { class: "flex items-center gap-4 mb-8" }, E = { class: "bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-500/10 dark:to-teal-500/10 border border-emerald-100 dark:border-emerald-500/20 rounded-2xl p-8 mb-8 text-center relative overflow-hidden" }, T = { class: "text-5xl font-black text-slate-800 dark:text-slate-100 mb-4 flex items-center justify-center" }, U = { class: "space-y-4" }, W = { class: "text-lg font-bold text-slate-800 dark:text-slate-200 flex justify-between items-center" }, R = { class: "w-[500px] bg-white dark:bg-[#0A1120] rounded-2xl shadow-xl overflow-hidden border border-gray-100 dark:border-gray-800" }, q = { class: "px-6 py-4 border-b border-gray-100 dark:border-gray-800 flex justify-between items-center bg-slate-50/50 dark:bg-gray-800/30" }, G = { class: "p-6 space-y-4 max-h-[60vh] overflow-y-auto custom-scrollbar" }, J = { class: "flex items-center gap-4" }, K = { class: "font-bold text-slate-800 dark:text-slate-200 flex items-center gap-2" }, O = {
+  key: 0,
+  class: "px-1.5 py-0.5 bg-emerald-50 text-emerald-500 dark:bg-emerald-500/10 border border-emerald-100 dark:border-emerald-500/20 rounded text-[10px] font-bold"
+}, P = { class: "text-xs text-slate-500 mt-0.5" }, Q = { class: "flex items-center gap-3 opacity-0 group-hover:opacity-100 transition-opacity" }, X = {
+  key: 0,
+  class: "text-xs font-medium text-emerald-500 hover:text-emerald-600 transition-colors"
+}, Y = { class: "w-[480px] bg-white dark:bg-[#0A1120] rounded-2xl shadow-xl overflow-hidden border border-gray-100 dark:border-gray-800" }, Z = { class: "px-6 py-4 border-b border-gray-100 dark:border-gray-800 flex justify-between items-center bg-slate-50/50 dark:bg-gray-800/30" }, ee = { class: "p-6 space-y-6" }, te = { class: "space-y-3" }, re = { class: "grid grid-cols-3 gap-3" }, oe = ["onClick"], se = { class: "space-y-4" }, le = { class: "space-y-2" }, ae = { class: "block text-sm font-medium text-slate-700 dark:text-slate-300" }, de = ["placeholder"], ne = { class: "space-y-2" }, ie = { class: "block text-sm font-medium text-slate-700 dark:text-slate-300" }, ue = ["placeholder"], be = { class: "px-6 py-4 bg-slate-50/50 dark:bg-gray-800/30 border-t border-gray-100 dark:border-gray-800 flex justify-end gap-3" }, pe =  V({
+  __name: "FinanceWithdraw",
+  setup(ce) {
+    const y = $(), w = L(), a = c(!1), d = c(!1), C = c([
+      { id: 1, name: "中国工商银行 (尾号 8899)", desc: "企业对公账户", type: "bank", iconBg: "bg-blue-100 dark:bg-blue-500/20", iconColor: "text-blue-500 dark:text-blue-400", isDefault: !0 },
+      { id: 2, name: "微信支付 (尾号 1234)", desc: "企业微信账号", type: "wechat", iconBg: "bg-green-100 dark:bg-green-500/20", iconColor: "text-green-500 dark:text-green-400", isDefault: !1 },
+      { id: 3, name: "支付宝 (尾号 5678)", desc: "企业支付宝账号", type: "alipay", iconBg: "bg-sky-100 dark:bg-sky-500/20", iconColor: "text-sky-500 dark:text-sky-400", isDefault: !1 }
+    ]), j = n("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, [
+      n("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })
+    ]), M = n("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, [
+      n("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" })
+    ]), B = n("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, [
+      n("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" })
+    ]), A = [
+      { label: "银行卡", value: "bank", icon: j, color: "bg-blue-500 text-blue-500 dark:text-blue-400" },
+      { label: "微信", value: "wechat", icon: M, color: "bg-green-500 text-green-500 dark:text-green-400" },
+      { label: "支付宝", value: "alipay", icon: B, color: "bg-sky-500 text-sky-500 dark:text-sky-400" }
+    ], s = c({
+      type: "bank",
+      name: "",
+      accountNo: ""
+    }), _ = () => {
+      a.value = !1, s.value = { type: "bank", name: "", accountNo: "" }, d.value = !0;
+    }, N = () => {
+      w.success("提现账户添加成功"), d.value = !1, a.value = !0;
+    };
+    return (xe, t) => (o(), l("div", I, [
+      e("div", S, [
+        e("button", {
+          onClick: t[0] || (t[0] = (r) => x(y).back()),
+          class: "p-2 text-slate-400 hover:text-orange-500 hover:bg-orange-50 dark:hover:bg-gray-800 rounded-lg transition-colors"
+        }, [...t[8] || (t[8] = [
+          e("svg", {
+            class: "w-5 h-5",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+            })
+          ], -1)
+        ])]),
+        t[9] || (t[9] = e("h2", { class: "text-2xl font-bold text-slate-800 dark:text-slate-200" }, "申请提现", -1))
+      ]),
+      e("div", E, [
+        t[10] || (t[10] = e("div", { class: "absolute top-0 right-0 w-32 h-32 bg-white/20 rounded-full blur-xl -mr-10 -mt-10" }, null, -1)),
+        t[11] || (t[11] = e("div", { class: "text-emerald-600 dark:text-emerald-400 font-bold mb-2" }, "可提现金额 (元)", -1)),
+        e("div", T, [
+          k(x(F), {
+            from: 0,
+            to: 128450,
+            precision: 2,
+            "show-separator": ""
+          })
+        ]),
+        t[12] || (t[12] = e("div", { class: "text-sm text-slate-500" }, "本月已提现：¥50,000.00 | 手续费费率：0.1%", -1))
+      ]),
+      e("form", {
+        class: "space-y-8",
+        onSubmit: t[2] || (t[2] = z(() => {
+        }, ["prevent"]))
+      }, [
+        t[16] || (t[16] = g('<div class="space-y-4"><h3 class="text-lg font-bold text-slate-800 dark:text-slate-200">提现金额</h3><div class="relative"><span class="absolute left-4 top-1/2 -translate-y-1/2 text-2xl font-black text-slate-400">¥</span><input type="number" placeholder="0.00" class="w-full pl-12 pr-4 py-4 text-2xl font-bold rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#0A1120] focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none transition-all dark:text-slate-200"><button type="button" class="absolute right-4 top-1/2 -translate-y-1/2 text-emerald-500 font-bold hover:text-emerald-600 transition-colors">全部提现</button></div><div class="text-sm text-slate-500">预计收取手续费：<span class="font-bold text-slate-700 dark:text-slate-300">¥0.00</span>，实际到账：<span class="font-bold text-emerald-500">¥0.00</span></div></div>', 1)),
+        e("div", U, [
+          e("h3", W, [
+            t[14] || (t[14] = i(" 到账账户 ", -1)),
+            e("button", {
+              type: "button",
+              onClick: t[1] || (t[1] = (r) => a.value = !0),
+              class: "text-sm text-emerald-500 font-medium hover:underline flex items-center gap-1"
+            }, [...t[13] || (t[13] = [
+              e("svg", {
+                class: "w-4 h-4",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+                }),
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                })
+              ], -1),
+              i(" 管理账户 ", -1)
+            ])])
+          ]),
+          t[15] || (t[15] = g('<div class="grid grid-cols-1 md:grid-cols-2 gap-4"><label class="border-2 border-emerald-500 rounded-xl p-4 cursor-pointer bg-emerald-50/30 dark:bg-emerald-500/10 transition-colors flex items-center gap-4"><div class="w-10 h-10 rounded-full bg-blue-100 text-blue-500 flex items-center justify-center shrink-0"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg></div><div><div class="font-bold text-slate-800 dark:text-slate-200">中国工商银行 (尾号 8899)</div><div class="text-xs text-slate-500 mt-1">企业对公账户</div></div></label><label class="border border-gray-200 dark:border-gray-700 rounded-xl p-4 cursor-pointer hover:border-emerald-400 hover:bg-emerald-50 dark:hover:bg-emerald-500/10 transition-colors opacity-60 flex items-center gap-4"><div class="w-10 h-10 rounded-full bg-green-100 text-green-500 flex items-center justify-center shrink-0"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg></div><div><div class="font-bold text-slate-800 dark:text-slate-200">微信支付 (尾号 1234)</div><div class="text-xs text-slate-500 mt-1">企业微信账号</div></div></label></div>', 1))
+        ]),
+        t[17] || (t[17] = e("div", { class: "pt-8" }, [
+          e("button", {
+            type: "button",
+            class: "w-full py-3.5 bg-gradient-to-r from-emerald-500 to-teal-500 text-white rounded-xl hover:shadow-lg hover:shadow-emerald-500/30 transition-all font-bold text-lg"
+          }, "确认提现"),
+          e("p", { class: "text-center text-xs text-slate-400 mt-4" }, "预计 1-3 个工作日内到账，节假日顺延")
+        ], -1))
+      ], 32),
+      k(x(f), {
+        show: a.value,
+        "onUpdate:show": t[4] || (t[4] = (r) => a.value = r)
+      }, {
+        default: v(() => [
+          e("div", R, [
+            e("div", q, [
+              t[19] || (t[19] = e("h3", { class: "text-lg font-bold text-slate-800 dark:text-slate-200" }, "管理提现账户", -1)),
+              e("button", {
+                onClick: t[3] || (t[3] = (r) => a.value = !1),
+                class: "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors"
+              }, [...t[18] || (t[18] = [
+                e("svg", {
+                  class: "w-5 h-5",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M6 18L18 6M6 6l12 12"
+                  })
+                ], -1)
+              ])])
+            ]),
+            e("div", G, [
+              (o(!0), l(m, null, p(C.value, (r) => (o(), l("div", {
+                key: r.id,
+                class: "flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-xl hover:border-emerald-200 dark:hover:border-emerald-500/30 transition-colors bg-white dark:bg-[#0A1120] group"
+              }, [
+                e("div", J, [
+                  e("div", {
+                    class: u([r.iconBg, "w-10 h-10 rounded-full flex items-center justify-center shrink-0"])
+                  }, [
+                    r.type === "bank" ? (o(), l("svg", {
+                      key: 0,
+                      class: u(["w-5 h-5", r.iconColor]),
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor"
+                    }, [...t[20] || (t[20] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"
+                      }, null, -1)
+                    ])], 2)) : (o(), l("svg", {
+                      key: 1,
+                      class: u(["w-5 h-5", r.iconColor]),
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor"
+                    }, [...t[21] || (t[21] = [
+                      e("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"
+                      }, null, -1)
+                    ])], 2))
+                  ], 2),
+                  e("div", null, [
+                    e("div", K, [
+                      i(b(r.name) + " ", 1),
+                      r.isDefault ? (o(), l("span", O, "默认")) : h("", !0)
+                    ]),
+                    e("div", P, b(r.desc), 1)
+                  ])
+                ]),
+                e("div", Q, [
+                  r.isDefault ? h("", !0) : (o(), l("button", X, "设为默认")),
+                  t[22] || (t[22] = e("button", { class: "text-xs font-medium text-rose-500 hover:text-rose-600 transition-colors" }, "解绑", -1))
+                ])
+              ]))), 128)),
+              e("button", {
+                onClick: _,
+                class: "w-full py-4 border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-xl text-slate-500 hover:text-emerald-500 hover:border-emerald-500 hover:bg-emerald-50 dark:hover:bg-emerald-500/10 transition-all font-bold flex items-center justify-center gap-2"
+              }, [...t[23] || (t[23] = [
+                e("svg", {
+                  class: "w-5 h-5",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M12 4v16m8-8H4"
+                  })
+                ], -1),
+                i(" 添加新账户 ", -1)
+              ])])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show"]),
+      k(x(f), {
+        show: d.value,
+        "onUpdate:show": t[7] || (t[7] = (r) => d.value = r)
+      }, {
+        default: v(() => [
+          e("div", Y, [
+            e("div", Z, [
+              t[25] || (t[25] = e("h3", { class: "text-lg font-bold text-slate-800 dark:text-slate-200" }, "添加新账户", -1)),
+              e("button", {
+                onClick: t[5] || (t[5] = (r) => d.value = !1),
+                class: "text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 transition-colors"
+              }, [...t[24] || (t[24] = [
+                e("svg", {
+                  class: "w-5 h-5",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor"
+                }, [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M6 18L18 6M6 6l12 12"
+                  })
+                ], -1)
+              ])])
+            ]),
+            e("div", ee, [
+              e("div", te, [
+                t[26] || (t[26] = e("label", { class: "block text-sm font-medium text-slate-700 dark:text-slate-300" }, "账户类型", -1)),
+                e("div", re, [
+                  (o(), l(m, null, p(A, (r) => e("button", {
+                    key: r.value,
+                    onClick: (ke) => s.value.type = r.value,
+                    class: u([s.value.type === r.value ? "border-emerald-500 bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400" : "border-gray-200 dark:border-gray-700 bg-white dark:bg-[#0A1120] text-slate-600 dark:text-slate-400 hover:border-emerald-200 dark:hover:border-emerald-500/30", "py-3 px-2 border rounded-xl font-bold text-sm transition-colors flex flex-col items-center gap-2"])
+                  }, [
+                    e("div", {
+                      class: u([r.color, "w-8 h-8 rounded-full flex items-center justify-center bg-opacity-10 dark:bg-opacity-20"])
+                    }, [
+                      (o(), H(D(r.icon), { class: "w-4 h-4" }))
+                    ], 2),
+                    i(" " + b(r.label), 1)
+                  ], 10, oe)), 64))
+                ])
+              ]),
+              e("div", se, [
+                e("div", le, [
+                  e("label", ae, b(s.value.type === "bank" ? "开户行名称" : s.value.type === "alipay" ? "支付宝姓名" : "微信真实姓名"), 1),
+                  e("input", {
+                    type: "text",
+                    placeholder: s.value.type === "bank" ? "如：招商银行高新支行" : "请输入真实姓名",
+                    class: "w-full px-4 py-2.5 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#0A1120] focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none transition-all dark:text-slate-200"
+                  }, null, 8, de)
+                ]),
+                e("div", ne, [
+                  e("label", ie, b(s.value.type === "bank" ? "银行卡号" : "账号"), 1),
+                  e("input", {
+                    type: "text",
+                    placeholder: s.value.type === "bank" ? "请输入16-19位银行卡号" : "请输入账号/手机号",
+                    class: "w-full px-4 py-2.5 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-[#0A1120] focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500 outline-none transition-all dark:text-slate-200"
+                  }, null, 8, ue)
+                ])
+              ])
+            ]),
+            e("div", be, [
+              e("button", {
+                onClick: t[6] || (t[6] = (r) => d.value = !1),
+                class: "px-5 py-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-slate-700 dark:text-slate-200 rounded-lg hover:bg-slate-50 dark:hover:bg-gray-700 transition-colors font-medium text-sm"
+              }, "取消"),
+              e("button", {
+                onClick: N,
+                class: "px-5 py-2 bg-gradient-to-r from-emerald-500 to-teal-500 text-white rounded-lg hover:shadow-lg hover:shadow-emerald-500/30 transition-all font-bold text-sm"
+              }, "确认添加")
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show"])
+    ]));
+  }
+});
+export {
+  pe as default
+};