diff --git a/src/api/shop/stats.ts b/src/api/shop/stats.ts
index a583dc9..01659b1 100644
--- a/src/api/shop/stats.ts
+++ b/src/api/shop/stats.ts
@@ -48,6 +48,8 @@ export interface StatsDTO {
   goodsCount: number;
   /** 订单数量 */
   orderCount: number;
+  /** 总订单金额 */
+  orderAmountSum: number;
   /** 总柜子数量 */
   cabinetCount: number;
   /** 总格口数量 */
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 19cf7c9..ce603f7 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -18,7 +18,8 @@ const todoItems = [
 const shopData = ref([
   { name: '商店', value: 0 },
   { name: '商品', value: 0 },
-  { name: '订单', value: 0 }
+  { name: '订单', value: 0 },
+  { name: '总金额', value: 0 }
 ]);
 
 const deviceData = ref([
@@ -39,7 +40,8 @@ onMounted(async () => {
     shopData.value = [
       { name: '商店', value: data.shopCount },
       { name: '商品', value: data.goodsCount },
-      { name: '订单', value: data.orderCount }
+      { name: '订单', value: data.orderCount },
+      { name: '总金额', value: data.orderAmountSum }
     ];
     deviceData.value = [
       { name: '总柜子', value: data.cabinetCount },
@@ -92,8 +94,8 @@ onMounted(async () => {
               </div>
               <el-row :gutter="12" class="data-section">
                 <!-- 商店数据 -->
-                <el-col :span="4" v-for="item in shopData" :key="item.name">
-                  <el-card shadow="never" class="todo-card">
+                <el-col :span="5" v-for="item in shopData" :key="item.name">
+                  <el-card shadow="never" :body-style="{ padding: ' 20px 0' }" class="todo-card">
                     <div class="todo-content">
                       <div class="todo-count">{{ item.value }}</div>
                       <div class="todo-name">{{ item.name }}</div>
@@ -113,7 +115,7 @@ onMounted(async () => {
               </div>
               <el-row :gutter="12" class="data-section">
                 <el-col :span="4" v-for="item in deviceData" :key="item.name">
-                  <el-card shadow="never" class="todo-card">
+                  <el-card shadow="never" :body-style="{ padding: ' 20px 0' }" class="todo-card">
                     <div class="todo-content">
                       <div class="todo-count">{{ item.value }}</div>
                       <div class="todo-name">{{ item.name }}</div>
@@ -351,14 +353,17 @@ onMounted(async () => {
     .goods-right {
       width: 150px;
     }
+
     .goods-count {
-        width: 45px;
+      width: 45px;
     }
   }
+
   .order-container {
     .goods-right {
       width: 250px;
     }
+
     .goods-count {
       width: 60px;
     }