history page 1st version

src/api/gambleMember.js

@@ -34,3 +34,11 @@ export function createGambleMember(data) {
     }
   })
 }
+
+export function fetchHistory(data, query) {
+  return request({
+    url: `/gambleMembers/${data.id}/history`,
+    method: 'get'
+    // params: {}
+  })
+}

src/views/gambleMember/detail/index.vue

@@ -1,24 +1,24 @@
 <template>
   <div class="app-container">
     <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
-      <el-table-column align="center" label='ID' width="95">
+      <el-table-column label="場" align="center">
         <template slot-scope="scope">
-          {{scope.$index}}
+          {{scope.row.game}}
         </template>
       </el-table-column>
-      <el-table-column label="名稱">
+      <el-table-column label="點數" align="center">
         <template slot-scope="scope">
-          {{scope.row.name}}
+          <span>{{scope.row.chips}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="點數" width="110" align="center">
+      <el-table-column label="輸贏" align="center">
         <template slot-scope="scope">
-          <span>{{scope.row.chips}}</span>
+          <span>{{scope.row.earned}}</span>
         </template>
       </el-table-column>
-      <el-table-column align="center" prop="created_at" label="操作" width="200">
+      <el-table-column label="時間" align="center">
         <template slot-scope="scope">
-          <!-- <span>{{scope.row.display_time}}</span> -->
+          <span>{{scope.row.createdAt}}</span>
         </template>
       </el-table-column>
     </el-table>
@@ -28,7 +28,7 @@
 <script>
 
 import { mapGetters, mapActions } from 'vuex'
-// import { getList } from '@/api/table'
+import { fetchHistory } from '@/api/gambleMember'
 
 export default {
   data() {
@@ -38,19 +38,21 @@ export default {
     }
   },
   created() {
-    // this.fetchData()
+    this.fetchData()
   },
+  props: ['member'],
   methods: {
     ...mapActions([
       'SetVisble'
     ]),
-    // fetchData() {
-    //   this.listLoading = true
-    //   getList(this.listQuery).then(response => {
-    //     this.list = response.data
-    //     this.listLoading = false
-    //   })
-    // }
+    fetchData() {
+      this.listLoading = true
+      fetchHistory(this.member).then(response => {
+        this.list = response.data
+        console.log(response.data)
+        this.listLoading = false
+      })
+    }
   },
   destroyed() {
     this.SetVisble(true)