diff --git a/src/views/modules/events/appeal-development-list.vue b/src/views/modules/events/appeal-development-list.vue
index 84a13368..caaf035c 100644
--- a/src/views/modules/events/appeal-development-list.vue
+++ b/src/views/modules/events/appeal-development-list.vue
@@ -13,7 +13,16 @@
                   <el-option label="执法" value="2"> </el-option>
                 </el-select>
               </el-form-item> -->
-
+              <el-form-item label="所属机构" label-width="100px">
+                  <el-cascader
+                          v-model="ids"
+                          :options="options"
+                          :props="{ checkStrictly: true }"
+                          clearable
+                          style="width:250px;"
+                  >
+                  </el-cascader>
+              </el-form-item>
               <el-form-item label="项目内容" prop="itemCode">
                   <el-input
                           v-model="dataForm.itemContent"
@@ -33,7 +42,7 @@
                   ></el-input>
               </el-form-item>
 
-              <el-form-item label="满意度" prop="evaluationScoreType" label-width="80px">
+              <el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
                   <el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
                       <el-option label="不满意" value="0"> </el-option>
                       <el-option label="基本满意" value="1"> </el-option>
@@ -41,8 +50,7 @@
                   </el-select>
               </el-form-item>
 
-              <br>
-              <div>
+
                   <el-form-item label="上报起始时间" prop="startTime" label-width="100px">
                       <el-date-picker
                               v-model="dataForm.startTime"
@@ -79,7 +87,7 @@
                   <el-button type="success"
                       @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
                 </el-form-item> -->
-              </div>
+
           </el-form>
           <el-table
                   v-loading="dataListLoading"
@@ -212,6 +220,8 @@ export default {
         evaluationScore: ''
 
       },
