feat: 添加统计页面

src/views/card-walmart-info/account/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="container">
     <Breadcrumb :items="['充值账户管理', '沃尔玛Cookie']" />
+    <a-space>
       <a-card class="general-card" title="沃尔玛Cookie管理">
         <a-row>
           <a-col :flex="1">
@@ -21,7 +22,10 @@
                 </a-col>
                 <a-col :span="8">
                   <a-form-item field="name" label="名称">
-                  <a-input v-model="formModel.name" placeholder="请输入名称" />
+                    <a-input
+                      v-model="formModel.name"
+                      placeholder="请输入名称"
+                    />
                   </a-form-item>
                 </a-col>
                 <a-col :span="8">
@@ -99,7 +103,9 @@
                 size="small"
                 :checked-value="1"
                 :unchecked-value="0"
-              :beforeChange="newValue => updateCurrentStatus(record, newValue)"
+                :beforeChange="
+                  newValue => updateCurrentStatus(record, newValue)
+                "
               />
               <a-tag
                 v-else
@@ -163,6 +169,8 @@
           </template>
         </a-table>
       </a-card>
+      <summary-card />
+    </a-space>
     <add-modal
       :id="state.accountId"
       v-model:visible="state.addModalVisible"
@@ -182,6 +190,7 @@ import { checkTokenFromIframe, checkTokenFromLogin } from '@/utils/auth';
 import { onMounted, reactive, ref, watchEffect } from 'vue';
 import { Notification, TableColumnData } from '@arco-design/web-vue';
 import AddModal from './components/add-modal.vue';
+import summaryCard from './summary';
 import AccountDetail from './components/detail.vue';
 import {
   deleteWalmartCard,