consumerm模块完成度90%，完善消费者和商家端数据库表，商品、聊天、订单数据对接好了supabase，和商家端对接了聊天功能，安卓端编译通过了css样式，剩余几个页面在处理函数规范问题

pages/mall/consumer/bank-cards/add.uvue

@@ -25,7 +25,7 @@
     </view>
     
     <view class="action-section">
-      <button class="submit-btn" :disabled="loading" @click="submit">确认添加</button>
+      <button class="submit-btn" :class="{ disabled: loading }" :disabled="loading" @click="submit">确认添加</button>
     </view>
   </view>
 </template>
@@ -34,6 +34,14 @@
 import { ref, reactive } from 'vue'
 import { supabaseService } from '@/utils/supabaseService.uts'
 
+type BankCardForm = {
+    holder_name: string
+    card_no: string
+    bank_name: string
+    phone: string
+    is_default: boolean
+}
+
 const loading = ref(false)
 const form = reactive({
   holder_name: '',
@@ -41,7 +49,7 @@ const form = reactive({
   bank_name: '',
   phone: '',
   is_default: false
-})
+} as BankCardForm)
 
 const onSwitchChange = (e: UniSwitchChangeEvent) => {
   form.is_default = e.detail.value
@@ -60,7 +68,7 @@ const detectBank = (e: any) => {
 }
 
 const submit = async () => {
-    if (!form.holder_name || !form.card_no || !form.bank_name) {
+    if (form.holder_name == '' || form.card_no == '' || form.bank_name == '') {
         uni.showToast({ title: '请完善卡片信息', icon: 'none' })
         return
     }
@@ -71,6 +79,7 @@ const submit = async () => {
         const cardData = new UTSJSONObject()
         cardData.set('holder_name', form.holder_name)
         cardData.set('bank_name', form.bank_name)
+        cardData.set('card_no', form.card_no) // Also save full card no if needed, or just last4
         // 截取后4位
         const last4 = form.card_no.length > 4 ? form.card_no.slice(-4) : form.card_no
         cardData.set('card_no_last4', last4)
@@ -100,8 +109,7 @@ const submit = async () => {
 <style>
 .add-card-page {
   background-color: #f5f5f5;
-  min-height: 100vh;
-  padding-top: 20px;
+    flex: 1;
 }
 
 .form-container {
@@ -146,7 +154,7 @@ const submit = async () => {
   font-size: 16px;
 }
 
-.submit-btn[disabled] {
+.submit-btn.disabled {
     opacity: 0.6;
 }
 </style>