GambleGameBucket Dailog

src/views/gambleGameBucket/index.vue

@@ -19,7 +19,7 @@
       </el-table-column>
        <el-table-column align="center" label="操作">
         <template slot-scope="scope">
-            <el-button type="primary" size="mini" @click="handleView(scope.row)">查看</el-button>
+            <el-button type="primary" size="mini" @click="handleDialog(scope.row)">查看</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -30,6 +30,34 @@
       </el-pagination>
     </div>
 
+    <el-dialog title="詳細" :visible.sync="dialogVisible">
+    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+      style="width: 100%">
+      <el-table-column label="ID">
+        <template slot-scope="scope">
+          {{scope.row.id}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="GambleMember.name" label="莊家" width="200" align="center">
+        <!-- <template slot-scope="scope">
+          <span>{{scope.row.GambleMember.id}}</span>
+        </template> -->
+      </el-table-column>
+      <el-table-column align="center" label="時間" width="200">
+        <template slot-scope="scope">
+          <span>{{scope.row.createdAt}}</span>
+        </template>
+      </el-table-column>
+       <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+            <el-button type="primary" size="mini" @click="handleView(scope.row)">查看</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+      <div slot="footer" align="center" class="dialog-footer">
+        <el-button type="primary" @click="closeDialog">確 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -58,6 +86,8 @@ export default {
         chips: '',
         depositChips: ''
       },
+      dialogVisible: false,
+      dialogStatus: ''
     }
   },
   created() {
@@ -72,6 +102,13 @@ export default {
         this.listLoading = false
       })
     },
+    closeDialog() {
+      this.dialogVisible = false
+    },
+    handleDialog(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogVisible = true
+    },
     handleFilter() {
       this.listQuery.page = 1
       this.getList()

src/views/gambleMember/index.vue

@@ -110,7 +110,7 @@ export default {
       chipsSortOptions: [{ label: '多 -> 少', key: 'DESC' }, { label: '少 -> 多', key: 'ASC' }],
       updatedSortOptions: [{ label: '新 -> 舊', key: 'DESC' }, { label: '舊 -> 新', key: 'ASC' }],
       rules: {
-        depositChips: [{ pattern:  /^-?\d+$/, required: true, message: '請輸入整數', trigger: 'change' }],
+        depositChips: [{ pattern: /^-?\d+$/, required: true, message: '請輸入整數', trigger: 'change' }],
         chips: [{ pattern: /^\+?[1-9][0-9]*$/, required: true, message: '請輸入整數', trigger: 'change' }],
         name: [{ type: 'string', required: true, message: '必填', trigger: 'change' }]
       }
@@ -130,7 +130,6 @@ export default {
     },
     handleDeposit(row) {
       this.temp = Object.assign({}, row) // copy obj
-      this.temp.timestamp = new Date(this.temp.timestamp)
       this.dialogStatus = 'deposit'
       this.dialogFormVisible = true
       this.$nextTick(() => {