From e66daa6752c556de6398d676d7dd54b6c1419f2b Mon Sep 17 00:00:00 2001
From: duanliangtao <48194157+duanliangtao@users.noreply.github.com>
Date: Fri, 25 Oct 2024 14:23:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=89=E6=B1=82=E4=BA=8B=E4=BB=B6=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E4=BA=86=E7=9D=A3=E5=8A=9E=E8=8F=9C=E5=8D=95=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=94=E5=A2=9E=E5=8A=A0=E4=BA=86=E7=9D=A3=E5=8A=9E=E5=82=AC?=
 =?UTF-8?q?=E5=8A=9E=E7=9A=84=E5=8A=9F=E8=83=BD=E4=B8=8E=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/shequzhili/eventOld/eventList.vue |    9 +-
 .../eventOld/eventOverPeriodList.vue          | 1004 +++++++++++++++++
 2 files changed, 1009 insertions(+), 4 deletions(-)
 create mode 100644 src/views/modules/shequzhili/eventOld/eventOverPeriodList.vue

diff --git a/src/views/modules/shequzhili/eventOld/eventList.vue b/src/views/modules/shequzhili/eventOld/eventList.vue
index f71e0afcd..0d853d562 100644
--- a/src/views/modules/shequzhili/eventOld/eventList.vue
+++ b/src/views/modules/shequzhili/eventOld/eventList.vue
@@ -125,7 +125,7 @@
                         </el-dropdown-menu>
                     </el-dropdown>
                     <el-button @click="handleCancalDiffcult" class="diy-button--white" size="small">取消标记</el-button>
-                    <el-button @click="handleSuperviseEvent" class="diy-button--white" size="small">督办催办</el-button>
+                    <el-button @click="handleSuperviseEvent" class="diy-button--white" size="small">批量催办</el-button>
                 </div>
 
                 <el-table :data="tableData" border class="m-table-item" style="width: 100%"
@@ -268,7 +268,7 @@
                 <el-button size="small" @click="showVoice = false">取消</el-button>
             </div>
         </el-dialog>
-        <el-dialog :title="'督办催办'" :visible.sync="showSupervise" width="40%" top="5vh" append-to-body class="dialog-h"
+        <el-dialog :title="'催办'" :visible.sync="showSupervise" width="40%" top="5vh" append-to-body class="dialog-h"
             :close-on-click-modal="false">
             <el-form :model="superviseFrom" ref="superviseFrom">
                 <el-form-item label="催办说明" prop="content">
