fetch detail

src/api/gambleGameBucket.js

@@ -13,3 +13,11 @@ export function fetchList(query) {
     }
   })
 }
+
+export function fetchDetail(data) {
+  const round = 1
+  return request({
+    url: `/gambleGameBuckets/${data.id}/round/${round}/detail`,
+    method: 'get'
+  })
+}

src/views/gambleGameBucket/index.vue

@@ -20,7 +20,7 @@
       </el-table-column>
        <el-table-column align="center" label="操作">
         <template slot-scope="scope">
-            <el-button type="primary" size="mini" @click="handlePage(scope.row)">查看</el-button>
+            <el-button type="primary" size="mini" @click="handleDialog(scope.row)">查看</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import { fetchList } from '@/api/gambleGameBucket'
+import { fetchList, fetchDetail } from '@/api/gambleGameBucket'
 
 export default {
   data() {
@@ -100,11 +100,29 @@ export default {
     closeDialog() {
       this.dialogVisible = false
     },
-    handlePage(row) {
+    handleDialog(row) {
       this.temp = Object.assign({}, row) // copy obj
+      fetchDetail(row).then(response => {
+        console.log(response.data)
+      })
       // router.push({ path: '/gambleGameBucket/index/detail' })
       this.dialogVisible = true
     },
+      objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex === 0) {
+          if (rowIndex % 3 === 0) {
+            return {
+              rowspan: 3,
+              colspan: 1
+            };
+          } else {
+            return {
+              rowspan: 0,
+              colspan: 0
+            };
+          }
+        }
+      },
     handleFilter() {
       this.listQuery.page = 1
       this.getList()