diff --git a/src/mods/AppProgressNew/AppProgressNew.vue b/src/mods/AppProgressNew/AppProgressNew.vue
new file mode 100644
index 0000000..9f4bdc6
--- /dev/null
+++ b/src/mods/AppProgressNew/AppProgressNew.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="progressNew">
+    <div class="items" @click="goList(0)">
+      <div class="tops">
+        <span class="titles">民政类</span>
+
+        <u-icon name="arrow-right"></u-icon>
+      </div>
+
+      <div class="bottoms">低保、医疗救助、大病救助、临时救助低保、医疗救助、大病救助、临时救助</div>
+    </div>
+
+    <div class="items" @click="goList(1)">
+      <div class="tops">
+        <span class="titles">劳动保障类</span>
+
+        <u-icon name="arrow-right"></u-icon>
+      </div>
+
+      <div class="bottoms">养老保险、社保补贴、就业创业登记证</div>
+    </div>
+
+    <div class="items" @click="goList(2)">
+      <div class="tops">
+        <span class="titles">计划生育类</span>
+
+        <u-icon name="arrow-right"></u-icon>
+      </div>
+
+      <div class="bottoms">生育登记、独生子女扶助、生育抚恤金</div>
+    </div>
+
+    <div class="items" @click="goList(3)">
+      <div class="tops">
+        <span class="titles">残疾类</span>
+
+        <u-icon name="arrow-right"></u-icon>
+      </div>
+
+      <div class="bottoms">残疾证办理、困难生活补贴、燃油补贴</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AppProgressNew',
+  appName: '办事指南-新',
+  components: {},
+  props: {},
+  data() {
+    return {
+      list: [],
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    this.getList()
+  },
+  onShow() {},
+  methods: {
+    getList() {
+      this.$instance
+        .post('/app/appconvenientaddressbook/list', null, {
+          params: {
+            size: 999,
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            this.list = res.data.records
+          }
+        })
+    },
+
+    goList(index) {
+      this.$linkTo(`./list?index=${index}`)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.progressNew {
+  height: 100%;
+  padding: 0 32px;
+  .items {
+    padding: 0 32px;
+    background: #fff;
+    margin-top: 24px;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
+    border-radius: 8px;
+    .tops {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      box-shadow: inset 0px -1px 0px 0px #eeeeee;
+      .titles {
+        padding: 32px 0 30px 0;
+        font-size: 36px;
+        font-weight: 500;
+      }
+    }
+    .bottoms {
+      font-size: 28px;
+      color: #666666;
+      padding: 16px 0 32px 0;
+    }
+  }
+}
+</style>
diff --git a/src/mods/AppProgressNew/detail.vue b/src/mods/AppProgressNew/detail.vue
new file mode 100644
index 0000000..2b29e51
--- /dev/null
+++ b/src/mods/AppProgressNew/detail.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="details">
+    <div class="titles">城乡居民最低生活保障待遇</div>
+
+    <div class="types">民政类</div>
+
+    <div class="conts">
+      为了推进我村民主法治建设，维护社会稳定，促进经济发展，规范村民清洁乡村卫生行为，改善村容村貌，推进“生态乡村”建设，树立良好的民风、村风，创造安居乐业的社会环境，经全体村民代表讨论通过，制定本村规民约。 一、社会治安 1.村民要学法、知法、守法、自觉维护法律尊严，积极同一切违法犯罪行为作斗争。 2.村民之间应团结友爱，和睦相处，不打架斗殴，不酗酒滋事，严禁侮辱、诽谤他人，严禁造谣惑众、拨弄是非。 3自觉维护社会秩序和公共安全，不扰乱公共秩序，不阻碍公务人员执行公务。二、消防安全违反上述规定的给予批评教育，公开检讨书，情节严重的交上级有关部门或提交司法处理。为了推进我村民主法治建设，维护社会稳定，促进经济发展，规范村民清洁乡村卫生行为，改善村容村貌，推进“生态乡村”建设，树立良好的民风、村风，创造安居乐业的社会环境，经全体村民代表讨论通过，制定本村规民约。 一、社会治安
+      1.村民要学法、知法、守法、自觉维护法律尊严，积极同一切违法犯罪行为作斗争。 2.村民之间应团结友爱，和睦相处，不打架斗殴，不酗酒滋事，严禁侮辱、诽谤他人，严禁造谣惑众、拨弄是非。 3自觉维护社会秩序和公共安全，不扰乱公共秩序，不阻碍公务人员执行公务。二、消防安全违反上述规定的给予批评教育，公开检讨书，情节严重的交上级有关部门或提交司法处理。
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  onLoad() {
+    this.getDetail()
+  },
+  onShow() {},
+  methods: {
+    getDetail() {
+      var ids = 'f16e54058cab4099bf3ee6e03e750b93'
+      this.$instance.post(`/app/appvillageactivityinfo/queryDetailById?id=${ids}`).then((res) => {
+        if (res.code == 0) {
+          this.detail = res.data
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.details {
+  padding: 32px 32px 48px 32px;
+  .titles {
+    font-size: 48px;
+    font-weight: 600;
+  }
+  .types {
+    margin-top: 16px;
+    font-size: 30px;
+    color: #999999;
+  }
+  .conts {
+    margin-top: 64px;
+    font-size: 36px;
+    line-height: 1.7;
+  }
+}
+</style>
diff --git a/src/mods/AppProgressNew/list.vue b/src/mods/AppProgressNew/list.vue
new file mode 100644
index 0000000..9696d1f
--- /dev/null
+++ b/src/mods/AppProgressNew/list.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="lists">
+    <div class="conts" @click="goDetail(0)">城乡居民最低生活保障待遇</div>
+
+    <div class="conts">城乡居民医疗救助</div>
+
+    <div class="conts">城市居民大病救助</div>
+
+    <div class="conts">临时救助</div>
+
+    <div class="conts">困境儿童申报</div>
+
+    <div class="conts">孤儿申报</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'list',
+  components: {},
+  props: {},
+  data() {
+    return {
+      id: '',
+      detail: [],
+    }
+  },
+  computed: {},
+  watch: {},
+  onLoad() {},
+  onShow() {},
+  methods: {
+    goDetail(indexs) {
+      this.$linkTo(`./detail?index=${indexs}`)
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.lists {
+  height: 100%;
+  padding: 0 32px;
+  .conts {
+    background: #ffffff;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.02);
+    border-radius: 8px;
+    padding: 34px 32px;
+    font-size: 32px;
+    margin-top: 24px;
+  }
+}
+</style>