diff --git a/src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue b/src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue
new file mode 100644
index 0000000..43b5ff0
--- /dev/null
+++ b/src/mods/work/AppHelpDeclaration/AppHelpDeclaration.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="AppHelpDeclaration">
+    
+  </div>
+</template>
+
+<script>
+export default {
+  name: "AppHelpDeclaration",
+  appName: "帮扶申报",
+  data() {
+    return {
+      
+    }
+  },
+  onShow() {
+
+  },
+  methods: {
+
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.AppHelpDeclaration {}
+</style>
\ No newline at end of file
diff --git a/src/mods/work/AppHelpDeclaration/add.vue b/src/mods/work/AppHelpDeclaration/add.vue
new file mode 100644
index 0000000..dcee689
--- /dev/null
+++ b/src/mods/work/AppHelpDeclaration/add.vue
@@ -0,0 +1,186 @@
+<template>
+  <div class="add">
+    <div class="tips">我承认本次申请帮扶情况属实，愿接受有关部门依法核实家庭资产信息，如存在虚报、伪造，造成社会资源浪费。本人资源承担相关惩戒措施。</div>
+    <div class="user_info">
+      <div class="item">
+        <div class="left">
+          <span>*</span><span>申请人姓名</span>
+        </div>
+        <input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
+      </div>
+      <div class="item">
+        <div class="left">
+          <span>*</span><span>申请人身份证号</span>
+        </div>
+        <input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
+      </div>
+      <div class="item">
+        <div class="left">
+          <span>*</span><span>联系方式</span>
+        </div>
+        <input type="number" class="right__text" placeholder="请输入" maxlength="11"/>
+      </div>
+    </div>
+
+    <div class="family_info">
+      <div class="item">
+        <div class="left">
+          <span>*</span><span>家庭人口数</span>
+        </div>
+        <input type="number" class="right__text" placeholder="请输入" maxlength="10"/>
+      </div>
+      <div class="item">
+        <div class="left">
+          <span>*</span><span>所在地区</span>
+        </div>
+        <!-- <AiAreaPicker class="ai-area" :areaId="$areaId" v-model="form.areaId" :fullName.sync="form.areaName">
+              <div class="ai-area__wrapper">
+                <span class="label" v-if="form.areaName">{{ form.areaName }}</span>
+                <i v-else>请选择</i>
+                <u-icon name="arrow-right" color="#ddd"/>
+              </div>
+            </AiAreaPicker> -->
+        <AiAreaPicker v-model="areaId" class="right__text" :name.sync="areaName">
+          <span :class="areaName == '' ? 'color-999' : 'color-333' ">{{ areaName || "请选择" }}</span>
+          <u-icon name="arrow-right" color="#ddd" style="display: inline-block;"/>
+        </AiAreaPicker>
+      </div>
+      <div class="items">
+        <div class="left">
+          <span>*</span><span>详细地址</span>
+        </div>
+        <input type="textarea" class="textarea" placeholder="请输入" maxlength="10"/>
+      </div>
+      <div class="items">
+        <div class="left">
+          <span>*</span><span>申请帮扶原因（最多2项）</span>
+        </div>
+        <div class="tags">
+          <span v-for="(item,index) in list" :key="index" :class="item.checked? 'isCheck':''" @click="helpCheck(item)">{{ item }}</span>
+        </div>
+      </div>
+      <div class="items">
+        <div class="left">
+          <span>*</span><span>返贫致贫风险说明</span>
+        </div>
+        <input type="text" class="text" placeholder="请简要说明返贫致贫风险说明" maxlength="200"/>
+      </div>
+      <div class="items">
+        <div class="left">
+          <span>*</span><span>上传佐证材料（最多9张）</span>
+        </div>
+        <div style="margin-top: 10px;">
+          <AiUploader v-model="form.checkPhoto" :limit="9" multiple></AiUploader>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "add",
+  appName: "自主申报",
+  data() {
+    return {
+      form: {},
+      areaName: '',
+      list: ['张是','订单','电动蝶阀','斤斤计较','坎坎坷坷']
+    }
+  },
+  onLoad() {
+    this.$dict.load('')
+  },
+  methods: {
+    helpCheck(e) {
+      e.checked = !e.checked
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  .tips {
+    padding: 32px;
+    box-sizing: border-box;
+    background: #FFF8F3;
+    color: #FF883C;
+    font-size: 30px;
+  }
+  .user_info,
+  .family_info {
+    background: #FFF;
+    .item {
+      display: flex;
+      padding: 32px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #DDDDDD;
+
+      .left {
+        width: 240px;
+        span:first-child {
+          color: #FF4466;
+        }
+      }
+      
+      .right__text {
+        width: calc(100% - 240px);
+        text-align: right;
+      }
+
+      .color-999 {
+        color: #999;
+      }
+      .color-333 {
+        color: #333;
+      }
+      
+    }
+    
+    .item:last-child {
+      border-bottom: none;
+    }
+    .items {
+      padding: 32px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #DDDDDD;
+      .left {
+        span:first-child {
+          color: #FF4466;
+        }
+      }
+      .text {
+        margin-top: 20px;
+      }
+      .textarea {
+        margin-top: 32px;
+      }
+      .tags {
+        margin-top: 20px;
+        span {
+          display: inline-block;
+          // padding: 10px 30px;
+          width: 30%;
+          height: 80px;
+          line-height: 80px;
+          text-align: center;
+          box-sizing: border-box;
+          border-radius: 16px;
+          border: 1px solid #CCCCCC;
+          margin-right: 20px;
+          margin-bottom: 16px;
+        }
+        span:nth-child(3n) {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+  
+
+  .family_info {
+    margin-top: 16px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/mods/work/AppHelpDeclaration/components/bg.png b/src/mods/work/AppHelpDeclaration/components/bg.png
new file mode 100644
index 0000000..2ea7931
Binary files /dev/null and b/src/mods/work/AppHelpDeclaration/components/bg.png differ
diff --git a/src/mods/work/AppHelpDeclaration/components/nav.png b/src/mods/work/AppHelpDeclaration/components/nav.png
new file mode 100644
index 0000000..4dd9f3b
Binary files /dev/null and b/src/mods/work/AppHelpDeclaration/components/nav.png differ
diff --git a/src/mods/work/AppHelpDeclaration/components/tab.png b/src/mods/work/AppHelpDeclaration/components/tab.png
new file mode 100644
index 0000000..776fac2
Binary files /dev/null and b/src/mods/work/AppHelpDeclaration/components/tab.png differ
diff --git a/src/mods/work/AppHelpDeclaration/details.vue b/src/mods/work/AppHelpDeclaration/details.vue
new file mode 100644
index 0000000..663997e
--- /dev/null
+++ b/src/mods/work/AppHelpDeclaration/details.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="details">
+    <div class="event_info">
+      <div class="content">我是的一名普通的退休职工，现年岁，因家庭经济困难，经再三考虑，特向卫生局申请贫困补助。本人因股骨头骨折长年卧床，生活不能自理，需常年用药，
+        每年药费近万元。家人因照顾我生活起居，无法外出工作，家庭都很困难，药费仅靠我本人退休工资维持，现随着年龄增长，老年病加重，药费昂贵，
+        退休工资难以维持基本生活支出，特申请贫困补助，望卫生局能给予帮扶!</div>
+      <div class="picture">
+        <img src="./components/bg.png" alt="">
+      </div>
+      <div class="tags">
+        <span v-for="(item,index) in list" :key="index">{{item}}</span>
+      </div>
+    </div>
+    <div class="progress_info">
+      <div class="item">
+        <label>申报进度</label>
+        <div>处理中</div>
+      </div>
+      <div class="item">
+        <label>申报人姓名</label>
+        <div>lisa</div>
+      </div>
+      <div class="item">
+        <label>申报时间</label>
+        <div>2021-10-10 10:30:00</div>
+      </div>
+      <div class="items">
+        <label>详细地址</label>
+        <div>湖北省武汉市武昌区XXXX地区</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "details",
+  appName: "申报详情",
+  data() {
+    return {
+      list: ['因病','张三','大师的撒','是第三方代发','的点点滴滴多','大啊啊啊啊啊啊']
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.details {
+
+  .event_info {
+    background: #FFFFFF;
+    padding: 32px;
+    box-sizing: border-box;
+    .content {
+      background: #FFFFFF;
+    }
+    .picture {
+      margin-top: 32px;
+      img {
+        width: 220px;
+        height: 220px;
+        margin-right: 10px;
+      }
+    }
+    .tags {
+      margin-top: 20px;
+      span {
+        display: inline-block;
+        margin-right: 16px;
+        background: #EEEEEE;
+        padding: 4px 16px;
+        box-sizing: border-box;
+        border-radius: 24px;
+        margin-bottom: 16px;
+        color: #999999;
+      }
+    }
+  }
+
+  .progress_info {
+    margin-top: 16px;
+    background: #FFF;
+    padding: 0 32px 20px 32px;
+    box-sizing: border-box;
+    .item {
+      padding: 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 1px solid #DDDDDD;
+      label {
+        color: #999999;
+      }
+    }
+    .items {
+      padding: 32px;
+      box-sizing: border-box;
+      label {
+        color: #999999;
+      }
+      div {
+        margin-top: 32px;
+      }
+    }
+    .status0 {
+      color: #FF883C
+    }
+    .status1 {
+      color: #1AAAFF
+    }
+    .status2 {
+      color: #42D784
+    }
+    .status3 {
+      color: #FF4466
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/mods/work/AppHelpDeclaration/progress.vue b/src/mods/work/AppHelpDeclaration/progress.vue
new file mode 100644
index 0000000..0bc8b34
--- /dev/null
+++ b/src/mods/work/AppHelpDeclaration/progress.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="progress">
+    <div class="card_list">
+      <div class="card" @click="$linkTo(`./details`)">
+        <div class="top">
+          <div class="title">住房的部分承重结构载重无法满足日常需求，或局部存在安全隐患住房的部分承重…</div>
+          <div class="time">2021-10-10 10:10:10</div>
+        </div>
+        <div class="bottom">
+          <span></span><span>待处理</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "progress",
+  appName: "进度查询",
+  data() {
+    return {
+      list: [],
+      current: 1,
+    }
+  },
+  onShow() {
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.progress {
+  .card_list {
+    padding: 24px 32px;
+    box-sizing: border-box;
+    .card {
+      background: #FFFFFF;
+      box-shadow: 0px 0px 8px 0px #00000005;
+      border-radius: 16px;
+      .top {
+        padding: 32px;
+        box-sizing: border-box;
+        border-bottom: 2px solid #DDDDDD;
+        .title {
+          color: #333333;
+          font-size: 32px;
+          font-weight: 600;
+          overflow:hidden; 
+          text-overflow:ellipsis;
+          display:-webkit-box;
+          -webkit-box-orient:vertical;
+          -webkit-line-clamp:2;
+        }
+        .time {
+          margin-top: 32px;
+          color: #999999;
+          font-size: 26px;
+        }
+      }
+      .bottom {
+        padding: 32px;
+        box-sizing: border-box;
+        span:first-child {
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          margin-right: 8px;
+          background: #FF4466;
+        }
+      }
+      .status0 {
+        color: #FF883C
+      }
+      .status1 {
+        color: #1AAAFF
+      }
+      .status2 {
+        color: #42D784
+      }
+      .status3 {
+        color: #FF4466
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/mods/work/AppHelpDeclaration/result.vue b/src/mods/work/AppHelpDeclaration/result.vue
new file mode 100644
index 0000000..e77b350
--- /dev/null
+++ b/src/mods/work/AppHelpDeclaration/result.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="service-result" v-if="showPage">
+    <image src="/static/img/service-success.png" />
+    <h2>申请成功，等待审批！</h2>
+    <div class="text">
+      <span>可在</span>
+      <i>我的-办事进度</i>
+      <span>中查看</span>
+    </div>
+    <div class="service-btn" hover-class="text-hover" @click="back">查看我的申报</div>
+    <div class="service-btn" hover-class="text-hover" @click="back">返回</div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'result',
+  data() {
+    return {
+      showPage: false,
+      title: '',
+    }
+  },
+  onLoad(query) {
+    this.title = query.title
+    uni.setNavigationBarTitle({
+      title: this.title,
+    })
+    if (this.title) {
+      this.showPage = true
+    }
+  },
+
+  methods: {
+    back() {
+      uni.reLaunch({
+        url: './AppServiceOnlineNew',
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.service-result {
+  min-height: 100vh;
+  padding-top: 96px;
+  text-align: center;
+  background: #fff;
+  box-sizing: border-box;
+
+  .service-btn {
+    width: 558px;
+    height: 88px;
+    line-height: 88px;
+    margin: 120px auto 0;
+    text-align: center;
+    background: #197df0;
+    font-size: 36px;
+    color: #fff;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 8px;
+  }
+
+  h2 {
+    margin-bottom: 32px;
+    color: #333333;
+    font-size: 36px;
+    font-weight: 600;
+  }
+
+  .text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 28px;
+    color: #333;
+
+    i {
+      color: #467dfe;
+    }
+  }
+
+  image {
+    width: 192px;
+    height: 192px;
+  }
+}
+</style>