diff --git a/src/apps/AppGridManagement/AppGridManagement.vue b/src/apps/AppGridManagement/AppGridManagement.vue
index 2cf62a20..5e5511b9 100644
--- a/src/apps/AppGridManagement/AppGridManagement.vue
+++ b/src/apps/AppGridManagement/AppGridManagement.vue
@@ -1,15 +1,19 @@
 <template>
   <div class="AppGridManagement">
-    <component
-        :is="component"
-        @change="onChange"
-        :params="params">
-    </component>
+    <component v-if="refresh" :is="component" @change="onChange" :params="params"> </component>
+    <div class="tabs" v-if="isTab">
+      <div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
+        <img :src="tabIndex == index ? item.activeImg : item.img" alt="" />
+        <p :class="tabIndex == index ? 'color-3267F0' : ''">{{ item.text }}</p>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-import Detail from './components/detail'
+import Statistics from './Statistics.vue'
+import Organization from './Organization.vue'
+import Map from './Map.vue'
 
 export default {
   name: 'AppGridManagement',
@@ -17,30 +21,102 @@ export default {
 
   data() {
     return {
-      component: 'Detail',
-      params: {}
+      component: 'Map',
+      params: {},
+      refresh: true,
+      tabIndex: 0,
+      tabs: [
+        {
+          img: require('./components/img/handle-icon.png'),
+          activeImg: require('./components/img/handle-icon-active.png'),
+          text: '统计',
+          component: 'Statistics',
+        },
+        {
+          img: require('./components/img/statistics-icon.png'),
+          activeImg: require('./components/img/statistics-icon-active.png'),
+          text: '组织',
+          component: 'Organization',
+        },
+        {
+          img: require('./components/img/set-icon.png'),
+          activeImg: require('./components/img/set-icon-active.png'),
+          text: '地图',
+          component: 'Map'
+        }
+      ],
+      isTab: true,
     }
   },
 
-  components: { Detail },
+  components: {
+    Organization,
+    Statistics,
+    Map,
+  },
 
   methods: {
     onChange(e) {
       this.params = e.params
       this.component = e.type
-    }
+    },
+    tabClick(index, component) {
+      this.tabIndex = index
+      this.component = component
+      this.refresh = false
+      this.$nextTick(() => {
+        this.refresh = true
+      })
+    },
   },
   onShow() {
-    document.title = "网格管理"
-  }
+    document.title = '网格管理'
+    uni.$on('hideTab', () => {
+      this.isTab = false
+    })
+    uni.$on('showTab', () => {
+      this.isTab = true
+    })
+  },
+  onReachBottom() {
+    if(!this.tabIndex) {
+      uni.$emit('nextList')
+    }
+  },
 }
 </script>
 
 <style lang="scss" scoped>
