From 8a0c606bc8fe08181ce406772a159825ca624a2f Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Mon, 10 Oct 2022 14:23:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=89=E5=8A=9E=E6=B7=BB=E5=8A=A03=E4=B8=AA?=
 =?UTF-8?q?=E9=83=A8=E9=97=A8=E5=B7=B2=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...appeal-development-list-unsatisfactory.vue | 336 +++++++++++++++
 .../appeal-development-unsatisfactory.vue     |  30 ++
 .../appeal-enforce-list-unsatisfactory.vue    | 336 +++++++++++++++
 .../events/appeal-enforce-unsatisfactory.vue  |  30 ++
 .../events/appeal-peo-list-unsatisfactory.vue | 386 ++++++++++++++++++
 .../events/appeal-peo-unsatisfactory.vue      |  30 ++
 6 files changed, 1148 insertions(+)
 create mode 100644 src/views/modules/events/appeal-development-list-unsatisfactory.vue
 create mode 100644 src/views/modules/events/appeal-development-unsatisfactory.vue
 create mode 100644 src/views/modules/events/appeal-enforce-list-unsatisfactory.vue
 create mode 100644 src/views/modules/events/appeal-enforce-unsatisfactory.vue
 create mode 100644 src/views/modules/events/appeal-peo-list-unsatisfactory.vue
 create mode 100644 src/views/modules/events/appeal-peo-unsatisfactory.vue

