From 4470d7c7772c0183914322b8ef52c31e0a8955e8 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Sat, 18 Nov 2023 14:20:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E5=95=86=E6=88=B7?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8C=81=E6=9C=89=E7=A7=AF=E5=88=86=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/favicon.ico                          | Bin 4286 -> 4286 bytes
 src/api/marketing.js                        |  11 +-
 src/router/modules/marketing.js             |   9 +
 src/views/marketing/integral/hold/index.vue | 175 ++++++++++++++++++++
 4 files changed, 192 insertions(+), 3 deletions(-)
 create mode 100644 src/views/marketing/integral/hold/index.vue

diff --git a/public/favicon.ico b/public/favicon.ico
index 54183254468ec87208af17f09ce324dad8ccc885..608cd9f11ead4ca2f4d804246d5e89c463fdd36c 100644
GIT binary patch
literal 4286
zcmeHLdrVtZ7(bW3VLS>2%ClYB7;Fp%$#4r3=*DD0!OUp0C6kb7f~ZI&vTTkB5flG1
zCT1I1{KL6T<3GA!d@Q4-w{Oa`z+`T23MOW{Xo5r|y1C=;^z5eBZj4Ql#AJtjy|?F_
z`~AMh@B7Xzgb4UEn+f|QA0!cyMhGc@V2V^j*gPBESj#Ks5}vsKv0@R>>BKi;V#MRM
zwG*)`26_|7W}AMFkWcBFHNguV9bYR~62GnOt3*L?+#tkG_wAd`T}f<)Wika$6Y?3|
zxN+pYmBwytJZ~kWpAs@a>+8>DEeC!{$!HmLKCyM{X#8UOa&rTw%uIiSO69)7@bmJ5
z?<}_WUgld`F6OX2>h+!<dV9Z%i+*<P+F)sHtouWy()A}HPWbJh3WZ4b?w$TuzFRDV
znX6X0A4VL%VECP#-)xG;Hk$)23I)St;(~~ffy*T&!;ePqUFy5R;4Ml^^ED+VdJpS#
zo)Fi?^!C%Ls?dwk&+pzn^*qlr!{peBiJtznG`}W#?^55lZx1~y2=<%ybANO?_vfou
z2kZ0mgH6T7!#iVRJ?#kzo<l}sz*=2Bo`INSzvMT=cTlr=@YqsV(d(U^GYaVap7E9W
zq0zX<)6;$R>(>vdO{T#;@$ud>e2rl-Uqy;s|Hyr2xRN+2VmBh!pOfQP<>n4%A||)+
zM%uSyN2r0>F6mY%Tyt8jJE&H>uX6vS_)0kJdb>F%jf-=Ol3wt#RizSVluGwJ`fy)i
z;m`xp+LkS252;l4k1H$3pRBE&G{C>NV`5wv;n$p$%iCkfZHT@fpylPGPcsawb$mbL
zEYkr$u7Jm9($l>sN=im**t$mJy3W><l04YM$L7tWN^tPp-*Xy`vDkNKxaR8Wrn2GF
zgFIh6S5jQLJ$8z-s3I=TbAiv>nawXV3o0tc)QJ5ev6bUWJm7or%rD^TM}i>Ea@(2T
zj7uWp(oZQV-d79;UsF<&_c*H;z1};PlM^_~_b?p;f25}RYr&I)+$K4e{9dFgm1`a~
z+6zv;s@MBoG8+B1j11r7rKO{I%OM1|yaq0Rg0+*$$=+u45Ivih26|$%R_mJ2$_lha
zu%tN2Ye|mF?{SV(^w@*Qp$0y{R_8EydK#R$Y%qAPwzprpt1~t~f3PP#-T%V9=UHU@
zK8t5t3krtv3JZfBQk+>_%gRPhNPgbwx@*^@8M%HW^6ag?MrvAG6H(h9H{w^0o@+yF
z-$Xsx;LE#$;6&eNF?3$DT0_Zq!j`Y4rurVkbJv!RLs&NjkNUuy1K`pDqtVw4vBQo_
z$ocP*z35k!a*U<!!P{Sfk6L6H%vXsE($&R!-2!^>Gwaq36=DA=^xae7&mN{bE6eYV
z@YqGc&7DhOvh}X6Z{xRZ8#`vP1e$7ULO82f|8r8U*7GH}eFQ!QcwE?=dltOgkGvm3
zKka2agq^=7BzXH!H)rLx<J`-;8~nPuiR6q7KYkVPfnMLHRy(KBr$UHnYf;g#1%06q
zd_z5XkHDt4FyGVAFlk1eI=IhLA7JN@gYjcb()UlVnVErN)O3Ay^#poyxF;pV#4sEu
zdWp-6b2#2&38MD+Sry5dgEllw;k|452l_H<mF34l5ra^6cHn)U8;LJ=x?#g`xQ8x3
zI@gGp*QwR6agH0|Dq?aTHDUX&aOHZzmv~?`f{#ZbhmohJ@P3ja-*f-|{}BNi83EkB
z4oQTVD7|5#KQC0#*_kTZBX%uly6GGd=nN48kRJS3K`_EaZP-m^Hcnjp#$zJTZiq;%
Zs1t#1A_{uFT0!ZIhSE8xUVv)Z_zRJ%9~%Gw

literal 4286
zcmeI0OGuPa6vyv0Q)7-c<0EyPvN1Izh!#aeFM2^iQAAnvFsW!=gb)-#P|%_xLVD7s
z=pF5fs9g85cC~P))GkX%%ND}v{%+o{Z|>)eV@Pd0a{SJm^FROpxz}&*$EQ*u{gX~B
zeyh6)r7DzCjoNieE!R%oT4_uv+;5fDGupKGXz%?;j#e8p=<7Z0f>))|lA1nK^u*d#
zhL@BlB{id7dxNM@G^1v)I!6r*ShpWexY4kBer<A7tENl5tV(w6-YbV%4`+Bo;~bfi
zDA!&l8#gs&)WDLX1_rF#4=3Dc`1Fa{bCXNxx{6GeuI_GeZTYG--kP31d+wHnoLw_m
z*WiR34XZb#?dh{`;b@V(eD&IGm&MCgYW}d%xOMw(pib_$e%N4L0Gx26F_Qj^m#^IR
z4E>w8?gZ-Oa_Pf4u0Ov2<M-c4-@jt%c>6B!{hF4pANqbNxp?Vnpia)7KVV&hGaN0>
z<NF_z*Ka!9b~%0aoJ@(A$jrJ~^8WpYK%E>lFkoGSGaQZO)UQa^m^GX}6YPiYb5D=_
z82IT@d!MO+8P4Ejf6&Nw{_$)oEJ{dOMN)dcd>xMFuX1p~3Agk7v(I~PrlfiPDp|N_
z$*}u8+5z~xz{T3(_N|>bpwE2OLo>un%H_n#Q_|VlnIStkI4JGy?XqtD2IIu!{6-JG
zaG(vRv-V;2?R?cWbrLO%o8Hp$N?Eabtu(jnla@XEW!{2CCU5U|uH>kJ0ZR{gIN-9p
z&NZ-pf8EYo6rZZOA{m<Xvu4YdZ99z<`)2`54_ubR&+ChG>ickJ4WV#U@as2j%J=?$
zZ@Y=f*?Nxky8DoqesWr^6vs;?GO0iwJ$~Zpx&bvXVCnJCpC!&qze4XL`+NDyHCHn5
z84Or@vS|AAdFdC#;!<1JDE<B4J-s*jJX^AKnQ>xkV8GHdR{E@G+xBKFVXj-Y?(pt8
zV!wf<XDs!b^u6x40|#3@ePX|X9ZUVm`rNFkZIEw$eV)w6kDp}o<|gCB*1&+JXROv=
zS)DfPIp21{%4EHQ`Mvgx_nd6A<aPgXhVWh!3Qv^#4<2UKrUnM=2<MKS2YnmoymF>Q
zCKbwrNP!$VdQ7^yx@BNsz&J5EYG6ij{-Ei-e~vT@yu}I5VkIdZ&zU>lI59bDqt(`Z
qyaVU|{+&wq>b>nPh$VVM6AO(KldHu4JX3SU-uw4){yp%Y4DDYUxm?Qt

diff --git a/src/api/marketing.js b/src/api/marketing.js
index b5b40d7..c678776 100644
--- a/src/api/marketing.js
+++ b/src/api/marketing.js
@@ -476,10 +476,15 @@ export function discountsUpdate(id, data) {
   return request.post(`discounts/update/${id}`, data)
 }
 
-/**
- * @description 创建套餐 -- 获取商品规格
- */
 export function getIntegralGiveRecord(data) {
   return request.get(`integral/give_list`, data)
 }
 
+// 持有积分 - 列表
+export function holdIntegralList(data) {
+  return request.get(`integral/hold_list`, data)
+}
+// 持有积分 - 统计
+export function holdIntegralTitleApi() {
+  return request.get(`integral/hold_list_title`)
+}
diff --git a/src/router/modules/marketing.js b/src/router/modules/marketing.js
index 2b3ba35..5ce7727 100644
--- a/src/router/modules/marketing.js
+++ b/src/router/modules/marketing.js
@@ -310,6 +310,15 @@ const marketingRouter =
             noCache: true
           },
           component: () => import('@/views/marketing/integral/give/index')
+        },
+        {
+          path: 'hold',
+          name: `integralHold`,
+          meta: {
+            title: '持有积分',
+            noCache: true
+          },
+          component: () => import('@/views/marketing/integral/hold/index')
         }
       ]
     },
diff --git a/src/views/marketing/integral/hold/index.vue b/src/views/marketing/integral/hold/index.vue
new file mode 100644
index 0000000..3ca528a
--- /dev/null
+++ b/src/views/marketing/integral/hold/index.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <!--顶部搜索栏-->
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form inline size="small" label-width="80px">
+            <el-form-item label="搜索：">
+              <el-input v-model="tableFrom.uid" @keyup.enter.native="getList(1)" placeholder="请输入用户ID" class="selWidth" clearable>
+                <el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList(1)" />
+              </el-input>
+            </el-form-item>
+            <el-form-item class="width100">
+              <!--<el-button size="small" type="primary" @click="exports">导出</el-button>-->
+            </el-form-item>
+          </el-form>
+          <cards-data :card-lists="cardLists" />
+        </div>
+      </div>
+      <!--列表内容-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini">
+        <el-table-column prop="integral_id" label="ID" min-width="50" align="center"/>
+        <el-table-column label="用户信息" prop="nickname" min-width="150" align="center">
+          <template slot-scope="scope">
+            <div class="user-content">
+              <div class="user-avatar" v-if="scope.row.avatar && scope.row.avatar != 1">
+                <img :src="scope.row.avatar" />
+              </div>
+              <div class="user-info">
+                <div class="nickname">{{ scope.row.nickname }}</div>
+                <div class="user-id">ID：{{ scope.row.uid }}</div>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="持有积分" prop="number" min-width="120" align="center"/>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-sizes="[20, 40, 60, 80]"
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {holdIntegralList, holdIntegralTitleApi} from '@/api/marketing'
+import cardsData from '@/components/cards/index'
+export default {
+  name: "holdIntegralList",
+  components: { cardsData },
+  data() {
+    return {
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0,
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        uid: '',
+        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;
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      holdIntegralList(this.tableFrom)
+        .then((res) => {
+          this.tableData.data = res.data.list;
+          this.tableData.total = res.data.count;
+          this.listLoading = false;
+        })
+        .catch((res) => {
+          this.listLoading = false;
+          this.$message.error(res.message);
+        });
+    },
+    pageChange(page) {
+      this.tableFrom.page = page;
+      this.getList('');
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val;
+      this.getList('');
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.selWidth {
+  width: 350px !important;
+}
+.seachTiele {
+  line-height: 35px;
+}
+.title{
+  margin-bottom: 16px;
+  color: #17233d;
+  font-size: 14px;
+  font-weight: bold;
+}
+.scollhide::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+.user-content{
+  --user-content-height-: 80px;
+
+  height: var(--user-content-height-);
+  width: 100%;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  align-items: center;
+  .user-avatar{
+    height: var(--user-content-height-);
+    width: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    img{
+      height: 80%!important;
+      width: 80%!important;
+      border-radius: 50% !important;
+    }
+  }
+  .user-info{
+    height: var(--user-content-height-);
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    .nickname{
+      font-size: 15px;
+      font-weight: bold;
+      line-height: calc(var(--user-content-height- * 65%));
+    }
+    .user-id{
+      font-size: 13px;
+      line-height: calc(var(--user-content-height- * 35%));
+    }
+  }
+}
+</style>