diff --git a/src/api/marketing.js b/src/api/marketing.js
index 2dd15b0..94f3588 100644
--- a/src/api/marketing.js
+++ b/src/api/marketing.js
@@ -716,6 +716,11 @@ export function holdIntegralList(data) {
   return request.get(`user/integral/hold_list`, data)
 }
 
+// 持有积分 - 列表
+export function holdIntegralTitleApi(data) {
+  return request.get(`user/integral/hold_list_title`, data)
+}
+
 // 赠送积分 - 列表
 export function giveIntegralList(data) {
   return request.get(`user/integral/give_list`, data)
diff --git a/src/views/marketing/integral/hold/index.vue b/src/views/marketing/integral/hold/index.vue
index a52f479..7bcaaf1 100644
--- a/src/views/marketing/integral/hold/index.vue
+++ b/src/views/marketing/integral/hold/index.vue
@@ -15,6 +15,7 @@
                 <!--<el-button size="small" type="primary" @click="exports">导出</el-button>-->
              </el-form-item>
           </el-form>
+          <cards-data :card-lists="cardLists" />
         </div>
       </div>
       <!--列表内容-->
@@ -64,9 +65,11 @@
 </template>
 
 <script>
-import { holdIntegralList} from '@/api/marketing'
+import { holdIntegralList, holdIntegralTitleApi} from '@/api/marketing'
+import cardsData from '@/components/cards/index'
 export default {
   name: "preSaleProductList",
+  components: { cardsData },
   data() {
     return {
       listLoading: true,
@@ -81,15 +84,25 @@ export default {
         mer_id: ''
       },
       loading: false,
+      cardLists: [],
     };
   },
   watch: {
 
   },
   mounted() {
+    this.getIntegralTitle();
     this.getList('');
   },
   methods: {
+    // 获取统计数据
+    getIntegralTitle() {
+      holdIntegralTitleApi(this.tableFrom).then((res) => {
+        this.cardLists = res.data
+      }).catch((res) => {
+        this.$message.error(res.message)
+      })
+    },
     // 获取列表
     getList(num) {
       this.listLoading = true;