diff --git a/package.json b/package.json
index 8d49f4d..54a922e 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "build:mp-qq": "uni build -p mp-qq",
     "build:mp-toutiao": "uni build -p mp-toutiao",
     "build:mp-weixin": "uni build -p mp-weixin",
+    "build:mp-weixin:dev": "uni build -p mp-weixin --mode development",
     "build:mp-xhs": "uni build -p mp-xhs",
     "build:quickapp-webview": "uni build -p quickapp-webview",
     "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
diff --git a/src/api/xinjiang_guess.js b/src/api/xinjiang_guess.js
index ea90b1c..9bde2bc 100644
--- a/src/api/xinjiang_guess.js
+++ b/src/api/xinjiang_guess.js
@@ -154,4 +154,8 @@ export const submitUploadUserInfo = (params, config = {}) => {
 // 最新竞猜记录
 export const getLatestGameLogs = () => {
 	return http.get(`/api/miniprogram/latest-game-logs`);
+}
+// 最新竞猜记录
+export const activityGameLogs = (params) => {
+	return http.get(`/api/miniprogram/activity-game-logs`,{ params });
 }
\ No newline at end of file
diff --git a/src/components/c-title/index.vue b/src/components/c-title/index.vue
new file mode 100644
index 0000000..4008cb1
--- /dev/null
+++ b/src/components/c-title/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <view class="relative h-46rpx flex items-center">
+    <view
+      class="absolute left-0 w-4px h-[80%] transform top-[50%] translate-y-[-50%]"
+      :style="{ background: '#D8524C' }"
+    ></view>
+    <view class="ml-16px font-bold text-base">{{ title }}</view>
+  </view>
+</template>
+
+<script setup>
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  color: '#D8524C',
+})
+</script>
diff --git a/src/components/quiz/item-new.vue b/src/components/quiz/item-new.vue
index 86e240a..b06fb5d 100644
--- a/src/components/quiz/item-new.vue
+++ b/src/components/quiz/item-new.vue
@@ -1,6 +1,14 @@
 <template>
   <view>
-    <view class="flex items-center py-2" @click="$goToPage({url:'pages/quiz/logs', params: { activity_id: data.activity_id,user_id: data.user_id}})">
+    <view
+      class="flex items-center py-2"
+      @click="
+        $goToPage({
+          url: 'pages/quiz/logs',
+          params: { activity_id: data.activity_id, user_id: data.user_id },
+        })
+      "
+    >
       <view class="w-84rpx h-84rpx rounded-full flex-none">
         <up-avatar size="84rpx" mode="aspectFit" :src="data.avatar"></up-avatar>
       </view>
@@ -17,7 +25,9 @@
             </view>
             <view>{{ data.score }}</view>
           </view>
-          <view :style="{color:currentStatus.color}">{{ currentStatus.label }}</view>
+          <view :style="{ color: currentStatus.color }">{{
+            currentStatus.label
+          }}</view>
         </view>
       </view>
     </view>
@@ -26,30 +36,13 @@
 </template>
 <script setup>
 import { computed } from 'vue'
+import { status } from './status'
 const props = defineProps({
   data: {
     item: Object,
   },
 })
 
-const status = [
-  {
-    value: 0,
-    label: '未公布',
-    color: '#1b2f85',
-  },
-  {
-    value: 1,
-    label: '猜中了',
-    color: '#e91f35',
-  },
-  {
-    value: 2,
-    label: '未猜中',
-    color: '#808080',
-  },
-]
-
 const currentStatus = computed(() =>
   status.find((e) => e.value == props.data.status)
 )
diff --git a/src/components/quiz/item.vue b/src/components/quiz/item.vue
index 1d0f0c9..2286b5c 100644
--- a/src/components/quiz/item.vue
+++ b/src/components/quiz/item.vue
@@ -1,17 +1,35 @@
 <template>
-  <view>
-    <view>2024-05-01 英超第九场</view>
-    <view class="grid grid-cols-2">
-      <view class="grid grid-cols-2">
-        <view>法国</view>
-        <view class="text-center">VS</view>
-        <view class="text-right">德国</view>
-      </view>
-      <view class="grid grid-cols-2">
-        <view>胜</view>
-        <view class="text-right">猜中了</view>
+  <view class="text-sm">
+    <view class="p-3">
+      <view>{{ data.game_day }} {{ data.game_name }}</view>
+      <view class="grid grid-cols-2 mt-2">
+        <view class="grid grid-cols-3 mr-20rpx">
+          <view>{{ data.game_home_field }}</view>
+          <view class="text-center">VS</view>
+          <view class="text-right">{{ data.game_away }}</view>
+        </view >
+        <view class="grid grid-cols-2 ml-40rpx">
+          <view>{{ data.score }}</view>
+          <view :style="{ color: currentStatus.color }" class="text-right">{{
+            currentStatus.label
+          }}</view>
+        </view>
       </view>
     </view>
     <up-line color="#EEEEEE"></up-line>
   </view>
-</template>
\ No newline at end of file
+</template>
+<script setup>
+import { computed } from 'vue'
+import { status } from './status'
+const props = defineProps({
+  data: {
+    type: Object,
+    default: () => {},
+  },
+})
+
+const currentStatus = computed(() =>
+  status.find((e) => e.value == props.data.status)
+)
+</script>
diff --git a/src/components/quiz/status.js b/src/components/quiz/status.js
new file mode 100644
index 0000000..14c0970
--- /dev/null
+++ b/src/components/quiz/status.js
@@ -0,0 +1,17 @@
+export const status = [
+  {
+    value: 0,
+    label: '未公布',
+    color: '#1b2f85'
+  },
+  {
+    value: 1,
+    label: '猜中了',
+    color: '#e91f35'
+  },
+  {
+    value: 2,
+    label: '未猜中',
+    color: '#808080'
+  },
+]
\ No newline at end of file
diff --git a/src/packages/pages/activeDetail/activeDetail.vue b/src/packages/pages/activeDetail/activeDetail.vue
index 55a7540..5421a9b 100644
--- a/src/packages/pages/activeDetail/activeDetail.vue
+++ b/src/packages/pages/activeDetail/activeDetail.vue
@@ -1,21 +1,32 @@
 <template>
   <view class="page-activate-detail">
-    <mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback" :up="{
-      empty: {
-        use: false,
-      }
-    }">
+    <mescroll-body
+      @init="mescrollInit"
+      @down="downCallback"
+      @up="upCallback"
+      :up="{
+        empty: {
+          use: false,
+        },
+      }"
+    >
       <view class="activate-cover" v-if="detail.cover">
         <image class="activate-cover" mode="aspectFill" :src="detail.cover" />
       </view>
 
       <view class="activate-box" v-if="detail.id">
-        <image class="bg" mode="widthFix" :src="`${config.baseUrl}/images/mini-bg.jpg`"></image>
+        <image
+          class="bg"
+          mode="widthFix"
+          :src="`${config.baseUrl}/images/mini-bg.jpg`"
+        ></image>
 
         <view class="activate-info" v-if="detail">
           <view class="activate-title-box">
             <view class="activate-title">{{ detail.name }}</view>
-            <view class="activate-rule" @click="showRuleModal(detail.rules)">活动规则</view>
+            <view class="activate-rule" @click="showRuleModal(detail.rules)"
+              >活动规则</view
+            >
           </view>
 
           <view class="time">
@@ -26,24 +37,42 @@
         </view>
 
         <view class="activate-data-list">
-          <up-tabs :current="tabIndex" :list="[{ name: '竞猜列表' }, { name: '成绩排行' }]" @click="changeTabs"
-            lineColor="#1d2b5c" :scrollable="false" :enableFlex="true"
+          <up-tabs
+            :current="tabIndex"
+            :list="[
+              { name: '竞猜列表' },
+              { name: '成绩排行' },
+              { name: '竞猜记录' },
+            ]"
+            @click="changeTabs"
+            lineColor="#1d2b5c"
+            :scrollable="false"
+            :enableFlex="true"
             itemStyle="width: 50%; text-align: center; font-size: 14px; line-height: 40px;"
-            v-if="isDetailPage"></up-tabs>
+            v-if="isDetailPage"
+          ></up-tabs>
 
           <view v-if="tabIndex === 0 && gameListLength">
-            <view class="guess-date-group" v-for="(block, game_day) in gameList" :key="game_day">
+            <view
+              class="guess-date-group"
+              v-for="(block, game_day) in gameList"
+              :key="game_day"
+            >
               <view class="date">{{ game_day }}</view>
-              <view class="table-cell" v-for="(item, key ) in block" :key="key">
+              <view class="table-cell" v-for="(item, key) in block" :key="key">
                 <view class="activate-name text-xs">{{ item.name }}</view>
                 <view class="guess-vs">
                   <view class="imgbar">
                     <image class="small-img" :src="item.home_logo" />
-                    <view class="name text-4e text-xs">{{ item.home_field }}</view>
+                    <view class="name text-4e text-xs">{{
+                      item.home_field
+                    }}</view>
                   </view>
                   <view class="imgbar">
                     <view class="small-img">VS</view>
-                    <view class="name text-4e text-xs">{{ item.little_game_at }}</view>
+                    <view class="name text-4e text-xs">{{
+                      item.little_game_at
+                    }}</view>
                   </view>
                   <view class="imgbar">
                     <image class="small-img" :src="item.away_logo" />
@@ -51,16 +80,35 @@
                   </view>
                 </view>
                 <view class="result">
-                  <button class="btn text-white text-xs bg-blue" v-if="!item.has_guess && !item.game_at_comparison_now"
-                    @click="showGuessModal(item)">去竞猜</button>
-                  <button class="btn text-white text-xs bg-gray" v-if="!item.has_guess && item.game_at_comparison_now"
-                    @click="showGuessModal(item)">已结束</button>
-                  <button class="btn text-white text-xs bg-gray" @click="showGuessModal(item)"
-                    v-if="item.has_guess">已竞猜</button>
+                  <button
+                    class="btn text-white text-xs bg-blue"
+                    v-if="!item.has_guess && !item.game_at_comparison_now"
+                    @click="showGuessModal(item)"
+                  >
+                    去竞猜
+                  </button>
+                  <button
+                    class="btn text-white text-xs bg-gray"
+                    v-if="!item.has_guess && item.game_at_comparison_now"
+                    @click="showGuessModal(item)"
+                  >
+                    已结束
+                  </button>
+                  <button
+                    class="btn text-white text-xs bg-gray"
+                    @click="showGuessModal(item)"
+                    v-if="item.has_guess"
+                  >
+                    已竞猜
+                  </button>
 
