diff --git a/src/apps/AppPageBasic/AppPageBasic.vue b/src/apps/AppPageBasic/AppPageBasic.vue
new file mode 100644
index 00000000..2622d1ae
--- /dev/null
+++ b/src/apps/AppPageBasic/AppPageBasic.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="AppPageBasic">
+    <AppListPage :label="label" :appList="appList" />
+  </div>
+</template>
+
+<script>
+import AppListPage from '@/components/AppListPage/AppListPage'
+export default {
+  name: 'AppPageBasic',
+  appName: '工作台(基层办公)',
+  components: { AppListPage },
+  data() {
+    return {
+      label: '基层办公',
+      appList: [
+        {
+          name: '会议通知',
+          icon: require('./img/hytz.png'),
+          url: '../AppMeetingNotice/AppMeetingNotice'
+        },
+        {
+          name: '三务公开',
+          icon: require('./img/shgk.png'),
+          url: '../AppServicePublic/AppServicePublic?moduleId=b03d1ea68c8449ecb00685644e3f0192'
+        }
+      ]
+    }
+  },
+
+  methods: {
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppPageBasic{
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPageBasic/img/hytz.png b/src/apps/AppPageBasic/img/hytz.png
new file mode 100644
index 00000000..9ff0bd96
Binary files /dev/null and b/src/apps/AppPageBasic/img/hytz.png differ
diff --git a/src/apps/AppPageBasic/img/shgk.png b/src/apps/AppPageBasic/img/shgk.png
new file mode 100644
index 00000000..4d01adcd
Binary files /dev/null and b/src/apps/AppPageBasic/img/shgk.png differ
diff --git a/src/apps/AppPageCivilization/AppPageCivilization.vue b/src/apps/AppPageCivilization/AppPageCivilization.vue
new file mode 100644
index 00000000..1919961a
--- /dev/null
+++ b/src/apps/AppPageCivilization/AppPageCivilization.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="AppPageCivilization">
+    <AppListPage :label="label" :appList="appList" />
+  </div>
+</template>
+
+<script>
+import AppListPage from '@/components/AppListPage/AppListPage'
+export default {
+  name: 'AppPageCivilization',
+  appName: '工作台(文明乡风)',
+  components: { AppListPage },
+  data() {
+    return {
+      label: '文明乡风',
+      appList: [
+        {
+          name: '婚丧嫁娶',
+          icon: require('./img/hjsq.png'),
+          url: '../AppMarryAndDie/AppMarryAndDie'
+        },
+        {
+          name: '好人好事',
+          icon: require('./img/hrhs.png'),
+          url: '../AppServicePublic/AppServicePublic?moduleId=5da220f3182047aba92d64ac08b93b55'
+        },
+        {
+          name: '五好家庭',
+          icon: require('./img/whjt.png'),
+          url: '../AppServicePublic/AppServicePublic?moduleId=6afadf4cd44f4b73be29390b30ca88bb'
+        }
+      ]
+    }
+  },
+
+  methods: {
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppPageCivilization{
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPageCivilization/img/hjsq.png b/src/apps/AppPageCivilization/img/hjsq.png
new file mode 100644
index 00000000..d59fc156
Binary files /dev/null and b/src/apps/AppPageCivilization/img/hjsq.png differ
diff --git a/src/apps/AppPageCivilization/img/hrhs.png b/src/apps/AppPageCivilization/img/hrhs.png
new file mode 100644
index 00000000..8dfc999d
Binary files /dev/null and b/src/apps/AppPageCivilization/img/hrhs.png differ
diff --git a/src/apps/AppPageCivilization/img/whjt.png b/src/apps/AppPageCivilization/img/whjt.png
new file mode 100644
index 00000000..c86a300e
Binary files /dev/null and b/src/apps/AppPageCivilization/img/whjt.png differ
diff --git a/src/apps/AppPageInteraction/AppPageInteraction.vue b/src/apps/AppPageInteraction/AppPageInteraction.vue
new file mode 100644
index 00000000..cf387040
--- /dev/null
+++ b/src/apps/AppPageInteraction/AppPageInteraction.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="AppPageInteraction">
+    <AppListPage :label="label" :appList="appList" />
+  </div>
+</template>
+
+<script>
+import AppListPage from '@/components/AppListPage/AppListPage'
+export default {
+  name: 'AppPageInteraction',
+  appName: '工作台(居民互动)',
+  components: { AppListPage },
+  data() {
+    return {
+      label: '居民互动',
+      appList: [
+        {
+          name: '居民活动',
+          icon: require('./img/jmhd.png'),
+          url: '../AppResidentActivitie/AppResidentActivities'
+        },
+        {
+          name: '小程序公告',
+          icon: require('./img/xcxgg.png'),
+          url: '../AppUniMsg/AppUniMsg'
+        },
+        {
+          name: '问卷表单',
+          icon: require('./img/wjbd.png'),
+          url: '../AppAskForm/AppForm'
+        }
+      ]
+    }
+  },
+
+  methods: {
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppPageInteraction{
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPageInteraction/img/jmhd.png b/src/apps/AppPageInteraction/img/jmhd.png
new file mode 100644
index 00000000..0c4a652e
Binary files /dev/null and b/src/apps/AppPageInteraction/img/jmhd.png differ
diff --git a/src/apps/AppPageInteraction/img/wjbd.png b/src/apps/AppPageInteraction/img/wjbd.png
new file mode 100644
index 00000000..a228945e
Binary files /dev/null and b/src/apps/AppPageInteraction/img/wjbd.png differ
diff --git a/src/apps/AppPageInteraction/img/xcxgg.png b/src/apps/AppPageInteraction/img/xcxgg.png
new file mode 100644
index 00000000..e1e01771
Binary files /dev/null and b/src/apps/AppPageInteraction/img/xcxgg.png differ
diff --git a/src/apps/AppPageParty/AppPageParty.vue b/src/apps/AppPageParty/AppPageParty.vue
new file mode 100644
index 00000000..5820e38f
--- /dev/null
+++ b/src/apps/AppPageParty/AppPageParty.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="AppPageParty">
+    <AppListPage :label="label" :appList="appList" />
+  </div>
+</template>
+
+<script>
+import AppListPage from '@/components/AppListPage/AppListPage'
+export default {
+  name: 'AppPageParty',
+  appName: '工作台(基层党建)',
+  components: { AppListPage },
+  data() {
+    return {
+      label: '基层党建',
+      appList: [
+        {
+          name: '三会一课',
+          icon: require('./img/shyk.png'),
+          url: '../party/AppThreeSessions/AppThreeSessions'
+        },
+        {
+          name: '党建要闻',
+          icon: require('./img/djyw.png'),
+          url: '../AppServicePublic/AppServicePublic?moduleId=95f0f1c509e44d528069bc9f9dc19e53'
+        },
+        {
+          name: '党员学习',
+          icon: require('./img/dyxx.png'),
+          url: '../party/AppPartyStudy/AppPartyStudy'
+        },
+         {
+          name: '在线答题',
+          icon: require('./img/zxdt.png'),
+          url: '../party/AppOnlineAnswer/AppOnlineAnswer'
+        }
+      ]
+    }
+  },
+
+  methods: {
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppPageParty{
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPageParty/img/djyw.png b/src/apps/AppPageParty/img/djyw.png
new file mode 100644
index 00000000..a4b41b3b
Binary files /dev/null and b/src/apps/AppPageParty/img/djyw.png differ
diff --git a/src/apps/AppPageParty/img/dyxx.png b/src/apps/AppPageParty/img/dyxx.png
new file mode 100644
index 00000000..ae254959
Binary files /dev/null and b/src/apps/AppPageParty/img/dyxx.png differ
diff --git a/src/apps/AppPageParty/img/shyk.png b/src/apps/AppPageParty/img/shyk.png
new file mode 100644
index 00000000..f878a333
Binary files /dev/null and b/src/apps/AppPageParty/img/shyk.png differ
diff --git a/src/apps/AppPageParty/img/zxdt.png b/src/apps/AppPageParty/img/zxdt.png
new file mode 100644
index 00000000..26e3e037
Binary files /dev/null and b/src/apps/AppPageParty/img/zxdt.png differ
diff --git a/src/apps/AppPageResident/AppPageResident.vue b/src/apps/AppPageResident/AppPageResident.vue
new file mode 100644
index 00000000..71a69a3b
--- /dev/null
+++ b/src/apps/AppPageResident/AppPageResident.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="AppPageResident">
+    <AppListPage :label="label" :appList="appList" />
+  </div>
+</template>
+
+<script>
+import AppListPage from '@/components/AppListPage/AppListPage'
+export default {
+  name: 'AppPageResident',
+  appName: '工作台(居民)',
+  components: { AppListPage },
+  data() {
+    return {
+      label: '居民管理',
+      appList: [
+        {
+          name: '居民信息管理',
+          icon: require('./img/jmxxgl.png'),
+          url: '../AppResidentFile/AppResidentFile?tabIndex=1'
+        },
+        {
+          name: '居民群管理',
+          icon: require('./img/jmqgl.png'),
+          url: '../AppResidentFile/AppResidentFile?tabIndex=2'
+        },
+        {
+          name: '居民档案',
+          icon: require('./img/jmda.png'),
+          url: '../AppResidentFile/AppResidentFile'
+        }
+      ]
+    }
+  },
+
+  methods: {
+
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body{
+  height: 100%;
+}
+.AppPageResident{
+  height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppPageResident/img/jmda.png b/src/apps/AppPageResident/img/jmda.png
new file mode 100644
index 00000000..3949aa22
Binary files /dev/null and b/src/apps/AppPageResident/img/jmda.png differ
diff --git a/src/apps/AppPageResident/img/jmqgl.png b/src/apps/AppPageResident/img/jmqgl.png
new file mode 100644
index 00000000..ed21342c
Binary files /dev/null and b/src/apps/AppPageResident/img/jmqgl.png differ
diff --git a/src/apps/AppPageResident/img/jmxxgl.png b/src/apps/AppPageResident/img/jmxxgl.png
new file mode 100644
index 00000000..ace102f3
Binary files /dev/null and b/src/apps/AppPageResident/img/jmxxgl.png differ
diff --git a/src/apps/AppServicePublic/Add.vue b/src/apps/AppServicePublic/Add.vue
index 435233c9..0916aad4 100644
--- a/src/apps/AppServicePublic/Add.vue
+++ b/src/apps/AppServicePublic/Add.vue
@@ -57,12 +57,14 @@ export default {
       showStstus: false,
       flag: false,
       areaIdProps: '',
+      moduleId: ''
     }
   },
   computed: { ...mapState(['user']) },
   onLoad(o) {
     console.log(o)
     this.id = o.id
+    this.moduleId = o.moduleId
     this.areaIdProps = this.user.areaId
     this.$dict.load('realityStatus').then(() => {
       this.getDetail()
@@ -113,6 +115,7 @@ export default {
               // images: JSON.stringify(imgs) || [],
               images: imgs || [],
               id: this.id,
+              moduleId: this.moduleId
             })
             .then((res) => {
               if (res.code == 0) {
diff --git a/src/apps/AppServicePublic/AppServicePublic.vue b/src/apps/AppServicePublic/AppServicePublic.vue
index 40c347f9..e774b5f5 100644
--- a/src/apps/AppServicePublic/AppServicePublic.vue
+++ b/src/apps/AppServicePublic/AppServicePublic.vue
@@ -66,6 +66,7 @@ export default {
       pages: 0,
       deletShow: false,
       deletId: '',
+      moduleId: ''
     }
   },
   computed: {
@@ -76,8 +77,9 @@ export default {
     },
   },
   watch: {},
-  onLoad() {
+  onLoad(o) {
     this.areaId = this.user.areaId
+    this.moduleId = o.moduleId
     this.getList()
   },
   mounted() {},
@@ -90,6 +92,7 @@ export default {
             current: this.current,
             areaId: this.areaId,
             title: this.keyword,
+            moduleId: this.moduleId
           },
         })
         .then((res) => {
@@ -116,7 +119,7 @@ export default {
       }
       if (type == null) {
         console.log('添加')
-        uni.navigateTo({ url: `./Add` })
+        uni.navigateTo({ url: `./Add?moduleId=${this.moduleId}` })
       }
     },
 
diff --git a/src/components/AppListPage/AppListPage.vue b/src/components/AppListPage/AppListPage.vue
new file mode 100644
index 00000000..d0ecd654
--- /dev/null
+++ b/src/components/AppListPage/AppListPage.vue
@@ -0,0 +1,86 @@
+<template>
+  <section class="AppListPage">
+    <div class="content">
+      <div class="title">{{label}}</div>
+      <div class="app-list">
+        <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.url)">
+          <div class="icon" :style="`backgroundImage: url(${item.icon});`"></div>
+          <p>{{item.name}}</p>
+        </div>
+      </div>
+    </div>  
+    
+  </section>
+</template>
+
+<script>
+
+export default {
+  name: "AppListPage",
+  props: {
+    label: String,
+    appList: Array,
+  },
+  methods: {
+    linkTo(url) {
+      console.log(url)
+      uni.navigateTo({url})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppListPage {
+  padding-top: 20px;
+  .content{
+    margin: 0 20px 20px;
+    width: calc(100% - 40px);
+    background: #FFF;
+    border-radius: 16px;
+    .title{
+      line-height: 70px;
+      border-bottom: 1px solid #eee;
+      padding-left: 20px;
+      font-size: 26px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #999;
+    }
+    .app-list{
+      overflow: hidden;
+      .item{
+        text-align: center;
+        padding-bottom: 38px;
+        border-right: 1px solid #eee;
+        border-top: 1px solid #eee;
+        width: calc(33% - 1px);
+        float: left;
+        .icon{
+          display: inline-block;
+          width: 58px;
+          height: 58px;
+          margin: 40px 0 18px 0;
+          background-size: 100% 100%;
+          text-align: center;
+        }
+        p{
+          font-size: 28px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #3D434A;
+          line-height: 40px;
+        }
+      }
+      .item:nth-of-type(3n) {
+        border-right: 0;
+      }
+      .item:nth-child(1), 
+      .item:nth-child(2),
+      .item:nth-child(3) {
+        border-top: 0;
+      }
+    }
+  }
+}
+</style>