take loading

src/views/gambleGameBucket/detail/index.vue

 <template >
 <div class="app-container calendar-list-container">
- <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">
           <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">   
         </el-table-column>
         </el-table-column>      
     </el-table>
-    </el-dialog>
 
-
-  <div class="app-container">
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :fullscreen="true">
+    <div class="app-container">
      <div class="block">
       <el-row :gutter="20">
         <el-col :span="6">
           <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">   
         </el-table-column>
         </el-table-column>      
     </el-table>
-
-
+    </el-dialog>
 </div>
 </template>
 
   data() {
     return {
       list: null,
-      listLoading: true,
+      listLoading: false,
       listQuery: { 
         round: 1 
       }, 
       // 'SetQuery'
     ]),
     async getList() {
-      this.listLoading = true
+      // this.listLoading = true
       let detailTemp, dealingTemp, memberRecordTemp
       this.detail = []
       fetchWagerRecord(this.data.secondLayer, this.listQuery).then(response => {
             record.MemberRecord.door === -1 &&
             record.MemberRecord.door === record.DealingRecord.door
         })
-        // console.log('this', this.memberRecord)
+        console.log('this', this.bookie[0])
         // this.bidChips ? this.bookie[0].bidChips = this.bidChips : false        
         this.group = _.groupBy(detailTemp, record => {
           return record.MemberRecord.GambleMember.name
         })
       })
 
-      this.listLoading = false
+      // this.listLoading = false
     },
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       if (columnIndex === 0 || columnIndex === 5 || columnIndex === 6 || columnIndex === 7 || columnIndex === 8) {