update

src/pages/bet_record/index.vue

@@ -1,12 +1,16 @@
 <template>
   <view>
     <view class="p-[30px]">
-      <view class="h-[155px] line" v-for="(item, index) in data" :key="index">
+      <view
+        class="pt-[10px] pb-[10px] line"
+        v-for="(item, index) in data"
+        :key="index"
+      >
         <view class="flex justify-between text-[#959BB1] text-[28px]">
           <view>{{ item.qs }}</view>
           <view>{{ item.t }}</view>
         </view>
-        <view class="flex mt-[20px] justify-between items-center">
+        <view class="flex justify-between items-center">
           <view class="flex justify-between items-center">
             <view
               class="m-[5px] rounded-full w-[44px] h-[44px] text-[28px] text-center leading-[44px]"
@@ -32,6 +36,24 @@
             >- {{ item.j }} 豆子</view
           >
         </view>
+        <view class="flex items-center justify-between">
+          <view class="text-[28px] flex items-center">
+            <view class="text-[#959BB1]">中奖状态：</view>
+            <view class="text-[red]" v-if="item.state === 1">已中奖</view>
+            <view v-else class="text-[#959BB1]">未中奖</view>
+          </view>
+          <view v-if="item.state === 1" class="text-[28px] flex">
+            <view class="text-[#959BB1]">得</view>
+            <view class="text-[red]">{{ item.draw_num || 1000 }}</view>
+            <view class="text-[#959BB1]">积分</view>
+          </view>
+        </view>
+        <view v-if="item.state === 1" class="flex items-center justify-between">
+          <view class="text-[28px] flex items-center">
+            <view class="text-[#959BB1]">中奖数字：</view>
+            <view class="text-[#959BB1]">{{ item.periods_num }}</view>
+          </view>
+        </view>
       </view>
     </view>
   </view>
@@ -89,7 +111,7 @@ const getList = async () => {
     hm: [item.Name],
     t: item.DrawTime,
     j: item.Number,
-  }))
+  }));
 };
 </script>