feat: 看历史 7 天的手牌记录

client/src/interface/IGameRecord.ts

@@ -1,3 +1,16 @@
-export interface IGameRecord {
-  gameId: number;
-}
+export interface IGameRecord {
+  gameId: number;
+}
+
+export interface ICommandRecord {
+  roomNumber: string;
+  gameId: number;
+  userId: string;
+  type: string;
+  pot: number;
+  commonCard: string;
+  handCard?: string;
+  gameStatus: number;
+  command: string;
+  counter: number;
+}

client/src/router/index.ts

@@ -5,7 +5,7 @@ import Login from '../views/login.vue';
 import Register from '../views/register.vue';
 import Game from '../views/game.vue';
 import service from '../service';
-import origin from '../utils/origin';
+import cookie from 'js-cookie';
 
 Vue.use(VueRouter);
 
@@ -58,6 +58,7 @@ router.beforeEach(async (to, from, next) => {
     try {
       const result = await service.checkLogin();
       console.log(result);
+      cookie.set('user_id', result.data.userId);
       next();
     } catch (e) {
       await router.replace({ name: 'login' });

client/src/service/index.ts

@@ -1,36 +1,40 @@
-import request from '../utils/request';
-
-export default {
-  register: ({ userAccount = '', password = '', nickName = '' }) => request({
-    url: '/user/register',
-    body: { userAccount, password, nickName },
-  }),
-  login: (userAccount: string, password: string ) => request({
-    url: '/user/login',
-    body: { userAccount, password },
-  }),
-  checkLogin: () => request({
-    url: '/user',
-    body: {},
-  }),
-  createRoom: (isShort: boolean, smallBlind: number, time: number) => request({
-    url: '/game/room',
-    body: { isShort, smallBlind, time },
-  }),
-  findRoom: (roomNumber: string) => request({
-    url: '/game/room/find',
-    body: { roomNumber },
-  }),
-  buyIn: (buyInSize: number) => request({
-    url: '/game/buyIn',
-    body: { buyInSize },
-  }),
-  commandRecordList: (roomNumber: string, gameId: number) => request({
-    url: '/game/record/find/commandRecord',
-    body: { roomNumber, gameId },
-  }),
-  gameRecordList: (roomNumber: string) => request({
-    url: '/game/record/find/gameRecord',
-    body: { roomNumber },
-  }),
-};
+import request from '../utils/request';
+
+export default {
+  register: ({ userAccount = '', password = '', nickName = '' }) => request({
+    url: '/user/register',
+    body: { userAccount, password, nickName },
+  }),
+  login: (userAccount: string, password: string ) => request({
+    url: '/user/login',
+    body: { userAccount, password },
+  }),
+  checkLogin: () => request({
+    url: '/user',
+    body: {},
+  }),
+  createRoom: (isShort: boolean, smallBlind: number, time: number) => request({
+    url: '/game/room',
+    body: { isShort, smallBlind, time },
+  }),
+  findRoom: (roomNumber: string) => request({
+    url: '/game/room/find',
+    body: { roomNumber },
+  }),
+  buyIn: (buyInSize: number) => request({
+    url: '/game/buyIn',
+    body: { buyInSize },
+  }),
+  commandRecordList: (roomNumber: string, gameId: number) => request({
+    url: '/game/record/find/commandRecord',
+    body: { roomNumber, gameId },
+  }),
+  gameRecordList: (roomNumber: string) => request({
+    url: '/game/record/find/gameRecord',
+    body: { roomNumber },
+  }),
+  selfPast7DayGame: (userID: number) => request({
+    url: '/game/record/find/selfPast7DayGame',
+    body: { userID },
+  }),
+};

client/src/views/game.vue

@@ -306,8 +306,7 @@
       const sit = [];
       for (let i = 0; i < 9; i++) {
         sit.push(node.node);
-        const next = node.next;
-        node = next;
+        node = node.next;
       }
       return sit;
     }
@@ -526,7 +525,7 @@
     }
 
     private closeAudio() {
-      this.audioStatus = !this.audioStatus
+      this.audioStatus = !this.audioStatus;
     }
 
     private play() {
@@ -594,7 +593,6 @@
         this.$plugin.toast('can\'t find the room');
       }
     }
-
     private created() {
       try {
         this.socketInit();

client/src/views/home.vue

@@ -32,6 +32,9 @@
       <div class="btn"
            @click="getRecord(0)"><span>test record</span>
       </div>
+      <div class="btn" @click="selfPast7DayGame()">
+            <span>7 day game history</span>
+      </div>
     </div>
     <div class="room-number"
          v-show="isJoin">
@@ -65,7 +68,7 @@
   import gameRecord from '@/components/GameRecord.vue';
   import service from '../service';
   import cookie from 'js-cookie';
-  import {IGameRecord} from '@/interface/IGameRecord';
+  import { IGameRecord } from '@/interface/IGameRecord';
 
   @Component({
     components: {
@@ -128,6 +131,25 @@
       }
     }
 
+    private async selfPast7DayGame() {
+      try {
+        const userIDStr = cookie.get('user_id');
+        if (userIDStr) {
+          const userID = Number(userIDStr);
+          const {data} = await service.selfPast7DayGame(userID);
+          data.forEach((v: IGameRecord) => {
+            this.gameList.push({ gameId: v.gameId});
+          });
+          this.currGameIndex = data.length;
+          this.commandList = data[data.length - 1].gameCommandList;
+          this.showRecord = true;
+        }
+      } catch (e) {
+        console.log(e);
+        this.$plugin.toast('can\'t find the user command record list');
+      }
+    }
+
     private async getRecord(index: number) {
       try {
         console.log('ccc');

client/src/views/login.vue

@@ -43,7 +43,7 @@
       try {
         const result = await service.login(this.userAccount, this.password);
         const { token } = result.data;
-        cookie.set('token', token, {expires: 1});
+        cookie.set('token', token, { expires: 1 });
         localStorage.setItem('token', token);
         await this.$router.push({name: 'home'});
       } catch (e) {