-                  <view class="text-xs text-center" :class="item.has_guess_right ? 'text-red' : 'text-green'"
-                    v-if="item.state == 2 && item.has_guess">
-                    <text>{{ item.has_guess_right ? '+' : '' }}</text><text>{{ item.mark }}</text>
+                  <view
+                    class="text-xs text-center"
+                    :class="item.has_guess_right ? 'text-red' : 'text-green'"
+                    v-if="item.state == 2 && item.has_guess"
+                  >
+                    <text>{{ item.has_guess_right ? '+' : '' }}</text
+                    ><text>{{ item.mark }}</text>
                   </view>
                 </view>
               </view>
@@ -76,14 +124,34 @@
                 </view>
 
                 <view class="guess-rank-btns">
-                  <up-button class="more-btn"
-                    :customStyle="{ margin: 0, width: '75px', height: '28px', backgroundColor: '#1D2B5C', color: '#fff', }"
-                    shape="circle" text="去领奖" @click="$goToPage('packages/pages/award/award')"
-                    v-if="detail.has_gift"></up-button>
+                  <up-button
+                    class="more-btn"
+                    :customStyle="{
+                      margin: 0,
+                      width: '75px',
+                      height: '28px',
+                      backgroundColor: '#1D2B5C',
+                      color: '#fff',
+                    }"
+                    shape="circle"
+                    text="去领奖"
+                    @click="$goToPage('packages/pages/award/award')"
+                    v-if="detail.has_gift"
+                  ></up-button>
 
-                  <up-button class="more-btn"
-                    :customStyle="{ margin: 0, width: '75px', height: '28px', backgroundColor: '#1D2B5C', color: '#fff', }"
-                    shape="circle" text="去分享" openType="share"></up-button>
+                  <up-button
+                    class="more-btn"
+                    :customStyle="{
+                      margin: 0,
+                      width: '75px',
+                      height: '28px',
+                      backgroundColor: '#1D2B5C',
+                      color: '#fff',
+                    }"
+                    shape="circle"
+                    text="去分享"
+                    openType="share"
+                  ></up-button>
                 </view>
 
                 <view class="divider"></view>
@@ -91,8 +159,7 @@
                 <view class="guess-rank-list">
                   <view class="guess-rank-item">
                     <view class="rank-num rank-img"></view>
-                    <view class="rank-user">
-                    </view>
+                    <view class="rank-user"> </view>
                     <view class="rank-text">次数</view>
                     <view class="rank-score">成绩</view>
                   </view>
@@ -102,31 +169,65 @@
                   快去竞猜，争与排名赢大礼
                 </view>
 
-                <view class="guess-rank-list" v-for="(item, index) in gameRankList" :key="index">
+                <view
+                  @click="handleGameRank(item)"
+                  class="guess-rank-list"
+                  v-for="(item, index) in gameRankList"
+                  :key="index"
+                >
                   <view class="guess-rank-item">
                     <view class="rank-num rank-img">
