add show layer

src/views/room/chipsHistory/index.vue

 <template>
-  <div class="app-container">
-    <div class="app-container">
+  <div   class="app-container">
+    <div v-show="visible.thirdLayer" class="app-container">
         <div class="block">
             <!-- <span class="demonstration">時間篩選</span> -->
             <el-date-picker
 
 <script>
 
-import { mapActions } from 'vuex'
+import { mapActions, mapGetters } from 'vuex'
 import { fetchChipsHistory } from '@/api/gambleMember'
 import waves from '@/directive/waves' // 水波纹指令
 import moment from 'moment-timezone'
     }
   },
   created() {
-    this.SetVisible(false)
+    this.SetVisible(3)
     this.getList()
   },
   props: ['member'],
+  computed: {
+    ...mapGetters([
+      'visible'
+    ])
+  },
   methods: {
     ...mapActions([
       'SetVisible'
     }
   },
   destroyed() {
-    this.SetVisible(true)
+    this.SetVisible(2)
   }
 }
 </script>

src/views/room/gambleMember/index.vue

 <template>
 <div class="app-container calendar-list-container">
-  <div  v-show="visible">
+  <div  v-show="visible.secondLayer">
     <div class="app-container">
       <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
       </el-input>
     }
   },
   created() {
-    this.SetVisible(true)
+    this.SetVisible(2)
     this.getList()
   },
+  destroyed() {
+    this.SetVisible(1)
+  },
   computed: {
     ...mapGetters([
       'visible'
     },
     handlePage(row) {
       const temp = Object.assign({}, row) // copy obj
-      this.SetVisible(false)
+      this.SetVisible(3)
       this.member = temp
     },
     handleLog(row) {
       const temp = Object.assign({}, row) // copy obj
-      this.SetVisible(false)
+      this.SetVisible(3)
       this.member = temp
     },
     handleFilter() {

src/views/room/gameHistory/index.vue

 <template>
-  <div class="app-container">
-    <div class="app-container">
+  <div  class="app-container">
+    <div v-show="visible.thirdLayer" class="app-container">
         <div class="block">
             <!-- <span class="demonstration">時間篩選</span> -->
             <el-date-picker
 
 <script>
 
-import { mapActions } from 'vuex'
+import { mapActions, mapGetters } from 'vuex'
 import { fetchGameHistory, fetchPersonGameDetail } from '@/api/gambleMember'
 import waves from '@/directive/waves' // 水波纹指令
 import moment from 'moment-timezone'
     }
   },
   created() {
-    this.SetVisible(false)
+    this.SetVisible(3)
     this.getList()
   },
+  computed: {
+    ...mapGetters([
+      'visible'
+    ])
+  },
   props: ['member'],
   methods: {
     ...mapActions([
     }
   },
   destroyed() {
-    this.SetVisible(true)
+    this.SetVisible(2)
   }
 }
 </script>

src/views/room/index.vue

 <!-- TODO select -->
 <template>
 <div class="app-container calendar-list-container">
-  <div  v-show="visible">
+  <div  v-show="visible.firstLayer">
     <div class="app-container">
       <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="房間名" v-model="listQuery.name">
       </el-input>
     }
   },
   created() {
-    this.SetVisible(true)
+    this.SetVisible(1)
     this.getList()
   },
   computed: {
     },
     handlePage(row) {
       const temp = Object.assign({}, row) // copy obj
-      this.SetVisible(false)
+      this.SetVisible(2)
       this.member = temp
     },
     handleCreate() {