添加合计

src/views/Financial/exchange/hook.tsx

@@ -15,6 +15,7 @@ export function useData() {
     start_time: "",
     end_time: ""
   });
+  const totalData = ref(0)
   const searchLabel = ref([
     { label: "用户ID/昵称", prop: "search_uid", type: "input" },
     { label: "开始时间", prop: "start_time", type: "date" },
@@ -69,6 +70,7 @@ export function useData() {
       tableList.value = data.lists;
       pagination.value.total = data.count;
       pagination.value.currentPage = data.page;
+      totalData.value = data.total
     }
     loading.value = false;
   };
@@ -152,6 +154,7 @@ export function useData() {
     exportExcel,
     handleSizeChange,
     handleCurrentChange,
-    loading
+    loading,
+    totalData
   };
 }

src/views/Financial/exchange/index.vue

@@ -15,7 +15,8 @@ const {
   exportExcel,
   handleSizeChange,
   handleCurrentChange,
-  loading
+  loading,
+  totalData
 } = useData();
 defineOptions({
   name: "Recharge"
@@ -33,9 +34,12 @@ onMounted(() => {
       <PureTableBar title="兑换列表" :class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']" :columns="tableLabel"
         @refresh="onSearch">
         <template #buttons>
-          <el-button type="primary" @click="exportExcel">
-            导出
-          </el-button>
+          <div style="display: inline-flex;align-items: center;">
+            <div style="margin-right: 10px;font-size: 16px;">消费金额合计：{{ totalData.total_coin_num }}</div>
+            <el-button type="primary" @click="exportExcel">
+              导出
+            </el-button>
+          </div>
         </template>
         <template v-slot="{ size, dynamicColumns }">
           <pure-table ref="tableRef" align-whole="center" showOverflowTooltip table-layout="auto" default-expand-all