From 998391413c39fa72445f885b66724e7265618c5a Mon Sep 17 00:00:00 2001
From: YuanHuakk <1751826683@qq.com>
Date: Mon, 16 Oct 2023 18:25:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=97=A0=E7=94=A8=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/yaotouzi/records/index.vue | 107 +++++++++++++++------------
 1 file changed, 60 insertions(+), 47 deletions(-)

diff --git a/src/pages/yaotouzi/records/index.vue b/src/pages/yaotouzi/records/index.vue
index a9d3b83..32e221d 100644
--- a/src/pages/yaotouzi/records/index.vue
+++ b/src/pages/yaotouzi/records/index.vue
@@ -1,16 +1,21 @@
 <template>
   <view class="app">
-    <template v-if="typeNum===1">
+    <template v-if="typeNum === 1">
       <view class="card" v-for="(item,index) in list as any[]" :key="index">
         <view>
-          <view>第{{ item.Periods }}期开奖:
-<!--            <text style="color: red">{{ item.Start }},{{ item.End }}</text>-->
-            <text v-for="(num,i) in item.Name" :key="i" :style="{
-              color: numColor(num)
-            }">{{ num }},
+          <view
+            >第{{ item.Periods }}期开奖:
+            <!--            <text style="color: red">{{ item.Start }},{{ item.End }}</text>-->
+            <text
+              v-for="(num, i) in item.Name"
+              :key="i"
+              :style="{
+                color: numColor(num),
+              }"
+              >{{ num }},
             </text>
           </view>
-<!--          <view class="sub">开奖个数:-->
+          <!--          <view class="sub">开奖个数:-->
           <!--            <text v-for="(num,i) in item.Name" :key="i" :style="{-->
           <!--              color: numColor(num)-->
           <!--            }">{{ num }},-->
@@ -21,14 +26,24 @@
     </template>
     <template v-else>
       <view v-if="list.length > 0">
-        <view class="card desc" v-for="(item,index) in list as any[]" :key="index">
+        <view
+          class="card desc"
+          v-for="(item,index) in list as any[]"
+          :key="index"
+        >
           <view>
             <view>第{{ item.Periods }}期投注:</view>
-            <view>点数:<text style="color: red">{{ item.Name }}</text></view>
-            <view class="sub">投注时间:<text>{{ item.DrawTime }}</text></view>
+            <view
+              >点数:<text style="color: red">{{ item.Name }}</text></view
+            >
+            <view class="sub"
+              >投注时间:<text>{{ item.DrawTime }}</text></view
+            >
           </view>
           <view style="text-align: right">
-            <view style="color: red" v-if="item.State === 1">+{{ item.DrawNum }}积分</view>
+            <view style="color: red" v-if="item.State === 1"
+              >+{{ item.DrawNum }}积分</view
+            >
             <view style="color: green">-{{ item.Number }}豆子</view>
           </view>
         </view>
@@ -36,65 +51,64 @@
       <view v-else>
         <view style="margin-top: 100px">暂无记录.....</view>
       </view>
-
     </template>
   </view>
 </template>
 
 <script lang="ts" setup>
-import {ref} from 'vue'
-import Taro from '@tarojs/taro'
-import {getKaiJiangList, getTzJl} from '@/api'
+import { ref } from "vue";
+import Taro from "@tarojs/taro";
+import { getKaiJiangList, getTzJl } from "@/api";
 
-const list = ref<any[]>([])
+const list = ref<any[]>([]);
 
-const typeNum = ref(0)
+const typeNum = ref(0);
 
 Taro.useLoad((options) => {
-  typeNum.value = Number(options.type)
-  Taro.setNavigationBarTitle({title: options.type === '1' ? '开奖记录' : '投注记录'})
-  getData()
-})
+  typeNum.value = Number(options.type);
+  Taro.setNavigationBarTitle({
+    title: options.type === "1" ? "开奖记录" : "投注记录",
+  });
+  getData();
+});
 
 Taro.usePullDownRefresh(() => {
-  getData()
-})
+  getData();
+});
 
 const numColor = (num: string) => {
   switch (num) {
-    case '大':
-      return 'red'
-    case '小':
-      return 'green'
-    case '单':
-      return 'orange'
-    case '双':
-      return 'blue'
-    case '和':
-      return 'purple'
+    case "大":
+      return "red";
+    case "小":
+      return "green";
+    case "单":
+      return "orange";
+    case "双":
+      return "blue";
+    case "和":
+      return "purple";
     default:
-      return 'black'
+      return "black";
   }
-}
+};
 
 const getData = async () => {
-  let res: any
+  let res: any;
   if (typeNum.value === 1) {
-    res = await getKaiJiangList()
+    res = await getKaiJiangList();
     list.value = res.data.data.map((item: any) => {
       return {
         ...item,
-        Name: item.Name.split('-')
-      }
-    })
+        Name: item.Name.split("-"),
+      };
+    });
   } else {
-    res = await getTzJl(Taro.getStorageSync('uid'))
-    list.value = res.data.data.sort(
-      (a: any, b: any) => b.Periods - a.Periods
-    )
+    res = await getTzJl(Taro.getStorageSync("uid"));
+    list.value = res.data.data || [];
   }
-  Taro.stopPullDownRefresh()
-}
+  Taro.stopPullDownRefresh();
+};
 </script>
 
 <style lang="scss" scoped>
@@ -128,5 +142,4 @@ const getData = async () => {
   align-items: center;
   width: 100%;
 }
-
 </style>