From c2af4b04f4b2f25fb6d0cbfce1b99b2e2157622b Mon Sep 17 00:00:00 2001
From: tianq <tianq@hgzp.com.cn>
Date: Fri, 24 Mar 2023 08:38:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tuceng/anquan/anquanxuncha/index.vue      | 929 ++++++++++++++++++
 .../shequzhili/tuceng/anquan/shebei/index.vue | 929 ++++++++++++++++++
 .../shequzhili/tuceng/anquan/weihua/index.vue | 326 +++---
 .../shequzhili/tuceng/anquan/xuncha/index.vue | 578 ++++++-----
 .../tuceng/anquan/yinhuan/index.vue           | 929 ++++++++++++++++++
 .../tuceng/chengshiguanli/index.vue           | 929 ++++++++++++++++++
 .../shequzhili/tuceng/gonggong/index.vue      | 929 ++++++++++++++++++
 .../tuceng/yingji/changsuo/index.vue          | 929 ++++++++++++++++++
 .../shequzhili/tuceng/yingji/wuzi/index.vue   | 929 ++++++++++++++++++
 .../tuceng/yingji/zizuzhi/index.vue           | 929 ++++++++++++++++++
 .../modules/workSys/residentCategory.vue      |   8 +
 src/views/modules/workSys/serviceMatters.vue  |   8 +
 12 files changed, 7896 insertions(+), 456 deletions(-)
 create mode 100644 src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/gonggong/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
 create mode 100644 src/views/modules/workSys/residentCategory.vue
 create mode 100644 src/views/modules/workSys/serviceMatters.vue

diff --git a/src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue b/src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue b/src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue b/src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue
index 2613427d5..7103c5be3 100644
--- a/src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue
+++ b/src/views/modules/shequzhili/tuceng/anquan/weihua/index.vue
@@ -1,179 +1,177 @@
 <template>
-  <div>
-    <base-page
-      :searchParams="searchParams"
-      :tableParams="tableParams"
-      :tableUrl="tableUrl"
-      :addUrl="addUrl"
-      :editUrl="editUrl"
-      :delUrl="delUrl"
-      :editAuth="editAuth"
-      :delAuth="delAuth"
-      :infoUrl="infoUrl"
-      :exportUrl="exportUrl"
-      :importUrl="importUrl"
-      :mubanUrl="mubanUrl"
-      :editParams="editParams"
-      :editElseRules="editElseRules"
-      :editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
-      idName="icDangerousChemicalsId"
-    ></base-page>
-  </div>
+	<div>
+		<base-page
+			:searchParams="searchParams"
+			:tableParams="tableParams"
+			:tableUrl="tableUrl"
+			:addUrl="addUrl"
+			:editUrl="editUrl"
+			:delUrl="delUrl"
+			:editAuth="editAuth"
+			:delAuth="delAuth"
+			:infoUrl="infoUrl"
+			:exportUrl="exportUrl"
+			:importUrl="importUrl"
+			:mubanUrl="mubanUrl"
+			:editParams="editParams"
+			:editElseRules="editElseRules"
+			:editBtnName="item => (!item.latitude ? '待完善' : '修改')"
+			idName="icDangerousChemicalsId"
+		></base-page>
+	</div>
 </template>
 
 <script>
