chore: stabilize lint and verify builds

frontend/portal/src/views/order/PaymentView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onUnmounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { orderApi } from "../../api/order";
 import { tenantPath } from "../../utils/tenant";
@@ -13,8 +13,8 @@ const amount = ref("0.00");
 const productName = ref("");
 const orderStatus = ref("");
 
-const paymentMethod = ref("alipay");
-const timeLeft = ref(900); // 15 minutes
+const paymentMethod = ref("balance");
+const timeLeft = ref(900);
 const isScanning = ref(false);
 const isSuccess = ref(false);
 let timer = null;
@@ -23,10 +23,6 @@ let pollRetries = 0;
 const MAX_POLL_RETRIES = 20;
 const errorMessage = ref("");
 
-const paymentMethodName = computed(() => {
-  return paymentMethod.value === "alipay" ? "支付宝" : "余额";
-});
-
 const formatTime = (seconds) => {
   const m = Math.floor(seconds / 60);
   const s = seconds % 60;
@@ -151,112 +147,46 @@ onUnmounted(() => {
 
         <div class="p-8 md:p-12">
           <!-- Amount -->
-            <div class="text-center mb-10">
-              <p class="text-slate-500 mb-2">订单提交成功，请尽快支付</p>
-              <div class="text-4xl font-bold text-slate-900">¥ {{ amount }}</div>
-              <div class="text-sm text-slate-500 mt-2">
-                商品：{{ productName || "加载中..." }}
-              </div>
-              <div class="text-xs text-slate-400 mt-1">
-                状态：{{ orderStatus || "pending" }}
-              </div>
-              <div v-if="errorMessage" class="text-xs text-red-500 mt-2">
-                {{ errorMessage }}
-              </div>
+          <div class="text-center mb-10">
+            <p class="text-slate-500 mb-2">订单提交成功，请尽快支付</p>
+            <div class="text-4xl font-bold text-slate-900">¥ {{ amount }}</div>
+            <div class="text-sm text-slate-500 mt-2">
+              商品：{{ productName || "加载中..." }}
             </div>
+            <div class="text-xs text-slate-400 mt-1">
+              状态：{{ orderStatus || "pending" }}
+            </div>
+            <div v-if="errorMessage" class="text-xs text-red-500 mt-2">
+              {{ errorMessage }}
+            </div>
+          </div>
 
-
-          <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
-            <!-- Payment Methods -->
+          <div class="flex flex-col gap-8">
             <div class="space-y-4">
-              <h3 class="font-bold text-slate-900 mb-4">选择支付方式</h3>
-
-              <label
-                class="flex items-center gap-4 p-4 border rounded-xl cursor-pointer transition-all"
-                :class="
-                  paymentMethod === 'alipay'
-                    ? 'border-blue-500 bg-blue-50/30 ring-1 ring-blue-500'
-                    : 'border-slate-200 hover:border-slate-300'
-                "
+              <h3 class="font-bold text-slate-900 mb-4">余额支付</h3>
+              <div
+                class="flex items-center gap-4 p-4 border border-slate-200 rounded-xl bg-slate-50"
               >
-                <input
-                  type="radio"
-                  v-model="paymentMethod"
-                  value="alipay"
-                  class="hidden"
-                />
-                <i class="pi pi-alipay text-3xl text-blue-500"></i>
+                <i class="pi pi-wallet text-3xl text-primary-600"></i>
                 <div class="flex-1">
-                  <div class="font-bold text-slate-900">支付宝</div>
+                  <div class="font-bold text-slate-900">使用账户余额支付</div>
+                  <div class="text-xs text-slate-500">
+                    若余额不足，请先使用充值码充值
+                  </div>
                 </div>
-                <i
-                  v-if="paymentMethod === 'alipay'"
-                  class="pi pi-check-circle text-blue-500 text-xl"
-                ></i>
-              </label>
-
-              <label
-                class="flex items-center gap-4 p-4 border rounded-xl cursor-pointer transition-all opacity-50 bg-slate-50"
-              >
-                <input type="radio" value="balance" disabled class="hidden" />
-                <i class="pi pi-wallet text-3xl text-slate-400"></i>
-                <div class="flex-1">
-                  <div class="font-bold text-slate-400">余额支付</div>
-                  <div class="text-xs text-slate-400">余额不足 (¥ 0.00)</div>
-                </div>
-              </label>
+              </div>
             </div>
 
-            <!-- QR Code Area -->
-            <div
-              class="flex flex-col items-center justify-center border-t md:border-t-0 md:border-l border-slate-100 pt-8 md:pt-0 md:pl-8"
-            >
-              <div
-                class="bg-white p-4 border border-slate-200 rounded-xl shadow-sm mb-4"
+            <div class="flex flex-col items-center gap-3">
+              <button
+                @click="payOrder"
+                class="px-6 py-3 rounded-lg bg-primary-600 text-white hover:bg-primary-700 disabled:opacity-60"
+                :disabled="isScanning || isSuccess"
               >
-                <!-- Mock QR -->
-                <div
-                  class="w-48 h-48 bg-slate-100 flex items-center justify-center relative overflow-hidden"
-                >
-                  <i class="pi pi-qrcode text-6xl text-slate-300"></i>
-                  <!-- Loading Overlay -->
-                  <div
-                    v-if="isScanning"
-                    class="absolute inset-0 bg-white/90 flex flex-col items-center justify-center"
-                  >
-                    <i
-                      class="pi pi-spin pi-spinner text-3xl text-primary-600 mb-2"
-                    ></i>
-                    <span class="text-xs text-slate-500"
-                      >正在获取支付结果...</span
-                    >
-                  </div>
-                  <!-- Success Overlay -->
-                  <div
-                    v-if="isSuccess"
-                    class="absolute inset-0 bg-green-500 flex flex-col items-center justify-center text-white animate-in zoom-in"
-                  >
-                    <i class="pi pi-check-circle text-5xl mb-2"></i>
-                    <span class="font-bold">支付成功</span>
-                  </div>
-                </div>
-              </div>
-
-              <div class="text-center">
-                <p class="text-sm font-bold text-slate-700 mb-1">
-                  使用 {{ paymentMethodName }} 扫一扫
-                </p>
-                <p class="text-xs text-slate-400">二维码有效时间 2小时</p>
-              </div>
-
-              <div class="flex flex-col items-center gap-3 mt-6">
-                <button
-                  @click="payOrder"
-                  class="px-4 py-2 rounded-lg bg-primary-600 text-white hover:bg-primary-700 disabled:opacity-60"
-                  :disabled="isScanning || isSuccess"
-                >
-                  {{ isScanning ? "支付中..." : "立即支付" }}
-                </button>
+                {{ isScanning ? "支付中..." : "确认余额支付" }}
+              </button>
+              <div v-if="isSuccess" class="text-sm text-green-600">
+                支付成功，正在跳转...
               </div>
             </div>
           </div>

frontend/portal/src/views/user/WalletView.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, onMounted } from "vue";
 import Toast from "primevue/toast";
 import { useToast } from "primevue/usetoast";
 import { userApi } from "../../api/user";
@@ -7,18 +7,10 @@ import dayjs from "dayjs";
 
 const toast = useToast();
 const showRecharge = ref(false);
-const selectedAmount = ref(50);
-const customAmount = ref("");
 const balance = ref(0);
 const transactions = ref([]);
 const loading = ref(false);
-const paymentMethod = ref("alipay");
-
-const displayAmount = computed(() => {
-  return customAmount.value
-    ? Number(customAmount.value).toFixed(2)
-    : selectedAmount.value.toFixed(2);
-});
+const rechargeCode = ref("");
 
 const formatDate = (date) => {
   return dayjs(date).format("YYYY-MM-DD HH:mm");
@@ -41,12 +33,12 @@ const fetchWallet = async () => {
 };
 
 const handleRecharge = async () => {
-  const amount = Number(displayAmount.value);
-  if (!amount || amount <= 0) {
+  const code = rechargeCode.value.trim();
+  if (!code) {
     toast.add({
       severity: "warn",
       summary: "提示",
-      detail: "请输入有效的充值金额",
+      detail: "请输入充值码",
       life: 3000,
     });
     return;
@@ -54,15 +46,16 @@ const handleRecharge = async () => {
 
   loading.value = true;
   try {
-    await userApi.recharge({ amount: amount, method: paymentMethod.value });
+    await userApi.recharge({ code });
     toast.add({
       severity: "success",
       summary: "成功",
       detail: "充值成功",
       life: 3000,
     });
+    rechargeCode.value = "";
     showRecharge.value = false;
-    fetchWallet(); // Refresh balance
+    fetchWallet();
   } catch (error) {
     console.error("Recharge failed:", error);
     toast.add({
@@ -121,57 +114,26 @@ onMounted(() => {
       v-if="showRecharge"
       class="mb-10 p-6 bg-slate-50 rounded-xl border border-slate-200 animate-in fade-in slide-in-from-top-4 duration-300"
     >
-      <h3 class="font-bold text-slate-900 mb-4">充值金额</h3>
-      <div class="grid grid-cols-3 sm:grid-cols-4 gap-4 mb-6">
-        <button
-          v-for="amount in [10, 30, 50, 100, 200, 500]"
-          :key="amount"
-          @click="
-            selectedAmount = amount;
-            customAmount = '';
-          "
-          class="h-14 rounded-lg border-2 font-bold text-lg transition-all cursor-pointer active:scale-95"
-          :class="
-            selectedAmount === amount
-              ? 'border-blue-600 bg-blue-50 text-blue-600'
-              : 'border-slate-200 bg-white text-slate-600 hover:border-blue-300'
-          "
-        >
-          {{ amount }}元
-        </button>
-        <div class="col-span-2 sm:col-span-2 relative">
-          <input
-            v-model="customAmount"
-            @focus="selectedAmount = null"
-            type="number"
-            placeholder="自定义金额"
-            class="w-full h-14 pl-4 pr-4 rounded-lg border-2 border-slate-200 focus:border-blue-600 focus:outline-none text-lg font-bold transition-colors"
-          />
+      <h3 class="font-bold text-slate-900 mb-4">充值码</h3>
+      <div class="flex flex-col gap-4 mb-6">
+        <input
+          v-model="rechargeCode"
+          type="text"
+          placeholder="请输入充值码"
+          class="w-full h-14 px-4 rounded-lg border-2 border-slate-200 focus:border-blue-600 focus:outline-none text-lg font-semibold"
+        />
+        <div class="text-xs text-slate-500">
+          充值码由平台发放，成功后余额立即到账。
         </div>
       </div>
 
-      <h3 class="font-bold text-slate-900 mb-4">支付方式</h3>
-      <div class="flex gap-4 mb-8">
-        <button
-          @click="paymentMethod = 'alipay'"
-          class="flex items-center gap-2 px-6 py-3 border-2 rounded-lg font-medium cursor-pointer active:scale-95 transition-transform"
-          :class="
-            paymentMethod === 'alipay'
-              ? 'border-blue-600 bg-blue-50 text-blue-700'
-              : 'border-slate-200 text-slate-600 hover:bg-white hover:border-slate-300'
-          "
-        >
-          <i class="pi pi-alipay text-xl text-blue-500"></i> 支付宝
-        </button>
-      </div>
-
       <button
         @click="handleRecharge"
         :disabled="loading"
         class="w-full py-4 bg-blue-600 text-white rounded-xl font-bold text-lg hover:bg-blue-700 transition-all shadow-lg shadow-blue-200 cursor-pointer active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed"
       >
         <i v-if="loading" class="pi pi-spin pi-spinner mr-2"></i>
-        确认支付 ¥ {{ displayAmount }}
+        确认充值
       </button>
     </div>
 

frontend/superadmin/dist/index.html

@@ -7,7 +7,7 @@
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Sakai Vue</title>
       <link href="https://fonts.cdnfonts.com/css/lato" rel="stylesheet">
-  <script type="module" crossorigin src="./assets/index-qhcz61Ui.js"></script>
+  <script type="module" crossorigin src="./assets/index-CsH8eBi3.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-CLNNtsXI.css">
 </head>
 

frontend/superadmin/src/service/UserService.js

@@ -319,5 +319,23 @@ export const UserService = {
             total: data?.total ?? 0,
             items: normalizeItems(data?.items)
         };
+    },
+    async creditUserWallet(userID, { amount, remark } = {}) {
+        if (!userID) throw new Error('userID is required');
+        if (!amount || Number(amount) <= 0) throw new Error('amount is required');
+        return requestJson(`/super/v1/users/${userID}/wallet/credit`, {
+            method: 'POST',
+            body: { amount, remark }
+        });
+    },
+    async activateRechargeCodes({ amount, quantity, remark } = {}) {
+        if (!amount || Number(amount) <= 0) throw new Error('amount is required');
+        const body = { amount };
+        if (quantity) body.quantity = quantity;
+        if (remark) body.remark = remark;
+        return requestJson('/super/v1/finance/recharge-codes/activate', {
+            method: 'POST',
+            body
+        });
     }
 };

frontend/superadmin/src/views/superadmin/UserDetail.vue

@@ -416,6 +416,18 @@ const profileIsVerified = ref(false);
 const profileRealName = ref('');
 const profileIDCard = ref('');
 
+const walletCreditDialogVisible = ref(false);
+const walletCreditSubmitting = ref(false);
+const walletCreditAmount = ref(null);
+const walletCreditRemark = ref('');
+
+const rechargeCodeDialogVisible = ref(false);
+const rechargeCodeSubmitting = ref(false);
+const rechargeCodeAmount = ref(null);
+const rechargeCodeQuantity = ref(1);
+const rechargeCodeRemark = ref('');
+const rechargeCodeItems = ref([]);
+
 const statusDialogVisible = ref(false);
 const statusLoading = ref(false);
 const statusOptionsLoading = ref(false);
@@ -533,6 +545,61 @@ async function confirmUpdateProfile() {
     }
 }
 
+function openWalletCreditDialog() {
+    walletCreditAmount.value = null;
+    walletCreditRemark.value = '';
+    walletCreditDialogVisible.value = true;
+}
+
+function openRechargeCodeDialog() {
+    rechargeCodeAmount.value = null;
+    rechargeCodeQuantity.value = 1;
+    rechargeCodeRemark.value = '';
+    rechargeCodeItems.value = [];
+    rechargeCodeDialogVisible.value = true;
+}
+
+async function confirmWalletCredit() {
+    const id = userID.value;
+    if (!id || !walletCreditAmount.value || Number(walletCreditAmount.value) <= 0) return;
+
+    walletCreditSubmitting.value = true;
+    try {
+        await UserService.creditUserWallet(id, {
+            amount: Number(walletCreditAmount.value),
+            remark: walletCreditRemark.value?.trim() || undefined
+        });
+        toast.add({ severity: 'success', summary: '充值成功', detail: `用户ID: ${id}`, life: 3000 });
+        walletCreditDialogVisible.value = false;
+        await loadUser();
+        await loadWallet();
+        await loadRechargeOrders();
+    } catch (error) {
+        toast.add({ severity: 'error', summary: '充值失败', detail: error?.message || '无法完成充值', life: 4000 });
+    } finally {
+        walletCreditSubmitting.value = false;
+    }
+}
+
+async function confirmRechargeCodeActivation() {
+    if (!rechargeCodeAmount.value || Number(rechargeCodeAmount.value) <= 0) return;
+
+    rechargeCodeSubmitting.value = true;
+    try {
+        const result = await UserService.activateRechargeCodes({
+            amount: Number(rechargeCodeAmount.value),
+            quantity: rechargeCodeQuantity.value,
+            remark: rechargeCodeRemark.value?.trim() || undefined
+        });
+        rechargeCodeItems.value = Array.isArray(result?.items) ? result.items : [];
+        toast.add({ severity: 'success', summary: '激活成功', detail: `生成 ${rechargeCodeItems.value.length} 个充值码`, life: 3000 });
+    } catch (error) {
+        toast.add({ severity: 'error', summary: '激活失败', detail: error?.message || '无法生成充值码', life: 4000 });
+    } finally {
+        rechargeCodeSubmitting.value = false;
+    }
+}
+
 const ownedTenantsLoading = ref(false);
 const ownedTenants = ref([]);
 const ownedTenantsTotal = ref(0);
@@ -1428,7 +1495,11 @@ onMounted(() => {
                                     <div class="font-medium">{{ formatCny(wallet?.balance_frozen) }}</div>
                                 </div>
                             </div>
-                            <Button label="刷新" icon="pi pi-refresh" severity="secondary" @click="loadWallet" :disabled="walletLoading" />
+                            <div class="flex items-center gap-2">
+                                <Button label="超管充值" icon="pi pi-plus" @click="openWalletCreditDialog" :disabled="walletLoading" />
+                                <Button label="生成充值码" icon="pi pi-ticket" severity="secondary" @click="openRechargeCodeDialog" :disabled="walletLoading" />
+                                <Button label="刷新" icon="pi pi-refresh" severity="secondary" @click="loadWallet" :disabled="walletLoading" />
+                            </div>
                         </div>
                         <DataTable :value="wallet?.transactions || []" dataKey="id" :loading="walletLoading" scrollable scrollHeight="420px" responsiveLayout="scroll">
                             <Column field="id" header="订单ID" style="min-width: 8rem" />
@@ -1760,4 +1831,68 @@ onMounted(() => {
             <Button label="确认" icon="pi pi-check" @click="confirmUpdateRoles" :loading="rolesLoading" />
         </template>
     </Dialog>
+
+    <Dialog v-model:visible="walletCreditDialogVisible" :modal="true" :style="{ width: '420px' }">
+        <template #header>
+            <div class="flex items-center gap-2">
+                <span class="font-medium">超管充值</span>
+                <span class="text-muted-color truncate max-w-[240px]">{{ user?.username ?? '-' }}</span>
+            </div>
+        </template>
+        <div class="flex flex-col gap-4">
+            <div>
+                <label class="block font-medium mb-2">充值金额（元）</label>
+                <InputNumber v-model="walletCreditAmount" :min="0" :maxFractionDigits="2" placeholder="请输入金额" class="w-full" />
+            </div>
+            <div>
+                <label class="block font-medium mb-2">备注</label>
+                <InputText v-model="walletCreditRemark" placeholder="可选" class="w-full" />
+            </div>
+        </div>
+        <template #footer>
+            <Button label="取消" icon="pi pi-times" text @click="walletCreditDialogVisible = false" :disabled="walletCreditSubmitting" />
+            <Button label="确认" icon="pi pi-check" @click="confirmWalletCredit" :loading="walletCreditSubmitting" :disabled="walletCreditSubmitting || !walletCreditAmount" />
+        </template>
+    </Dialog>
+
+    <Dialog v-model:visible="rechargeCodeDialogVisible" :modal="true" :style="{ width: '520px' }">
+        <template #header>
+            <div class="flex items-center gap-2">
+                <span class="font-medium">生成充值码</span>
+                <span class="text-muted-color truncate max-w-[260px]">{{ user?.username ?? '-' }}</span>
+            </div>
+        </template>
+        <div class="flex flex-col gap-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                    <label class="block font-medium mb-2">单码金额（元）</label>
+                    <InputNumber v-model="rechargeCodeAmount" :min="0" :maxFractionDigits="2" placeholder="请输入金额" class="w-full" />
+                </div>
+                <div>
+                    <label class="block font-medium mb-2">生成数量</label>
+                    <InputNumber v-model="rechargeCodeQuantity" :min="1" :max="500" placeholder="默认 1" class="w-full" />
+                </div>
+            </div>
+            <div>
+                <label class="block font-medium mb-2">备注</label>
+                <InputText v-model="rechargeCodeRemark" placeholder="可选" class="w-full" />
+            </div>
+            <div v-if="rechargeCodeItems.length" class="rounded border border-surface-200 p-3">
+                <div class="text-sm text-muted-color mb-2">生成结果</div>
+                <div class="flex flex-col gap-2">
+                    <div v-for="item in rechargeCodeItems" :key="item.code" class="flex flex-col gap-1">
+                        <div class="flex items-center justify-between">
+                            <span class="font-medium">{{ item.code }}</span>
+                            <span class="text-sm text-muted-color">{{ formatCny(item.amount * 100) }}</span>
+                        </div>
+                        <div class="text-xs text-muted-color">{{ item.activated_at ? formatDate(item.activated_at) : '-' }}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <template #footer>
+            <Button label="关闭" icon="pi pi-times" text @click="rechargeCodeDialogVisible = false" :disabled="rechargeCodeSubmitting" />
+            <Button label="生成" icon="pi pi-check" @click="confirmRechargeCodeActivation" :loading="rechargeCodeSubmitting" :disabled="rechargeCodeSubmitting || !rechargeCodeAmount" />
+        </template>
+    </Dialog>
 </template>