Files
console-dev/app/components/home/HomeWalletCard.vue
T
2026-11-06 00:04:38 +08:00

207 lines
6.5 KiB
Vue

<script>
import "~/assets/styles/WithdrawDialog.ks0wdKEK.css";
import "~/assets/styles/PaymentDialog.BNFKQF1U.css";
import "~/assets/styles/RechargeDialog.DpsMly4r.css";
import "~/assets/styles/HomeWalletCard.C5SHzGlJ.css";
import { toDisplayString } from "vue";
import { onMounted } from "vue";
import { normalizeClass } from "vue";
import { createBlock } from "vue";
import { ref } from "vue";
import { withCtx } from "vue";
import { createCommentVNode } from "vue";
import { isRef } from "vue";
import { createElementBlock } from "vue";
import { createElementVNode } from "vue";
import { unref } from "vue";
import { defineComponent } from "vue";
import { createVNode } from "vue";
import { openBlock } from "vue";
import { NuxtLink } from "#components";
import { useAuth } from "~/lib/auth.js";
import { t as useSiteConfig_t } from "~/lib/useSiteConfig.js";
import button from "primevue/button";
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
import skeleton from "primevue/skeleton";
import RechargeDialog from "~/components/RechargeDialog.vue";
import WithdrawDialog from "~/components/WithdrawDialog.vue";
import { t as useWithdrawAvailability_t } from "~/lib/useWithdrawAvailability.js";
var C = {
class: `home-card`,
},
w = {
class: `home-card-head`,
},
T = {
class: `home-card-body wallet-body`,
},
E = {
class: `balance-value`,
},
D = {
key: 0,
},
O = {
key: 1,
},
k = Object.assign(
_plugin_vue_export_helper_t(
defineComponent({
__name: `HomeWalletCard`,
setup(d) {
let v = useAuth(),
{ rechargeClosed: k, load: A } = useSiteConfig_t(),
{ enabled: j, load: M } = useWithdrawAvailability_t(),
N = ref(!1),
P = ref(!1);
onMounted(() => {
(A().catch(() => {}), M());
});
async function F() {
await v.refreshOverview().catch(() => {});
}
return (t, i) => {
let d = NuxtLink,
h = skeleton,
g = button,
S = RechargeDialog,
A = WithdrawDialog;
return (
openBlock(),
createElementBlock(`div`, C, [
createElementVNode(`div`, w, [
(i[5] ||= createElementVNode(
`div`,
{
class: `home-card-title`,
},
`钱包`,
-1,
)),
createVNode(
d,
{
to: `/finance`,
class: `home-card-more`,
"aria-label": `钱包明细`,
},
{
default: withCtx(() => [
...(i[4] ||= [
createElementVNode(
`i`,
{
class: `pi pi-angle-right`,
},
null,
-1,
),
]),
]),
_: 1,
},
),
]),
createElementVNode(`div`, T, [
(i[6] ||= createElementVNode(
`div`,
{
class: `balance-label`,
},
`可用余额`,
-1,
)),
createElementVNode(`div`, E, [
unref(v).overview
? (openBlock(),
createElementBlock(
`span`,
O,
`¥` + toDisplayString(unref(v).overview.credit),
1,
))
: (openBlock(),
createElementBlock(`span`, D, [
createVNode(h, {
width: `90px`,
height: `28px`,
}),
])),
]),
createElementVNode(
`div`,
{
class: normalizeClass([
`wallet-actions`,
{
"wallet-actions-single": !unref(j),
},
]),
},
[
unref(j)
? (openBlock(),
createBlock(g, {
key: 0,
label: `提现`,
severity: `secondary`,
outlined: ``,
onClick: (i[0] ||= (e) => (P.value = !0)),
}))
: createCommentVNode(``, !0),
createVNode(
g,
{
label: `充值`,
icon: `pi pi-plus`,
disabled: unref(k),
title: unref(k) ? `站点已关闭充值` : void 0,
onClick: (i[1] ||= (e) => (N.value = !0)),
},
null,
8,
[`disabled`, `title`],
),
],
2,
),
]),
createVNode(
S,
{
modelValue: unref(N),
"onUpdate:modelValue": (i[2] ||= (e) =>
isRef(N) ? (N.value = e) : null),
onSuccess: F,
},
null,
8,
[`modelValue`],
),
createVNode(
A,
{
modelValue: unref(P),
"onUpdate:modelValue": (i[3] ||= (e) =>
isRef(P) ? (P.value = e) : null),
onSuccess: F,
},
null,
8,
[`modelValue`],
),
])
);
};
},
}),
[[`__scopeId`, `data-v-0dbd1f86`]],
),
{
__name: `HomeWalletCard`,
},
);
export {};
export default k;
</script>