-::v-deep uni-page-body{
+.AppGridManagement {
   height: 100%;
 }
-.AppGridManagement{
-  height: 100%;
+.tabs {
+  width: 100%;
+  height: 98px;
+  background: #fff;
+  border-top: 1px solid #ddd;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  .item {
+    flex: 1;
+    text-align: center;
+    img {
+      width: 56px;
+      height: 56px;
+      margin-top: 8px;
+    }
+    p {
+      font-size: 22px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #c4cad4;
+      line-height: 8px;
+    }
+    .color-3267F0 {
+      color: #3267f0;
+    }
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/apps/AppGridManagement/components/detail.vue b/src/apps/AppGridManagement/Map.vue
similarity index 99%
rename from src/apps/AppGridManagement/components/detail.vue
rename to src/apps/AppGridManagement/Map.vue
index 38274ba2..00285bed 100644
--- a/src/apps/AppGridManagement/components/detail.vue
+++ b/src/apps/AppGridManagement/Map.vue
@@ -188,7 +188,7 @@ ai-tree-picker {
 
   .map-content {
     width: 100%;
-    height: calc(100% - 112px);
+    height: calc(100% - 210px);
   }
 
   .popup {
diff --git a/src/apps/AppGridManagement/Organization.vue b/src/apps/AppGridManagement/Organization.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/apps/AppGridManagement/Statistics.vue b/src/apps/AppGridManagement/Statistics.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/apps/AppGridManagement/components/img/add-icon.png b/src/apps/AppGridManagement/components/img/add-icon.png
new file mode 100644
index 00000000..f751a7fa
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/add-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/bg-1.png b/src/apps/AppGridManagement/components/img/bg-1.png
new file mode 100644
index 00000000..696022e9
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/bg-1.png differ
diff --git a/src/apps/AppGridManagement/components/img/bg-2.png b/src/apps/AppGridManagement/components/img/bg-2.png
new file mode 100644
index 00000000..98fa31b8
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/bg-2.png differ
diff --git a/src/apps/AppGridManagement/components/img/bg-3.png b/src/apps/AppGridManagement/components/img/bg-3.png
new file mode 100644
index 00000000..dc469567
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/bg-3.png differ
diff --git a/src/apps/AppGridManagement/components/img/down-icon.png b/src/apps/AppGridManagement/components/img/down-icon.png
new file mode 100644
index 00000000..6ffcc7a2
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/down-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/gird--select-icon.png b/src/apps/AppGridManagement/components/img/gird--select-icon.png
new file mode 100644
index 00000000..205144d2
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/gird--select-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/gird-icon.png b/src/apps/AppGridManagement/components/img/gird-icon.png
new file mode 100644
index 00000000..f7f3e61f
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/gird-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/handle-icon-active.png b/src/apps/AppGridManagement/components/img/handle-icon-active.png
new file mode 100644
index 00000000..1cb07503
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/handle-icon-active.png differ
diff --git a/src/apps/AppGridManagement/components/img/handle-icon.png b/src/apps/AppGridManagement/components/img/handle-icon.png
new file mode 100644
index 00000000..ab2d20c2
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/handle-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/jujue.png b/src/apps/AppGridManagement/components/img/jujue.png
new file mode 100644
index 00000000..ea7387ad
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/jujue.png differ
diff --git a/src/apps/AppGridManagement/components/img/line-img.png b/src/apps/AppGridManagement/components/img/line-img.png
new file mode 100644
index 00000000..4d423855
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/line-img.png differ
diff --git a/src/apps/AppGridManagement/components/img/local-icon.png b/src/apps/AppGridManagement/components/img/local-icon.png
new file mode 100644
index 00000000..3e23aff6
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/local-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/remove-icon.png b/src/apps/AppGridManagement/components/img/remove-icon.png
new file mode 100644
index 00000000..971b39ef
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/remove-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/right-icon.png b/src/apps/AppGridManagement/components/img/right-icon.png
new file mode 100644
index 00000000..e1c626b7
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/right-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/search-icon.png b/src/apps/AppGridManagement/components/img/search-icon.png
new file mode 100644
index 00000000..e3cb75af
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/search-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/set-icon-active.png b/src/apps/AppGridManagement/components/img/set-icon-active.png
new file mode 100644
index 00000000..c025cb79
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/set-icon-active.png differ
diff --git a/src/apps/AppGridManagement/components/img/set-icon.png b/src/apps/AppGridManagement/components/img/set-icon.png
new file mode 100644
index 00000000..58651b64
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/set-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/setting-icon.png b/src/apps/AppGridManagement/components/img/setting-icon.png
new file mode 100644
index 00000000..29e4b29f
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/setting-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/statistics-icon-active.png b/src/apps/AppGridManagement/components/img/statistics-icon-active.png
new file mode 100644
index 00000000..81dbd3f7
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/statistics-icon-active.png differ
diff --git a/src/apps/AppGridManagement/components/img/statistics-icon.png b/src/apps/AppGridManagement/components/img/statistics-icon.png
new file mode 100644
index 00000000..63b98d33
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/statistics-icon.png differ
diff --git a/src/apps/AppGridManagement/components/img/tx@2x.png b/src/apps/AppGridManagement/components/img/tx@2x.png
new file mode 100644
index 00000000..d9620e08
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/tx@2x.png differ
diff --git a/src/apps/AppGridManagement/components/img/user-img.png b/src/apps/AppGridManagement/components/img/user-img.png
new file mode 100644
index 00000000..ae49d85f
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/user-img.png differ
diff --git a/src/apps/AppGridManagement/components/img/xz.png b/src/apps/AppGridManagement/components/img/xz.png
new file mode 100644
index 00000000..98f78cda
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/xz.png differ
diff --git a/src/apps/AppGridManagement/components/img/xzh.png b/src/apps/AppGridManagement/components/img/xzh.png
new file mode 100644
index 00000000..967fa399
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/xzh.png differ
diff --git a/src/apps/AppGridManagement/components/img/zhuanjiao.png b/src/apps/AppGridManagement/components/img/zhuanjiao.png
new file mode 100644
index 00000000..f6c932fa
Binary files /dev/null and b/src/apps/AppGridManagement/components/img/zhuanjiao.png differ