diff --git a/packages/work/AppHelpDeclaration/components/Detail.vue b/packages/work/AppHelpDeclaration/components/Detail.vue
index c1c614de..3e6e2d95 100644
--- a/packages/work/AppHelpDeclaration/components/Detail.vue
+++ b/packages/work/AppHelpDeclaration/components/Detail.vue
@@ -23,7 +23,7 @@
                 <ai-info-item label="排查人员："><span>{{form.createUserName || '-'}}</span></ai-info-item>
                 <ai-info-item label="申请帮扶原因："><span>{{form.reason || '-'}}</span></ai-info-item>
                 <ai-info-item label="上报时间："><span>{{form.declareTime || '-'}}</span></ai-info-item>
-                 <ai-info-item label="所在地区："><span>{{form.areaName || '-'}}</span></ai-info-item>
+                 <ai-info-item label="所在地区："><span>{{form.areaName}}{{form.address || ''}}</span></ai-info-item>
               </ai-wrapper>
               <ai-wrapper label-width="100px" :columnsNumber="1">
                 <ai-info-item label="风险说明："><span>{{form.riskDescription || '-'}}</span></ai-info-item>
@@ -253,7 +253,7 @@ export default {
       position: relative;
       margin-right: 16px;
       .ai-steps__item--index{
-          width: 24px;
+        width: 24px;
         height: 24px;
         line-height: 24px;
         border-radius: 50%;
@@ -270,6 +270,7 @@ export default {
       color: #666;
       font-size: 14px;
       display: flex;
+      width: calc(100% - 40px);
       .ai-steps__item--content {
         span {
           color: #333;
@@ -279,6 +280,7 @@ export default {
         h2 {
           color: #666666;
           font-size: 14px;
+          word-break: break-all;
         }
 
         p {
diff --git a/packages/work/AppHelpDeclaration/components/List.vue b/packages/work/AppHelpDeclaration/components/List.vue
index 4d1a1ec3..b9cdc2d1 100644
--- a/packages/work/AppHelpDeclaration/components/List.vue
+++ b/packages/work/AppHelpDeclaration/components/List.vue
@@ -1,7 +1,7 @@
 <template>
   <ai-list class="list">
     <template slot="title">
-      <ai-title title="帮扶申报" isShowBottomBorder></ai-title>
+      <ai-title title="帮扶申报" :instance="instance" isShowBottomBorder isShowArea :disabledLevel="disabledLevel" v-model="areaId" @change="changeArea"></ai-title>
     </template>
     <template slot="content">
       <ai-search-bar>
@@ -60,13 +60,13 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: "list",
   props: {
     instance: Function,
     dict: Object,
     permissions: Function,
-    areaId: String,
   },
   data() {
     return {
@@ -84,9 +84,12 @@ export default {
       tableData: [],
       shopList: [],
       ids: [],
+      areaId: '',
+      disabledLevel: 0,
     };
   },
   computed: {
+    ...mapState(['user']),
     colConfigs() {
       return [
         {
@@ -143,6 +146,8 @@ export default {
     },
   },
   created() {
+    this.disabledLevel = this.user.info.areaList.length - 1
+    this.areaId = this.user.info.areaId
     this.dict.load('helpDeclarationType', 'helpDeclarationStatus', 'helpDeclarationReason').then(() => {
       this.$nextTick(() => this.getList())
     })
@@ -152,7 +157,8 @@ export default {
       this.instance.post(`/app/apphelpdeclarationinfo/list`, null, {
         params: {
           ...this.searchObj,
-          ...this.page
+          ...this.page,
+          areaId: this.areaId
         },
       }).then((res) => {
         if (res.code == 0) {
@@ -169,11 +175,10 @@ export default {
       });
     },
     reset() {
+      this.page.current = 1
       Object.keys(this.searchObj).forEach((e) => {
         this.searchObj[e] = "";
       });
-      this.searchObj.createTimeStart = null;
-      this.searchObj.createTimeEnd = null;
       this.getList();
     },
     goDetail(row) {
@@ -184,6 +189,11 @@ export default {
         }
       })
     },
+    changeArea() {
+      this.$nextTick(() => {
+        this.reset()
+      })
+    },
   },
 };
 </script>