游戏结果模块v1.1

src/api/gamePerson.js

+import request from '@/utils/request'
+
+/**
+ * 游戏结果列表
+ * @param {*} params
+ * @returns
+ */
+export const getGamePersonList = (params) => request({
+  url: '/admin/game-person', params
+})

src/router/index.js

     ]
   },
   {
-    path: '/gameAnswer',
+    path: '/gamePerson',
     component: Layout,
     meta: { title: '游戏结果管理', icon: 'form' },
     children: [
       {
-        path: 'gameAnswer',
+        path: 'gamePerson',
         name: '',
-        component: () => import('@/views/gameAnswer/index'),
-        meta: { title: '游戏结果列表', icon: 'gameAnswer' }
+        component: () => import('@/views/gamePerson/index'),
+        meta: { title: '游戏结果列表', icon: 'gamePerson' }
       }
     ]
   },

src/views/gameAnswer/index.vue → src/views/gamePerson/index.vue

   <div class="body" style="font-size:14px">
     <el-card class="box-card" shadow="never">
       游戏名称：
-      <el-input v-model="title" style="width: 200px; margin-right: 20px" />
+      <el-input v-model="gameTitle" style="width: 200px; margin-right: 20px" />
       用户昵称：
       <el-input v-model="nickName" style="width: 200px; margin-right: 20px" />
+      手机号：
+      <el-input v-model="phone" style="width: 200px; margin-right: 20px" />
       创建时间：
       <el-date-picker
         v-model="daterange"
       <div style="float:right">
         <el-button type="primary" @click="onSearch">查询</el-button>
         <el-button @click="onReset">重置</el-button>
-        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">添加游戏</el-button>
       </div>
     </el-card>
     <el-table stripe :data="tableData" border style="width: 100%">
-      <el-table-column prop="title" label="游戏名称" />
-      <el-table-column prop="title" label="游戏类型" />
-      <!-- <el-table-column prop="nickName" label="用户昵称" /> -->
-      <el-table-column prop="score" label="答题分数" />
-      <el-table-column prop="resultId" label="实例结果" />
-      <el-table-column prop="createDate" label="测试时间">
+      <el-table-column prop="gameTitle" label="游戏名称" />
+      <el-table-column prop="resultMode" label="游戏类型">
         <template slot-scope="scope">
           {{
-            scope.row.createDate.substr(0, 10)
+            scope.row.resultMode=='examination'?'测试':'匹配'
           }}
         </template>
       </el-table-column>
-      <el-table-column fixed="right" label="操作">
+      <el-table-column prop="nickName" label="用户昵称" />
+      <el-table-column prop="avatar" label="用户头像">
+        <template slot-scope="scope">
+          <el-image :src="scope.row.avatar" style="width: 100px; height: 100px" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="phone" label="手机号" />
+      <el-table-column prop="score" label="答题分数" />
+      <el-table-column prop="characterName" label="实例结果" />
+      <el-table-column prop="createDate" label="参与时间">
         <template slot-scope="scope">
-          <el-link :underline="false" style="margin-right:1em" type="primary">
-            <router-link
-              :to="{name: 'gameEdit', query: { id: scope.row.gameId }}"
-            >编辑</router-link>
-          </el-link>
-          <el-popconfirm
-            icon="el-icon-info"
-            icon-color="red"
-            title="确定删除这个游戏吗？"
-            @onConfirm="handleDelete(scope.row)"
-          >
-            <el-button slot="reference" type="text" style="color:red">删除</el-button>
-          </el-popconfirm>
+          {{
+            scope.row.createDate.substr(0, 10)
+          }}
         </template>
       </el-table-column>
     </el-table>
   </div>
 </template>
 <script>
-import { getGameList, deleteGame } from '@/api/game'
+import { getGamePersonList } from '@/api/gamePerson'
 
 export default {
   data() {
     return {
       characterId: undefined,
-      title: undefined,
+      gameTitle: undefined,
+      nickName: undefined,
+      phone: undefined,
       daterange: undefined,
       tableData: [],
       endDate: undefined,
     },
     // 改变分页组件重新查询数据
     changePagination() {
-      getGameList({
-        title: this.title,
+      getGamePersonList({
+        gameTitle: this.gameTitle,
+        nickName: this.nickName,
+        phone: this.phone,
         startDate: this.startDate,
         endDate: this.endDate,
         pageNum: this.currentPage,
         this.tableData = res.data.records
       })
     },
-    handleAdd() {
-      this.$router.push({ name: 'gameEdit' })
-    },
-    handleDelete(row) {
-      deleteGame(row.gameId).then(() => {
-        this.onSearch()
-      })
-    },
     onSearch() {
-      getGameList({
-        title: this.title,
+      getGamePersonList({
+        gameTitle: this.gameTitle,
+        nickName: this.nickName,
+        phone: this.phone,
         startDate: this.startDate,
         endDate: this.endDate,
         pageSize: this.pageSize
       })
     },
     onReset() {
-      this.title = undefined
+      this.gameTitle = undefined
+      this.nickName = undefined
+      this.phone = undefined
       this.daterange = undefined
       this.startDate = undefined
       this.endDate = undefined