Browse Source

complete gamble breadcrumb page & lint --fix

EthnaYeh 7 years ago
parent
commit
fd48f5e0d0

+ 13 - 1
src/router/index.js

55
           title: '會員管理',
55
           title: '會員管理',
56
           icon: 'form'
56
           icon: 'form'
57
           // role: ['dd']
57
           // role: ['dd']
58
-        }
58
+        },
59
+        children: [
60
+          {
61
+            path: '/gambleMember/index/detail',
62
+            name: 'GambleGameBucketDetail',
63
+            component: _import('gambleMember/detail/index'),
64
+            hidden: true,
65
+            meta: {
66
+              title: '歷史紀錄'
67
+              // role: ['dd']
68
+            }
69
+          }
70
+        ]
59
       }
71
       }
60
     ]
72
     ]
61
   },
73
   },

+ 9 - 10
src/views/gambleGameBucket/detail/index.vue

324
         }
324
         }
325
       }
325
       }
326
     },
326
     },
327
-    getSummaries(param) {
328
-      const { columns, data } = param
327
+    getSummaries() {
329
       const sums = []
328
       const sums = []
330
-      this.memberRecord.map((group,index) => {
331
-          if(index === 0) sums[index] = "每門總押注"
332
-          let doorTotal = 0
333
-          group.map((door) => {
334
-            doorTotal += door.wager
335
-          })
336
-          sums[index+1] = doorTotal
329
+      this.memberRecord.map((group, index) => {
330
+        if (index === 0) sums[index] = '每門總押注'
331
+        let doorTotal = 0
332
+        group.map((door) => {
333
+          doorTotal += door.wager
334
+        })
335
+        sums[index + 1] = doorTotal
337
       })
336
       })
338
       return sums
337
       return sums
339
     },
338
     },
342
       this.getList()
341
       this.getList()
343
     },
342
     },
344
     moneyColor(money) {
343
     moneyColor(money) {
345
-      return money >= 0 ? {color: '#67C23A'} : {color: '#FA5555'}
344
+      return money >= 0 ? { color: '#67C23A' } : { color: '#FA5555' }
346
     },
345
     },
347
     _sum(i) {
346
     _sum(i) {
348
       let count = 0
347
       let count = 0

+ 1 - 0
src/views/gambleGameBucket/index.vue

69
   },
69
   },
70
   created() {
70
   created() {
71
     this.getList()
71
     this.getList()
72
+    this.SetListVisble(true)
72
   },
73
   },
73
   computed: {
74
   computed: {
74
     ...mapGetters([
75
     ...mapGetters([

+ 51 - 0
src/views/gambleMember/detail/index.vue

1
+<template>
2
+  <div class="app-container">
3
+    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
4
+      <el-table-column align="center" label='ID' width="95">
5
+        <template slot-scope="scope">
6
+          {{scope.$index}}
7
+        </template>
8
+      </el-table-column>
9
+      <el-table-column label="名稱">
10
+        <template slot-scope="scope">
11
+          {{scope.row.name}}
12
+        </template>
13
+      </el-table-column>
14
+      <el-table-column label="點數" width="110" align="center">
15
+        <template slot-scope="scope">
16
+          <span>{{scope.row.chips}}</span>
17
+        </template>
18
+      </el-table-column>
19
+      <el-table-column align="center" prop="created_at" label="操作" width="200">
20
+        <template slot-scope="scope">
21
+          <!-- <span>{{scope.row.display_time}}</span> -->
22
+        </template>
23
+      </el-table-column>
24
+    </el-table>
25
+  </div>
26
+</template>
27
+
28
+<script>
29
+// import { getList } from '@/api/table'
30
+
31
+export default {
32
+  data() {
33
+    return {
34
+      list: null,
35
+      listLoading: true
36
+    }
37
+  },
38
+  created() {
39
+    // this.fetchData()
40
+  },
41
+  methods: {
42
+    // fetchData() {
43
+    //   this.listLoading = true
44
+    //   getList(this.listQuery).then(response => {
45
+    //     this.list = response.data
46
+    //     this.listLoading = false
47
+    //   })
48
+    // }
49
+  }
50
+}
51
+</script>

+ 12 - 3
src/views/gambleMember/index.vue

1
 <template>
1
 <template>
2
 <div class="app-container calendar-list-container">
2
 <div class="app-container calendar-list-container">
3
+  <div  v-show="listVisble">
3
     <div class="app-container">
4
     <div class="app-container">
4
       <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
5
       <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
5
       </el-input>
6
       </el-input>
34
       <el-table-column align="center" label="操作">
35
       <el-table-column align="center" label="操作">
35
         <template slot-scope="scope">
36
         <template slot-scope="scope">
36
             <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleDeposit(scope.row)">上下分</el-button>
37
             <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleDeposit(scope.row)">上下分</el-button>
37
-            <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handlePage(scope.row)">歷史查詢</el-button>            
38
+            <router-link to="/gambleMember/index/detail">
39
+              <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handlePage(scope.row)">歷史查詢</el-button>
40
+            </router-link>       
38
         </template>
41
         </template>
39
       </el-table-column>
42
       </el-table-column>
40
     </el-table>
43
     </el-table>
69
         <el-button v-if="dialogStatus=='deposit'" type="primary" @click="depositChips">確 定</el-button>
72
         <el-button v-if="dialogStatus=='deposit'" type="primary" @click="depositChips">確 定</el-button>
70
       </div>
73
       </div>
71
     </el-dialog>
74
     </el-dialog>
72
-
75
+  </div>
73
     <router-view :member="member"></router-view>
76
     <router-view :member="member"></router-view>
74
   </div>
77
   </div>
75
 </template>
78
 </template>
123
     }
126
     }
124
   },
127
   },
125
   created() {
128
   created() {
129
+    this.SetListVisble(true)
126
     this.getList()
130
     this.getList()
127
   },
131
   },
132
+  computed: {
133
+    ...mapGetters([
134
+      'listVisble'
135
+    ])
136
+  },
128
   methods: {
137
   methods: {
129
     ...mapActions([
138
     ...mapActions([
130
       'SetListVisble'
139
       'SetListVisble'
202
       })
211
       })
203
     },
212
     },
204
     handlePage(row) {
213
     handlePage(row) {
205
-      let temp = Object.assign({}, row) // copy obj
214
+      const temp = Object.assign({}, row) // copy obj
206
       this.SetListVisble(false)
215
       this.SetListVisble(false)
207
       this.member = temp
216
       this.member = temp
208
     },
217
     },