From 5895cc6b16072ab61cd64487ba5fb504fdbb0ad9 Mon Sep 17 00:00:00 2001
From: Leo_Ding <2405260743@qq.com>
Date: Wed, 14 Jan 2026 11:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8E=A7=E5=88=B6=E5=8F=B0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/account/bankCard/index.vue    |   5 +-
 .../admin/account/cost/balance/index.vue      |  10 +-
 .../admin/account/cost/invoice/index.vue      | 198 +++++++++---------
 .../admin/account/cost/myMoney/index.vue      |  13 +-
 .../admin/account/cost/myOrder/index.vue      |   2 +
 src/views/admin/account/msgCenter/index.vue   | 173 +++++++--------
 .../admin/account/myCertificate/index.vue     |  40 ++--
 src/views/admin/account/myInvite/index.vue    |  75 ++++---
 .../admin/account/realnameAuth/index.vue      |   4 +-
 src/views/admin/image/index.vue               |   4 +-
 src/views/admin/instance/index.vue            |   6 +-
 11 files changed, 260 insertions(+), 270 deletions(-)

diff --git a/src/views/admin/account/bankCard/index.vue b/src/views/admin/account/bankCard/index.vue
index 5c4ef20..b943e58 100644
--- a/src/views/admin/account/bankCard/index.vue
+++ b/src/views/admin/account/bankCard/index.vue
@@ -607,11 +607,12 @@ const showUnbindAgreement = () => {
 <style scoped>
 .bank-card-container {
     max-width: 100%;
-    margin: 0 auto;
+    margin: 20px;
     padding: 32px;
     background-color: #fff;
     border-radius: 12px;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+    border: 1px solid #f0f0f0;
+    /* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); */
     min-height: 400px;
 }
 
diff --git a/src/views/admin/account/cost/balance/index.vue b/src/views/admin/account/cost/balance/index.vue
index f6a6b3c..0948bf9 100644
--- a/src/views/admin/account/cost/balance/index.vue
+++ b/src/views/admin/account/cost/balance/index.vue
@@ -17,7 +17,7 @@
       <!-- 余额和充值部分 -->
       <div class="balance-section">
         <!-- 余额卡片（带充值方式） -->
-        <a-card class="balance-card" :bordered="false">
+        <a-card >
           <div class="balance-header">
             <div class="balance-info">
               <div class="balance-amount">
@@ -87,7 +87,7 @@
       </div>
 
       <!-- 充值记录 -->
-      <a-card class="records-card" title="充值记录">
+      <a-card  title="充值记录">
         <!-- 筛选条件 -->
         <div class="filter-section">
           <a-range-picker v-model:value="dateRange" format="YYYY-MM-DD" placeholder="开始时间 - 结束时间"
@@ -407,9 +407,9 @@ onMounted(() => {
 
 <style scoped>
 .recharge-page {
-  padding: 24px;
-  background-color: #fafafa;
-  min-height: 100vh;
+  padding: 20px;
+  background-color: #ffffff;
+  /* min-height: 100vh; */
 }
 
 .breadcrumb {
diff --git a/src/views/admin/account/cost/invoice/index.vue b/src/views/admin/account/cost/invoice/index.vue
index d485056..70efc05 100644
--- a/src/views/admin/account/cost/invoice/index.vue
+++ b/src/views/admin/account/cost/invoice/index.vue
@@ -1,87 +1,87 @@
 <template>
-    <a-row :gutter="[18, 18]">
-    
-        <a-col :span="24">
-            <a-card title="开票记录">
-                <a-table :dataSource="listData" :columns="columns" bordered :pagination="paginationState"
-                    @change="onTableChange" />
+    <div style="margin: 20px;">
+        <a-row :gutter="[18, 18]">
+            <a-col :span="24">
+                <a-card title="开票记录">
+                    <a-table :dataSource="listData" :columns="columns" bordered :pagination="paginationState"
+                        @change="onTableChange" />
+                </a-card>
+            </a-col>
+        </a-row>
+        <a-modal v-model:open="visibleOpen" title="发票信息" @ok="handleOk" style="width: 800px;">
+            <a-card>
+                <a-form ref="formRef" :model="formData" labelAlign="left" :rules="rules">
+                    <a-row :gutter="24">
+                        <a-col :span="12">
+                            <a-form-item label="发票抬头" name="title">
+                                <a-input v-model:value="formData.title" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="发票类型" name="type">
+                                <a-radio-group v-model:value="formData.type" button-style="solid">
+                                    <a-radio-button value="a">增值税发票</a-radio-button>
+                                    <a-radio-button value="b">增值税专用发票</a-radio-button>
+                                </a-radio-group>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="纳税人识别号" name="number">
+                                <a-input v-model:value="formData.number" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="开户银行名称" name="bankName">
+                                <a-input v-model:value="formData.bankName" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="基本开户账号" name="bankNumber">
+                                <a-input v-model:value="formData.bankNumber" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="注册场所地址" name="address">
+                                <a-input v-model:value="formData.address" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="注册固定电话" name="phone">
+                                <a-input v-model:value="formData.phone" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="收件人姓名" name="recipientName">
+                                <a-input v-model:value="formData.recipientName" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="收件人手机号" name="recipientPhone">
+                                <a-input v-model:value="formData.recipientPhone" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="收件人地址" name="recipientAddress">
+                                <a-input v-model:value="formData.recipientAddress" />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item label="邮箱地址" name="emailAddress">
+                                <a-input v-model:value="formData.emailAddress" />
+                            </a-form-item>
+                        </a-col>
+                    </a-row>
+                </a-form>
             </a-card>
-        </a-col>
-    </a-row>
-    <a-modal v-model:open="visibleOpen" title="发票信息" @ok="handleOk" style="width: 800px;">
-        <a-card>
-            <a-form ref="formRef" :model="formData" labelAlign="left" :rules="rules">
-                <a-row :gutter="24">
-                    <a-col :span="12">
-                        <a-form-item label="发票抬头" name="title">
-                            <a-input v-model:value="formData.title" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="发票类型" name="type">
-                            <a-radio-group v-model:value="formData.type" button-style="solid">
-                                <a-radio-button value="a">增值税发票</a-radio-button>
-                                <a-radio-button value="b">增值税专用发票</a-radio-button>
-                            </a-radio-group>
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="纳税人识别号" name="number">
-                            <a-input v-model:value="formData.number" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="开户银行名称" name="bankName">
-                            <a-input v-model:value="formData.bankName" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="基本开户账号" name="bankNumber">
-                            <a-input v-model:value="formData.bankNumber" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="注册场所地址" name="address">
-                            <a-input v-model:value="formData.address" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="注册固定电话" name="phone">
-                            <a-input v-model:value="formData.phone" />
-                        </a-form-item>
-                    </a-col>
-                          <a-col :span="12">
-                        <a-form-item label="收件人姓名" name="recipientName">
-                            <a-input v-model:value="formData.recipientName" />
-                        </a-form-item>
-                    </a-col>
-                     <a-col :span="12">
-                        <a-form-item label="收件人手机号" name="recipientPhone">
-                            <a-input v-model:value="formData.recipientPhone" />
-                        </a-form-item>
-                    </a-col>
-                    <a-col :span="12">
-                        <a-form-item label="收件人地址" name="recipientAddress">
-                            <a-input v-model:value="formData.recipientAddress" />
-                        </a-form-item>
-                    </a-col>
-                      <a-col :span="12">
-                        <a-form-item label="邮箱地址" name="emailAddress">
-                            <a-input v-model:value="formData.emailAddress" />
-                        </a-form-item>
-                    </a-col>
-                </a-row>
-            </a-form>
-        </a-card>
-    </a-modal>
-
+        </a-modal>
+    </div>
 </template>
 <script lang="ts" setup>
 import { ref, onBeforeMount, computed } from 'vue'
 import { usePagination } from '@/hooks'
-import { 
-   invoiceList,
-   invoiceDetail
+import {
+    invoiceList,
+    invoiceDetail
 } from '@/apis/admin'
 
 // const listData=ref([ {title:1}])
@@ -94,8 +94,8 @@ import {
 // })
 const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
 const visibleOpen = ref(false)
-const formData = ref({ type: 'a' })
-const formRef=ref(null)
+const formData = ref<any>({ type: 'a' })
+const formRef = ref(null)
 const rules = computed(() => ({
     title: [{ required: true, message: '请输入发票标题', trigger: 'blur' }],
     type: [{ required: true, message: '请选择发票类型', trigger: 'change' }],
@@ -155,24 +155,24 @@ onBeforeMount(() => {
 })
 
 const getPageList = async () => {
-  try {
-    const params = {
-      page_num: 1,
-      page_size: 10, // 获取足够多的数据来统计
-    };
+    try {
+        const params = {
+            page_num: 1,
+            page_size: 10, // 获取足够多的数据来统计
+        };
 
-    const response: any = await invoiceList(params);
-    
-    if (response.data && Array.isArray(response.data)) {
-        listData.value = response.data
-      console.log('发票列表:', response.data);
+        const response: any = await invoiceList(params);
+
+        if (response.data && Array.isArray(response.data)) {
+            listData.value = response.data
+            console.log('发票列表:', response.data);
+        }
+
+
+    } catch (error) {
+        console.error('获取全部消息失败:', error);
+        listData.value = [];
     }
-    
-    
-  } catch (error) {
-    console.error('获取全部消息失败:', error);
-    listData.value = [];
-  }
 };
 /**
  * 分页
@@ -200,11 +200,11 @@ function handleResetSearch() {
 function handleOk() {
     visibleOpen.value = false
 
-    formRef.value.validateFields().then(async(values)=>{
+    formRef.value.validateFields().then(async (values) => {
         try {
-            
+
         } catch (error) {
-            
+
         }
     })
 }
diff --git a/src/views/admin/account/cost/myMoney/index.vue b/src/views/admin/account/cost/myMoney/index.vue
index cf8706b..d9d74d1 100644
--- a/src/views/admin/account/cost/myMoney/index.vue
+++ b/src/views/admin/account/cost/myMoney/index.vue
@@ -4,7 +4,7 @@
         <a-row :gutter="24" class="asset-cards">
             <!-- 左侧：可用余额卡片 -->
             <a-col :span="8">
-                <a-card :bordered="false" class="card balance-card" title="可用余额">
+                <a-card  class="card balance-card" title="可用余额">
                     <template #extra><a-button type="link" size="small" class="fee-titleb"
                             @click="goToBills">查看消费明细</a-button></template>
                     <div class="money">¥ {{ formatAmount(userInfo.balance || 0) }}</div>
@@ -18,7 +18,7 @@
             <!-- 右侧：算力点和算力券卡片 -->
             <a-col :span="16">
                 <!-- 算力点卡片 -->
-                <a-card title="算力点" :bordered="false" class="card computing-card">
+                <a-card title="算力点"  class="card computing-card">
                     <div class="computing-content">
                         <div class="computing-amount">
                             <span class="amount-value">{{ '¥' + formatAmount(userInfo.computingPowerPoint || 0)
@@ -32,7 +32,7 @@
                 </a-card>
 
                 <!-- 算力券卡片 -->
-                <a-card title="算力券" :bordered="false" class="card coupon-card">
+                <a-card title="算力券"  class="card coupon-card">
                     <div class="coupon-content">
                         <div class="coupon-amount">
                             <span class="amount-value">{{ userInfo.voucherNum }}</span>
@@ -263,9 +263,8 @@ const handleOk = async () => {
 
 <style lang="scss" scoped>
 .home-page {
-    padding: 24px;
-    background: #f0f2f5;
-    min-height: 100vh;
+    padding: 20px;
+    background: #ffffff;
 }
 
 .asset-cards {
@@ -280,7 +279,7 @@ const handleOk = async () => {
 
 .card {
     border-radius: 8px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+  
     background: #fff;
     border: 1px solid #e8e8e8;
     height: 100%;
diff --git a/src/views/admin/account/cost/myOrder/index.vue b/src/views/admin/account/cost/myOrder/index.vue
index 5082932..9e701b0 100644
--- a/src/views/admin/account/cost/myOrder/index.vue
+++ b/src/views/admin/account/cost/myOrder/index.vue
@@ -1,4 +1,5 @@
 <template>
+    <div style="margin: 20px;">
     <a-row :gutter="[24, 18]">
         <a-col :span="24">
             <a-card>
@@ -327,6 +328,7 @@
             </a-form-item>
         </a-form>
     </a-modal>
+    </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/admin/account/msgCenter/index.vue b/src/views/admin/account/msgCenter/index.vue
index 86a3636..b5cb12b 100644
--- a/src/views/admin/account/msgCenter/index.vue
+++ b/src/views/admin/account/msgCenter/index.vue
@@ -1,97 +1,72 @@
 <template>
-  <a-card title="我的消息">
-    <a-tabs v-model:activeKey="activeKey">
-      <!-- 使用customRender来渲染带徽章的标签 -->
-      <a-tab-pane key="all">
-        <template #tab>
-          <span class="tab-label">
-            全部
-            <a-badge 
-              v-if="allUnreadCount > 0" 
-              :count="allUnreadCount" 
-              class="tab-badge"
-              :offset="[5, -2]"
-            />
-          </span>
+  <div style="margin: 20px;">
+    <a-card title="我的消息">
+      <a-tabs v-model:activeKey="activeKey">
+        <!-- 使用customRender来渲染带徽章的标签 -->
+        <a-tab-pane key="all">
+          <template #tab>
+            <span class="tab-label">
+              全部
+              <a-badge v-if="allUnreadCount > 0" :count="allUnreadCount" class="tab-badge" :offset="[5, -2]" />
+            </span>
+          </template>
+        </a-tab-pane>
+
+        <a-tab-pane key="money">
+          <template #tab>
+            <span class="tab-label">
+              资金消息
+              <a-badge v-if="moneyUnreadCount > 0" :count="moneyUnreadCount" class="tab-badge" :offset="[5, -2]" />
+            </span>
+          </template>
+        </a-tab-pane>
+
+        <a-tab-pane key="secure">
+          <template #tab>
+            <span class="tab-label">
+              安全消息
+              <a-badge v-if="secureUnreadCount > 0" :count="secureUnreadCount" class="tab-badge" :offset="[5, -2]" />
+            </span>
+          </template>
+        </a-tab-pane>
+
+        <a-tab-pane key="active">
+          <template #tab>
+            <span class="tab-label">
+              活动消息
+              <a-badge v-if="activeUnreadCount > 0" :count="activeUnreadCount" class="tab-badge" :offset="[5, -2]" />
+            </span>
+          </template>
+        </a-tab-pane>
+      </a-tabs>
+
+      <a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
+        :loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
+
+        <!-- 消息类型列自定义渲染 -->
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.dataIndex === 'messageType'">
+            <span :class="{ 'unread-title': !record.is_read }">
+              {{ getMessageTypeText(record.messageType) }}
+            </span>
+          </template>
+
+          <template v-else-if="column.dataIndex === 'title'">
+            <span :class="{ 'unread-title': !record.is_read, 'read-title': record.is_read }">
+              {{ record.title }}
+            </span>
+          </template>
+
+          <template v-else-if="column.dataIndex === 'is_read'">
+            <a-tag :class="record.is_read ? 'status-read' : 'status-unread'">
+              {{ record.is_read ? '已读' : '未读' }}
+            </a-tag>
+          </template>
         </template>
-      </a-tab-pane>
-      
-      <a-tab-pane key="money">
-        <template #tab>
-          <span class="tab-label">
-            资金消息
-            <a-badge 
-              v-if="moneyUnreadCount > 0" 
-              :count="moneyUnreadCount" 
-              class="tab-badge"
-              :offset="[5, -2]"
-            />
-          </span>
-        </template>
-      </a-tab-pane>
-      
-      <a-tab-pane key="secure">
-        <template #tab>
-          <span class="tab-label">
-            安全消息
-            <a-badge 
-              v-if="secureUnreadCount > 0" 
-              :count="secureUnreadCount" 
-              class="tab-badge"
-              :offset="[5, -2]"
-            />
-          </span>
-        </template>
-      </a-tab-pane>
-      
-      <a-tab-pane key="active">
-        <template #tab>
-          <span class="tab-label">
-            活动消息
-            <a-badge 
-              v-if="activeUnreadCount > 0" 
-              :count="activeUnreadCount" 
-              class="tab-badge"
-              :offset="[5, -2]"
-            />
-          </span>
-        </template>
-      </a-tab-pane>
-    </a-tabs>
-    
-    <a-table 
-      :columns="columns"
-      :data-source="billData" 
-      :pagination="pagination" 
-      @change="handleTableChange"
-      :loading="loading" 
-      class="bill-table" 
-      :scroll="{ x: 1200 }"
-      bordered>
-      
-      <!-- 消息类型列自定义渲染 -->
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.dataIndex === 'messageType'">
-          <span :class="{ 'unread-title': !record.is_read }">
-            {{ getMessageTypeText(record.messageType) }}
-          </span>
-        </template>
-        
-        <template v-else-if="column.dataIndex === 'title'">
-          <span :class="{ 'unread-title': !record.is_read, 'read-title': record.is_read }">
-            {{ record.title }}
-          </span>
-        </template>
-        
-        <template v-else-if="column.dataIndex === 'is_read'">
-          <a-tag :class="record.is_read ? 'status-read' : 'status-unread'">
-            {{ record.is_read ? '已读' : '未读' }}
-          </a-tag>
-        </template>
-      </template>
-      
-    </a-table>
-  </a-card>
+
+      </a-table>
+    </a-card>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -140,19 +115,19 @@ const allUnreadCount = computed(() => {
 });
 
 const moneyUnreadCount = computed(() => {
-  return allMessages.value.filter(msg => 
+  return allMessages.value.filter(msg =>
     msg.messageType === 'FinancialMessage' && !msg.is_read
   ).length;
 });
 
 const secureUnreadCount = computed(() => {
-  return allMessages.value.filter(msg => 
+  return allMessages.value.filter(msg =>
     msg.messageType === 'SecurityMessage' && !msg.is_read
   ).length;
 });
 
 const activeUnreadCount = computed(() => {
-  return allMessages.value.filter(msg => 
+  return allMessages.value.filter(msg =>
     msg.messageType === 'ActivityMessage' && !msg.is_read
   ).length;
 });
@@ -212,7 +187,7 @@ const getAllMessages = async () => {
     };
 
     const response: any = await getMessageList(params);
-    
+
     if (response.data && Array.isArray(response.data)) {
       allMessages.value = response.data;
     } else if (response.data?.messages) {
@@ -222,7 +197,7 @@ const getAllMessages = async () => {
     } else {
       allMessages.value = [];
     }
-    
+
     console.log('全部消息统计:', {
       total: allMessages.value.length,
       allUnread: allUnreadCount.value,
@@ -262,13 +237,13 @@ const getDataList = async () => {
       billData.value = [];
       pagination.value.total = 0;
     }
-    
+
     console.log('当前标签页消息:', {
       type: messageType.value,
       count: billData.value.length,
       data: billData.value
     });
-    
+
   } catch (error) {
     console.error('获取消息列表失败:', error);
     billData.value = [];
diff --git a/src/views/admin/account/myCertificate/index.vue b/src/views/admin/account/myCertificate/index.vue
index 7d8da4d..6650904 100644
--- a/src/views/admin/account/myCertificate/index.vue
+++ b/src/views/admin/account/myCertificate/index.vue
@@ -1,24 +1,26 @@
 <template>
-  <a-card title="算力券管理">
-    <div style="width: 300px;border: 1px solid #e8e8e8;line-height: 45px;border-radius: 5px;">
-      <div
-        style="background: linear-gradient(90deg, rgba(240, 245, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);height: 45px;line-height: 45px;padding: 0 10px;">
-        可用算力券</div>
-      <div style="font-size:18px;font-weight: bold;padding: 0 10px;">￥{{ couponTotal }}</div>
-    </div>
-    <!-- 账单表格 -->
-    <div style="margin-top: 20px;">
-      <a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
-        :loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
-        <template #bodyCell="{ column, record }">
-          <template v-if="column.key === 'status'">
-            <a-tag v-if="record.status === 'enabled'" color="green">有效</a-tag>
-            <a-tag v-else color="red">失效</a-tag>
+  <div style="margin: 20px;">
+    <a-card title="算力券管理">
+      <div style="width: 300px;border: 1px solid #e8e8e8;line-height: 45px;border-radius: 5px;">
+        <div
+          style="background: linear-gradient(90deg, rgba(240, 245, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);height: 45px;line-height: 45px;padding: 0 10px;">
+          可用算力券</div>
+        <div style="font-size:18px;font-weight: bold;padding: 0 10px;">￥{{ couponTotal }}</div>
+      </div>
+      <!-- 账单表格 -->
+      <div style="margin-top: 20px;">
+        <a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
+          :loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 'enabled'" color="green">有效</a-tag>
+              <a-tag v-else color="red">失效</a-tag>
+            </template>
           </template>
-        </template>
-      </a-table>
-    </div>
-  </a-card>
+        </a-table>
+      </div>
+    </a-card>
+  </div>
 </template>
 <script setup lang="ts">
 import { ref, onBeforeMount, h } from 'vue';
diff --git a/src/views/admin/account/myInvite/index.vue b/src/views/admin/account/myInvite/index.vue
index 099bd49..ea8c241 100644
--- a/src/views/admin/account/myInvite/index.vue
+++ b/src/views/admin/account/myInvite/index.vue
@@ -1,42 +1,53 @@
 <template>
-    <a-card title="我的邀请">
-        <div style="border-radius: 5px;display: flex;justify-content: space-between;border: 1px solid #e8e8e8;">
-            <div>
-                <div style="font-size:18px;padding: 0 20px;margin-top: 20px;">累计奖金</div>
-                <div style="font-size:18px;font-weight: bold;padding: 0 20px;margin: 20px 0;">￥0.00</div>
-                <div style="display: flex;justify-content: space-between;align-items: center;gap: 60px;padding: 0 20px;line-height: 30px;">
-                    <div>
-                        <div>方式一：复制邀请链接</div>
-                        <div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#1677ff;"><CopyOutlined /> </span></div>
+    <div style="margin: 20px;">
+        <a-card title="我的邀请">
+            <div style="border-radius: 5px;display: flex;justify-content: space-between;border: 1px solid #e8e8e8;">
+                <div>
+                    <div style="font-size:18px;padding: 0 20px;margin-top: 20px;">累计奖金</div>
+                    <div style="font-size:18px;font-weight: bold;padding: 0 20px;margin: 20px 0;">￥0.00</div>
+                    <div
+                        style="display: flex;justify-content: space-between;align-items: center;gap: 60px;padding: 0 20px;line-height: 30px;">
+                        <div>
+                            <div>方式一：复制邀请链接</div>
+                            <div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span
+                                    style="color:#1677ff;">
+                                    <CopyOutlined />
+                                </span></div>
+                        </div>
+                        <div>
+                            <div>方式二：复制邀请码</div>
+                            <div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span
+                                    style="color:#1677ff;">
+                                    <CopyOutlined />
+                                </span></div>
+                        </div>
                     </div>
-                    <div>
-                         <div>方式二：复制邀请码</div>
-                        <div><span>http://example.com/invite/123456</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#1677ff;"><CopyOutlined /> </span></div>
+                </div>
+                <div class="leftImg">
+                    <div style="font-size:14px;padding: 0 20px;margin-top: 10px;text-align: right;color: #1677ff;">活动规则
                     </div>
                 </div>
             </div>
-            <div class="leftImg">
-                <div style="font-size:14px;padding: 0 20px;margin-top: 10px;text-align: right;color: #1677ff;">活动规则</div>
-            </div> 
-        </div>
-        <div style="width: 100%;display: flex;justify-content: space-around;align-items: center;height: 150px;border: 1px solid #e8e8e8;margin-top: 20px;border-radius: 5px;">
-            <div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
-                <div>累计成功邀请人数</div>
-                <div ><span style="font-weight: bold;font-size: 18px;">0</span> 人</div>
+            <div
+                style="width: 100%;display: flex;justify-content: space-around;align-items: center;height: 150px;border: 1px solid #e8e8e8;margin-top: 20px;border-radius: 5px;">
+                <div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
+                    <div>累计成功邀请人数</div>
+                    <div><span style="font-weight: bold;font-size: 18px;">0</span> 人</div>
+                </div>
+                <div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
+                    <div>累计获得奖金</div>
+                    <div style="font-weight: bold;">￥<span style="font-weight: bold;font-size: 18px;">0.00</span></div>
+                </div>
             </div>
-            <div style="display: flex;flex-direction: column;align-items: center;line-height: 35px;">
-                <div>累计获得奖金</div>
-                <div style="font-weight: bold;">￥<span style="font-weight: bold;font-size: 18px;">0.00</span></div>
+            <!-- 账单表格 -->
+            <div style="margin-top: 20px;">
+                <div style="margin: 30px 0px 10px 0px;font-weight: bold;">邀请记录</div>
+                <a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
+                    :loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
+                </a-table>
             </div>
-        </div>
-        <!-- 账单表格 -->
-        <div style="margin-top: 20px;">
-            <div style="margin: 30px 0px 10px 0px;font-weight: bold;">邀请记录</div>
-            <a-table :columns="columns" :data-source="billData" :pagination="pagination" @change="handleTableChange"
-                :loading="loading" class="bill-table" :scroll="{ x: 1200 }" bordered>
-            </a-table>
-        </div>
-    </a-card>
+        </a-card>
+    </div>
 </template>
 <script setup lang="ts">
 import { ref } from 'vue';
diff --git a/src/views/admin/account/realnameAuth/index.vue b/src/views/admin/account/realnameAuth/index.vue
index 7a94274..d90ce38 100644
--- a/src/views/admin/account/realnameAuth/index.vue
+++ b/src/views/admin/account/realnameAuth/index.vue
@@ -163,8 +163,8 @@ onMounted(() => {
 
 <style scoped>
 .real-name-auth-page {
-  padding: 24px;
-  background-color: #f5f7fa;
+  padding: 20px;
+  background-color: #ffffff;
   /* min-height: 100vh; */
 }
 
diff --git a/src/views/admin/image/index.vue b/src/views/admin/image/index.vue
index 4430b52..01658e6 100644
--- a/src/views/admin/image/index.vue
+++ b/src/views/admin/image/index.vue
@@ -294,7 +294,7 @@ onMounted(() => {
 
   .image-table {
     background: white;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+    // box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     overflow: hidden;
     height: 100%;
@@ -311,7 +311,7 @@ onMounted(() => {
     margin-top: auto;
     padding-top: 24px;
     text-align: right;
-    border-top: 1px solid #e8e8e8;
+    // border-top: 1px solid #e8e8e8;
 
   }
 }
diff --git a/src/views/admin/instance/index.vue b/src/views/admin/instance/index.vue
index 6961358..2a8da49 100644
--- a/src/views/admin/instance/index.vue
+++ b/src/views/admin/instance/index.vue
@@ -389,9 +389,9 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .instance-list {
-  padding: 24px;
-  background: #f5f7fa;
-  min-height: calc(100vh - 48px);
+  padding: 20px;
+  background: #ffffff;
+  // min-height: calc(100vh - 48px);
 }
 
 .header-section {