diff --git a/src/views/modules/events/appeal-development-list-unsatisfactory.vue b/src/views/modules/events/appeal-development-list-unsatisfactory.vue
new file mode 100644
index 00000000..bd0dc328
--- /dev/null
+++ b/src/views/modules/events/appeal-development-list-unsatisfactory.vue
@@ -0,0 +1,336 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+      <div class="mod-item__item}">
+          <el-form
+                  :inline="true"
+                  :model="dataForm"
+                  @keyup.enter.native="getDataListSearch()"
+          >
+              <!-- <el-form-item label="诉求类型" prop="appealType" label-width="80px">
+                <el-select v-model="dataForm.appealType" placeholder="请选择" clearable>
+                  <el-option label="民生" value="0"> </el-option>
+                  <el-option label="发展" value="1"> </el-option>
+                  <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"
+                          placeholder="请输入诉求内容"
+                          clearable
+                          @keyup.native="btKeyUpItemContent"
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <el-form-item label="诉求编码" prop="serialNum">
+                  <el-input
+                          v-model="dataForm.serialNum"
+                          placeholder="诉求编码"
+                          clearable
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <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>
+                      <el-option label="非常满意" value="2"> </el-option>
+                  </el-select>
+              </el-form-item>
+
+              <el-form-item label="处理状态" label-width="105px">
+                  <el-select v-model="dataForm.itemState" clearable  placeholder="请选择" style="width:200px;">
+                      <el-option label="处理中" value="0"></el-option>
+                      <el-option label="已结案" value="10"></el-option>
+                  </el-select>
+              </el-form-item>
+              <br/>
+                  <el-form-item label="上报起始时间" prop="startTime" label-width="100px">
+                      <el-date-picker
+                              v-model="dataForm.startTime"
+                              type="date"
+                              :picker-options="pickerBeginDateBefore"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="至" label-width="25px" prop="endTime">
+                      <el-date-picker
+                              v-model="dataForm.endTime"
+                              type="date"
+                              :picker-options="pickerBeginDateAfter"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item>
+                      <el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
+                  </el-form-item>
+                  <!-- <el-form-item>
+                    <el-button type="primary"
+                               class="custom-button-add"
+                               @click="addAppealEnforcement()">新增执法诉求</el-button>
+                  </el-form-item> -->
+                <!-- <el-form-item>
+                  <el-button type="success"
+                      @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
+                </el-form-item> -->
+
+          </el-form>
+          <el-table
+                  v-loading="dataListLoading"
+                  :data="dataList"
+                  border
+                  @selection-change="dataListSelectionChangeHandle"
+                  style="width: 100%;"
+          >
+              <el-table-column
+                      label=" "
+                      align="center"
+                      width="50"
+              >
+                  <template slot-scope="scope">
+                      <img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
+                      <img :src="green" width="25" height="25" v-else/>
+                  </template>
+              </el-table-column>
+              <el-table-column
+                      label="序号"
+                      type="index"
+                      show-overflow-tooltip
+                      align="center"
+                      width="50"
+              ></el-table-column>
+              <el-table-column
+                      prop="gridName"
+                      label="属事街道"
+                      header-align="center"
+                      width="120"
+                      align="center"
+                      show-overflow-tooltip
+              >
+              </el-table-column>
+              <el-table-column
+                      prop="itemContent"
+                      label="诉求内容"
+                      header-align="center"
+                      min-width="300"
+                      align="left"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <!--<el-table-column-->
+                      <!--prop="serialNum"-->
+                      <!--label="诉求编码"-->
+                      <!--header-align="center"-->
+                      <!--min-width="200"-->
+                      <!--align="center"-->
+              <!--&gt;</el-table-column>-->
+              <!-- <el-table-column
+                      prop="peopleFlagName"
+                      label="诉求类型"
+                      header-align="center"
+                      min-width="150"
+                      align="center"
+              ></el-table-column> -->
+
+              <el-table-column
+                      prop="itemStateName"
+                      label="处理状态"
+                      header-align="center"
+                      align="center"
+              ></el-table-column>
+
+
+              <el-table-column
+                      prop="createdTime"
+                      label="上报时间"
+                      header-align="center"
+                      width="180"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      prop="nickName"
+                      label="联系人姓名"
+                      header-align="center"
+                      min-width="100"
+                      align="center"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <el-table-column
+                      prop="evaluationScoreName"
+                      label="满意度"
+                      header-align="center"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      :label="$t('handle')"
+                      fixed="right"
+                      header-align="center"
+                      align="center">
+                  <template slot-scope="scope">
+                      <el-button
+                          type="text"
+                          size="small"
+                          class="custom-table-button-default"
+                          @click="dealAction(scope.row.id)">详情
+                      </el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+          <el-pagination
+                  :current-page="page"
+                  :page-sizes="[10, 20, 50, 100]"
+                  :page-size="limit"
+                  :total="total"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  @size-change="pageSizeChangeHandle"
+                  @current-change="pageCurrentChangeHandle"
+          >
+          </el-pagination>
+
+      </div>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import green from '@/assets/img/green_img.png'
+import red from '@/assets/img/red_img.png'
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './appeal-enforcement-add'
+
+export default {
+  mixins: [mixinViewModule],
+  name: 'AppealList',
+  data () {
+    return {
+      green,
+      red,
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
+        getDataListIsPage: true,
+        exportURL: '/events/item/unexport'
+      },
+      dataForm: {
+        id: '',
+        itemState: '0',
+        startTime: '',
+        endTime: '',
+        streetId: '',
+        communityId: '',
+        gridId: '',
+        itemCode: '',
+        itemContent: '',
+        nickName: '',
+        mobile: '',
+        appealType: 1,
+        evaluationScore: '',
+        itemState: ''
+
+      },
+      ids: [],
+      options: [],
+      addOrUpdateVisible: false,
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dataForm.endTime
+          if (beginDateVal) {
+            return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
+          }
+        }
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          let EndDateVal = this.dataForm.startTime
+          if (EndDateVal) {
+            return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
+          }
+        }
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  created: function () {
+    this.getPeoList()
+    this.getOptions()
+  },
+  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)
+    },
+    dealAction (id) {
+      this.$parent.selectComponent = 'AppealDetailView'
+      this.$router.push({ path: '/events-appeal-development-unsatisfactory', query: { id: id } })
+    },
+    addAppealEnforcement () {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init()
+      })
+    },
+    btKeyUpItemContent (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.itemContent = e.target.value
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/events/appeal-development-unsatisfactory.vue b/src/views/modules/events/appeal-development-unsatisfactory.vue
new file mode 100644
index 00000000..bf93133d
--- /dev/null
+++ b/src/views/modules/events/appeal-development-unsatisfactory.vue
@@ -0,0 +1,30 @@
+<template>
+  <keep-alive include="AppealList">
+      <component :is="selectComponent"></component>
+  </keep-alive>
+</template>
+
+<script>
+import AppeaDevelopmentlList from './appeal-development-list-unsatisfactory.vue'
+import AppealDetailView from './appeal-detail-view'
+export default {
+  data () {
+    return {
+      selectComponent: AppeaDevelopmentlList
+    }
+  },
+  components: {
+    AppeaDevelopmentlList,
+    AppealDetailView
+  },
+  methods: {
+    init () {
+      this.selectComponent = AppeaDevelopmentlList
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/modules/events/appeal-enforce-list-unsatisfactory.vue b/src/views/modules/events/appeal-enforce-list-unsatisfactory.vue
new file mode 100644
index 00000000..343e2112
--- /dev/null
+++ b/src/views/modules/events/appeal-enforce-list-unsatisfactory.vue
@@ -0,0 +1,336 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+      <div class="mod-item__item}">
+          <el-form
+                  :inline="true"
+                  :model="dataForm"
+                  @keyup.enter.native="getDataListSearch()"
+          >
+              <!-- <el-form-item label="诉求类型" prop="appealType" label-width="80px">
+                <el-select v-model="dataForm.appealType" placeholder="请选择" clearable>
+                  <el-option label="民生" value="0"> </el-option>
+                  <el-option label="发展" value="1"> </el-option>
+                  <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"
+                          placeholder="请输入诉求内容"
+                          clearable
+                          @keyup.native="btKeyUpItemContent"
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <el-form-item label="诉求编码" prop="serialNum">
+                  <el-input
+                          v-model="dataForm.serialNum"
+                          placeholder="诉求编码"
+                          clearable
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <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>
+                      <el-option label="非常满意" value="2"> </el-option>
+                  </el-select>
+              </el-form-item>
+
+              <el-form-item label="处理状态" label-width="105px">
+                  <el-select v-model="dataForm.itemState" clearable  placeholder="请选择" style="width:200px;">
+                      <el-option label="处理中" value="0"></el-option>
+                      <el-option label="已结案" value="10"></el-option>
+                  </el-select>
+              </el-form-item>
+              <br/>
+                  <el-form-item label="上报起始时间" prop="startTime" label-width="100px">
+                      <el-date-picker
+                              v-model="dataForm.startTime"
+                              type="date"
+                              :picker-options="pickerBeginDateBefore"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="至" label-width="25px" prop="endTime">
+                      <el-date-picker
+                              v-model="dataForm.endTime"
+                              type="date"
+                              :picker-options="pickerBeginDateAfter"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item>
+                      <el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
+                  </el-form-item>
+                  <!--<el-form-item>-->
+                    <!--<el-button type="primary"-->
+                               <!--class="custom-button-add"-->
+                               <!--@click="addAppealEnforcement()">新增执法诉求</el-button>-->
+                  <!--</el-form-item>-->
+                <!-- <el-form-item>
+                  <el-button type="success"
+                      @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
+                </el-form-item> -->
+
+          </el-form>
+          <el-table
+                  v-loading="dataListLoading"
+                  :data="dataList"
+                  border
+                  @selection-change="dataListSelectionChangeHandle"
+                  style="width: 100%;"
+          >
+              <el-table-column
+                      label=" "
+                      align="center"
+                      width="50"
+              >
+                  <template slot-scope="scope">
+                      <img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
+                      <img :src="green" width="25" height="25" v-else/>
+                  </template>
+              </el-table-column>
+              <el-table-column
+                      label="序号"
+                      type="index"
+                      show-overflow-tooltip
+                      align="center"
+                      width="50"
+              ></el-table-column>
+              <el-table-column
+                      prop="gridName"
+                      label="属事街道"
+                      header-align="center"
+                      width="120"
+                      align="center"
+                      show-overflow-tooltip
+              >
+              </el-table-column>
+              <el-table-column
+                      prop="itemContent"
+                      label="诉求内容"
+                      header-align="center"
+                      min-width="300"
+                      align="left"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <!--<el-table-column-->
+                      <!--prop="serialNum"-->
+                      <!--label="诉求编码"-->
+                      <!--header-align="center"-->
+                      <!--min-width="200"-->
+                      <!--align="center"-->
+              <!--&gt;</el-table-column>-->
+              <!-- <el-table-column
+                      prop="peopleFlagName"
+                      label="诉求类型"
+                      header-align="center"
+                      min-width="150"
+                      align="center"
+              ></el-table-column> -->
+
+              <el-table-column
+                      prop="itemStateName"
+                      label="处理状态"
+                      header-align="center"
+                      align="center"
+              ></el-table-column>
+
+
+              <el-table-column
+                      prop="createdTime"
+                      label="上报时间"
+                      header-align="center"
+                      width="180"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      prop="nickName"
+                      label="联系人姓名"
+                      header-align="center"
+                      min-width="100"
+                      align="center"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <el-table-column
+                      prop="evaluationScoreName"
+                      label="满意度"
+                      header-align="center"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      :label="$t('handle')"
+                      fixed="right"
+                      header-align="center"
+                      align="center">
+                  <template slot-scope="scope">
+                      <el-button
+                          type="text"
+                          size="small"
+                          class="custom-table-button-default"
+                          @click="dealAction(scope.row.id)">详情
+                      </el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+          <el-pagination
+                  :current-page="page"
+                  :page-sizes="[10, 20, 50, 100]"
+                  :page-size="limit"
+                  :total="total"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  @size-change="pageSizeChangeHandle"
+                  @current-change="pageCurrentChangeHandle"
+          >
+          </el-pagination>
+
+      </div>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import green from '@/assets/img/green_img.png'
+import red from '@/assets/img/red_img.png'
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './appeal-enforcement-add'
+
+export default {
+  mixins: [mixinViewModule],
+  name: 'AppealList',
+  data () {
+    return {
+      green,
+      red,
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
+        getDataListIsPage: true,
+        exportURL: '/events/item/unexport'
+      },
+      dataForm: {
+        id: '',
+        itemState: '0',
+        startTime: '',
+        endTime: '',
+        streetId: '',
+        communityId: '',
+        gridId: '',
+        itemCode: '',
+        itemContent: '',
+        nickName: '',
+        mobile: '',
+        appealType: 2,
+        evaluationScore: '',
+        itemState: ''
+
+      },
+      ids: [],
+      options: [],
+      addOrUpdateVisible: false,
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dataForm.endTime
+          if (beginDateVal) {
+            return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
+          }
+        }
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          let EndDateVal = this.dataForm.startTime
+          if (EndDateVal) {
+            return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
+          }
+        }
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  created: function () {
+    this.getPeoList()
+    this.getOptions()
+  },
+  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)
+    },
+    dealAction (id) {
+      this.$parent.selectComponent = 'AppealDetailView'
+      this.$router.push({ path: '/events-appeal-enforce-unsatisfactory', query: { id: id } })
+    },
+    addAppealEnforcement () {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init()
+      })
+    },
+    btKeyUpItemContent (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.itemContent = e.target.value
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/events/appeal-enforce-unsatisfactory.vue b/src/views/modules/events/appeal-enforce-unsatisfactory.vue
new file mode 100644
index 00000000..c61f7688
--- /dev/null
+++ b/src/views/modules/events/appeal-enforce-unsatisfactory.vue
@@ -0,0 +1,30 @@
+<template>
+  <keep-alive include="AppealList">
+      <component :is="selectComponent"></component>
+  </keep-alive>
+</template>
+
+<script>
+import AppeaEnforcelList from './appeal-enforce-list-unsatisfactory.vue'
+import AppealDetailView from './appeal-detail-view'
+export default {
+  data () {
+    return {
+      selectComponent: AppeaEnforcelList
+    }
+  },
+  components: {
+    AppeaEnforcelList,
+    AppealDetailView
+  },
+  methods: {
+    init () {
+      this.selectComponent = AppeaEnforcelList
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/modules/events/appeal-peo-list-unsatisfactory.vue b/src/views/modules/events/appeal-peo-list-unsatisfactory.vue
new file mode 100644
index 00000000..b885d5a6
--- /dev/null
+++ b/src/views/modules/events/appeal-peo-list-unsatisfactory.vue
@@ -0,0 +1,386 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+      <div class="mod-item__item}">
+          <el-form
+                  :inline="true"
+                  :model="dataForm"
+                  @keyup.enter.native="getDataListSearch()"
+          >
+              <!--<el-form-item label="诉求类型" prop="appealType" label-width="80px">-->
+                <!--<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>-->
+                  <!--<el-option label="民生" value="0"> </el-option>-->
+                  <!--<el-option label="发展" value="1"> </el-option>-->
+                  <!--<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"
+                          placeholder="请输入诉求内容"
+                          clearable
+                          @keyup.native="btKeyUpItemContent"
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <el-form-item label="诉求编码" prop="serialNum">
+                  <el-input
+                          v-model="dataForm.serialNum"
+                          placeholder="诉求编码"
+                          clearable
+                          style="width:200px;"
+                  ></el-input>
+              </el-form-item>
+
+              <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>
+                      <el-option label="非常满意" value="2"> </el-option>
+                  </el-select>
+              </el-form-item>
+
+              <el-form-item label="处理状态" label-width="105px">
+                  <el-select v-model="dataForm.itemState" clearable  placeholder="请选择" style="width:200px;">
+                      <el-option label="处理中" value="0"></el-option>
+                      <el-option label="已结案" value="10"></el-option>
+                  </el-select>
+              </el-form-item>
+              <br/>
+                  <el-form-item label="上报时间" prop="startTime" label-width="100px">
+                      <el-date-picker
+                              v-model="dataForm.startTime"
+                              type="date"
+                              :picker-options="pickerBeginDateBefore"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item label="至" label-width="25px" prop="endTime">
+                      <el-date-picker
+                              v-model="dataForm.endTime"
+                              type="date"
+                              :picker-options="pickerBeginDateAfter"
+                              value-format="yyyy-MM-dd"
+                              format="yyyy-MM-dd"
+                              placeholder="选择日期时间"
+                              style="width:250px;" @change="changeTime"
+                      >
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-form-item>
+                      <el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
+                  </el-form-item>
+                  <!-- <el-form-item>
+                    <el-button type="primary"
+                               class="custom-button-add"
+                               @click="addAppealEnforcement()">新增执法诉求</el-button>
+                  </el-form-item> -->
+                <!-- <el-form-item>
+                  <el-button type="success"
+                      @click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
+                </el-form-item> -->
+
+          </el-form>
+          <el-table
+                  v-loading="dataListLoading"
+                  :data="dataList"
+                  border
+                  @selection-change="dataListSelectionChangeHandle"
+                  style="width: 100%;"
+          >
+              <el-table-column
+                      label=" "
+                      align="center"
+                      width="50"
+              >
+                  <template slot-scope="scope">
+                      <img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
+                      <img :src="green" width="25" height="25" v-else/>
+                  </template>
+              </el-table-column>
+              <el-table-column
+                      label="序号"
+                      type="index"
+                      show-overflow-tooltip
+                      align="center"
+                      width="50"
+              ></el-table-column>
+              <el-table-column
+                      prop="streetName"
+                      label="属事街道"
+                      header-align="center"
+                      width="120"
+                      align="center"
+                      show-overflow-tooltip
+              >
+              </el-table-column>
+              <el-table-column
+                      prop="communityName"
+                      label="属事社区"
+                      header-align="center"
+                      width="130"
+                      align="center"
+                      show-overflow-tooltip
+              >
+              </el-table-column>
+              <el-table-column
+                      prop="gridName"
+                      label="属事网格"
+                      header-align="center"
+                      width="140"
+                      align="center"
+                      show-overflow-tooltip
+              >
+              </el-table-column>
+              <el-table-column
+                      prop="itemContent"
+                      label="诉求内容"
+                      header-align="center"
+                      min-width="300"
+                      align="left"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <!--<el-table-column-->
+                      <!--prop="serialNum"-->
+                      <!--label="诉求编码"-->
+                      <!--header-align="center"-->
+                      <!--min-width="200"-->
+                      <!--align="center"-->
+              <!--&gt;</el-table-column>-->
+              <!-- <el-table-column
+                      prop="peopleFlagName"
+                      label="诉求类型"
+                      header-align="center"
+                      min-width="150"
+                      align="center"
+              ></el-table-column> -->
+
+              <el-table-column
+                      prop="itemStateName"
+                      label="处理状态"
+                      header-align="center"
+                      width="100"
+                      align="center"
+                      :formatter="stateFormat"
+              >
+              </el-table-column>
+
+              <el-table-column
+                      prop="createdTime"
+                      label="上报时间"
+                      header-align="center"
+                      width="180"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      prop="nickName"
+                      label="联系人姓名"
+                      header-align="center"
+                      min-width="100"
+                      align="center"
+                      show-overflow-tooltip
+              ></el-table-column>
+              <el-table-column
+                      prop="evaluationScoreName"
+                      label="满意度"
+                      header-align="center"
+                      align="center"
+              ></el-table-column>
+              <el-table-column
+                      :label="$t('handle')"
+                      fixed="right"
+                      header-align="center"
+                      align="center"
+              >
+                  <template slot-scope="scope">
+                      <el-button
+                          type="text"
+                          size="small"
+                          class="custom-table-button-default"
+                          @click="dealAction(scope.row.id)">详情
+                      </el-button>
+                  </template>
+              </el-table-column>
+          </el-table>
+          <el-pagination
+                  :current-page="page"
+                  :page-sizes="[10, 20, 50, 100]"
+                  :page-size="limit"
+                  :total="total"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  @size-change="pageSizeChangeHandle"
+                  @current-change="pageCurrentChangeHandle"
+          >
+          </el-pagination>
+
+      </div>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"></add-or-update>
+  </el-card>
+</template>
+
+<script>
+import green from '@/assets/img/green_img.png'
+import red from '@/assets/img/red_img.png'
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './appeal-enforcement-add'
+
+export default {
+  mixins: [mixinViewModule],
+  name: 'AppealList',
+  data () {
+    return {
+      green,
+      red,
+      mixinViewModuleOptions: {
+        getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
+        getDataListIsPage: true,
+        exportURL: '/events/item/unexport'
+      },
+      dataForm: {
+        id: '',
+        startTime: '',
+        endTime: '',
+        streetId: '',
+        communityId: '',
+        gridId: '',
+        itemCode: '',
+        itemContent: '',
+        nickName: '',
+        mobile: '',
+        appealType: 0,
+        evaluationScore: '',
+        itemHandleDeptId: '',
+        itemState: ''
+
+      },
+      ids: [],
+      options: [],
+      optionsDept: [],
+      addOrUpdateVisible: false,
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          let beginDateVal = this.dataForm.endTime
+          if (beginDateVal) {
+            return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
+          }
+        }
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          let EndDateVal = this.dataForm.startTime
+          if (EndDateVal) {
+            return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
+          }
+        }
+      }
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  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(() => {
+        })
+      this.$http
+        .post(`/sys/dept/queryUserSysDeptTypeKey`, {  })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.optionsDept = res.data
+        })
+        .catch(() => {
+        })
+    },
+    stateFormat (row, column) {
+      if (row.itemState === 0) {
+        if (row.itemHandleDeptId === null || row.itemHandleDeptId === '0') {
+          return '街道处理中'
+        } else {
+          let itemStateDetail = '网格处理中'
+          this.optionsDept.filter(function (item) {
+            if (item.id === row.itemHandleDeptId) {
+              if (item.typeKey === 'grid_party') {
+                itemStateDetail = '网格处理中'
+              }
+              if (item.typeKey === 'community_party') {
+                itemStateDetail = '社区处理中'
+              }
+            }
+          })
+          return itemStateDetail
+        }
+      } else if (row.itemState === 10) {
+        return '已结案'
+      }
+    },
+    dealAction (id) {
+      this.$parent.selectComponent = 'AppealDetailView'
+      this.$router.push({ path: '/events-appeal-peo-unsatisfactory', query: { id: id } })
+    },
+    addAppealEnforcement () {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init()
+      })
+    },
+    btKeyUpItemContent (e) {
+      e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
+      this.dataForm.itemContent = e.target.value
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/events/appeal-peo-unsatisfactory.vue b/src/views/modules/events/appeal-peo-unsatisfactory.vue
new file mode 100644
index 00000000..b41ff38f
--- /dev/null
+++ b/src/views/modules/events/appeal-peo-unsatisfactory.vue
@@ -0,0 +1,30 @@
+<template>
+  <keep-alive include="AppealList">
+      <component :is="selectComponent"></component>
+  </keep-alive>
+</template>
+
+<script>
+import AppeaPeolList from './appeal-peo-list-unsatisfactory.vue'
+import AppealDetailView from './appeal-detail-view'
+export default {
+  data () {
+    return {
+      selectComponent: AppeaPeolList
+    }
+  },
+  components: {
+    AppeaPeolList,
+    AppealDetailView
+  },
+  methods: {
+    init () {
+      this.selectComponent = AppeaPeolList
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>