+        ids: [],
+        options: [],
       addOrUpdateVisible: false,
       pickerBeginDateBefore: {
         disabledDate: (time) => {
@@ -236,11 +246,45 @@ export default {
   },
   created: function () {
     this.getPeoList()
+      this.getOptions()
   },
-  watch: {
-
-  },
+    watch: {
+        ids: function (val) {
+            if (val.length === 0) {
+                this.dataForm.streetId = ''
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 1) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 2) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 3) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = this.ids[2]
+            }
+        }
+    },
   methods: {
+      getOptions () {
+          this.$http
+              .get(`/sys/user/deptOptions/getByLoginUser`)
+              .then(({ data: res }) => {
+                  if (res.code !== 0) {
+                      return this.$message.error(res.msg)
+                  }
+                  this.options = res.data.options
+              })
+              .catch(() => {
+              })
+      },
     getPeoList () {
       console.log(this.dataList)
     },
diff --git a/src/views/modules/events/appeal-enforce-list.vue b/src/views/modules/events/appeal-enforce-list.vue
index f735b4d4..c1654898 100644
--- a/src/views/modules/events/appeal-enforce-list.vue
+++ b/src/views/modules/events/appeal-enforce-list.vue
@@ -13,7 +13,16 @@
                   <el-option label="执法" value="2"> </el-option>
                 </el-select>
               </el-form-item> -->
-
+              <el-form-item label="所属机构" label-width="100px">
+                  <el-cascader
+                          v-model="ids"
+                          :options="options"
+                          :props="{ checkStrictly: true }"
+                          clearable
+                          style="width:250px;"
+                  >
+                  </el-cascader>
+              </el-form-item>
               <el-form-item label="项目内容" prop="itemCode">
                   <el-input
                           v-model="dataForm.itemContent"
@@ -33,7 +42,7 @@
                   ></el-input>
               </el-form-item>
 
-              <el-form-item label="满意度" prop="evaluationScoreType" label-width="80px">
+              <el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
                   <el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
                       <el-option label="不满意" value="0"> </el-option>
                       <el-option label="基本满意" value="1"> </el-option>
@@ -41,8 +50,7 @@
                   </el-select>
               </el-form-item>
 
-              <br>
-              <div>
+
                   <el-form-item label="上报起始时间" prop="startTime" label-width="100px">
                       <el-date-picker
                               v-model="dataForm.startTime"
@@ -79,7 +87,7 @@
                   <el-button type="success"
                       @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
                 </el-form-item> -->
-              </div>
+
           </el-form>
           <el-table
                   v-loading="dataListLoading"
@@ -212,6 +220,8 @@ export default {
         evaluationScore: ''
 
       },
+        ids: [],
+        options: [],
       addOrUpdateVisible: false,
       pickerBeginDateBefore: {
         disabledDate: (time) => {
@@ -236,11 +246,45 @@ export default {
   },
   created: function () {
     this.getPeoList()
+      this.getOptions()
   },
-  watch: {
-
-  },
+    watch: {
+        ids: function (val) {
+            if (val.length === 0) {
+                this.dataForm.streetId = ''
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 1) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 2) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 3) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = this.ids[2]
+            }
+        }
+    },
   methods: {
+      getOptions () {
+          this.$http
+              .get(`/sys/user/deptOptions/getByLoginUser`)
+              .then(({ data: res }) => {
+                  if (res.code !== 0) {
+                      return this.$message.error(res.msg)
+                  }
+                  this.options = res.data.options
+              })
+              .catch(() => {
+              })
+      },
     getPeoList () {
       console.log(this.dataList)
     },
diff --git a/src/views/modules/events/appeal-peo-list.vue b/src/views/modules/events/appeal-peo-list.vue
index d6cca166..9f2920a1 100644
--- a/src/views/modules/events/appeal-peo-list.vue
+++ b/src/views/modules/events/appeal-peo-list.vue
@@ -13,7 +13,16 @@
                   <!--<el-option label="执法" value="2"> </el-option>-->
                 <!--</el-select>-->
               <!--</el-form-item>-->
-
+              <el-form-item label="所属机构" label-width="100px">
+                  <el-cascader
+                          v-model="ids"
+                          :options="options"
+                          :props="{ checkStrictly: true }"
+                          clearable
+                          style="width:250px;"
+                  >
+                  </el-cascader>
+              </el-form-item>
               <el-form-item label="诉求内容" prop="itemCode">
                   <el-input
                           v-model="dataForm.itemContent"
@@ -33,7 +42,7 @@
                   ></el-input>
               </el-form-item>
 
-              <el-form-item label="满意度" prop="evaluationScoreType" label-width="80px">
+              <el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
                   <el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
                       <el-option label="不满意" value="0"> </el-option>
                       <el-option label="基本满意" value="1"> </el-option>
@@ -41,8 +50,8 @@
                   </el-select>
               </el-form-item>
 
-              <br>
-              <div>
+
+
                   <el-form-item label="上报时间" prop="startTime" label-width="100px">
                       <el-date-picker
                               v-model="dataForm.startTime"
@@ -79,7 +88,7 @@
                   <el-button type="success"
                       @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
                 </el-form-item> -->
-              </div>
+
           </el-form>
           <el-table
                   v-loading="dataListLoading"
@@ -212,6 +221,8 @@ export default {
         evaluationScore: ''
 
       },
+        ids: [],
+        options: [],
       addOrUpdateVisible: false,
       pickerBeginDateBefore: {
         disabledDate: (time) => {
@@ -237,10 +248,46 @@ export default {
   created: function () {
 
   },
-  watch: {
-
-  },
+    watch: {
+        ids: function (val) {
+            if (val.length === 0) {
+                this.dataForm.streetId = ''
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 1) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = ''
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 2) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = ''
+            }
+            if (val.length === 3) {
+                this.dataForm.streetId = this.ids[0]
+                this.dataForm.communityId = this.ids[1]
+                this.dataForm.gridId = this.ids[2]
+            }
+        }
+    },
+    created: function () {
+        this.getOptions()
+    },
   methods: {
+      getOptions () {
+          this.$http
+              .get(`/sys/user/deptOptions/getByLoginUser`)
+              .then(({ data: res }) => {
+                  if (res.code !== 0) {
+                      return this.$message.error(res.msg)
+                  }
+                  this.options = res.data.options
+              })
+              .catch(() => {
+              })
+      },
     dealAction (id) {
       this.$parent.selectComponent = 'AppealDetailView'
       this.$router.push({ path: '/events-appeal-peo', query: { id: id } })