-                      <image class="rank-img" mode="aspectFit"
-                        :src="`${'/static/images/honor-' + (index + 1) + '.png'}`" v-if="(index + 1) <= 3">
+                      <image
+                        class="rank-img"
+                        mode="aspectFit"
+                        :src="`${
+                          '/static/images/honor-' + (index + 1) + '.png'
+                        }`"
+                        v-if="index + 1 <= 3"
+                      >
                       </image>
                       <view v-else>{{ index + 1 }}</view>
                     </view>
                     <view class="rank-user">
-                      <image class="rank-user-img" mode="aspectFit"
-                        :src="`${item.avatar || '/static/images/example-avatar1.png'}`"></image>
-                      <view class="rank-user-nickname">{{ item.nick_name }}</view>
+                      <image
+                        class="rank-user-img"
+                        mode="aspectFit"
+                        :src="`${
+                          item.avatar || '/static/images/example-avatar1.png'
+                        }`"
+                      ></image>
+                      <view class="rank-user-nickname">{{
+                        item.nick_name
+                      }}</view>
                     </view>
-                    <view class="rank-text">{{ item.join_times }}中{{ item.right_times }}</view>
+                    <view class="rank-text"
+                      >{{ item.join_times }}中{{ item.right_times }}</view
+                    >
                     <view class="rank-score">{{ item.mark }}</view>
                   </view>
                 </view>
               </view>
             </view>
           </view>
+
+          <view v-if="tabIndex === 2">
+            <Item
+              v-for="(item, index) in activeLogs"
+              :key="index"
+              :data="item"
+            ></Item>
+          </view>
         </view>
       </view>
 
-      <up-modal :show="showRuleModalVisible" :width="335" :closeOnClickOverlay="true" :showConfirmButton="false"
-        :showCancelButton="false" @close="hideRuleModal">
+      <up-modal
+        :show="showRuleModalVisible"
+        :width="335"
+        :closeOnClickOverlay="true"
+        :showConfirmButton="false"
+        :showCancelButton="false"
+        @close="hideRuleModal"
+      >
         <view class="slot-content-rule">
           <view class="title">活动规则</view>
 
@@ -135,8 +236,14 @@
       </up-modal>
 
       <view class="guess-model" v-if="gameInfo && isDetailPage">
-        <up-modal :show="showGuessModalVisible" :width="335" :closeOnClickOverlay="true" :showConfirmButton="false"
-          :showCancelButton="false" @close="hideGuessModal">
+        <up-modal
+          :show="showGuessModalVisible"
+          :width="335"
+          :closeOnClickOverlay="true"
+          :showConfirmButton="false"
+          :showCancelButton="false"
+          @close="hideGuessModal"
+        >
           <view class="slot-content">
             <view class="guess-title">
               <view>{{ gameInfo.home_field }}</view>
@@ -152,49 +259,127 @@
                 <view class="row-title table-td row-3 col-10">胜</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:0', 'active': userGuess === '1:0', }"
-                      @click="userGuessChange('1:0')">1:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:0', 'active': userGuess === '2:0', }"
-                      @click="userGuessChange('2:0')">2:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:1', 'active': userGuess === '2:1', }"
-                      @click="userGuessChange('2:1')">2:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:0', 'active': userGuess === '3:0', }"
-                      @click="userGuessChange('3:0')">3:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:1', 'active': userGuess === '3:1', }"
-                      @click="userGuessChange('3:1')">3:1</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:0',
+                        active: userGuess === '1:0',
+                      }"
+                      @click="userGuessChange('1:0')"
+                      >1:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:0',
+                        active: userGuess === '2:0',
+                      }"
+                      @click="userGuessChange('2:0')"
+                      >2:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:1',
+                        active: userGuess === '2:1',
+                      }"
+                      @click="userGuessChange('2:1')"
+                      >2:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:0',
+                        active: userGuess === '3:0',
+                      }"
+                      @click="userGuessChange('3:0')"
+                      >3:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:1',
+                        active: userGuess === '3:1',
+                      }"
+                      @click="userGuessChange('3:1')"
+                      >3:1</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:2', 'active': userGuess === '3:2', }"
-                      @click="userGuessChange('3:2')">3:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:0', 'active': userGuess === '4:0', }"
-                      @click="userGuessChange('4:0')">4:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:1', 'active': userGuess === '4:1', }"
-                      @click="userGuessChange('4:1')">4:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:2', 'active': userGuess === '4:2', }"
-                      @click="userGuessChange('4:2')">4:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:0', 'active': userGuess === '5:0', }"
-                      @click="userGuessChange('5:0')">5:0</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:2',
+                        active: userGuess === '3:2',
+                      }"
+                      @click="userGuessChange('3:2')"
+                      >3:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:0',
+                        active: userGuess === '4:0',
+                      }"
+                      @click="userGuessChange('4:0')"
+                      >4:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:1',
+                        active: userGuess === '4:1',
+                      }"
+                      @click="userGuessChange('4:1')"
+                      >4:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:2',
+                        active: userGuess === '4:2',
+                      }"
+                      @click="userGuessChange('4:2')"
+                      >4:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:0',
+                        active: userGuess === '5:0',
+                      }"
+                      @click="userGuessChange('5:0')"
+                      >5:0</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:1', 'active': userGuess === '5:1', }"
-                      @click="userGuessChange('5:1')">5:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:2', 'active': userGuess === '5:2', }"
-                      @click="userGuessChange('5:2')">5:2</view>
-                    <view class="table-td col-6"
-                      :class="{ 'result-active': gameScore === '胜其他', 'active': userGuess === '胜其他', }"
-                      @click="userGuessChange('胜其他')">胜其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:1',
+                        active: userGuess === '5:1',
+                      }"
+                      @click="userGuessChange('5:1')"
+                      >5:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:2',
+                        active: userGuess === '5:2',
+                      }"
+                      @click="userGuessChange('5:2')"
+                      >5:2</view
+                    >
+                    <view
+                      class="table-td col-6"
+                      :class="{
+                        'result-active': gameScore === '胜其他',
+                        active: userGuess === '胜其他',
+                      }"
+                      @click="userGuessChange('胜其他')"
+                      >胜其他</view
+                    >
                   </view>
                 </view>
               </view>
@@ -202,21 +387,51 @@
                 <view class="row-title table-td row-1 col-10">平</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:0', 'active': userGuess === '0:0', }"
-                      @click="userGuessChange('0:0')">0:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:1', 'active': userGuess === '1:1', }"
-                      @click="userGuessChange('1:1')">1:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:2', 'active': userGuess === '2:2', }"
-                      @click="userGuessChange('2:2')">2:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:3', 'active': userGuess === '3:3', }"
-                      @click="userGuessChange('3:3')">3:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '平其他', 'active': userGuess === '平其他', }"
-                      @click="userGuessChange('平其他')">平其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:0',
+                        active: userGuess === '0:0',
+                      }"
+                      @click="userGuessChange('0:0')"
+                      >0:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:1',
+                        active: userGuess === '1:1',
+                      }"
+                      @click="userGuessChange('1:1')"
+                      >1:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:2',
+                        active: userGuess === '2:2',
+                      }"
+                      @click="userGuessChange('2:2')"
+                      >2:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:3',
+                        active: userGuess === '3:3',
+                      }"
+                      @click="userGuessChange('3:3')"
+                      >3:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '平其他',
+                        active: userGuess === '平其他',
+                      }"
+                      @click="userGuessChange('平其他')"
+                      >平其他</view
+                    >
                   </view>
                 </view>
               </view>
@@ -224,62 +439,158 @@
                 <view class="row-title table-td row-3 col-10">负</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:1', 'active': userGuess === '0:1', }"
-                      @click="userGuessChange('0:1')">0:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:2', 'active': userGuess === '0:2', }"
-                      @click="userGuessChange('0:2')">0:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:3', 'active': userGuess === '0:3', }"
-                      @click="userGuessChange('0:3')">0:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:4', 'active': userGuess === '0:4', }"
-                      @click="userGuessChange('0:4')">0:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:5', 'active': userGuess === '0:5', }"
-                      @click="userGuessChange('0:5')">0:5</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:1',
+                        active: userGuess === '0:1',
+                      }"
+                      @click="userGuessChange('0:1')"
+                      >0:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:2',
+                        active: userGuess === '0:2',
+                      }"
+                      @click="userGuessChange('0:2')"
+                      >0:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:3',
+                        active: userGuess === '0:3',
+                      }"
+                      @click="userGuessChange('0:3')"
+                      >0:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:4',
+                        active: userGuess === '0:4',
+                      }"
+                      @click="userGuessChange('0:4')"
+                      >0:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:5',
+                        active: userGuess === '0:5',
+                      }"
+                      @click="userGuessChange('0:5')"
+                      >0:5</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:2', 'active': userGuess === '1:2', }"
-                      @click="userGuessChange('1:2')">1:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:3', 'active': userGuess === '1:3', }"
-                      @click="userGuessChange('1:3')">1:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:4', 'active': userGuess === '1:4', }"
-                      @click="userGuessChange('1:4')">1:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:5', 'active': userGuess === '1:5', }"
-                      @click="userGuessChange('1:5')">1:5</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:3', 'active': userGuess === '2:3', }"
-                      @click="userGuessChange('2:3')">2:3</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:2',
+                        active: userGuess === '1:2',
+                      }"
+                      @click="userGuessChange('1:2')"
+                      >1:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:3',
+                        active: userGuess === '1:3',
+                      }"
+                      @click="userGuessChange('1:3')"
+                      >1:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:4',
+                        active: userGuess === '1:4',
+                      }"
+                      @click="userGuessChange('1:4')"
+                      >1:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:5',
+                        active: userGuess === '1:5',
+                      }"
+                      @click="userGuessChange('1:5')"
+                      >1:5</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:3',
+                        active: userGuess === '2:3',
+                      }"
+                      @click="userGuessChange('2:3')"
+                      >2:3</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:4', 'active': userGuess === '2:4', }"
-                      @click="userGuessChange('2:4')">2:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:5', 'active': userGuess === '2:5', }"
-                      @click="userGuessChange('2:5')">2:5</view>
-                    <view class="table-td col-6"
-                      :class="{ 'result-active': gameScore === '负其他', 'active': userGuess === '负其他', }"
-                      @click="userGuessChange('负其他')">负其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:4',
+                        active: userGuess === '2:4',
+                      }"
+                      @click="userGuessChange('2:4')"
+                      >2:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:5',
+                        active: userGuess === '2:5',
+                      }"
+                      @click="userGuessChange('2:5')"
+                      >2:5</view
+                    >
+                    <view
+                      class="table-td col-6"
+                      :class="{
+                        'result-active': gameScore === '负其他',
+                        active: userGuess === '负其他',
+                      }"
+                      @click="userGuessChange('负其他')"
+                      >负其他</view
+                    >
                   </view>
                 </view>
               </view>
             </view>
 
             <view class="guess-btns" v-if="!readonly">
-              <up-button class="more-btn"
-                :customStyle="{ margin: 0, width: '120px', backgroundColor: '#D9D9D9', color: '#000', }" shape="circle"
-                text="取消" @click="hideGuessModal"></up-button>
+              <up-button
+                class="more-btn"
+                :customStyle="{
+                  margin: 0,
+                  width: '120px',
+                  backgroundColor: '#D9D9D9',
+                  color: '#000',
+                }"
+                shape="circle"
+                text="取消"
+                @click="hideGuessModal"
+              ></up-button>
 
-              <up-button class="more-btn"
-                :customStyle="{ margin: 0, width: '120px', backgroundColor: '#5fb358', color: '#fff', }" shape="circle"
-                text="确定" @click="submitGuessResult"></up-button>
+              <up-button
+                class="more-btn"
+                :customStyle="{
+                  margin: 0,
+                  width: '120px',
+                  backgroundColor: '#5fb358',
+                  color: '#fff',
+                }"
+                shape="circle"
+                text="确定"
+                @click="submitGuessResult"
+              ></up-button>
             </view>
           </view>
         </up-modal>
@@ -289,56 +600,70 @@
 </template>
 
 <script setup>
-import { getCurrentInstance, ref } from "vue";
-import { queryActivitiesDetail, queryGamesList, queryRankList, queryLatestActivitiesDetail } from '@/api/xinjiang_guess';
-import dayjs from "dayjs";
+import { getCurrentInstance, ref } from 'vue'
+import {
+  queryActivitiesDetail,
+  queryGamesList,
+  queryRankList,
+  queryLatestActivitiesDetail,
+  activityGameLogs,
+} from '@/api/xinjiang_guess'
+import dayjs from 'dayjs'
 import config from '@/common/config'
-import { submitGuess } from '@/api/xinjiang_guess';
-import useAuthUser from '@/utils/hooks/useAuthUser';
+import { submitGuess } from '@/api/xinjiang_guess'
+import useAuthUser from '@/utils/hooks/useAuthUser'
+import Item from '@/components/quiz/item.vue'
+const vm = getCurrentInstance()
 
-const vm = getCurrentInstance();
+const isDetailPage = ref(true)
 
-const isDetailPage = ref(true);
-
-const pages = getCurrentPages();
-const page = pages[pages.length - 1];
+const pages = getCurrentPages()
+const page = pages[pages.length - 1]
 if (page.route.includes('packages')) {
-  isDetailPage.value = true;
+  isDetailPage.value = true
 } else {
-  isDetailPage.value = false;
+  isDetailPage.value = false
 }
 
 function useGameDetail() {
-  const detailLoading = ref(false);
-  const detail = ref({});
+  const detailLoading = ref(false)
+  const detail = ref({})
 
   async function getActivitiesDetail(params) {
-    detailLoading.value = true;
-    queryActivitiesDetail(params).then(res => {
-      detail.value = res.data;
-      detail.value.start_at = dayjs(detail.value.start_at).format('YYYY-MM-DD');
-      detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD');
-      detailLoading.false = false;
-    }).catch(err => {
-      console.error(err);
-      detailLoading.value = false;
-    })
+    detailLoading.value = true
+    queryActivitiesDetail(params)
+      .then((res) => {
+        detail.value = res.data
+        detail.value.start_at = dayjs(detail.value.start_at).format(
+          'YYYY-MM-DD'
+        )
+        detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD')
+        detailLoading.false = false
+      })
+      .catch((err) => {
+        console.error(err)
+        detailLoading.value = false
+      })
   }
 
   function getLatestActivitiesDetail(params) {
     return new Promise((resolve, reject) => {
-      detailLoading.value = true;
-      queryLatestActivitiesDetail(params).then(res => {
-        detail.value = res.data.activity;
-        detail.value.start_at = dayjs(detail.value.start_at).format('YYYY-MM-DD');
-        detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD');
-        detailLoading.false = false;
-        resolve(detail);
-      }).catch(err => {
-        console.error(err);
-        detailLoading.value = false;
-        reject(err);
-      })
+      detailLoading.value = true
+      queryLatestActivitiesDetail(params)
+        .then((res) => {
+          detail.value = res.data.activity
+          detail.value.start_at = dayjs(detail.value.start_at).format(
+            'YYYY-MM-DD'
+          )
+          detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD')
+          detailLoading.false = false
+          resolve(detail)
+        })
+        .catch((err) => {
+          console.error(err)
+          detailLoading.value = false
+          reject(err)
+        })
     })
   }
 
@@ -351,32 +676,34 @@ function useGameDetail() {
 }
 
 function useGame() {
-  const gameListLoading = ref(false);
-  const gameList = ref([]);
+  const gameListLoading = ref(false)
+  const gameList = ref([])
 
   function gameGroupWithDay(data) {
-    let result = {};
-    data.forEach(item => {
-      result[item.game_day] = [];
-    });
-    data.forEach(item => {
+    let result = {}
+    data.forEach((item) => {
+      result[item.game_day] = []
+    })
+    data.forEach((item) => {
       const isExpired = dayjs(item.game_at).isBefore(dayjs())
-      item.is_expired = isExpired;
+      item.is_expired = isExpired
 
-      result[item.game_day].push(item);
-    });
-    return result;
+      result[item.game_day].push(item)
+    })
+    return result
   }
 
   function getGameList(params) {
-    gameListLoading.value = true;
-    queryGamesList(params).then(res => {
-      gameList.value = gameGroupWithDay(res.data.games);
-      gameListLoading.value = false;
-    }).catch(err => {
-      console.error(err);
-      gameListLoading.value = false;
-    })
+    gameListLoading.value = true
+    queryGamesList(params)
+      .then((res) => {
+        gameList.value = gameGroupWithDay(res.data.games)
+        gameListLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        gameListLoading.value = false
+      })
   }
 
   return {
@@ -388,20 +715,22 @@ function useGame() {
 }
 
 function useGameRank() {
-  const gameRankListLoading = ref(false);
-  const gameRankList = ref([]);
-  const gameRankNumber = ref(0);
+  const gameRankListLoading = ref(false)
+  const gameRankList = ref([])
+  const gameRankNumber = ref(0)
 
   function getGameRankList(params) {
-    gameRankListLoading.value = true;
-    queryRankList(params).then(res => {
-      gameRankList.value = res.data.rank_list;
-      gameRankNumber.value = res.data.rank_number;
-      gameRankListLoading.value = false;
-    }).catch(err => {
-      console.error(err);
-      gameRankListLoading.value = false;
-    })
+    gameRankListLoading.value = true
+    queryRankList(params)
+      .then((res) => {
+        gameRankList.value = res.data.rank_list
+        gameRankNumber.value = res.data.rank_number
+        gameRankListLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        gameRankListLoading.value = false
+      })
   }
 
   return {
@@ -412,16 +741,38 @@ function useGameRank() {
   }
 }
 
+function useActiveLog() {
+  const activeLogsLoading = ref(false)
+  const activeLogs = ref([])
+  function getActiveLogs(params) {
+    activeLogsLoading.value = true
+    activityGameLogs(params)
+      .then((res) => {
+        activeLogs.value = res.data.list
+        activeLogsLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        activeLogsLoading.value = false
+      })
+  }
+  return {
+    activeLogsLoading,
+    activeLogs,
+    getActiveLogs,
+  }
+}
+
 function useGuessRuleModal() {
-  const showRuleModalVisible = ref(false);
-  const ruleContent = ref('');
+  const showRuleModalVisible = ref(false)
+  const ruleContent = ref('')
 
   function showRuleModal(rules) {
-    ruleContent.value = rules;
-    showRuleModalVisible.value = true;
+    ruleContent.value = rules
+    showRuleModalVisible.value = true
   }
   function hideRuleModal() {
-    showRuleModalVisible.value = false;
+    showRuleModalVisible.value = false
   }
 
   return {
@@ -437,216 +788,239 @@ const {
   detail,
   getActivitiesDetail,
   getLatestActivitiesDetail,
-} = useGameDetail();
-const {
-  gameListLoading,
-  gameList,
-  gameListLength,
-  getGameList,
-} = useGame();
-const {
-  gameRankListLoading,
-  gameRankList,
-  gameRankNumber,
-  getGameRankList,
-} = useGameRank();
-const {
-  showRuleModalVisible,
-  ruleContent,
-  showRuleModal,
-  hideRuleModal,
-} = useGuessRuleModal();
+} = useGameDetail()
+const { gameListLoading, gameList, gameListLength, getGameList } = useGame()
+const { gameRankListLoading, gameRankList, gameRankNumber, getGameRankList } =
+  useGameRank()
 
-const tabIndex = ref(0);
+const { activeLogsLoading, activeLogs, getActiveLogs } = useActiveLog()
+
+const { showRuleModalVisible, ruleContent, showRuleModal, hideRuleModal } =
+  useGuessRuleModal()
+
+const tabIndex = ref(0)
 function changeTabs(tab) {
-  gameList.value = [];
-  gameRankList.value = [];
+  gameList.value = []
+  gameRankList.value = []
 
-  tabIndex.value = tab.index;
-  getMescroll().resetUpScroll();
+  tabIndex.value = tab.index
+  getMescroll().resetUpScroll()
 }
 
-const gameInfo = ref(null);
-const readonly = ref(false);
-const showGuessModalVisible = ref(false);
-const userGuess = ref('0:0');
-const gameScore = ref('');
-const submitGuessLoading = ref(false);
-
+const gameInfo = ref(null)
+const readonly = ref(false)
+const showGuessModalVisible = ref(false)
+const userGuess = ref('0:0')
+const gameScore = ref('')
+const submitGuessLoading = ref(false)
 
 function userGuessChange(score) {
   if (readonly.value) {
-    return;
+    return
   }
-  userGuess.value = score;
+  userGuess.value = score
 }
 function showGuessModal(item) {
-  const { user } = useAuthUser();
+  const { user } = useAuthUser()
   if (!user || user.is_need_bind_phone) {
-    vm.proxy.$goToPage('packages/pages/login/login?previous=activeDetail&url=/packages/pages/activeDetail/activeDetail&id=' + detailId.value);
-    return;
+    vm.proxy.$goToPage(
+      'packages/pages/login/login?previous=activeDetail&url=/packages/pages/activeDetail/activeDetail&id=' +
+        detailId.value
+    )
+    return
   }
 
-  console.log('gameInfo', item);
-  gameInfo.value = item;
-  gameScore.value = item.game_score;
+  console.log('gameInfo', item)
+  gameInfo.value = item
+  gameScore.value = item.game_score
 
-  readonly.value = false;
+  readonly.value = false
   if (gameInfo.value.has_guess) {
-    readonly.value = true;
+    readonly.value = true
   }
   if (gameInfo.value.game_at_comparison_now) {
-    readonly.value = true;
+    readonly.value = true
   }
 
   if (readonly.value) {
-    userGuess.value = item.has_guess;
+    userGuess.value = item.has_guess
   } else {
-    userGuess.value = '0:0';
+    userGuess.value = '0:0'
   }
 
-  showGuessModalVisible.value = true;
+  showGuessModalVisible.value = true
 }
 function hideGuessModal() {
-  showGuessModalVisible.value = false;
+  showGuessModalVisible.value = false
   setTimeout(() => {
-    userGuess.value = '0:0';
-  }, 300);
+    userGuess.value = '0:0'
+  }, 300)
 }
 
 async function submitGuessResult() {
   try {
     uni.showLoading({
-      title: "加载中..."
-    });
-    submitGuessLoading.value = true;
+      title: '加载中...',
+    })
+    submitGuessLoading.value = true
 
     const params = {
       game: gameInfo.value.id,
       score: userGuess.value,
-    };
+    }
 
-    console.log('submitGuessResult', params);
+    console.log('submitGuessResult', params)
 
-    const res = await submitGuess(params, { custom: { catch: true } });
-    getMescroll().resetUpScroll();
+    const res = await submitGuess(params, { custom: { catch: true } })
+    getMescroll().resetUpScroll()
     uni.showToast({
       title: res.message,
-      icon: "none",
-    });
-    setTimeout(hideGuessModal, 0);
+      icon: 'none',
+    })
+    setTimeout(hideGuessModal, 0)
   } catch (err) {
-    console.error(err);
+    console.error(err)
   } finally {
-    submitGuessLoading.value = false;
+    submitGuessLoading.value = false
   }
 }
 
-const detailId = ref(0);
+const detailId = ref(0)
 
 if (isDetailPage.value) {
-  tabIndex.value = 0;
+  tabIndex.value = 0
 } else {
-  tabIndex.value = 1;
+  tabIndex.value = 1
 }
 
 function getData(page = 1, per_page = 10) {
   return new Promise(async (resolve, reject) => {
     if (isDetailPage.value) {
-      getActivitiesDetail({ id: detailId.value });
+      getActivitiesDetail({ id: detailId.value })
       switch (parseInt(tabIndex.value)) {
         default:
           getGameList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
         case 0:
           getGameList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
         case 1:
           getGameRankList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
+        case 2:
+          getActiveLogs({
+            activity_id: detailId.value,
+            page: page,
+            per_page: per_page,
+          })
+          resolve()
+          break
       }
     } else {
-      getLatestActivitiesDetail({ page, per_page }).then(leatestActiviteDetail => {
-        getGameRankList({
-          activity_id: leatestActiviteDetail.value.id,
-          page,
-          per_page,
-        });
-        resolve({
-          list: gameRankList.value,
-        });
-      });
+      getLatestActivitiesDetail({ page, per_page }).then(
+        (leatestActiviteDetail) => {
+          getGameRankList({
+            activity_id: leatestActiviteDetail.value.id,
+            page,
+            per_page,
+          })
+          resolve({
+            list: gameRankList.value,
+          })
+        }
+      )
     }
-  });
+  })
 }
 
-import { onShow, onLoad, onPullDownRefresh, onPageScroll, onReachBottom, onShareAppMessage } from "@dcloudio/uni-app";
-import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js";
-const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom)
+import {
+  onShow,
+  onLoad,
+  onPullDownRefresh,
+  onPageScroll,
+  onReachBottom,
+  onShareAppMessage,
+} from '@dcloudio/uni-app'
+import useMescroll from '@/uni_modules/mescroll-uni/hooks/useMescroll.js'
+const { mescrollInit, downCallback, getMescroll } = useMescroll(
+  onPageScroll,
+  onReachBottom
+)
 
-const list = ref([]);
+const list = ref([])
 const upCallback = (mescroll) => {
-  typeof getData === 'function' && getData(mescroll.num, mescroll.size).then(data => {
-    let curPageData = [] // 当前页数据
-    if (Array.isArray(data)) {
-      curPageData = data;
-    }
-    if (mescroll.num == 1) list.value = []; // 第一页需手动制空列表
-    list.value = list.value.concat(curPageData); //追加新数据
-    //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
-    //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
+  typeof getData === 'function' &&
+    getData(mescroll.num, mescroll.size)
+      .then((data) => {
+        let curPageData = [] // 当前页数据
+        if (Array.isArray(data)) {
+          curPageData = data
+        }
+        if (mescroll.num == 1) list.value = [] // 第一页需手动制空列表
+        list.value = list.value.concat(curPageData) //追加新数据
+        console.log(data)
+        //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+        //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
 
-    //方法一(推荐): 后台接口有返回列表的总页数 totalPage
-    //mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)
+        //方法一(推荐): 后台接口有返回列表的总页数 totalPage
+        //mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)
 
-    //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
-    //mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)
+        //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
+        //mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)
 
-    //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
-    //mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)
+        //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
+        //mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)
 
-    //方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据.
-    mescroll.endSuccess(curPageData.length); // 请求成功, 结束加载
-  }).catch(() => {
-    mescroll.endErr(); // 请求失败, 结束加载
-  })
-};
+        //方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据.
+        mescroll.endSuccess(curPageData.length) // 请求成功, 结束加载
+      })
+      .catch(() => {
+        mescroll.endErr() // 请求失败, 结束加载
+      })
+}
 
 onLoad((query) => {
-  detailId.value = query.id;
+  detailId.value = query.id
   if (query.tab) {
-    tabIndex.value = query.tab;
+    tabIndex.value = query.tab
   }
 
-  const vm = getCurrentInstance();
+  const vm = getCurrentInstance()
   setTimeout(() => {
-    vm.proxy.mpShare.title = detail.value.share_title || '';
+    vm.proxy.mpShare.title = detail.value.share_title || ''
 
     if (isDetailPage.value) {
-      vm.proxy.mpShare.path = `/packages/pages/activeDetail/activeDetail?id=${detail.value.id}`;
+      vm.proxy.mpShare.path = `/packages/pages/activeDetail/activeDetail?id=${detail.value.id}`
       console.log('mpSharePath detail', vm.proxy.mpShare.path)
     } else {
-      vm.proxy.mpShare.path = `/pages/charts/charts`;
+      vm.proxy.mpShare.path = `/pages/charts/charts`
       console.log('mpSharePath charts', vm.proxy.mpShare.path)
     }
-    vm.proxy.mpShare.imageUrl = detail.value.share_image || '';
-  }, 1500);
-});
+    vm.proxy.mpShare.imageUrl = detail.value.share_image || ''
+  }, 1500)
+})
+
+const handleGameRank = (e) => {
+  vm.proxy.$goToPage({
+    url: 'pages/quiz/logs',
+    params: { activity_id: detailId.value },
+  })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -722,7 +1096,6 @@ onLoad((query) => {
     }
   }
 
-
   .slot-content-rule {
     display: flex;
     flex-direction: column;
@@ -743,7 +1116,6 @@ onLoad((query) => {
   }
 }
 
-
 .u-modal {
   .u-modal__content {
     padding: 12px !important;
@@ -786,7 +1158,7 @@ onLoad((query) => {
     }
 
     .table-td.active {
-      background-color: #1D2B5C;
+      background-color: #1d2b5c;
       color: #fff;
     }
 
@@ -843,7 +1215,7 @@ onLoad((query) => {
     }
 
     .herder-title {
-      background-color: #1D2B5C;
+      background-color: #1d2b5c;
       color: #fff;
 
       .table-td {
@@ -852,7 +1224,7 @@ onLoad((query) => {
     }
 
     .row-title {
-      background-color: #D9D9D9;
+      background-color: #d9d9d9;
       width: 48px !important;
       justify-content: center !important;
     }
@@ -889,7 +1261,7 @@ onLoad((query) => {
   .date {
     height: 20px;
     line-height: 20px;
-    background: #1D2B5C;
+    background: #1d2b5c;
     color: #fff;
     padding: 2px 8px;
   }
diff --git a/src/pages/charts/charts.vue b/src/pages/charts/charts.vue
index 55a7540..5421a9b 100644
--- a/src/pages/charts/charts.vue
+++ b/src/pages/charts/charts.vue
@@ -1,21 +1,32 @@
 <template>
   <view class="page-activate-detail">
-    <mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback" :up="{
-      empty: {
-        use: false,
-      }
-    }">
+    <mescroll-body
+      @init="mescrollInit"
+      @down="downCallback"
+      @up="upCallback"
+      :up="{
+        empty: {
+          use: false,
+        },
+      }"
+    >
       <view class="activate-cover" v-if="detail.cover">
         <image class="activate-cover" mode="aspectFill" :src="detail.cover" />
       </view>
 
       <view class="activate-box" v-if="detail.id">
-        <image class="bg" mode="widthFix" :src="`${config.baseUrl}/images/mini-bg.jpg`"></image>
+        <image
+          class="bg"
+          mode="widthFix"
+          :src="`${config.baseUrl}/images/mini-bg.jpg`"
+        ></image>
 
         <view class="activate-info" v-if="detail">
           <view class="activate-title-box">
             <view class="activate-title">{{ detail.name }}</view>
-            <view class="activate-rule" @click="showRuleModal(detail.rules)">活动规则</view>
+            <view class="activate-rule" @click="showRuleModal(detail.rules)"
+              >活动规则</view
+            >
           </view>
 
           <view class="time">
@@ -26,24 +37,42 @@
         </view>
 
         <view class="activate-data-list">
-          <up-tabs :current="tabIndex" :list="[{ name: '竞猜列表' }, { name: '成绩排行' }]" @click="changeTabs"
-            lineColor="#1d2b5c" :scrollable="false" :enableFlex="true"
+          <up-tabs
+            :current="tabIndex"
+            :list="[
+              { name: '竞猜列表' },
+              { name: '成绩排行' },
+              { name: '竞猜记录' },
+            ]"
+            @click="changeTabs"
+            lineColor="#1d2b5c"
+            :scrollable="false"
+            :enableFlex="true"
             itemStyle="width: 50%; text-align: center; font-size: 14px; line-height: 40px;"
-            v-if="isDetailPage"></up-tabs>
+            v-if="isDetailPage"
+          ></up-tabs>
 
           <view v-if="tabIndex === 0 && gameListLength">
-            <view class="guess-date-group" v-for="(block, game_day) in gameList" :key="game_day">
+            <view
+              class="guess-date-group"
+              v-for="(block, game_day) in gameList"
+              :key="game_day"
+            >
               <view class="date">{{ game_day }}</view>
-              <view class="table-cell" v-for="(item, key ) in block" :key="key">
+              <view class="table-cell" v-for="(item, key) in block" :key="key">
                 <view class="activate-name text-xs">{{ item.name }}</view>
                 <view class="guess-vs">
                   <view class="imgbar">
                     <image class="small-img" :src="item.home_logo" />
-                    <view class="name text-4e text-xs">{{ item.home_field }}</view>
+                    <view class="name text-4e text-xs">{{
+                      item.home_field
+                    }}</view>
                   </view>
                   <view class="imgbar">
                     <view class="small-img">VS</view>
-                    <view class="name text-4e text-xs">{{ item.little_game_at }}</view>
+                    <view class="name text-4e text-xs">{{
+                      item.little_game_at
+                    }}</view>
                   </view>
                   <view class="imgbar">
                     <image class="small-img" :src="item.away_logo" />
@@ -51,16 +80,35 @@
                   </view>
                 </view>
                 <view class="result">
-                  <button class="btn text-white text-xs bg-blue" v-if="!item.has_guess && !item.game_at_comparison_now"
-                    @click="showGuessModal(item)">去竞猜</button>
-                  <button class="btn text-white text-xs bg-gray" v-if="!item.has_guess && item.game_at_comparison_now"
-                    @click="showGuessModal(item)">已结束</button>
-                  <button class="btn text-white text-xs bg-gray" @click="showGuessModal(item)"
-                    v-if="item.has_guess">已竞猜</button>
+                  <button
+                    class="btn text-white text-xs bg-blue"
+                    v-if="!item.has_guess && !item.game_at_comparison_now"
+                    @click="showGuessModal(item)"
+                  >
+                    去竞猜
+                  </button>
+                  <button
+                    class="btn text-white text-xs bg-gray"
+                    v-if="!item.has_guess && item.game_at_comparison_now"
+                    @click="showGuessModal(item)"
+                  >
+                    已结束
+                  </button>
+                  <button
+                    class="btn text-white text-xs bg-gray"
+                    @click="showGuessModal(item)"
+                    v-if="item.has_guess"
+                  >
+                    已竞猜
+                  </button>
 
-                  <view class="text-xs text-center" :class="item.has_guess_right ? 'text-red' : 'text-green'"
-                    v-if="item.state == 2 && item.has_guess">
-                    <text>{{ item.has_guess_right ? '+' : '' }}</text><text>{{ item.mark }}</text>
+                  <view
+                    class="text-xs text-center"
+                    :class="item.has_guess_right ? 'text-red' : 'text-green'"
+                    v-if="item.state == 2 && item.has_guess"
+                  >
+                    <text>{{ item.has_guess_right ? '+' : '' }}</text
+                    ><text>{{ item.mark }}</text>
                   </view>
                 </view>
               </view>
@@ -76,14 +124,34 @@
                 </view>
 
                 <view class="guess-rank-btns">
-                  <up-button class="more-btn"
-                    :customStyle="{ margin: 0, width: '75px', height: '28px', backgroundColor: '#1D2B5C', color: '#fff', }"
-                    shape="circle" text="去领奖" @click="$goToPage('packages/pages/award/award')"
-                    v-if="detail.has_gift"></up-button>
+                  <up-button
+                    class="more-btn"
+                    :customStyle="{
+                      margin: 0,
+                      width: '75px',
+                      height: '28px',
+                      backgroundColor: '#1D2B5C',
+                      color: '#fff',
+                    }"
+                    shape="circle"
+                    text="去领奖"
+                    @click="$goToPage('packages/pages/award/award')"
+                    v-if="detail.has_gift"
+                  ></up-button>
 
-                  <up-button class="more-btn"
-                    :customStyle="{ margin: 0, width: '75px', height: '28px', backgroundColor: '#1D2B5C', color: '#fff', }"
-                    shape="circle" text="去分享" openType="share"></up-button>
+                  <up-button
+                    class="more-btn"
+                    :customStyle="{
+                      margin: 0,
+                      width: '75px',
+                      height: '28px',
+                      backgroundColor: '#1D2B5C',
+                      color: '#fff',
+                    }"
+                    shape="circle"
+                    text="去分享"
+                    openType="share"
+                  ></up-button>
                 </view>
 
                 <view class="divider"></view>
@@ -91,8 +159,7 @@
                 <view class="guess-rank-list">
                   <view class="guess-rank-item">
                     <view class="rank-num rank-img"></view>
-                    <view class="rank-user">
-                    </view>
+                    <view class="rank-user"> </view>
                     <view class="rank-text">次数</view>
                     <view class="rank-score">成绩</view>
                   </view>
@@ -102,31 +169,65 @@
                   快去竞猜，争与排名赢大礼
                 </view>
 
-                <view class="guess-rank-list" v-for="(item, index) in gameRankList" :key="index">
+                <view
+                  @click="handleGameRank(item)"
+                  class="guess-rank-list"
+                  v-for="(item, index) in gameRankList"
+                  :key="index"
+                >
                   <view class="guess-rank-item">
                     <view class="rank-num rank-img">
-                      <image class="rank-img" mode="aspectFit"
-                        :src="`${'/static/images/honor-' + (index + 1) + '.png'}`" v-if="(index + 1) <= 3">
+                      <image
+                        class="rank-img"
+                        mode="aspectFit"
+                        :src="`${
+                          '/static/images/honor-' + (index + 1) + '.png'
+                        }`"
+                        v-if="index + 1 <= 3"
+                      >
                       </image>
                       <view v-else>{{ index + 1 }}</view>
                     </view>
                     <view class="rank-user">
-                      <image class="rank-user-img" mode="aspectFit"
-                        :src="`${item.avatar || '/static/images/example-avatar1.png'}`"></image>
-                      <view class="rank-user-nickname">{{ item.nick_name }}</view>
+                      <image
+                        class="rank-user-img"
+                        mode="aspectFit"
+                        :src="`${
+                          item.avatar || '/static/images/example-avatar1.png'
+                        }`"
+                      ></image>
+                      <view class="rank-user-nickname">{{
+                        item.nick_name
+                      }}</view>
                     </view>
-                    <view class="rank-text">{{ item.join_times }}中{{ item.right_times }}</view>
+                    <view class="rank-text"
+                      >{{ item.join_times }}中{{ item.right_times }}</view
+                    >
                     <view class="rank-score">{{ item.mark }}</view>
                   </view>
                 </view>
               </view>
             </view>
           </view>
+
+          <view v-if="tabIndex === 2">
+            <Item
+              v-for="(item, index) in activeLogs"
+              :key="index"
+              :data="item"
+            ></Item>
+          </view>
         </view>
       </view>
 
-      <up-modal :show="showRuleModalVisible" :width="335" :closeOnClickOverlay="true" :showConfirmButton="false"
-        :showCancelButton="false" @close="hideRuleModal">
+      <up-modal
+        :show="showRuleModalVisible"
+        :width="335"
+        :closeOnClickOverlay="true"
+        :showConfirmButton="false"
+        :showCancelButton="false"
+        @close="hideRuleModal"
+      >
         <view class="slot-content-rule">
           <view class="title">活动规则</view>
 
@@ -135,8 +236,14 @@
       </up-modal>
 
       <view class="guess-model" v-if="gameInfo && isDetailPage">
-        <up-modal :show="showGuessModalVisible" :width="335" :closeOnClickOverlay="true" :showConfirmButton="false"
-          :showCancelButton="false" @close="hideGuessModal">
+        <up-modal
+          :show="showGuessModalVisible"
+          :width="335"
+          :closeOnClickOverlay="true"
+          :showConfirmButton="false"
+          :showCancelButton="false"
+          @close="hideGuessModal"
+        >
           <view class="slot-content">
             <view class="guess-title">
               <view>{{ gameInfo.home_field }}</view>
@@ -152,49 +259,127 @@
                 <view class="row-title table-td row-3 col-10">胜</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:0', 'active': userGuess === '1:0', }"
-                      @click="userGuessChange('1:0')">1:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:0', 'active': userGuess === '2:0', }"
-                      @click="userGuessChange('2:0')">2:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:1', 'active': userGuess === '2:1', }"
-                      @click="userGuessChange('2:1')">2:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:0', 'active': userGuess === '3:0', }"
-                      @click="userGuessChange('3:0')">3:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:1', 'active': userGuess === '3:1', }"
-                      @click="userGuessChange('3:1')">3:1</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:0',
+                        active: userGuess === '1:0',
+                      }"
+                      @click="userGuessChange('1:0')"
+                      >1:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:0',
+                        active: userGuess === '2:0',
+                      }"
+                      @click="userGuessChange('2:0')"
+                      >2:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:1',
+                        active: userGuess === '2:1',
+                      }"
+                      @click="userGuessChange('2:1')"
+                      >2:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:0',
+                        active: userGuess === '3:0',
+                      }"
+                      @click="userGuessChange('3:0')"
+                      >3:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:1',
+                        active: userGuess === '3:1',
+                      }"
+                      @click="userGuessChange('3:1')"
+                      >3:1</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:2', 'active': userGuess === '3:2', }"
-                      @click="userGuessChange('3:2')">3:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:0', 'active': userGuess === '4:0', }"
-                      @click="userGuessChange('4:0')">4:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:1', 'active': userGuess === '4:1', }"
-                      @click="userGuessChange('4:1')">4:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '4:2', 'active': userGuess === '4:2', }"
-                      @click="userGuessChange('4:2')">4:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:0', 'active': userGuess === '5:0', }"
-                      @click="userGuessChange('5:0')">5:0</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:2',
+                        active: userGuess === '3:2',
+                      }"
+                      @click="userGuessChange('3:2')"
+                      >3:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:0',
+                        active: userGuess === '4:0',
+                      }"
+                      @click="userGuessChange('4:0')"
+                      >4:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:1',
+                        active: userGuess === '4:1',
+                      }"
+                      @click="userGuessChange('4:1')"
+                      >4:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '4:2',
+                        active: userGuess === '4:2',
+                      }"
+                      @click="userGuessChange('4:2')"
+                      >4:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:0',
+                        active: userGuess === '5:0',
+                      }"
+                      @click="userGuessChange('5:0')"
+                      >5:0</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:1', 'active': userGuess === '5:1', }"
-                      @click="userGuessChange('5:1')">5:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '5:2', 'active': userGuess === '5:2', }"
-                      @click="userGuessChange('5:2')">5:2</view>
-                    <view class="table-td col-6"
-                      :class="{ 'result-active': gameScore === '胜其他', 'active': userGuess === '胜其他', }"
-                      @click="userGuessChange('胜其他')">胜其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:1',
+                        active: userGuess === '5:1',
+                      }"
+                      @click="userGuessChange('5:1')"
+                      >5:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '5:2',
+                        active: userGuess === '5:2',
+                      }"
+                      @click="userGuessChange('5:2')"
+                      >5:2</view
+                    >
+                    <view
+                      class="table-td col-6"
+                      :class="{
+                        'result-active': gameScore === '胜其他',
+                        active: userGuess === '胜其他',
+                      }"
+                      @click="userGuessChange('胜其他')"
+                      >胜其他</view
+                    >
                   </view>
                 </view>
               </view>
@@ -202,21 +387,51 @@
                 <view class="row-title table-td row-1 col-10">平</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:0', 'active': userGuess === '0:0', }"
-                      @click="userGuessChange('0:0')">0:0</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:1', 'active': userGuess === '1:1', }"
-                      @click="userGuessChange('1:1')">1:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:2', 'active': userGuess === '2:2', }"
-                      @click="userGuessChange('2:2')">2:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '3:3', 'active': userGuess === '3:3', }"
-                      @click="userGuessChange('3:3')">3:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '平其他', 'active': userGuess === '平其他', }"
-                      @click="userGuessChange('平其他')">平其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:0',
+                        active: userGuess === '0:0',
+                      }"
+                      @click="userGuessChange('0:0')"
+                      >0:0</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:1',
+                        active: userGuess === '1:1',
+                      }"
+                      @click="userGuessChange('1:1')"
+                      >1:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:2',
+                        active: userGuess === '2:2',
+                      }"
+                      @click="userGuessChange('2:2')"
+                      >2:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '3:3',
+                        active: userGuess === '3:3',
+                      }"
+                      @click="userGuessChange('3:3')"
+                      >3:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '平其他',
+                        active: userGuess === '平其他',
+                      }"
+                      @click="userGuessChange('平其他')"
+                      >平其他</view
+                    >
                   </view>
                 </view>
               </view>
@@ -224,62 +439,158 @@
                 <view class="row-title table-td row-3 col-10">负</view>
                 <view class="row-content">
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:1', 'active': userGuess === '0:1', }"
-                      @click="userGuessChange('0:1')">0:1</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:2', 'active': userGuess === '0:2', }"
-                      @click="userGuessChange('0:2')">0:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:3', 'active': userGuess === '0:3', }"
-                      @click="userGuessChange('0:3')">0:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:4', 'active': userGuess === '0:4', }"
-                      @click="userGuessChange('0:4')">0:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '0:5', 'active': userGuess === '0:5', }"
-                      @click="userGuessChange('0:5')">0:5</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:1',
+                        active: userGuess === '0:1',
+                      }"
+                      @click="userGuessChange('0:1')"
+                      >0:1</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:2',
+                        active: userGuess === '0:2',
+                      }"
+                      @click="userGuessChange('0:2')"
+                      >0:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:3',
+                        active: userGuess === '0:3',
+                      }"
+                      @click="userGuessChange('0:3')"
+                      >0:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:4',
+                        active: userGuess === '0:4',
+                      }"
+                      @click="userGuessChange('0:4')"
+                      >0:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '0:5',
+                        active: userGuess === '0:5',
+                      }"
+                      @click="userGuessChange('0:5')"
+                      >0:5</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:2', 'active': userGuess === '1:2', }"
-                      @click="userGuessChange('1:2')">1:2</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:3', 'active': userGuess === '1:3', }"
-                      @click="userGuessChange('1:3')">1:3</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:4', 'active': userGuess === '1:4', }"
-                      @click="userGuessChange('1:4')">1:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '1:5', 'active': userGuess === '1:5', }"
-                      @click="userGuessChange('1:5')">1:5</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:3', 'active': userGuess === '2:3', }"
-                      @click="userGuessChange('2:3')">2:3</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:2',
+                        active: userGuess === '1:2',
+                      }"
+                      @click="userGuessChange('1:2')"
+                      >1:2</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:3',
+                        active: userGuess === '1:3',
+                      }"
+                      @click="userGuessChange('1:3')"
+                      >1:3</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:4',
+                        active: userGuess === '1:4',
+                      }"
+                      @click="userGuessChange('1:4')"
+                      >1:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '1:5',
+                        active: userGuess === '1:5',
+                      }"
+                      @click="userGuessChange('1:5')"
+                      >1:5</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:3',
+                        active: userGuess === '2:3',
+                      }"
+                      @click="userGuessChange('2:3')"
+                      >2:3</view
+                    >
                   </view>
                   <view class="row-1 col-10">
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:4', 'active': userGuess === '2:4', }"
-                      @click="userGuessChange('2:4')">2:4</view>
-                    <view class="table-td col-2"
-                      :class="{ 'result-active': gameScore === '2:5', 'active': userGuess === '2:5', }"
-                      @click="userGuessChange('2:5')">2:5</view>
-                    <view class="table-td col-6"
-                      :class="{ 'result-active': gameScore === '负其他', 'active': userGuess === '负其他', }"
-                      @click="userGuessChange('负其他')">负其他</view>
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:4',
+                        active: userGuess === '2:4',
+                      }"
+                      @click="userGuessChange('2:4')"
+                      >2:4</view
+                    >
+                    <view
+                      class="table-td col-2"
+                      :class="{
+                        'result-active': gameScore === '2:5',
+                        active: userGuess === '2:5',
+                      }"
+                      @click="userGuessChange('2:5')"
+                      >2:5</view
+                    >
+                    <view
+                      class="table-td col-6"
+                      :class="{
+                        'result-active': gameScore === '负其他',
+                        active: userGuess === '负其他',
+                      }"
+                      @click="userGuessChange('负其他')"
+                      >负其他</view
+                    >
                   </view>
                 </view>
               </view>
             </view>
 
             <view class="guess-btns" v-if="!readonly">
-              <up-button class="more-btn"
-                :customStyle="{ margin: 0, width: '120px', backgroundColor: '#D9D9D9', color: '#000', }" shape="circle"
-                text="取消" @click="hideGuessModal"></up-button>
+              <up-button
+                class="more-btn"
+                :customStyle="{
+                  margin: 0,
+                  width: '120px',
+                  backgroundColor: '#D9D9D9',
+                  color: '#000',
+                }"
+                shape="circle"
+                text="取消"
+                @click="hideGuessModal"
+              ></up-button>
 
-              <up-button class="more-btn"
-                :customStyle="{ margin: 0, width: '120px', backgroundColor: '#5fb358', color: '#fff', }" shape="circle"
-                text="确定" @click="submitGuessResult"></up-button>
+              <up-button
+                class="more-btn"
+                :customStyle="{
+                  margin: 0,
+                  width: '120px',
+                  backgroundColor: '#5fb358',
+                  color: '#fff',
+                }"
+                shape="circle"
+                text="确定"
+                @click="submitGuessResult"
+              ></up-button>
             </view>
           </view>
         </up-modal>
@@ -289,56 +600,70 @@
 </template>
 
 <script setup>
-import { getCurrentInstance, ref } from "vue";
-import { queryActivitiesDetail, queryGamesList, queryRankList, queryLatestActivitiesDetail } from '@/api/xinjiang_guess';
-import dayjs from "dayjs";
+import { getCurrentInstance, ref } from 'vue'
+import {
+  queryActivitiesDetail,
+  queryGamesList,
+  queryRankList,
+  queryLatestActivitiesDetail,
+  activityGameLogs,
+} from '@/api/xinjiang_guess'
+import dayjs from 'dayjs'
 import config from '@/common/config'
-import { submitGuess } from '@/api/xinjiang_guess';
-import useAuthUser from '@/utils/hooks/useAuthUser';
+import { submitGuess } from '@/api/xinjiang_guess'
+import useAuthUser from '@/utils/hooks/useAuthUser'
+import Item from '@/components/quiz/item.vue'
+const vm = getCurrentInstance()
 
-const vm = getCurrentInstance();
+const isDetailPage = ref(true)
 
-const isDetailPage = ref(true);
-
-const pages = getCurrentPages();
-const page = pages[pages.length - 1];
+const pages = getCurrentPages()
+const page = pages[pages.length - 1]
 if (page.route.includes('packages')) {
-  isDetailPage.value = true;
+  isDetailPage.value = true
 } else {
-  isDetailPage.value = false;
+  isDetailPage.value = false
 }
 
 function useGameDetail() {
-  const detailLoading = ref(false);
-  const detail = ref({});
+  const detailLoading = ref(false)
+  const detail = ref({})
 
   async function getActivitiesDetail(params) {
-    detailLoading.value = true;
-    queryActivitiesDetail(params).then(res => {
-      detail.value = res.data;
-      detail.value.start_at = dayjs(detail.value.start_at).format('YYYY-MM-DD');
-      detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD');
-      detailLoading.false = false;
-    }).catch(err => {
-      console.error(err);
-      detailLoading.value = false;
-    })
+    detailLoading.value = true
+    queryActivitiesDetail(params)
+      .then((res) => {
+        detail.value = res.data
+        detail.value.start_at = dayjs(detail.value.start_at).format(
+          'YYYY-MM-DD'
+        )
+        detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD')
+        detailLoading.false = false
+      })
+      .catch((err) => {
+        console.error(err)
+        detailLoading.value = false
+      })
   }
 
   function getLatestActivitiesDetail(params) {
     return new Promise((resolve, reject) => {
-      detailLoading.value = true;
-      queryLatestActivitiesDetail(params).then(res => {
-        detail.value = res.data.activity;
-        detail.value.start_at = dayjs(detail.value.start_at).format('YYYY-MM-DD');
-        detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD');
-        detailLoading.false = false;
-        resolve(detail);
-      }).catch(err => {
-        console.error(err);
-        detailLoading.value = false;
-        reject(err);
-      })
+      detailLoading.value = true
+      queryLatestActivitiesDetail(params)
+        .then((res) => {
+          detail.value = res.data.activity
+          detail.value.start_at = dayjs(detail.value.start_at).format(
+            'YYYY-MM-DD'
+          )
+          detail.value.end_at = dayjs(detail.value.end_at).format('YYYY-MM-DD')
+          detailLoading.false = false
+          resolve(detail)
+        })
+        .catch((err) => {
+          console.error(err)
+          detailLoading.value = false
+          reject(err)
+        })
     })
   }
 
@@ -351,32 +676,34 @@ function useGameDetail() {
 }
 
 function useGame() {
-  const gameListLoading = ref(false);
-  const gameList = ref([]);
+  const gameListLoading = ref(false)
+  const gameList = ref([])
 
   function gameGroupWithDay(data) {
-    let result = {};
-    data.forEach(item => {
-      result[item.game_day] = [];
-    });
-    data.forEach(item => {
+    let result = {}
+    data.forEach((item) => {
+      result[item.game_day] = []
+    })
+    data.forEach((item) => {
       const isExpired = dayjs(item.game_at).isBefore(dayjs())
-      item.is_expired = isExpired;
+      item.is_expired = isExpired
 
-      result[item.game_day].push(item);
-    });
-    return result;
+      result[item.game_day].push(item)
+    })
+    return result
   }
 
   function getGameList(params) {
-    gameListLoading.value = true;
-    queryGamesList(params).then(res => {
-      gameList.value = gameGroupWithDay(res.data.games);
-      gameListLoading.value = false;
-    }).catch(err => {
-      console.error(err);
-      gameListLoading.value = false;
-    })
+    gameListLoading.value = true
+    queryGamesList(params)
+      .then((res) => {
+        gameList.value = gameGroupWithDay(res.data.games)
+        gameListLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        gameListLoading.value = false
+      })
   }
 
   return {
@@ -388,20 +715,22 @@ function useGame() {
 }
 
 function useGameRank() {
-  const gameRankListLoading = ref(false);
-  const gameRankList = ref([]);
-  const gameRankNumber = ref(0);
+  const gameRankListLoading = ref(false)
+  const gameRankList = ref([])
+  const gameRankNumber = ref(0)
 
   function getGameRankList(params) {
-    gameRankListLoading.value = true;
-    queryRankList(params).then(res => {
-      gameRankList.value = res.data.rank_list;
-      gameRankNumber.value = res.data.rank_number;
-      gameRankListLoading.value = false;
-    }).catch(err => {
-      console.error(err);
-      gameRankListLoading.value = false;
-    })
+    gameRankListLoading.value = true
+    queryRankList(params)
+      .then((res) => {
+        gameRankList.value = res.data.rank_list
+        gameRankNumber.value = res.data.rank_number
+        gameRankListLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        gameRankListLoading.value = false
+      })
   }
 
   return {
@@ -412,16 +741,38 @@ function useGameRank() {
   }
 }
 
+function useActiveLog() {
+  const activeLogsLoading = ref(false)
+  const activeLogs = ref([])
+  function getActiveLogs(params) {
+    activeLogsLoading.value = true
+    activityGameLogs(params)
+      .then((res) => {
+        activeLogs.value = res.data.list
+        activeLogsLoading.value = false
+      })
+      .catch((err) => {
+        console.error(err)
+        activeLogsLoading.value = false
+      })
+  }
+  return {
+    activeLogsLoading,
+    activeLogs,
+    getActiveLogs,
+  }
+}
+
 function useGuessRuleModal() {
-  const showRuleModalVisible = ref(false);
-  const ruleContent = ref('');
+  const showRuleModalVisible = ref(false)
+  const ruleContent = ref('')
 
   function showRuleModal(rules) {
-    ruleContent.value = rules;
-    showRuleModalVisible.value = true;
+    ruleContent.value = rules
+    showRuleModalVisible.value = true
   }
   function hideRuleModal() {
-    showRuleModalVisible.value = false;
+    showRuleModalVisible.value = false
   }
 
   return {
@@ -437,216 +788,239 @@ const {
   detail,
   getActivitiesDetail,
   getLatestActivitiesDetail,
-} = useGameDetail();
-const {
-  gameListLoading,
-  gameList,
-  gameListLength,
-  getGameList,
-} = useGame();
-const {
-  gameRankListLoading,
-  gameRankList,
-  gameRankNumber,
-  getGameRankList,
-} = useGameRank();
-const {
-  showRuleModalVisible,
-  ruleContent,
-  showRuleModal,
-  hideRuleModal,
-} = useGuessRuleModal();
+} = useGameDetail()
+const { gameListLoading, gameList, gameListLength, getGameList } = useGame()
+const { gameRankListLoading, gameRankList, gameRankNumber, getGameRankList } =
+  useGameRank()
 
-const tabIndex = ref(0);
+const { activeLogsLoading, activeLogs, getActiveLogs } = useActiveLog()
+
+const { showRuleModalVisible, ruleContent, showRuleModal, hideRuleModal } =
+  useGuessRuleModal()
+
+const tabIndex = ref(0)
 function changeTabs(tab) {
-  gameList.value = [];
-  gameRankList.value = [];
+  gameList.value = []
+  gameRankList.value = []
 
-  tabIndex.value = tab.index;
-  getMescroll().resetUpScroll();
+  tabIndex.value = tab.index
+  getMescroll().resetUpScroll()
 }
 
-const gameInfo = ref(null);
-const readonly = ref(false);
-const showGuessModalVisible = ref(false);
-const userGuess = ref('0:0');
-const gameScore = ref('');
-const submitGuessLoading = ref(false);
-
+const gameInfo = ref(null)
+const readonly = ref(false)
+const showGuessModalVisible = ref(false)
+const userGuess = ref('0:0')
+const gameScore = ref('')
+const submitGuessLoading = ref(false)
 
 function userGuessChange(score) {
   if (readonly.value) {
-    return;
+    return
   }
-  userGuess.value = score;
+  userGuess.value = score
 }
 function showGuessModal(item) {
-  const { user } = useAuthUser();
+  const { user } = useAuthUser()
   if (!user || user.is_need_bind_phone) {
-    vm.proxy.$goToPage('packages/pages/login/login?previous=activeDetail&url=/packages/pages/activeDetail/activeDetail&id=' + detailId.value);
-    return;
+    vm.proxy.$goToPage(
+      'packages/pages/login/login?previous=activeDetail&url=/packages/pages/activeDetail/activeDetail&id=' +
+        detailId.value
+    )
+    return
   }
 
-  console.log('gameInfo', item);
-  gameInfo.value = item;
-  gameScore.value = item.game_score;
+  console.log('gameInfo', item)
+  gameInfo.value = item
+  gameScore.value = item.game_score
 
-  readonly.value = false;
+  readonly.value = false
   if (gameInfo.value.has_guess) {
-    readonly.value = true;
+    readonly.value = true
   }
   if (gameInfo.value.game_at_comparison_now) {
-    readonly.value = true;
+    readonly.value = true
   }
 
   if (readonly.value) {
-    userGuess.value = item.has_guess;
+    userGuess.value = item.has_guess
   } else {
-    userGuess.value = '0:0';
+    userGuess.value = '0:0'
   }
 
-  showGuessModalVisible.value = true;
+  showGuessModalVisible.value = true
 }
 function hideGuessModal() {
-  showGuessModalVisible.value = false;
+  showGuessModalVisible.value = false
   setTimeout(() => {
-    userGuess.value = '0:0';
-  }, 300);
+    userGuess.value = '0:0'
+  }, 300)
 }
 
 async function submitGuessResult() {
   try {
     uni.showLoading({
-      title: "加载中..."
-    });
-    submitGuessLoading.value = true;
+      title: '加载中...',
+    })
+    submitGuessLoading.value = true
 
     const params = {
       game: gameInfo.value.id,
       score: userGuess.value,
-    };
+    }
 
-    console.log('submitGuessResult', params);
+    console.log('submitGuessResult', params)
 
-    const res = await submitGuess(params, { custom: { catch: true } });
-    getMescroll().resetUpScroll();
+    const res = await submitGuess(params, { custom: { catch: true } })
+    getMescroll().resetUpScroll()
     uni.showToast({
       title: res.message,
-      icon: "none",
-    });
-    setTimeout(hideGuessModal, 0);
+      icon: 'none',
+    })
+    setTimeout(hideGuessModal, 0)
   } catch (err) {
-    console.error(err);
+    console.error(err)
   } finally {
-    submitGuessLoading.value = false;
+    submitGuessLoading.value = false
   }
 }
 
-const detailId = ref(0);
+const detailId = ref(0)
 
 if (isDetailPage.value) {
-  tabIndex.value = 0;
+  tabIndex.value = 0
 } else {
-  tabIndex.value = 1;
+  tabIndex.value = 1
 }
 
 function getData(page = 1, per_page = 10) {
   return new Promise(async (resolve, reject) => {
     if (isDetailPage.value) {
-      getActivitiesDetail({ id: detailId.value });
+      getActivitiesDetail({ id: detailId.value })
       switch (parseInt(tabIndex.value)) {
         default:
           getGameList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
         case 0:
           getGameList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
         case 1:
           getGameRankList({
             activity_id: detailId.value,
             page: 1,
             per_page: 10,
-          });
-          resolve();
-          break;
+          })
+          resolve()
+          break
+        case 2:
+          getActiveLogs({
+            activity_id: detailId.value,
+            page: page,
+            per_page: per_page,
+          })
+          resolve()
+          break
       }
     } else {
-      getLatestActivitiesDetail({ page, per_page }).then(leatestActiviteDetail => {
-        getGameRankList({
-          activity_id: leatestActiviteDetail.value.id,
-          page,
-          per_page,
-        });
-        resolve({
-          list: gameRankList.value,
-        });
-      });
+      getLatestActivitiesDetail({ page, per_page }).then(
+        (leatestActiviteDetail) => {
+          getGameRankList({
+            activity_id: leatestActiviteDetail.value.id,
+            page,
+            per_page,
+          })
+          resolve({
+            list: gameRankList.value,
+          })
+        }
+      )
     }
-  });
+  })
 }
 
-import { onShow, onLoad, onPullDownRefresh, onPageScroll, onReachBottom, onShareAppMessage } from "@dcloudio/uni-app";
-import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js";
-const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom)
+import {
+  onShow,
+  onLoad,
+  onPullDownRefresh,
+  onPageScroll,
+  onReachBottom,
+  onShareAppMessage,
+} from '@dcloudio/uni-app'
+import useMescroll from '@/uni_modules/mescroll-uni/hooks/useMescroll.js'
+const { mescrollInit, downCallback, getMescroll } = useMescroll(
+  onPageScroll,
+  onReachBottom
+)
 
-const list = ref([]);
+const list = ref([])
 const upCallback = (mescroll) => {
-  typeof getData === 'function' && getData(mescroll.num, mescroll.size).then(data => {
-    let curPageData = [] // 当前页数据
-    if (Array.isArray(data)) {
-      curPageData = data;
-    }
-    if (mescroll.num == 1) list.value = []; // 第一页需手动制空列表
-    list.value = list.value.concat(curPageData); //追加新数据
-    //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
-    //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
+  typeof getData === 'function' &&
+    getData(mescroll.num, mescroll.size)
+      .then((data) => {
+        let curPageData = [] // 当前页数据
+        if (Array.isArray(data)) {
+          curPageData = data
+        }
+        if (mescroll.num == 1) list.value = [] // 第一页需手动制空列表
+        list.value = list.value.concat(curPageData) //追加新数据
+        console.log(data)
+        //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+        //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
 
-    //方法一(推荐): 后台接口有返回列表的总页数 totalPage
-    //mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)
+        //方法一(推荐): 后台接口有返回列表的总页数 totalPage
+        //mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)
 
-    //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
-    //mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)
+        //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
+        //mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)
 
-    //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
-    //mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)
+        //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
+        //mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)
 
-    //方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据.
-    mescroll.endSuccess(curPageData.length); // 请求成功, 结束加载
-  }).catch(() => {
-    mescroll.endErr(); // 请求失败, 结束加载
-  })
-};
+        //方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据.
+        mescroll.endSuccess(curPageData.length) // 请求成功, 结束加载
+      })
+      .catch(() => {
+        mescroll.endErr() // 请求失败, 结束加载
+      })
+}
 
 onLoad((query) => {
-  detailId.value = query.id;
+  detailId.value = query.id
   if (query.tab) {
-    tabIndex.value = query.tab;
+    tabIndex.value = query.tab
   }
 
-  const vm = getCurrentInstance();
+  const vm = getCurrentInstance()
   setTimeout(() => {
-    vm.proxy.mpShare.title = detail.value.share_title || '';
+    vm.proxy.mpShare.title = detail.value.share_title || ''
 
     if (isDetailPage.value) {
-      vm.proxy.mpShare.path = `/packages/pages/activeDetail/activeDetail?id=${detail.value.id}`;
+      vm.proxy.mpShare.path = `/packages/pages/activeDetail/activeDetail?id=${detail.value.id}`
       console.log('mpSharePath detail', vm.proxy.mpShare.path)
     } else {
-      vm.proxy.mpShare.path = `/pages/charts/charts`;
+      vm.proxy.mpShare.path = `/pages/charts/charts`
       console.log('mpSharePath charts', vm.proxy.mpShare.path)
     }
-    vm.proxy.mpShare.imageUrl = detail.value.share_image || '';
-  }, 1500);
-});
+    vm.proxy.mpShare.imageUrl = detail.value.share_image || ''
+  }, 1500)
+})
+
+const handleGameRank = (e) => {
+  vm.proxy.$goToPage({
+    url: 'pages/quiz/logs',
+    params: { activity_id: detailId.value },
+  })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -722,7 +1096,6 @@ onLoad((query) => {
     }
   }
 
-
   .slot-content-rule {
     display: flex;
     flex-direction: column;
@@ -743,7 +1116,6 @@ onLoad((query) => {
   }
 }
 
-
 .u-modal {
   .u-modal__content {
     padding: 12px !important;
@@ -786,7 +1158,7 @@ onLoad((query) => {
     }
 
     .table-td.active {
-      background-color: #1D2B5C;
+      background-color: #1d2b5c;
       color: #fff;
     }
 
@@ -843,7 +1215,7 @@ onLoad((query) => {
     }
 
     .herder-title {
-      background-color: #1D2B5C;
+      background-color: #1d2b5c;
       color: #fff;
 
       .table-td {
@@ -852,7 +1224,7 @@ onLoad((query) => {
     }
 
     .row-title {
-      background-color: #D9D9D9;
+      background-color: #d9d9d9;
       width: 48px !important;
       justify-content: center !important;
     }
@@ -889,7 +1261,7 @@ onLoad((query) => {
   .date {
     height: 20px;
     line-height: 20px;
-    background: #1D2B5C;
+    background: #1d2b5c;
     color: #fff;
     padding: 2px 8px;
   }
diff --git a/src/pages/quiz/logs.vue b/src/pages/quiz/logs.vue
index 7b7d69d..a1edcf9 100644
--- a/src/pages/quiz/logs.vue
+++ b/src/pages/quiz/logs.vue
@@ -10,29 +10,49 @@
         },
       }"
     >
-    <view>
-      <view class="h-188px w-full" v-if="detail.cover">
-        <image class="w-full" mode="aspectFill" :src="detail.cover" />
-      </view>
-      <view class="min-h-screen relative bg-hex-1b2f85 p-3">
-        <image class="absolute left-0 w-full top-0" mode="widthFix" :src="`${config.baseUrl}/images/mini-bg.jpg`"></image>
-        <view class="bg-white rounded-12px relative">
-            1111
+      <view>
+        <view class="h-188px w-full" v-if="detail.cover">
+          <image class="w-full" mode="aspectFill" :src="detail.cover" />
+        </view>
+        <view class="min-h-screen relative bg-hex-1b2f85 p-3">
+          <image
+            class="absolute left-0 w-full top-0"
+            mode="widthFix"
+            :src="`${config.baseUrl}/images/mini-bg.jpg`"
+          ></image>
+          <view class="relative text-white space-x-2">
+            <view class="text-base">{{ detail.name }}</view>
+            <view class="text-xs mt-3">{{
+              dayjs(detail.start_at).format('YYYY-MM-DD')
+            }}</view>
+          </view>
+          <view class="bg-white rounded-12px relative mt-4">
+            <view class="px-3 pt-16rpx">
+              <CTitle title="他的战绩"></CTitle>
+            </view>
+            <view class="">
+              <Item v-for="(item, i) in list" :key="i" :data="item"></Item>
+              <mescroll-empty v-if="!list.length"></mescroll-empty>
+            </view>
+          </view>
         </view>
       </view>
-    </view>
     </mescroll-body>
   </view>
 </template>
 <script setup>
+import dayjs from 'dayjs'
 import { onPageScroll, onReachBottom, onLoad } from '@dcloudio/uni-app'
 import useMescroll from '@/uni_modules/mescroll-uni/hooks/useMescroll.js'
-import { queryActivitiesDetail } from '@/api/xinjiang_guess'
+import { queryActivitiesDetail, activityGameLogs } from '@/api/xinjiang_guess'
+import Item from '@/components/quiz/item.vue'
+import CTitle from '@/components/c-title/index.vue'
 import config from '@/common/config'
 import { ref } from 'vue'
 const activityId = ref(null)
 const userId = ref(null)
 const detail = ref({})
+const list = ref([])
 const { mescrollInit, downCallback, getMescroll } = useMescroll(
   onPageScroll,
   onReachBottom
@@ -43,9 +63,24 @@ onLoad((query) => {
   userId.value = query.user_id
 })
 
-const upCallback = (mescroll) => {
+const upCallback = async (mescroll) => {
   const { size, num } = mescroll
   if (num === 1) getActiveDetail()
+  try {
+    const resData = await activityGameLogs({
+      user_id: userId.value,
+      activity_id: activityId.value,
+      per_page: size,
+      page: num,
+    })
+    const arr = resData.data.list || [] // 当前页数据
+    if (num == 1) list.value = [] //如果是第一页需手动制空列表
+    list.value = list.value.concat(arr) //追加新数据
+    mescroll.endSuccess(arr.length) // 请求成功, 结束加载
+  } catch (error) {
+    mescroll.endErr()
+    console.log(error)
+  }
 }
 
 const getActiveDetail = async () => {
diff --git a/src/static/images/mescroll-empty.png b/src/static/images/mescroll-empty.png
index ff333ab..2f78009 100644
Binary files a/src/static/images/mescroll-empty.png and b/src/static/images/mescroll-empty.png differ
diff --git a/src/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni-option.js b/src/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni-option.js
index d378a7f..11add97 100644
--- a/src/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni-option.js
+++ b/src/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni-option.js
@@ -39,7 +39,7 @@ const GlobalOption = {
 				textLoading: '加载中 ...', // 加载中的提示文本
 				textNoMore: '-- END --', // 没有更多数据的提示文本
 				empty: {
-					tip: '~ 空空如也 ~' // 空提示
+					tip: '' // 空提示
 				}
 			}
 		},