prepare breadcrumb

src/views/gambleMember/index.vue

@@ -69,10 +69,14 @@
         <el-button v-if="dialogStatus=='deposit'" type="primary" @click="depositChips">確 定</el-button>
       </div>
     </el-dialog>
+
+    <router-view :member="member"></router-view>
   </div>
 </template>
 
 <script>
+
+import { mapGetters, mapActions } from 'vuex'
 import { fetchList, updateChips, createGambleMember } from '@/api/gambleMember'
 import waves from '@/directive/waves' // 水波纹指令
 
@@ -108,6 +112,7 @@ export default {
         deposit: '儲值',
         create: '新增'
       },
+      member: {},
       chipsSortOptions: [{ label: '多 -> 少', key: 'DESC' }, { label: '少 -> 多', key: 'ASC' }],
       updatedSortOptions: [{ label: '新 -> 舊', key: 'DESC' }, { label: '舊 -> 新', key: 'ASC' }],
       rules: {
@@ -121,6 +126,9 @@ export default {
     this.getList()
   },
   methods: {
+    ...mapActions([
+      'SetListVisble'
+    ]),
     getList() {
       this.listLoading = true
       fetchList(this.listQuery).then(response => {
@@ -193,6 +201,11 @@ export default {
         }
       })
     },
+    handlePage(row) {
+      let temp = Object.assign({}, row) // copy obj
+      this.SetListVisble(false)
+      this.member = temp
+    },
     handleFilter() {
       this.listQuery.page = 1
       this.getList()