-import basePage from "@/views/modules/cpts/base/index";
+import basePage from '@/views/modules/cpts/base/index';
 
 export default {
-  props: {},
+	props: {},
 
-  data() {
-    return {
-      searchParams: [
-        { field: "企业名称", keyName: "name", type: "input" },
-        {
-          field: "企业类型",
-          keyName: "category",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
-          optionUrlParams: {},
-          optionList: [],
-        },
-        {
-          field: "危化品种类",
-          keyName: "dangerType",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
-          optionList: [],
-        },
-      ],
+	data() {
+		return {
+			searchParams: [
+				{ field: '企业名称', keyName: 'name', type: 'input' },
+				{
+					field: '企业类型',
+					keyName: 'category',
+					type: 'select',
+					optionUrl: '/gov/org/coverage/dict-select-list/dangerous_chemicals',
+					optionUrlParams: {},
+					optionList: []
+				},
+				{
+					field: '危化品种类',
+					keyName: 'dangerType',
+					type: 'select',
+					optionUrl: '/sys/dict/data/dictlist',
+					optionUrlParams: {
+						dictType: 'ic_danger_type'
+					},
+					optionList: []
+				}
+			],
 
-      tableParams: [
-        { field: "序号", keyName: "", type: "no" },
-        { field: "企业名称", keyName: "name", type: "text" },
-        { field: "企业类别", keyName: "categoryName", type: "text" },
-        { field: "周边安全间距", keyName: "safeDistanceName", type: "text" },
-        { field: "危化品种类", keyName: "dangerTypeName", type: "text" },
-        { field: "经营地址", keyName: "address", type: "text" },
-        { field: "负责人", keyName: "principalName", type: "text" },
-        { field: "联系电话", keyName: "principalMobile", type: "text" },
-        { field: "备注", keyName: "remark", type: "text" },
-      ],
-      tableUrl: "/gov/org/icDangerousChemicals/list",
-      mubanUrl: "/gov/org/icDangerousChemicals/download",
-      importUrl: "/gov/org/icDangerousChemicals/import",
-      exportUrl: "/gov/org/icDangerousChemicals/export",
+			tableParams: [
+				{ field: '序号', keyName: '', type: 'no' },
+				{ field: '企业名称', keyName: 'name', type: 'text' },
+				{ field: '企业类别', keyName: 'categoryName', type: 'text' },
+				{ field: '周边安全间距', keyName: 'safeDistanceName', type: 'text' },
+				{ field: '危化品种类', keyName: 'dangerTypeName', type: 'text' },
+				{ field: '经营地址', keyName: 'address', type: 'text' },
+				{ field: '负责人', keyName: 'principalName', type: 'text' },
+				{ field: '联系电话', keyName: 'principalMobile', type: 'text' },
+				{ field: '备注', keyName: 'remark', type: 'text' }
+			],
+			tableUrl: '/gov/org/icDangerousChemicals/list',
+			mubanUrl: '/gov/org/icDangerousChemicals/download',
+			importUrl: '/gov/org/icDangerousChemicals/import',
+			exportUrl: '/gov/org/icDangerousChemicals/export',
 
-      addUrl: "/gov/org/icDangerousChemicals/add",
-      editUrl: "/gov/org/icDangerousChemicals/edit",
-      infoUrl: "/gov/org/icDangerousChemicals/detail",
-      delUrl: "/gov/org/icDangerousChemicals/del",
-      editAuth(item) {
-        return item.agencyId == this.$store.state.user.agencyId;
-      },
-      delAuth(item) {
-        return item.agencyId == this.$store.state.user.agencyId;
-      },
+			addUrl: '/gov/org/icDangerousChemicals/add',
+			editUrl: '/gov/org/icDangerousChemicals/edit',
+			infoUrl: '/gov/org/icDangerousChemicals/detail',
+			delUrl: '/gov/org/icDangerousChemicals/del',
+			editAuth(item) {
+				return item.agencyId == this.$store.state.user.agencyId;
+			},
+			delAuth(item) {
+				return item.agencyId == this.$store.state.user.agencyId;
+			},
 
-      editParams: [
-        {
-          field: "企业名称",
-          keyName: "name",
-          type: "input",
-          maxlength: 50,
-          editDisabled: true,
-          rules: [
-            {
-              required: true,
-              message: "企业名称不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        {
-          field: "企业分类",
-          keyName: "category",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
-          optionUrlParams: {
-            // dictType: "ic_service_type",
-          },
-          optionList: [],
-          editDisabled: true,
-          rules: [
-            { required: true, message: "企业分类不能为空", trigger: "blur" },
-          ],
-        },
-        {
-          field: "周边安全间距",
-          keyName: "safeDistance",
-          type: "number",
-          precision: 2,
-          step: 0.01,
-          min: 0,
-          max: 1000000000,
-          unitName: "公里",
-        },
-        {
-          field: "危化品种类",
-          keyName: "dangerType",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
-          optionList: [],
-          editDisabled: true,
-        },
-        {
-          field: "负责人",
-          keyName: "principalName",
-          type: "input",
-          maxlength: 50,
-        },
-        {
-          field: "联系电话",
-          keyName: "principalMobile",
-          type: "input",
-          maxlength: 50,
-        },
-        {
-          field: "经营地址",
-          keyName: "address",
-          type: "address",
-          maxlength: 50,
-          supKeys: ["longitude", "latitude"],
-          supValues: ["", ""],
-          rules: [
-            {
-              required: true,
-              message: "经营地址坐标不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        { field: "备注", keyName: "remark", type: "textarea" },
-      ],
-      editElseRules: {
-        longitude: {
-          type: "number",
-          required: true,
-          message: "请拖动地图选择坐标点",
-        },
-      },
-    };
-  },
-  components: { basePage },
-  computed: {},
-  watch: {},
+			editParams: [
+				{
+					field: '企业名称',
+					keyName: 'name',
+					type: 'input',
+					maxlength: 50,
+					editDisabled: true,
+					rules: [
+						{
+							required: true,
+							message: '企业名称不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				{
+					field: '企业分类',
+					keyName: 'category',
+					type: 'select',
+					optionUrl: '/gov/org/coverage/dict-select-list/dangerous_chemicals',
+					optionUrlParams: {
+						// dictType: "ic_service_type",
+					},
+					optionList: [],
+					editDisabled: true,
+					rules: [{ required: true, message: '企业分类不能为空', trigger: 'blur' }]
+				},
+				{
+					field: '周边安全间距',
+					keyName: 'safeDistance',
+					type: 'number',
+					precision: 2,
+					step: 0.01,
+					min: 0,
+					max: 1000000000,
+					unitName: '公里'
+				},
+				{
+					field: '危化品种类',
+					keyName: 'dangerType',
+					type: 'select',
+					optionUrl: '/sys/dict/data/dictlist',
+					optionUrlParams: {
+						dictType: 'ic_danger_type'
+					},
+					optionList: [],
+					editDisabled: true
+				},
+				{
+					field: '负责人',
+					keyName: 'principalName',
+					type: 'input',
+					maxlength: 50
+				},
+				{
+					field: '联系电话',
+					keyName: 'principalMobile',
+					type: 'input',
+					maxlength: 50
+				},
+				{
+					field: '经营地址',
+					keyName: 'address',
+					type: 'address',
+					maxlength: 50,
+					supKeys: ['longitude', 'latitude'],
+					supValues: ['', ''],
+					rules: [
+						{
+							required: true,
+							message: '经营地址坐标不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				{ field: '备注', keyName: 'remark', type: 'textarea' }
+			],
+			editElseRules: {
+				longitude: {
+					type: 'number',
+					required: true,
+					message: '请拖动地图选择坐标点'
+				}
+			}
+		};
+	},
+	components: { basePage },
+	computed: {},
+	watch: {},
 
-  async mounted() {},
+	async mounted() {},
 
-  methods: {},
+	methods: {}
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped></style>
diff --git a/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue b/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
index 31f027dc5..9a71f3606 100644
--- a/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
+++ b/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
@@ -1,309 +1,303 @@
 <template>
-  <div>
-    <base-page :searchParams="searchParams"
-               :tableParams="tableParams"
-               :tableUrl="tableUrl"
-               :addUrl="addUrl"
-               :editUrl="editUrl"
-               :delUrl="delUrl"
-               :infoUrl="infoUrl"
-               :editAuth="editAuth"
-               :delAuth="delAuth"
-               :exportUrl="exportUrl"
-               :qrCodeExportUrl="qrCodeExportUrl"
-               :importUrl="importUrl"
-               :mubanUrl="mubanUrl"
-               :editParams="editParams"
-               :editElseRules="editElseRules"
-               :editFixedParams="editFixedParams"
-               :editParamsDiv="5"
-               :editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
-               :formBtnFixed="false"
-               idName="enterpriseId">
-      <template v-slot:editBottomSup="{ id, formType, info }">
-        <record v-if="formType != 'add' && id"
-                :formType="formType"
-                :enterpriseId="id"
-                :enterpriseInfo="info"></record>
-      </template>
-    </base-page>
-  </div>
+	<div>
+		<base-page
+			:searchParams="searchParams"
+			:tableParams="tableParams"
+			:tableUrl="tableUrl"
+			:addUrl="addUrl"
+			:editUrl="editUrl"
+			:delUrl="delUrl"
+			:infoUrl="infoUrl"
+			:editAuth="editAuth"
+			:delAuth="delAuth"
+			:exportUrl="exportUrl"
+			:qrCodeExportUrl="qrCodeExportUrl"
+			:importUrl="importUrl"
+			:mubanUrl="mubanUrl"
+			:editParams="editParams"
+			:editElseRules="editElseRules"
+			:editFixedParams="editFixedParams"
+			:editParamsDiv="5"
+			:editBtnName="item => (!item.latitude ? '待完善' : '修改')"
+			:formBtnFixed="false"
+			idName="enterpriseId"
+		>
+			<template v-slot:editBottomSup="{ id, formType, info }">
+				<record v-if="formType != 'add' && id" :formType="formType" :enterpriseId="id" :enterpriseInfo="info"></record>
+			</template>
+		</base-page>
+	</div>
 </template>
 
 <script>
-import basePage from "@/views/modules/cpts/base/index";
-import record from "./cpts/record";
+import basePage from '@/views/modules/cpts/base/index';
+import record from './cpts/record';
 
 export default {
-  components: { basePage, record },
-  props: {},
+	components: { basePage, record },
+	props: {},
 
-  data () {
-    return {
-      searchParams: [
-        { field: "场所名称", keyName: "placeOrgName", type: "input" },
-        { field: "联系电话", keyName: "mobile", type: "input" },
-        {
-          field: "场所区域",
-          keyName: "gridId",
-          type: "select",
-          optionUrl: "/gov/org/customergrid/gridoption",
-          optionUrlParams: {
-            agencyId: this.$store.state.user.agencyId,
-            purpose: "query",
-          },
-          optionList: [],
-        },
-        {
-          field: "场所类别",
-          keyName: "placeCategory",
-          type: "select",
-          optionUrl: "",
-          optionUrlParams: {},
-          optionList: [
-            {
-              value: '0',
-              label: '九小场所'
-            },
-            {
-              value: '1',
-              label: '企事业单位'
-            }
+	data() {
+		return {
+			searchParams: [
+				{ field: '场所名称', keyName: 'placeOrgName', type: 'input' },
+				{ field: '联系电话', keyName: 'mobile', type: 'input' },
+				{
+					field: '场所区域',
+					keyName: 'gridId',
+					type: 'select',
+					optionUrl: '/gov/org/customergrid/gridoption',
+					optionUrlParams: {
+						agencyId: this.$store.state.user.agencyId,
+						purpose: 'query'
+					},
+					optionList: []
+				},
+				{
+					field: '场所类别',
+					keyName: 'placeCategory',
+					type: 'select',
+					optionUrl: '',
+					optionUrlParams: {},
+					optionList: [
+						{
+							value: '0',
+							label: '九小场所'
+						},
+						{
+							value: '1',
+							label: '企事业单位'
+						}
+					]
+				},
+				{
+					field: '场所类型',
+					keyName: 'placeType',
+					type: 'select',
+					optionUrl: '/gov/org/coverage/dict-select-list/enterprise_patrol',
+					optionUrlParams: {},
+					optionList: []
+				},
+				{
+					field: '规模',
+					keyName: 'scale',
+					type: 'select',
+					optionUrl: '/sys/dict/data/dictlist',
+					optionUrlParams: {
+						dictType: 'scale'
+					},
+					optionList: []
+				},
+				{
+					field: '巡查结果',
+					keyName: 'result',
+					type: 'select',
+					optionUrl: '',
+					optionUrlParams: {},
+					optionList: [
+						{
+							value: '0',
+							label: '合格'
+						},
+						{
+							value: '1',
+							label: '不合格'
+						}
+					]
+				},
+				{ field: '隐患明细', keyName: 'detailed', type: 'input' }
+			],
 
-          ],
-        },
-        {
-          field: "场所类型",
-          keyName: "placeType",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/enterprise_patrol",
-          optionUrlParams: {},
-          optionList: [],
-        },
-        {
-          field: "规模",
-          keyName: "scale",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "scale",
-          },
-          optionList: [],
-        },
-        {
-          field: "巡查结果",
-          keyName: "result",
-          type: "select",
-          optionUrl: "",
-          optionUrlParams: {},
-          optionList: [
-            {
-              value: "0",
-              label: "合格",
-            },
-            {
-              value: "1",
-              label: "不合格",
-            },
-          ],
-        },
-        { field: "隐患明细", keyName: "detailed", type: "input" },
-      ],
+			tableParams: [
+				{ field: '序号', keyName: '', type: 'no' },
+				{ field: '场所名称', keyName: 'placeOrgName', type: 'text' },
+				{ field: '场所地址', keyName: 'address', type: 'text' },
+				{ field: '场所类别', keyName: 'placeCategoryName', type: 'text' },
+				{ field: '场所类型', keyName: 'placeTypeName', type: 'text' },
+				{ field: '规模', keyName: 'scaleName', type: 'text' },
+				{ field: '负责人', keyName: 'personInCharge', type: 'text' },
+				{ field: '联系电话', keyName: 'mobile', type: 'text' },
+				{ field: '最新检查时间', keyName: 'latestPatrolTime', type: 'text' },
+				{ field: '最新结果', keyName: 'latestResultName', type: 'text' }
+			],
+			tableUrl: '/gov/org/enterprise/list',
+			mubanUrl: '/gov/org/enterprise/download-tem',
+			importUrl: '/gov/org/enterprise/import',
+			exportUrl: '/gov/org/enterprise/export',
+			qrCodeExportUrl: '/gov/org/enterprise/qrCodeExport',
 
-      tableParams: [
-        { field: "序号", keyName: "", type: "no" },
-        { field: "场所名称", keyName: "placeOrgName", type: "text" },
-        { field: "场所地址", keyName: "address", type: "text" },
-        { field: "场所类别", keyName: "placeCategoryName", type: "text" },
-        { field: "场所类型", keyName: "placeTypeName", type: "text" },
-        { field: "规模", keyName: "scaleName", type: "text" },
-        { field: "负责人", keyName: "personInCharge", type: "text" },
-        { field: "联系电话", keyName: "mobile", type: "text" },
-        { field: "最新检查时间", keyName: "latestPatrolTime", type: "text" },
-        { field: "最新结果", keyName: "latestResultName", type: "text" },
-      ],
-      tableUrl: "/gov/org/enterprise/list",
-      mubanUrl: "/gov/org/enterprise/download-tem",
-      importUrl: "/gov/org/enterprise/import",
-      exportUrl: "/gov/org/enterprise/export",
-      qrCodeExportUrl: "/gov/org/enterprise/qrCodeExport",
+			addUrl: '/gov/org/enterprise/addOrUpdate',
+			editUrl: '/gov/org/enterprise/addOrUpdate',
+			infoUrl: '/gov/org/enterprise/detail/',
+			delUrl: '/gov/org/enterprise/delete/',
+			editAuth(item) {
+				return item.agencyId == this.$store.state.user.agencyId;
+			},
+			delAuth(item) {
+				return item.agencyId == this.$store.state.user.agencyId;
+			},
 
-      addUrl: "/gov/org/enterprise/addOrUpdate",
-      editUrl: "/gov/org/enterprise/addOrUpdate",
-      infoUrl: "/gov/org/enterprise/detail/",
-      delUrl: "/gov/org/enterprise/delete/",
-      editAuth (item) {
-        return item.agencyId == this.$store.state.user.agencyId;
-      },
-      delAuth (item) {
-        return item.agencyId == this.$store.state.user.agencyId;
-      },
+			editParams: [
+				{
+					field: '场所类别',
+					keyName: 'placeCategory',
+					type: 'select',
+					optionUrl: '',
+					optionUrlParams: {
+						// dictType: "ic_service_type",
+					},
+					optionList: [
+						{
+							value: '0',
+							label: '九小场所'
+						},
+						{
+							value: '1',
+							label: '企事业单位'
+						}
+					],
+					editDisabled: true,
+					rules: [{ required: true, message: '场所类别不能为空', trigger: 'blur' }]
+				},
+				{
+					field: '场所类型',
+					keyName: 'placeType',
+					type: 'select',
+					optionUrl: '/gov/org/coverage/dict-select-list/enterprise_patrol',
+					optionUrlParams: {
+						// dictType: "ic_service_type",
+					},
+					optionList: [],
+					editDisabled: true,
+					rules: [{ required: true, message: '场所类型不能为空', trigger: 'blur' }]
+				},
+				{
+					field: '场所区域',
+					keyName: 'gridId',
+					type: 'select',
+					optionUrl: '/gov/org/customergrid/gridoption',
+					optionUrlParams: {
+						agencyId: this.$store.state.user.agencyId,
+						purpose: 'addorupdate'
+					},
+					optionList: [],
+					editDisabled: true,
+					rules: [{ required: true, message: '场所区域不能为空', trigger: 'blur' }]
+				},
+				{
+					field: '场所名称',
+					keyName: 'placeOrgName',
+					type: 'input',
+					maxlength: 50,
+					editDisabled: true,
+					rules: [
+						{
+							required: true,
+							message: '场所名称不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				// {
+				//   field: "规模",
+				//   keyName: "scale",
+				//   type: "select",
+				//   optionUrl: "/sys/dict/data/dictlist",
+				//   optionUrlParams: {
+				//     dictType: "scale",
+				//   },
+				//   optionList: [],
+				//   editDisabled: false,
+				//   rules: [
+				//     {
+				//       required: true,
+				//       message: "规模不能为空",
+				//       trigger: "blur",
+				//     },
+				//   ],
+				// },
+				{
+					field: '规模',
+					keyName: 'scaleTotal',
+					type: 'input',
+					attach: '人',
 
-      editParams: [
-        {
-          field: "场所类别",
-          keyName: "placeCategory",
-          type: "select",
-          optionUrl: "",
-          optionUrlParams: {
-            // dictType: "ic_service_type",
-          },
-          optionList: [{
-            value: '0',
-            label: '九小场所'
-          },
-          {
-            value: '1',
-            label: '企事业单位'
-          }],
-          editDisabled: true,
-          rules: [
-            { required: true, message: "场所类别不能为空", trigger: "blur" },
-          ],
-        },
-        {
-          field: "场所类型",
-          keyName: "placeType",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/enterprise_patrol",
-          optionUrlParams: {
-            // dictType: "ic_service_type",
-          },
-          optionList: [],
-          editDisabled: true,
-          rules: [
-            { required: true, message: "场所类型不能为空", trigger: "blur" },
-          ],
-        },
-        {
-          field: "场所区域",
-          keyName: "gridId",
-          type: "select",
-          optionUrl: "/gov/org/customergrid/gridoption",
-          optionUrlParams: {
-            agencyId: this.$store.state.user.agencyId,
-            purpose: "addorupdate",
-          },
-          optionList: [],
-          editDisabled: true,
-          rules: [
-            { required: true, message: "场所区域不能为空", trigger: "blur" },
-          ],
-        },
-        {
-          field: "场所名称",
-          keyName: "placeOrgName",
-          type: "input",
-          maxlength: 50,
-          editDisabled: true,
-          rules: [
-            {
-              required: true,
-              message: "场所名称不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        // {
-        //   field: "规模",
-        //   keyName: "scale",
-        //   type: "select",
-        //   optionUrl: "/sys/dict/data/dictlist",
-        //   optionUrlParams: {
-        //     dictType: "scale",
-        //   },
-        //   optionList: [],
-        //   editDisabled: false,
-        //   rules: [
-        //     {
-        //       required: true,
-        //       message: "规模不能为空",
-        //       trigger: "blur",
-        //     },
-        //   ],
-        // },
-        {
-          field: "规模",
-          keyName: "scaleTotal",
-          type: "input",
-          attach: '人',
+					rules: [
+						{
+							required: true,
+							message: '规模不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				{
+					field: '负责人',
+					keyName: 'personInCharge',
+					type: 'input',
 
-          rules: [
-            {
-              required: true,
-              message: "规模不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        {
-          field: "负责人",
-          keyName: "personInCharge",
-          type: "input",
+					rules: [
+						{
+							required: true,
+							message: '负责人不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				{
+					field: '联系电话',
+					keyName: 'mobile',
+					maxlength: 50,
+					type: 'input',
+					rules: [
+						{
+							required: true,
+							message: '联系电话不能为空',
+							trigger: 'blur'
+						}
+					]
+				},
+				{
+					field: '场所地址',
+					keyName: 'address',
+					type: 'address',
+					maxlength: 50,
+					supKeys: ['longitude', 'latitude'],
+					supValues: ['', ''],
+					rules: [
+						{
+							required: true,
+							message: '场所地址坐标不能为空',
+							trigger: 'blur'
+						}
+					]
+				}
+			],
+			editFixedParams: {
+				agencyId: this.$store.state.user.agencyId
+			},
+			editElseRules: {
+				longitude: {
+					type: 'number',
+					required: true,
+					message: '请拖动地图选择坐标点'
+				}
+			}
+		};
+	},
+	computed: {},
+	watch: {},
 
-          rules: [
-            {
-              required: true,
-              message: "负责人不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        {
-          field: "联系电话",
-          keyName: "mobile",
-          maxlength: 50,
-          type: "input",
-          rules: [
-            {
-              required: true,
-              message: "联系电话不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-        {
-          field: "场所地址",
-          keyName: "address",
-          type: "address",
-          maxlength: 50,
-          supKeys: ["longitude", "latitude"],
-          supValues: ["", ""],
-          rules: [
-            {
-              required: true,
-              message: "场所地址坐标不能为空",
-              trigger: "blur",
-            },
-          ],
-        },
-      ],
-      editFixedParams: {
-        agencyId: this.$store.state.user.agencyId,
-      },
-      editElseRules: {
-        longitude: {
-          type: "number",
-          required: true,
-          message: "请拖动地图选择坐标点",
-        },
-      },
-    };
-  },
-  computed: {},
-  watch: {},
+	async mounted() {
+		//开发环境：45687aa479955f9d06204d415238f7cc
+		// 微笑崂山：3fdd0380deff5b30f45376cdf995d1c1
+		// 烟台：1535072605621841922
+		let customerId = localStorage.getItem('customerId');
+		this.qrCodeExportUrl = '';
+		if (customerId === '45687aa479955f9d06204d415238f7cc' || customerId === '3fdd0380deff5b30f45376cdf995d1c1' || customerId === '1535072605621841922')
+			this.qrCodeExportUrl = '/gov/org/enterprise/qrCodeExport';
+	},
 
-  async mounted () {
-    //开发环境：45687aa479955f9d06204d415238f7cc
-    // 微笑崂山：3fdd0380deff5b30f45376cdf995d1c1
-    // 烟台：1535072605621841922
-    let customerId = localStorage.getItem("customerId");
-    this.qrCodeExportUrl = ''
-    if (customerId === '45687aa479955f9d06204d415238f7cc' || customerId === '3fdd0380deff5b30f45376cdf995d1c1' || customerId === '1535072605621841922')
-      this.qrCodeExportUrl = '/gov/org/enterprise/qrCodeExport'
-  },
-
-  methods: {},
+	methods: {}
 };
 </script>
 
diff --git a/src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue b/src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue b/src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/gonggong/index.vue b/src/views/modules/shequzhili/tuceng/gonggong/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/gonggong/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue b/src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue b/src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue b/src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
new file mode 100644
index 000000000..9071a252c
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
@@ -0,0 +1,929 @@
+<template>
+  <div class="g-main">
+    <div v-show="pageType == 'list'">
+      <div class="m-search">
+        <el-form
+          :inline="true"
+          :model="formData"
+          ref="ref_searchform"
+          :label-width="'100px'"
+        >
+          <div>
+            <el-form-item label="所属网格" prop="gridId">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.gridId"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in gridList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="上报渠道" prop="sourceType">
+              <el-select
+                v-model="formData.sourceType"
+                placeholder="请选择"
+                size="small"
+                clearable
+                class="u-item-width-normal"
+              >
+                <el-option
+                  v-for="item in qudaoArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="事件内容" prop="eventContent">
+              <el-input
+                v-model="formData.eventContent"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="事件类型" prop="firstIdList">
+              <el-cascader
+                ref="cascaderEvent"
+                v-model="eventTypeCheck"
+                :options="cateOptions"
+                collapse-tags
+                :show-all-levels="false"
+                :props="{
+                  multiple: true,
+                  checkStrictly: false,
+                  emitPath: false,
+                  children: 'subCategory',
+                  label: 'name',
+                  value: 'id',
+                }"
+                clearable
+                class="u-item-width-normal"
+                @change="handleEventType"
+              />
+              <!-- <template slot-scope="{ node, data }">
+                  <div @click="cascaderClick(node, data)">
+                    <span>{{ data.name }}</span>
+                  </div>
+                </template>
+              </el-cascader> -->
+            </el-form-item>
+            <el-form-item label="报事人" prop="name">
+              <el-input
+                v-model="formData.name"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="mobile">
+              <el-input
+                v-model="formData.mobile"
+                class="u-item-width-normal"
+                size="small"
+                clearable
+                placeholder="请输入"
+              >
+              </el-input>
+            </el-form-item>
+            <el-form-item label="发生时间" prop="startTime">
+              <el-date-picker
+                v-model="formData.startTime"
+                :picker-options="startPickerOptions"
+                class="u-item-width-daterange"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="开始时间"
+              >
+              </el-date-picker>
+              <span class="u-data-tag">至</span>
+              <el-date-picker
+                v-model="formData.endTime"
+                :picker-options="endPickerOptions"
+                class="u-item-width-daterange u-data-tag"
+                size="small"
+                type="date"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                value="yyyy-MM-dd"
+                placeholder="结束时间"
+              >
+              </el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="状态" prop="status">
+              <el-select
+                class="u-item-width-normal"
+                v-model="formData.status"
+                placeholder="全部"
+                size="small"
+                clearable
+              >
+                <el-option
+                  v-for="item in statusArray"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button
+                  style="margin-left: 30px"
+                  size="small"
+                  type="primary "
+                  @click="handleSearch"
+                  >查询</el-button
+                >
+                <el-button
+                  style="margin-left: 10px"
+                  size="small"
+                  class="diy-button--white"
+                  @click="resetSearch"
+                  >重置</el-button
+                >
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+
+      <div class="m-table">
+        <div class="div_btn">
+          <el-button size="small" type="primary " @click="handleAdd"
+            >新增</el-button
+          >
+
+          <el-button
+            @click="handleExport"
+            class="diy-button--white"
+            size="small"
+            >导出</el-button
+          >
+
+          <el-dropdown
+            size="small"
+            split-button
+            type="primary"
+            style="margin: 0 10px; height: 32px"
+            @command="(command) => handleMarkDiffcult(command)"
+          >
+            标记
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+              <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+              <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <el-button
+            @click="handleCancalDiffcult"
+            class="diy-button--white"
+            size="small"
+            >取消标记</el-button
+          >
+        </div>
+
+        <el-table
+          :data="tableData"
+          border
+          class="m-table-item"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          :height="maxTableHeight"
+        >
+          <el-table-column
+            label=""
+            fixed="left"
+            type="selection"
+            align="center"
+            width="50"
+          />
+          <el-table-column
+            label="序号"
+            fixed="left"
+            type="index"
+            align="center"
+            width="50"
+          />
+
+          <el-table-column
+            prop="gridName"
+            align="center"
+            label="所属网格"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="事件类型"
+            min-width="140"
+            align="center"
+            :show-overflow-tooltip="true"
+          />
+          <!-- <template slot-scope="scope">
+              {{ scope.row.firstName + '-' + scope.row.secondName }}
+            </template>
+          </el-table-column> -->
+          <el-table-column
+            prop="eventContent"
+            label="事件内容"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="imageList"
+            align="center"
+            width="80"
+            label="图片"
+          >
+            <template slot-scope="scope">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                style="width: 40px; height: 40px"
+                :src="scope.row.imageList[0]"
+                :preview-src-list="scope.row.imageList"
+              >
+              </el-image>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="voiceList"
+            align="center"
+            width="80"
+            label="音频"
+          >
+            <template slot-scope="scope">
+              <img
+                @click="handleShowVoice(scope.row.voiceList[0].url)"
+                class="img-voice"
+                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                src="@/assets/img/icon-voice.png"
+              />
+
+              <span v-else></span>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="sourceTypeName"
+            align="center"
+            width="110"
+            label="上报渠道"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="address"
+            align="center"
+            :show-overflow-tooltip="true"
+            label="地址"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="name"
+            align="center"
+            width="100"
+            label="报事人"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="mobile"
+            align="center"
+            width="110"
+            label="联系电话"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="satisfactionName"
+            align="center"
+            width="100"
+            label="满意度"
+            :show-overflow-tooltip="true"
+          >
+            <!-- <template slot-scope="scope">
+
+            <span v-if="scope.row.satisfactionName">--</span>
+          </template> -->
+          </el-table-column>
+
+          <el-table-column
+            prop="happenTime"
+            align="center"
+            width="140"
+            :show-overflow-tooltip="true"
+            label="发生时间"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="operationTypeName"
+            align="center"
+            width="100"
+            :show-overflow-tooltip="true"
+            label="结点"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="status"
+            align="center"
+            label="状态"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <span v-if="scope.row.status === 'processing'">处理中</span>
+              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="markTypeName"
+            align="center"
+            label="痛点难点"
+            width="80"
+            :show-overflow-tooltip="true"
+          >
+          </el-table-column>
+
+          <el-table-column
+            fixed="right"
+            label="操作"
+            align="center"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-button
+                v-if="
+                  scope.row.status === 'processing' && !scope.row.operationId
+                "
+                @click="handleDispose(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >处理</el-button
+              >
+
+              <el-button
+                v-else-if="
+                  scope.row.status === 'closed_case' &&
+                  !scope.row.satisfactionName &&
+                  user.id === scope.row.createdUserId
+                "
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >去评价</el-button
+              >
+              <el-button
+                v-else
+                @click="handleWatch(scope.row)"
+                type="text"
+                size="small"
+                >查看</el-button
+              >
+              <el-button
+                @click="handleDel(scope.row)"
+                type="text"
+                size="small"
+                class=""
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div>
+          <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]"
+            :page-size="parseInt(pageSize)"
+            layout="sizes, prev, pager, next, total"
+            :total="total"
+          >
+          </el-pagination>
+        </div>
+      </div>
+    </div>
+    <div
+      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
+    >
+      <event-info
+        ref="eleEditForm"
+        :pageType="pageType"
+        :eventId="eventId"
+        :eventDetailData="eventDetailData"
+        @handleClose="handleClose"
+        @handleOk="handleOk"
+        @dialogOk="handleEditSuccess"
+      />
+    </div>
+
+    <el-dialog
+      :title="'播放语音'"
+      :visible.sync="showVoice"
+      width="40%"
+      top="5vh"
+      append-to-body
+      class="dialog-h"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog-h-content scroll-h">
+        <div style="display: flex; justify-content: center; margin: 50px">
+          <audio controls>
+            <source :src="selVoiceUrl" type="" />
+          </audio>
+        </div>
+      </div>
+
+      <div class="resi-btns">
+        <el-button size="small" @click="showVoice = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import eventInfo from "./cpts/event-info";
+import axios from "axios";
+
+export default {
+  components: { eventInfo },
+
+  data() {
+    let endDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      if (this.formData.startTime) {
+        let startTime = new Date(this.formData.startTime);
+        return (
+          time.getTime() > nowData ||
+          time.getTime() < startTime ||
+          time.getTime() === startTime
+        );
+      } else {
+        return time.getTime() > nowData;
+      }
+    };
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+
+    return {
+      pageType: "list", // 列表list 新增add  处理dispose 详情info
+      user: {},
+      agencyId: "",
+      gridList: [], //所属网格list--场所区域
+      tableData: [],
+
+      statusArray: [
+        {
+          value: "processing",
+          label: "处理中",
+        },
+        {
+          value: "closed_case",
+          label: "已完成",
+        },
+      ],
+      qudaoArray: [
+        {
+          value: "0",
+          label: "随手拍/随时讲",
+        },
+        {
+          value: "1",
+          label: "多媒体反应",
+        },
+        {
+          value: "2",
+          label: "社区电话",
+        },
+        {
+          value: "3",
+          label: "12345",
+        },
+        {
+          value: "4",
+          label: "网络员手持终端",
+        },
+      ],
+
+      formData: {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      },
+      cateOptions: [],
+      eventTypeCheck: [],
+      pageNo: 1,
+      pageSize: window.localStorage.getItem("pageSize") || 20,
+      total: 1,
+      endPickerOptions: {
+        disabledDate: endDisabledDate,
+      },
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      eventId: "",
+
+      eventDetailData: {},
+
+      showVoice: false,
+      selVoiceUrl: "",
+
+      multipleSelection: [],
+    };
+  },
+  computed: {
+    maxTableHeight() {
+      return this.$store.state.inIframe
+        ? this.clientHeight - 410 + this.iframeHeigh
+        : this.clientHeight - 410;
+    },
+    ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {
+    "formData.endTime": function (val) {
+      if (val && val != "") {
+        let arrayTemp = val.split(" ");
+        this.formData.endTime = arrayTemp[0] + " 23:59:59";
+      }
+    },
+  },
+  mounted() {
+    console.log(this.$store.state);
+    this.user = this.$store.state.user;
+
+    this.agencyId = this.user.agencyId;
+    this.loadGrid();
+    this.getTableData();
+    this.getCateOptions();
+  },
+  methods: {
+    handleEventType(val) {
+      // console.log('val-----eee', val)
+      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+      this.formData.firstIdList = [];
+      this.formData.secondIdList = [];
+      let level1 = nodes.filter((item) => item.level === 1);
+      let level2 = nodes.filter((item) => item.level === 2);
+      console.log("level2----1", level2);
+      level1.forEach((item) => {
+        console.log("level2----2", level2);
+        if (item.hasChildren) {
+          for (let i = level2.length - 1; i >= 0; i--) {
+            if (level2[i].parent.value === item.value) level2.splice(i, 1);
+          }
+        }
+      });
+      this.formData.firstIdList = level1.map((item) => item.value);
+      this.formData.secondIdList = level2.map((item) => item.value);
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = [];
+      val.forEach((element) => {
+        this.multipleSelection.push(element.icEventId);
+      });
+      console.log(this.multipleSelection);
+    },
+    async handleMarkDiffcult(command) {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: command,
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async handleCancalDiffcult() {
+      const url = "/governance/icEvent/difficultpointevent";
+
+      let params = {
+        icEventIdList: this.multipleSelection,
+        type: "0",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message.success("取消标记成功");
+        this.getTableData();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSearch(val) {
+      console.log(this.formData);
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    async loadGrid() {
+      const url = "/gov/org/customergrid/gridoption";
+
+      let params = {
+        agencyId: this.agencyId,
+        purpose: "query",
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.gridList = data;
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    async handleExport() {
+      const url = "/governance/icEvent/export";
+      const { pageSize, pageNo, formData } = this;
+      axios({
+        url: window.SITE_CONFIG["apiURL"] + url,
+        method: "post",
+        data: {
+          pageSize,
+          pageNo,
+          ...formData,
+        },
+        responseType: "blob",
+      })
+        .then((res) => {
+          let fileName = window.decodeURI(
+            res.headers["content-disposition"].split(";")[1].split("=")[1]
+          );
+          console.log("filename", fileName);
+          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+          var url = window.URL.createObjectURL(blob);
+          var aLink = document.createElement("a");
+          aLink.style.display = "none";
+          aLink.href = url;
+          aLink.setAttribute("download", fileName);
+          document.body.appendChild(aLink);
+          aLink.click();
+          document.body.removeChild(aLink); //下载完成移除元素
+          window.URL.revokeObjectURL(url); //释放掉blob对象
+        })
+        .catch((err) => {
+          console.log("获取导出情失败", err);
+          return this.$message.error("网络错误");
+        });
+    },
+
+    async handleAdd() {
+      this.pageType = "add";
+    },
+
+    async handleWatch(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "info";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //加载组织数据
+    async handleDispose(row) {
+      this.eventId = row.icEventId;
+      const url = "/governance/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    //显示语音窗口
+    handleShowVoice(url) {
+      this.selVoiceUrl = url;
+      this.showVoice = true;
+    },
+
+    handleClose() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.getTableData();
+    },
+    handleOk() {
+      this.pageType = "list";
+      this.eventId = "";
+      this.pageNo = 1;
+      this.getTableData();
+    },
+
+    handleEditSuccess() {
+      this.handleClose();
+      this.getTableData();
+    },
+
+    async handleDel(rowData) {
+      let message = "确认删除?";
+
+      this.$confirm(message, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.delEvent(rowData.icEventId);
+        })
+        .catch((err) => {});
+    },
+    async delEvent(eventId) {
+      const url = "/governance/icEvent/delete";
+      let idsArr = [eventId];
+
+      const { data, code, msg } = await requestPost(url, idsArr);
+
+      if (code === 0) {
+        this.$message.success("删除成功！");
+        this.getTableData();
+      } else {
+        this.$message.error("操作失败！");
+      }
+    },
+
+    async getTableData() {
+      const url = "/governance/icEvent/list";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+      const { pageSize, pageNo, formData } = this;
+      const { data, code, msg } = await requestPost(url, {
+        pageSize,
+        pageNo,
+        ...formData,
+      });
+      if (code === 0) {
+        this.total = data.total || 0;
+        this.tableData = data.list
+          ? data.list.map((item) => {
+              return item;
+            })
+          : [];
+
+        // this.tableData.forEach(item => {
+        //   if (item.operationType === '2') {
+        //     item.operationTypeShow = '已转服务'
+        //   }
+        //   if (item.operationType === '1') {
+        //     item.operationTypeShow = '已立项'
+        //   }
+        //   if (item.operationType === '0') {
+        //     item.operationTypeShow = '已回复'
+        //   }
+
+        // });
+      } else {
+        this.$message.error(msg);
+      }
+    },
+    async getCateOptions() {
+      const url = "/governance/issueprojectcategorydict/list";
+
+      const { data, code, msg } = await requestPost(url, {});
+
+      if (code === 0) {
+        // this.cateOptions = data.map((item) => {
+        //   item.subCategory.forEach((subitem) => {
+        //     delete subitem.subCategory;
+        //   });
+        //   return item;
+        // });
+        this.cateOptions = this.deepTree(data, "subCategory");
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleSizeChange(val) {
+      this.pageSize = val;
+      window.localStorage.setItem("pageSize", val);
+      this.getTableData();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.getTableData();
+    },
+
+    resetSearch() {
+      this.formData = {
+        gridId: "",
+        sourceType: "",
+        eventContent: "",
+        name: "",
+        mobile: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+        firstIdList: [],
+        secondIdList: [],
+      };
+      this.eventTypeCheck = [];
+
+      this.pageNo = 1;
+      this.getTableData();
+      // this.loadTable()
+    },
+    deepTree(arr, child) {
+      if (Array.isArray(arr) && arr.length > 0) {
+        return arr.map((item) => {
+          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+          return {
+            ...item,
+            [child]:
+              (item[child] &&
+                item[child].length > 0 &&
+                this.deepTree(item[child], child)) ||
+              null,
+          };
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+.m-search {
+  .u-item-width-normal {
+    width: 200px;
+  }
+}
+::v-deep .el-dropdown__caret-button {
+  height: 32px;
+}
+::v-deep .el-image-viewer__close {
+  top: 129px;
+  right: 129px;
+  width: 40px;
+  height: 40px;
+  font-size: 40px;
+  color: #fff;
+}
+</style>
diff --git a/src/views/modules/workSys/residentCategory.vue b/src/views/modules/workSys/residentCategory.vue
new file mode 100644
index 000000000..02409e35d
--- /dev/null
+++ b/src/views/modules/workSys/residentCategory.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/views/modules/workSys/serviceMatters.vue b/src/views/modules/workSys/serviceMatters.vue
new file mode 100644
index 000000000..02409e35d
--- /dev/null
+++ b/src/views/modules/workSys/serviceMatters.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file