feat(custom): 新增聚合积分支付

src/pages/users/account/index.vue

@@ -22,6 +22,10 @@ const tabsList = ref([
     title: "活动赠送",
     value: 4,
   },
+  {
+    title: "聚合积分",
+    value: 5,
+  },
 ]);
 
 const computerType = computed(() => {
@@ -81,13 +85,13 @@ const getList = async () => {
       PageSize: page.value.PageSize,
       Type: tabValue.value,
     };
-    if (tabValue.value === 1 || tabValue.value === 3) {
+    if (tabValue.value === 1 || tabValue.value === 3 || tabValue.value === 5) {
       res = await getBeanDetail(newData);
     } else if (tabValue.value === 2) {
       // delete data.value.Type;
       Reflect.deleteProperty(data.value, "Type");
       res = await getIntegralDetail(newData);
-    } else {
+    } else if (tabValue.value === 4) {
       res = await getGiftRecord(newData);
     }
     data.value = res.data.data || [];
@@ -117,28 +121,31 @@ const getList = async () => {
         <!-- <image class="img" src="https://picdm.sunbangyan.cn/2023/08/15/ste192.png"/> -->
       </view>
     </view>
-    <view class="tabs-box">
-      <view
-        v-for="item in tabsList"
-        :key="item.value"
-        @click="tabChange(item.value)"
-      >
-        <view class="text">{{ item.title }}</view>
+    <scroll-view scroll-x>
+      <view class="tabs-box">
         <view
-          class="line"
-          :class="{ lineColor: item.value === tabValue }"
-        ></view>
+          v-for="item in tabsList"
+          :key="item.value"
+          @click="tabChange(item.value)"
+        >
+          <view class="text">{{ item.title }}</view>
+          <view
+            class="line"
+            :class="{ lineColor: item.value === tabValue }"
+          ></view>
+        </view>
       </view>
-    </view>
+    </scroll-view>
+
     <view v-if="data.length > 0">
-      <view v-if="tabValue === 1 || tabValue === 3">
+      <view v-if="tabValue === 1 || tabValue === 3 || tabValue === 5">
         <view class="card-list" v-for="(item, index) in data" :key="index">
           <view class="left">
             <view>订单：{{ item.oid }}</view>
             <view>时间：{{ item.add_time.slice(0, 10) }}</view>
           </view>
           <view class="right">
-            <view v-if="tabValue === 1" style="color: green"
+            <view v-if="tabValue === 1 || tabValue === 5" style="color: green"
               >-
               <text>{{ item.number }}积分</text>
             </view>
@@ -245,12 +252,17 @@ const getList = async () => {
 .tabs-box {
   display: flex;
   flex-direction: row;
-  justify-content: space-evenly;
+  // justify-content: space-evenly;
   align-items: center;
   height: auto;
   background-color: #fff;
-  padding: 0 20px;
+  padding: 0 10px;
   text-align: center;
+  overflow-x: auto;
+  
+  view {
+    width: 200px;
+  }
 
   .text {
     margin: 10px 20px;