@@ -596,16 +596,17 @@ export default {
         async doSuperviseEvent() {
             const url = "/governance/icEventOld/doSuperviseEvent";
             if (this.multipleSelection.length == 0) {
-                this.$message.warning('请选择督办催办的事件')
+                this.$message.warning('请选择催办的事件')
                 return
             }
             let params = {
                 icEventIdList: this.multipleSelection,
                 content: this.superviseFrom.content,
+                operationType:21 // 21:催办
             };
             const { data, code, msg } = await requestPost(url, params);
             if (code === 0) {
-                this.$message.success("督办催办成功");
+                this.$message.success("催办成功");
                 this.getTableData();
             } else {
                 this.$message.error(msg);
diff --git a/src/views/modules/shequzhili/eventOld/eventOverPeriodList.vue b/src/views/modules/shequzhili/eventOld/eventOverPeriodList.vue
new file mode 100644
index 000000000..cee450ac7
--- /dev/null
+++ b/src/views/modules/shequzhili/eventOld/eventOverPeriodList.vue
@@ -0,0 +1,1004 @@
+<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="agencyId">
+                            <el-cascader class="u-item-width-normal"
+                                size="small"
+                                ref="myCascader"
+                                v-model.trim="formData.agencyId"
+                                :options="orgOptions"
+                                :props="orgOptionProps"
+                                :show-all-levels="false"
+                                @change="handleChangeAgency"
+                                clearable></el-cascader>
+                        </el-form-item>
+                        <el-form-item label="上报渠道" prop="sourceType">
+                            <el-select v-model.trim="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.trim="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.trim="eventTypeCheck" :options="cateOptions" collapse-tags
+                                :show-all-levels="false" :props="optionProps" clearable class="u-item-width-normal" @change="handleEventType" />
+                        </el-form-item>
+                        <el-form-item label="上报人" prop="name">
+                            <el-input v-model.trim="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.trim="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.trim="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.trim="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.trim="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-form-item label="标记" prop="type">
+                            <el-select class="u-item-width-normal" v-model.trim="formData.type" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in typeArray" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="公开表决" prop="openFlag">
+                            <el-select class="u-item-width-normal" v-model.trim="formData.openFlag" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in Publicvoting" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item> -->
+
+                        <el-form-item label="督办状态" prop="urgenState">
+                            <el-select class="u-item-width-normal" v-model.trim="formData.urgenState" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in urgenStateArray" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+
+                        <!-- <el-form-item label="处理时长" prop="type">
+                            <el-select class="u-item-width-normal" v-model.trim="formData.overPeriod" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in overPeriodArray" :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="handleSuperviseEvent">批量督办</el-button>
+                    <el-button @click="handleExport" 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="responsibleName" align="center" width="100" label="责任人" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="responsibleMobile" align="center" width="110" label="责任人电话" :show-overflow-tooltip="true">
+                    </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">
+                        <template slot-scope="scope">
+                            <el-button
+                                v-if="scope.row.reportUserId !== null && scope.row.reportUserId !== ''"
+                                @click="handleLook(scope.row)"
+                                type="text"
+                                size="small"
+                            >
+                                {{ scope.row.mobile }}
+                            </el-button>
+                            <span v-else>
+                                {{ scope.row.mobile }}
+                            </span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="satisfactionName" align="center" width="100" label="满意度"
+                        :show-overflow-tooltip="true">
+   
+                    </el-table-column>
+
+                    <el-table-column prop="happenTime" align="center" width="140" :show-overflow-tooltip="true"
+                        label="上报时间">
+                    </el-table-column>
+                    <el-table-column prop="urgenState" align="center" width="100" :show-overflow-tooltip="true"
+                        label="督办状态">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.status === 1">已督办</span>
+                            <span v-else>未督办</span>
+                        </template>
+                    </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="openFlag" align="center" label="公开表决" width="80" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.openFlag === 0">否</span>
+                            <span v-else-if="scope.row.openFlag === 1">是</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="200px">
+                        <template slot-scope="scope">
+                            <el-button @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
+                            <el-button @click="handleSingleSuperviseEvent(scope.row)" type="text" size="small">督办</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>
+        <el-dialog :title="'督办'" :visible.sync="showSupervise" width="40%" top="5vh" append-to-body class="dialog-h"
+            :close-on-click-modal="false">
+            <el-form :model="superviseFrom" ref="superviseFrom">
+                <el-form-item label="督办说明" prop="content">
+                <el-input v-model.trim="superviseFrom.content" class="cell-width-2" type="textarea" maxlength="500" show-word-limit :rows="5" placeholder="请填写说明，不超过500字"></el-input>
+                </el-form-item>
+            </el-form>
+
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="showSupervise = false">取 消</el-button>
+                <el-button type="primary" @click="doSuperviseEvent">确 定</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;
+        };
+
+        let orgOptionProps = {
+            multiple: false,
+            value: 'agencyId',
+            label: 'agencyName',
+            children: 'subAgencyList',
+            checkStrictly: true
+        }
+
+        return {
+            pageType: "list", // 列表list 新增add  处理dispose 详情info
+            user: {},
+            agencyId: "",
+            gridList: [], //所属网格list--场所区域
+            tableData: [],
+            online: 0,
+            orgOptions: [],
+            orgOptionProps,
+            level: '',
+            optionsG: [],
+            sarr: [],
+
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+            urgenStateArray: [
+                {
+                    value: 0,
+                    label: "未督办",
+                },
+                {
+                    value: 1,
+                    label: "已督办",
+                },
+            ],
+            Publicvoting:[
+            {
+                    value: 0,
+                    label: "否",
+                },
+                {
+                    value: 1,
+                    label: "是",
+                },
+            ],
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+
+            typeArray: [
+                {
+                    value: "1",
+                    label: "难点痛点",
+                },
+                {
+                    value: "2",
+                    label: "矛盾纠纷",
+                },
+                {
+                    value: "3",
+                    label: "自身问题",
+                },
+                {
+                    value: "4",
+                    label: "超出服务范围",
+                },
+            ],
+
+            overPeriodArray: [
+                {
+                    value: "0",
+                    label: "2天以下",
+                },
+                {
+                    value: "1",
+                    label: "3-4天",
+                },
+                {
+                    value: "2",
+                    label: "4天以上",
+                },
+            ],
+
+            qudaoArray: [
+                {
+                    value: "0",
+                    label: "随手拍/随时讲",
+                },
+                {
+                    value: "1",
+                    label: "多媒体反应",
+                },
+                {
+                    value: "2",
+                    label: "社区电话",
+                },
+                // {
+                //   value: "3",
+                //   label: "12345",
+                // },
+                {
+                    value: "4",
+                    label: "网络员手持终端",
+                },
+                {
+                    value: "5",
+                    label: "北尚诉办",
+                },
+            ],
+
+            formData: {
+                agencyId: "",
+                gridId:"",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+                openFlag:null,
+                urgenState:null,
+            },
+            cateOptions: [],
+            optionProps: {
+                multiple: true,
+                checkStrictly: false,
+                emitPath: false,
+                children: 'children',
+                label: 'categoryName',
+                value: 'id',
+            },
+            eventTypeCheck: [],
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            total: 1,
+            endPickerOptions: {
+                disabledDate: endDisabledDate,
+            },
+            startPickerOptions: {
+                disabledDate: startDisabledDate,
+            },
+            eventId: "",
+
+            searchH: 180,
+
+            eventDetailData: {},
+
+            showVoice: false,
+            showSupervise: false,
+            selVoiceUrl: "",
+
+            multipleSelection: [],
+
+            superviseFrom:{
+                content: "",
+            },
+        };
+    },
+    computed: {
+        maxTableHeight() {
+            const h = this.clientHeight - this.searchH - 275 + this.iframeHeight;
+            const _h = this.clientHeight - 275 - this.searchH;
+            return this.$store.state.inIframe ? h : _h;
+        },
+        ...mapGetters(["clientHeight", "iframeHeight"]),
+    },
+    watch: {
+        "formData.endTime": function (val) {
+            if (val && val != "") {
+                let arrayTemp = val.split(" ");
+                this.formData.endTime = arrayTemp[0] + " 23:59:59";
+            }
+        },
+    },
+    mounted() {
+        this.user = this.$store.state.user;
+        this.agencyId = this.user.agencyId;
+        this.getOrgTreeList()
+        this.getGridList()
+        this.getTableData();
+        this.getCateOptions();
+    },
+    methods: {
+        handleEventType(val) {
+            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);
+            level1.forEach((item) => {
+                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);
+            });
+        },
+
+        tableRowClassName({ row }) {
+            switch (row.overPeriod) {
+                case '0':
+                return 'row-over-period-0';
+                case '1':
+                return 'row-over-period-1';
+                case '2':
+                return 'row-over-period-2';
+                default:
+                return 'row-default';
+            }
+        },
+
+        // 查看
+        handleLook(row) {
+            let { name,reportUserId } = row
+            const resiId = reportUserId;
+            this.$store.dispatch('saveData', { name,resiId });
+            this.$router.push({ name: 'jumin-huaxiang' });
+            this.$store.state.contentTabs = this.$store.state.contentTabs.map(item => {
+                if (item.name === "jumin-huaxiang") {
+                return {...item, title: name };
+                }
+                return item;
+            });
+        },
+        
+        async handleMarkDiffcult(command) {
+            const url = "/governance/icEventOld/difficultpointevent";
+            if (this.multipleSelection.length == 0) {
+                this.$message.warning('请选择需要标记的事件')
+                return
+            }
+            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/icEventOld/difficultpointevent";
+            if (this.multipleSelection.length == 0) {
+                this.$message.warning('请选择取消标记的事件')
+                return
+            }
+            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);
+            }
+        },
+        async handleSuperviseEvent(){
+            this.showSupervise = true;
+        },
+
+        // 督办某一个事件，非批量督办
+        async handleSingleSuperviseEvent(row) {
+            var eventId = row.icEventId;
+            this.multipleSelection = [];
+            this.multipleSelection.push(eventId);
+            this.showSupervise = true;
+        },
+
+        async doSuperviseEvent() {
+            const url = "/governance/icEventOld/doSuperviseEvent";
+            if (this.multipleSelection.length == 0) {
+                this.$message.warning('请选择督办的事件')
+                return
+            }
+            let params = {
+                icEventIdList: this.multipleSelection,
+                content: this.superviseFrom.content,
+                operationType:22 // 22:督办
+            };
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                this.$message.success("督办成功");
+                this.getTableData();
+            } else {
+                this.$message.error(msg);
+            }
+            this.showSupervise = false;
+        },
+
+        handleSearch(val) {
+            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/icEventOld/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/icEventOld/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/icEventOld/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 handleVote(row){
+            const url = "/governance/icEventOld/updateSpecialColumn";
+            let params = {
+                icEventId:row.icEventId,
+                openFlag:row.openFlag==1?0:1,
+            }
+            const { data, code, msg } = await requestPost(url, params);
+            
+            if (code === 0) {
+                this.$message.success("操作成功！");
+                this.getTableData();
+            } else {
+                this.$message.error("操作失败！");
+            }
+        },
+        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/icEventOld/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/icEventOld/list";
+            console.log(this.formData,"formData");
+            if (this.eventTypeCheck) {
+                this.formData.secondIdList = this.eventTypeCheck
+            }
+            // 处理 agencyId
+            if (Array.isArray(this.formData.agencyId) && this.formData.agencyId.length) {
+                if(this.level=="grid"){
+                    this.formData.gridId = this.formData.agencyId[this.formData.agencyId.length - 1];
+                    this.formData.agencyId = "";
+                }else{
+                    this.formData.agencyId = this.formData.agencyId[this.formData.agencyId.length - 1];
+                    this.formData.gridId = "";
+                }
+            } else {
+                this.formData.agencyId = "";
+                this.formData.gridId = "";
+            }
+
+            // 督办列表的页面，默认设置处理时长在4天以上的
+            this.formData.overPeriod = "2";
+            
+
+            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/icEvent/getCategoryTree';
+            let params = {};
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                let treeDataNew = this.deepTree(data, "children");
+                //组织级联数据
+                ++this.iscascaderShow;
+                this.cateOptions = [];
+                this.cateOptions = treeDataNew;
+            } else {
+                this.$message.error(msg);
+            }
+            if (this.eventDetailCopy.parentCategoryId) {
+                const pids = this.eventDetailCopy.parentCategoryId.split(',');
+                pids.push(this.eventDetailCopy.categoryId);
+                let nodes = this.cateOptions;
+                for (let i = 0; i < pids.length; i++) {
+                    nodes = this.buildNode(nodes, pids[i])
+                }
+                if (nodes) {
+                    this.formData.categoryList.push(nodes)
+                }
+            }
+        },
+        buildNode(nodes, treeId) {
+            for (let i = 0; i < nodes.length; i++) {
+                if (nodes[i].id === treeId) {
+                    if (nodes[i].children) {
+                        return nodes[i].children
+                    } else {
+                        return nodes[i]
+                    }
+                }
+            }
+        },
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+        resetSearch() {
+            this.formData = {
+                agencyId: "",
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            };
+            this.eventTypeCheck = [];
+
+            this.pageNo = 1;
+            this.getTableData();
+            // this.loadTable()
+        },
+
+
+        getOrgTreeList () {
+            this.$http
+                .post('/gov/org/customeragency/agencygridtree', {})
+                .then(({ data: res }) => {
+                if (res.code !== 0) {
+                    return this.$message.error(res.msg)
+                } else {
+                   
+                    this.orgOptions = []
+                    this.orgOptions.push(res.data)
+                }
+                })
+                .catch(() => {
+                return this.$message.error('网络错误')
+                })
+        },
+        getGridList () {
+            this.$http
+                .post('/gov/org/customergrid/gridoption', { agencyId: this.agencyId, purpose: 'addorupdate' })
+                .then(({ data: res }) => {
+                if (res.code !== 0) {
+                    return this.$message.error(res.msg)
+                } else {
+                    
+                    this.optionsG = res.data
+                }
+                })
+                .catch(() => {
+                return this.$message.error('网络错误')
+                })
+        },
+
+        handleChangeAgency (val) {
+
+            this.sarr = []
+            const map = new Map();
+            this.getLastItem(
+            this.orgOptions,
+            val,
+            "agencyId"
+            );
+            this.level = this.sarr[this.sarr.length - 1].level
+        },
+        getLastItem (list, vals, key) {
+            let LIST = list || [];
+            for (let item of LIST) {
+            // console.log(item[key]);
+            for (let i of vals) {
+                if (item[key] === i) {
+                this.sarr.push(item);
+                } else {
+                this.getLastItem(item.subAgencyList, vals, key);
+                }
+            }
+            }
+        },
+
+        //重构树，去除网格
+        deepTree(arr, children) {
+            if (Array.isArray(arr) && arr.length > 0) {
+                return arr.map((item) => {
+                    return {
+                        ...item,
+                        [children]:
+                            (item[children] &&
+                                item[children].length > 0 &&
+                                this.deepTree(item[children], children)) ||
+                            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: 30px;
+}
+
+::v-deep .el-image-viewer__close {
+    top: 129px;
+    right: 129px;
+    width: 40px;
+    height: 40px;
+    font-size: 40px;
+    color: #fff;
+}
+</style>
+
+<style>
+.row-over-period-0 {
+  background-color: #ffffe0 !important; /* 淡黄色 */
+}
+.row-over-period-1 {
+  background-color: #ffebcd !important; /* 淡橙色 */
+}
+.row-over-period-2 {
+  background-color: #ffc0cb !important; /* 淡红色 */
+}
+.row-default {
+  background-color: #e0ffe0 !important; /* 淡绿色 */
+}
+</style>