fix display bug

src/views/gambleGameBucket/detail/index.vue

@@ -1,6 +1,10 @@
 <template >
 <div class="app-container calendar-list-container">
-  <div class="app-container">
+ <el-dialog
+    :visible.sync="dialogVisible"
+    fullscreen="true"
+    :before-close="handleClose">
+    <div class="app-container">
      <div class="block">
       <el-row :gutter="20">
         <el-col :span="6">
@@ -9,14 +13,13 @@
           <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
           </el-option>
         </el-select>
-        </el-col >
-        <el-col :offset="10" :span="8">
-          <span @click="dialogVisible = true" class="demonstration">時間 : {{moment(this.roundTime)}}</span>
-        </el-col>
-      </el-row>
+          </el-col >
+          <el-col :offset="10" :span="8">
+            <span @click="dialogVisible = false" class="demonstration">時間 : {{moment(this.roundTime)}}</span>
+          </el-col>
+        </el-row>
+      </div>
     </div>
-  </div>
-  
     <el-table header-row-class-name="init" :data="bookie" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">      
       <el-table-column label="本期開獎" lable-className="title" align="center">   
@@ -186,14 +189,10 @@
         </el-table-column>
         </el-table-column>      
     </el-table>
+    </el-dialog>
 
 
-
-  <el-dialog
-    :visible.sync="dialogVisible"
-    fullscreen="true"
-    :before-close="handleClose">
-    <div class="app-container">
+  <div class="app-container">
      <div class="block">
       <el-row :gutter="20">
         <el-col :span="6">
@@ -202,13 +201,14 @@
           <el-option v-for="item in roundOptions" :key="item.label" :label="item.label" :value="item.key">
           </el-option>
         </el-select>
-          </el-col >
-          <el-col :offset="10" :span="8">
-            <span @click="dialogVisible = false" class="demonstration">時間 : {{moment(this.roundTime)}}</span>
-          </el-col>
-        </el-row>
-      </div>
+        </el-col >
+        <el-col :offset="10" :span="8">
+          <span @click="dialogVisible = true" class="demonstration">時間 : {{moment(this.roundTime)}}</span>
+        </el-col>
+      </el-row>
     </div>
+  </div>
+  
     <el-table header-row-class-name="init" :data="bookie" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">      
       <el-table-column label="本期開獎" lable-className="title" align="center">   
@@ -378,7 +378,8 @@
         </el-table-column>
         </el-table-column>      
     </el-table>
-    </el-dialog>
+
+
 </div>
 </template>
 
@@ -450,7 +451,7 @@ export default {
       'SetData',
       // 'SetQuery'
     ]),
-    getList() {
+    async getList() {
       this.listLoading = true
       let detailTemp, dealingTemp, memberRecordTemp
       this.detail = []
@@ -483,7 +484,7 @@ export default {
         })
         this.memberRecord = Object.values(memberRecordTemp )
       })
-      fetchDetails(this.data.secondLayer, this.listQuery).then(response => {
+      await fetchDetails(this.data.secondLayer, this.listQuery).then(response => {
         detailTemp = response.data.rows.filter(record => {
           return record.DealingRecord.door !== -1 &&
             record.MemberRecord.door !== -1 &&