增加签到活动

src/pages/users/account/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { ref } from "vue";
-import { showToast, useLoad, getStorageSync } from "@tarojs/taro";
-import { getIntegralDetail, getBeanDetail } from "@/api/user";
+import {computed, ref} from "vue";
+import {showToast, useLoad, getStorageSync} from "@tarojs/taro";
+import {getIntegralDetail, getBeanDetail, getGiftRecord} from "@/api/user";
 
 const tabValue = ref(1);
 
@@ -18,8 +18,25 @@ const tabsList = ref([
         title: "豆子明细",
         value: 2,
     },
+    {
+        title: "活动赠送",
+        value: 4,
+    }
 ]);
 
+const computerType = computed(() => {
+    return (val: number) => {
+        switch (val) {
+            case 5:
+                return '注册赠送';
+            case 6:
+                return '签到赠送';
+            case 7:
+                return '系统赠送';
+        }
+    }
+})
+
 const tabChange = (index: number) => {
     tabValue.value = index;
     data.value = [];
@@ -57,10 +74,13 @@ const getList = async () => {
         };
         if (tabValue.value === 1 || tabValue.value === 3) {
             res = await getBeanDetail(newData);
-        } else {
+        } else if (tabValue.value === 2) {
             delete data.Type;
             res = await getIntegralDetail(newData);
+        } else {
+            res = await getGiftRecord(newData);
         }
+        console.log(res);
         data.value = res.data.data || [];
         page.value.ItemCount = res.data.count;
     } catch (error) {
@@ -114,16 +134,22 @@ const getList = async () => {
                     </view>
                     <view class="right">
                         <view v-if="tabValue === 1" style="color: green"
-                            >-<text>{{ item.number }}积分</text></view
+                        >-
+                            <text>{{ item.number }}积分</text>
+                        </view
                         >
                         <view v-if="tabValue === 3" style="color: red"
-                            >+<text>{{ item.number }}</text
-                            >积分</view
+                        >+
+                            <text>{{ item.number }}
+                            </text
+                            >
+                            积分
+                        </view
                         >
                     </view>
                 </view>
             </view>
-            <view v-else>
+            <view v-else-if="tabValue === 2">
                 <view
                     class="card-list"
                     v-for="(item, index) in (data as any[])"
@@ -136,8 +162,34 @@ const getList = async () => {
                     </view>
                     <view class="right">
                         <view style="color: red"
-                            >+<text>{{ item.number }}</text
-                            >豆子</view
+                        >+
+                            <text>{{ item.number }}
+                            </text
+                            >
+                            豆子
+                        </view
+                        >
+                    </view>
+                </view>
+            </view>
+            <view v-else-if="tabValue === 4">
+                <view
+                    class="card-list"
+                    v-for="(item, index) in (data as any[])"
+                    :key="index"
+                >
+                    <view class="left">
+                        <view class="text">类型：{{ computerType(item.type) }}</view>
+                        <view>时间：{{ item.add_time.slice(0, 10) }}</view>
+                    </view>
+                    <view class="right">
+                        <view style="color: red"
+                        >+
+                            <text>{{ item.number }}
+                            </text
+                            >
+                            豆子
+                        </view
                         >
                     </view>
                 </view>
@@ -159,6 +211,7 @@ const getList = async () => {
     left: 50%;
     transform: translateX(-50%);
 }
+
 .card {
     width: 90%;
     height: 300px;
@@ -230,6 +283,7 @@ const getList = async () => {
         background-color: #ff0000;
     }
 }
+
 .card-list {
     margin: 10px 20px;
     background-color: #fff;