From 074435c39ae5d3defc31d78aecdfbf5dc2b24d8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=AF=E5=B0=8F=E7=8E=8B=E5=91=80=5C24601?=
 <819653817@qq.com>
Date: Tue, 12 Nov 2024 18:32:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E6=B0=91=E5=BB=BA=E8=AE=AE=E5=BE=81?=
 =?UTF-8?q?=E9=9B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/peopleOpinons/cpts/eventInfo.vue  |  700 ++++++++++++
 .../modules/peopleOpinons/opinionsDaily.vue   | 1002 +++++++++++++++++
 2 files changed, 1702 insertions(+)
 create mode 100644 src/views/modules/peopleOpinons/cpts/eventInfo.vue
 create mode 100644 src/views/modules/peopleOpinons/opinionsDaily.vue

diff --git a/src/views/modules/peopleOpinons/cpts/eventInfo.vue b/src/views/modules/peopleOpinons/cpts/eventInfo.vue
new file mode 100644
index 000000000..b946a4ec8
--- /dev/null
+++ b/src/views/modules/peopleOpinons/cpts/eventInfo.vue
@@ -0,0 +1,700 @@
+<template>
+    <div class="">
+        <div v-if="pageTypeCopy == 'add'">
+            <el-card>
+                <h3 class="h3-title">
+                    <!-- <img src="../../../../../assets/images/index/title-icon-zntb.png" width="30px" height="30px" alt="" /> -->
+                    新增事件
+                </h3>
+                <event-add ref="ref_add" @changeName="changeName" @changeMobile="changeMobile" @changeUserId="changeUserId"
+                    @changeGridId="changeGridId" @changeLevel="changeLevel"></event-add>
+            </el-card>
+            <div class="process-form">
+                <el-card>
+                    <h3 class="h3-title">
+                        <!-- <img alt="" width="30px" height="30px"
+                            src="../../../../../assets/images/index/title-icon-chuli.png" /> -->
+                        处理
+                    </h3>
+                    <process-form ref="ref_processinfo_add" :demandUserId="demandUserId" :eventDetailData="eventDetailData"
+                        :demandUserName="demandUserName" :demandUserMobile="demandUserMobile"
+                        :gridId="gridId"></process-form>
+                    <div class="div-btn">
+                        <el-button size="small" @click="handleClose">关闭</el-button>
+                        <el-button style="margin-left: 20px" type="primary" size="small"
+                            @click="handleComfirm">保存</el-button>
+                    </div>
+                </el-card>
+            </div>
+        </div>
+        <div v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info'" class="g-page">
+            <!-- 面包屑放到这里-->
+            <div class="tabs" v-if="pageTypeCopy == 'info'">
+                <i class="el-icon-arrow-left"></i>
+                <el-button class="diy-button--white" style="height: 20px" @click="handleClose">
+                    查看详情</el-button>
+            </div>
+            <div :class="['g-total', { 'g-left': projectProcess.length > 0, 'g-left-top40': pageType == 'info' }]">
+                <event-detail ref="ref_detail" :type="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
+                    :source="source" @handleToProject="handleToProject" @handleToDemand="handleToDemand"
+                    @handleToIssue="handleToIssue" @handleClose="handleClose" @handelCLickGridId="handelCLickGridId"></event-detail>
+                <div v-if="!eventDetailData.operationId && pageTypeCopy == 'dispose'" class="process-form">
+                    <el-card :class="{ 'box-card': source === 'visiual' }">
+                        <div :class="[
+                            'process-title',
+                            { 'process-title-vis': source === 'visiual' },
+                        ]">
+                            <!-- <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px" height="30px"
+                                alt="" /> -->
+                            处理
+                        </div>
+                        <process-form ref="ref_processinfo_dispose" :source="source" :eventId="eventId"
+                            :eventDetailData="eventDetailData"></process-form>
+                        <div class="div-btn">
+                            <el-button size="small" @click="handleClose">关闭</el-button>
+                            <el-button style="margin-left: 20px" type="primary" size="small"
+                                @click="handleComfirm">保存</el-button>
+                        </div>
+                    </el-card>
+                </div>
+            </div>
+            <div v-if="projectProcess.length > 0" :class="['g-right', pageType == 'info' ? 'g-right-top40' : '']">
+                <el-card :class="{ 'box-card': source === 'visiual' }"
+                    style="min-height: calc(88vh - 50px); overflow: auto">
+                    <div class="m-process">
+                        <div :class="[
+                            'process-title',
+                            { 'process-title-vis': source === 'visiual' },
+                        ]">
+                            <!-- <img src="../../../../../assets/images/index/title-icon-cljz.png" width="30px" height="30px"
+                                alt="" /> -->
+                            处理进展
+                        </div>
+                        <div class="list">
+                            <div class="item" :key="item.processId" v-for="(item, index) in projectProcess"
+                                :class="[index === 0 ? 'z-on' : '', { 'item-vis': source === 'visiual' }]">
+                                <div class="item-row">
+                                    <!-- <template v-if="item.agencyId">
+                                        <div class="name">指派</div>
+                                    </template>
+                                    <template v-if="!item.timeLimit">
+                                        <div class="name">完成并回复</div>
+                                    </template>
+                                    <template v-if="!item.agencyId && item.timeLimit">
+                                        <div class="name">{{ item.processName }}</div>
+                                    </template>
+                                    <div class="date">
+                                        {{ item.processTime }}
+                                    </div> -->
+                                    <div class="name">{{ item.processName }}</div>
+                                    <div class="date">
+                                        {{ item.processTime }}
+                                    </div>
+                                </div>
+                                <div v-if="item.type === 'event'">
+                                    <template v-if="item.agencyId">
+                                        <div class="detail">
+                                            <div class="detail-field">指派人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">指派部门：</div>
+                                            <div class="detail-value">{{ item.agencyName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">转办意见：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">附件/图片：</div>
+                                            <template v-if="item.internalFile && item.internalFile.length > 0"
+                                                v-for="i in item.internalFile">
+                                                <template v-if="i.attachmentType === 'image'">
+        
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <img :src="i.attachmentUrl" :key="i.attachmentUrl"
+                                                                style="width: 50px; height: 50px; padding-right: 10px"
+                                                                @click="watchImg(i.attachmentUrl)" />
+                                                        </div>
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'voice'">
+                                                    
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <audio controls>
+                                                                <source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
+                                                            </audio>
+                                                        </div>
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'doc'">
+                                                    
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <a :href="i.attachmentUrl">{{ i.attachmentName }}</a>
+                                                        </div>
+                                                    
+                                                </template>
+                                            </template>
+                                        </div>
+                                        
+                                    </template>
+                                    <template v-else>
+                                        <div class="detail">
+                                            <div class="detail-field">回复人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">回复内容：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail" v-if="item.timeLimit">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                            <span class="u-info-title-2">附件/图片：</span>
+                                            <template v-if="item.internalFile && item.internalFile.length > 0"
+                                            v-for="i in item.internalFile">
+                                                <template v-if="i.attachmentType === 'image'">
+                                                    
+                                                        <img :src="i.attachmentUrl" :key="i.attachmentUrl"
+                                                            style="width: 50px; height: 50px; padding-right: 10px"
+                                                            @click="watchImg(i.attachmentUrl)" />
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'voice'">
+                                                    
+                                                        <audio controls>
+                                                            <source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
+                                                        </audio>
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'doc'">
+                                                    
+                                                        <audio controls>
+                                                            <source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
+                                                        </audio>
+                                                    
+                                                </template>
+                                            </template>
+                                        </div>
+                                        
+                                    </template>
+                                </div>
+                                <div v-else-if="item.type === 'demand'">
+                                    <template v-if="item.agencyId">
+                                        <div class="detail">
+                                            <div class="detail-field">指派人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">指派部门：</div>
+                                            <div class="detail-value">{{ item.agencyName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">转办意见：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">附件/图片：</div>
+                                            <template v-if="item.internalFile && item.internalFile.length > 0"
+                                            v-for="i in item.internalFile">
+                                                <template v-if="i.attachmentType === 'image'">
+                                                    
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <img :src="i.attachmentUrl" :key="i.attachmentUrl"
+                                                                style="width: 50px; height: 50px; padding-right: 10px"
+                                                                @click="watchImg(i.attachmentUrl)" />
+                                                        </div>
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'voice'">
+                                                    
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <audio controls>
+                                                                <source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
+                                                            </audio>
+                                                        </div>
+                                                    
+                                                </template>
+                                                <template v-if="i.attachmentType === 'doc'">
+                                                    
+                                                        <div
+                                                            :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                            <a :href="i.attachmentUrl">{{ i.name }}</a>
+                                                        </div>
+                                                    
+                                                </template>
+                                            </template>
+                                        </div>
+                                        
+                                    </template>
+                                    <div v-if="item.processName === '需求完成'">
+                                        <div class="detail">
+                                            <div class="detail-field">服务组织：</div>
+                                            <div class="detail-value">{{ item.serviceParty }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">实际服务时间：</div>
+                                            <div class="detail-value">
+                                                {{ item.actualServiceTime }}
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div v-if="item.processName === '转服务'">
+                                        <div class="detail">
+                                            <div class="detail-field">服务时间：</div>
+                                            <div class="detail-value">{{ item.serviceTime }}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </el-card>
+            </div>
+        </div>
+        <div v-if="pageTypeCopy == 'demand'">
+            <demand-info-origin ref="demandEditForm" :source="source" :demandRecId="eventDetailCopy.operationId"
+                @close="handleCloseProject" />
+        </div>
+    </div>
+</template>
+<script>
+import { requestPost } from "@/js/dai/request";
+import { Loading } from "element-ui"; // 引入Loading服务
+import foldText from "@/views/components/foldText";
+// import projectInfoOrigin from "../../xiangmu/cpts/project-info";
+// import demandInfoOrigin from "@/views/modules/communityService/measure/info";
+// import issueInfoOrigin from "../../issue/cpts/issue-info";
+// import dateFormat from "dai-js/tools/dateFormat";
+// import eventAdd from "./add";
+// import eventDetail from "./event-detail";
+// import processForm from "./process-form";
+let loading; // 加载动画
+function iniData() {
+    return {
+        formData: {
+            operationType: "",
+        },
+        eventInfoData: {},
+        replayInfo: {},
+        demand: {},
+        project: {},
+        issueInfo: {},
+        //新增
+        demandUserId: "",
+        demandUserName: "",
+        demandUserMobile: "",
+        gridId: "",
+        eventDetailCopy: {},
+        projectProcess: [],
+        projectPageType: "info",
+        pageTypeCopy: "",
+        issuePageType: "",
+        issueDetailData: {},
+        sourceType: "",
+        level: ''
+    };
+}
+export default {
+    name: "projectInfo",
+    props: {
+        eventId: {
+            type: String,
+            default: "",
+        },
+        pageType: {
+            type: String,
+            default: "",
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: "manage",
+        },
+    },
+    components: {
+        // foldText,
+        // eventAdd,
+        // eventDetail,
+        // processForm,
+        // projectInfoOrigin,
+        // demandInfoOrigin,
+        // issueInfoOrigin,
+    },
+    data: iniData,
+    computed: {},
+    watch: {
+        eventId() {
+            let data = iniData();
+            Object.keys(data).forEach((k) => {
+                this[k] = data[k];
+            });
+            // this.getApiData();
+        },
+    },
+    created() { },
+    mounted() {
+        this.pageTypeCopy = this.pageType;
+        if (this.pageTypeCopy !== "add") {
+            this.getProjectProcess();
+        }
+        if (this.eventId) {
+            this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
+        }
+    },
+    methods: {
+        changeName(val) {
+            this.demandUserName = val;
+        },
+        changeMobile(val) {
+            this.demandUserMobile = val;
+        },
+        changeUserId(val) {
+            this.demandUserId = val;
+        },
+        changeGridId(val) {
+            this.gridId = val;
+        },
+        changeLevel(val) {
+            this.level = val;
+        },
+        //加载组织数据
+        async getProjectProcess() {
+            const url = "/governance/icEventOld/process";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code === 0) {
+                this.projectProcess = data.map((item) => {
+                    item.processTime = dateFormat(
+                        new Date(item.processTime * 1000),
+                        "yyyy-MM-dd hh:mm"
+                    );
+                    return item;
+                });
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        getEventInfo() {
+            this.$refs.ref_add.getEventInfo();
+            if (this.$refs.ref_add.okflag) {
+                this.eventInfoData = this.$refs.ref_add.formData;
+            } else {
+                return false;
+            }
+        },
+        async handleComfirm() {
+            this.startLoading();
+            if (this.pageTypeCopy === "add") {
+                await this.handelAdd();
+            }
+            if (this.pageTypeCopy === "dispose") {
+                await this.handelDispose();
+            }
+            this.endLoading();
+        },
+        async handelAdd() {
+            this.$refs.ref_add.getEventInfo();
+            if (this.$refs.ref_add.okflag) {
+                this.eventInfoData = this.$refs.ref_add.formData;
+            } else {
+                return false;
+            }
+            this.$refs.ref_processinfo_add.getProcessInfo();
+            if (this.$refs.ref_processinfo_add.okflag) {
+                this.formData.operationType = this.$refs.ref_processinfo_add.operationType;
+                console.log(this.formData.operationType);
+                this.eventInfoData.operationType = this.$refs.ref_processinfo_add.operationType;
+                if (this.formData.operationType === "0" || this.formData.operationType === "6") {
+                    this.replayInfo = this.$refs.ref_processinfo_add.replayInfo;
+                    //回复属性赋值
+                    this.eventInfoData.content = this.replayInfo.content;
+                    this.eventInfoData.status = this.replayInfo.status;
+                    this.eventInfoData.timeLimit = this.replayInfo.timeLimit;
+                    if (this.replayInfo.categoryId) {
+                        this.eventInfoData.categoryList = [];
+                        this.eventInfoData.categoryList.push(this.replayInfo.categoryId);
+                    }
+                } else if (this.formData.operationType === "5") {
+                    this.replayInfo = this.$refs.ref_processinfo_add.replayInfo;
+                    //回复属性赋值
+                    this.eventInfoData.content = this.replayInfo.content;
+                    this.eventInfoData.status = this.replayInfo.status;
+                    this.eventInfoData.timeLimit = this.replayInfo.timeLimit;
+                    if (this.replayInfo.categoryId) {
+                        this.eventInfoData.categoryList = [];
+                        this.eventInfoData.categoryList.push(this.replayInfo.categoryId);
+                    }
+                } else if (this.formData.operationType === "2") {
+                    this.replayInfo = {};
+                    this.project = {};
+                    this.demand = this.$refs.ref_processinfo_add.demand;
+                    this.demand.gridId = this.eventInfoData.gridId;
+                } else if (this.formData.operationType === "4") {
+                    this.replayInfo = {};
+                }
+            }
+            this.formData = {
+                ...this.eventInfoData,
+                replayInfo: this.replayInfo,
+                project: this.project,
+                demand: this.demand,
+                issueInfo: this.issueInfo,
+                openFlag:0
+            };
+            await this.submit();
+        },
+        async submit() {
+            console.log(this.formData.operationType);
+            //  (this.formData.operationType == 2 && this.demand.demandUserName) ||(this.formData.operationType == 3 && this.issueInfo.issueTitle) || (this.formData.operationType == 1 && this.project.categoryList) ||(this.formData.operationType == 0 && this.eventInfoData.content) ||
+            if (
+                this.formData.operationType == "4" ||
+                this.formData.operationType == "5" ||
+                this.formData.operationType == "6" ||
+                this.formData.operationType == "0" ||
+                this.formData.operationType == "7" ||
+                (this.formData.operationType == 2 && this.demand.demandUserName)
+            ) {
+                if (Array.isArray(this.formData.gridId) && this.formData.gridId.length) {
+                    if (this.level == "grid") {
+                        this.formData.gridId = this.formData.gridId[this.formData.gridId.length - 1];
+                        this.formData.agencyId = "";
+                    } else {
+                        this.formData.agencyId = this.formData.gridId[this.formData.gridId.length - 1];
+                        this.formData.gridId = "";
+                    }
+                } else {
+                    this.formData.agencyId = "";
+                    this.formData.gridId = "";
+                }
+                this.formData.openFlag =  0
+                const url = "/governance/icEventOld/add";
+                const { data, code, msg } = await requestPost(url, {
+                    ...this.formData,
+                });
+                if (code === 0) {
+                    this.$message.success("操作成功！");
+                    if (this.pageTypeCopy === "add") {
+                        this.eventInfo = this.$refs.ref_add.resetData();
+                    }
+                    this.$emit("handleOk");
+                } else {
+                    this.$message.error(msg);
+                }
+            } else if (this.formData.operationType == "") {
+                this.$message.error("请选择处理方式!");
+            }
+        },
+        handelCLickGridId(val){
+            this.grid = val.value;
+        },
+        async handelDispose() {
+            this.$refs.ref_processinfo_dispose.getProcessInfo();         
+            if (this.$refs.ref_processinfo_dispose.okflag) {
+                this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType;
+                if (this.formData.operationType === "0" || this.formData.operationType === '5'
+                    || this.formData.operationType === '6' || this.formData.operationType === '7') {
+                    this.project = {};
+                    this.demand = {};
+                    if (this.$refs.ref_processinfo_dispose.replayInfo.okflag) {
+                        this.endLoading();
+                        return false
+                    }
+                    this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
+                    this.replayInfo.icEventId = this.eventId;
+                    this.replayInfo.openFlag = null;
+                    this.replayInfo.openId = this.eventDetailCopy.openId;
+                    this.replayInfo.gridId = this.grid;
+                    //回复属性赋值
+                    let url = "/governance/icEventOld/reply";
+                    await this.submitDispose(url, this.replayInfo);
+                } else if (this.formData.operationType === "1") {
+                    this.replayInfo = {};
+                    this.demand = {};
+                    this.project = this.$refs.ref_processinfo_dispose.project;
+                    //项目的属性同事件一样
+                    this.project.icEventId = this.eventId;
+                    let url = "/governance/icEventOld/icEventToProject";
+                    await this.submitDispose(url, this.project);
+                } else if (this.formData.operationType === "2") {
+                    this.project = {};
+                    this.demand = this.$refs.ref_processinfo_dispose.demand;
+                    //需求的属性同事件一样
+                    this.demand.icEventId = this.eventId;
+                    if (this.demand.gridId === '') {
+                        this.demand.gridId = this.eventDetailData.gridId
+                    }
+                    let url = "/governance/icEventOld/icEventToDemand";
+                    await this.submitDispose(url, this.demand);
+                } else if (this.formData.operationType === "3") {
+                    this.replayInfo = {};
+                    this.demand = {};
+                    this.project = {};
+                    this.issueInfo = this.$refs.ref_processinfo_dispose.issueInfo;
+                    //项目的属性同事件一样
+                    let url = "/governance/icEventOld/icEventToIssue";
+                    await this.submitDispose(url, this.issueInfo);
+                } else {
+                    this.$message.info("请选择一种处理方式");
+                }
+                if(this.formData.operationType){
+                    await this.sendProcessNotificationMsg()
+                }
+            } else {
+                return false;
+            }
+        },
+        async sendProcessNotificationMsg(){
+            let parm = {
+                operationType:this.formData.operationType,
+                openId:this.eventDetailData.openId,
+                eventContent:this.eventDetailData.eventContent,
+                latestOperatedTime:this.eventDetailData.latestOperatedTime
+            }
+            let {data,code,msg} = await requestPost('/actual/base/communityPublicity/sendProcessNotificationMsg',parm)
+            if(code === 0){
+            }else{
+                console.log(msg);
+            }
+        },
+        async submitDispose(url, params) {
+            const { data, code, msg } = await requestPost(url, {
+                ...params,
+            });
+            if (code === 0) {
+                this.$message.success("操作成功！");
+                this.$emit("handleOk");
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        handleClose() {
+            if (this.pageTypeCopy === "add") {
+                this.eventInfo = this.$refs.ref_add.resetData();
+            }
+            this.$emit("handleClose");
+        },
+        handleToProject(type) {
+            if (this.eventDetailCopy.status === "processing") {
+                this.projectPageType = "edit";
+            } else {
+                this.projectPageType = "info";
+            }
+            this.sourceType = "event";
+            this.pageTypeCopy = "project";
+        },
+        handleToDemand() {
+            // if (this.eventDetailCopy.status === 'processing') {
+            //   this.projectPageType = 'edit'
+            // } else {
+            //   this.projectPageType = 'info'
+            // }
+            this.pageTypeCopy = "demand";
+        },
+        async handleToIssue() {
+            const url = "/governance/manage/votingissuedetail";
+            const { data, code, msg } = await requestPost(url, {
+                issueId: this.eventDetailCopy.operationId,
+            });
+            if (code === 0) {
+                this.issueDetailData = { ...data };
+            } else {
+                this.$message.error(msg);
+            }
+            if (this.issueDetailData.issueStatus === "voting") {
+                this.issuePageType = "dispose";
+            } else {
+                this.issuePageType = "info";
+            }
+            this.pageTypeCopy = "issue";
+        },
+        handleCloseProject() {
+            this.getProjectProcess();
+            this.pageTypeCopy = "info";
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: "正在加载……", // 加载中需要显示的文字
+                background: "rgba(0,0,0,.7)", // 背景颜色
+            });
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close();
+            }
+        },
+        formTimeLimit(val) {
+            return dateFormat(
+                new Date(val * 1000),
+                "yyyy-MM-dd hh:mm"
+            );
+        },
+
+        watchImg (src) {
+            window.open(src);
+        },
+    },
+};
+</script>
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+.tabs {
+    position: absolute;
+    margin-left: 30px;
+    height: 50px;
+    line-height: 50px;
+    .diy-button--white {
+        border: none !important;
+        color: rgba(0, 0, 0, 0.65) !important;
+        height: 30px !important;
+        padding: 0 12px !important;
+        margin-left: 10px;
+    }
+}
+.list {
+    &> :last-child {
+        border: none !important;
+    }
+    &> :first-child {
+        .name {
+            // background: url("../../../assets/images/index/bubble.png") no-repeat;
+            color: #fff !important;
+            padding: 0px 10px 3px 13px !important;
+            background-size: 100% 100%;
+            border: none !important;
+        }
+    }
+}
+.g-left-top40 {
+    margin-top: 40px;
+}
+.g-right-top40 {
+    margin-top: 40px;
+}
+</style>
diff --git a/src/views/modules/peopleOpinons/opinionsDaily.vue b/src/views/modules/peopleOpinons/opinionsDaily.vue
new file mode 100644
index 000000000..18654fb42
--- /dev/null
+++ b/src/views/modules/peopleOpinons/opinionsDaily.vue
@@ -0,0 +1,1002 @@
+<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="'120px'">
+                    <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="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" />
+                            <!-- <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="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="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="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="status">
+                            <el-select class="u-item-width-normal" v-model.trim="formData.status" placeholder="全部"
+                                size="small" clearable>
+                                <el-option v-for="item in UrgeList" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </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="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="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="handleAdd">新增</el-button>
+
+                    <el-button @click="handleExport" 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%"
+                    @selection-change="handleSelectionChange" :height="maxTableHeight"
+                    :row-class-name="tableRowClassName">
+                    <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="sourceTypeName" align="center" width="110" 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="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="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="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="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="deptName" align="center" width="100" :show-overflow-tooltip="true"
+                        label="当前结点">
+                    </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 prop="happenTime" align="center" width="140" :show-overflow-tooltip="true"
+                        label="办结时限"></el-table-column>
+                    <el-table-column fixed="right" label="操作" align="center" width="200px">
+                        <template slot-scope="scope">
+                            <el-button v-if="scope.row.sourceTypeName !== '北尚诉办' && 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.sourceTypeName!=='北尚诉办' && 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     @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
+                            <el-button v-if="scope.row.sourceTypeName!=='北尚诉办'" @click="handleVote(scope.row)"
+                            type="text" size="small" class="">催办</el-button>
+                            <el-button v-if="scope.row.sourceTypeName!=='北尚诉办'" @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>
+        <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: [],
+            UrgeList:[
+            {
+                    value: 0,
+                    label: "已催办",
+                },
+                {
+                    value: 1,
+                    label: "未催办",
+                },
+            ],
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    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: "信访事件",
+                }
+            ],
+            keyProblemList:[
+                {label:'违章拉客',value:'0'},
+                {label:'违章停车',value:'1'}
+            ],
+            formData: {
+                agencyId: "",
+                gridId:"",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+                openFlag:null,
+                keyProblem:''
+            },
+            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 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:21 // 21:催办
+            };
+            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 = "";
+            }
+
+            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: [],
+                keyProblem:'',
+            };
+            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>