diff --git a/package.json b/package.json
index 9ecdd713d..52c1b5237 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,8 @@
     "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.0.7",
     "vuex": "^3.1.1",
-    "xlsx": "^0.17.1"
+    "xlsx": "^0.17.1",
+    "dayjs": "^1.11.7"
   },
   "devDependencies": {
     "@antv/f2": "^3.8.10-beta.1",
diff --git a/src/assets/scss/modules/shequzhili/event-info.scss b/src/assets/scss/modules/shequzhili/event-info.scss
index f4a97f58d..72fd63f78 100644
--- a/src/assets/scss/modules/shequzhili/event-info.scss
+++ b/src/assets/scss/modules/shequzhili/event-info.scss
@@ -159,8 +159,17 @@
     margin-left: 20px;
   }
 }
+.flex{
+  display: flex;
+  flex-flow: wrap;
+  width: 100%;
+  .item{
+    margin-right: 10px;
+  }
+}
+
 .cell-width-1{
-  width: 250px
+  width: 210px
 }
 .cell-width-long{
   width: 450px
@@ -176,6 +185,9 @@
   margin-left: 10px;
   width: 150px;
 }
+.item_width_4 {
+  width: 140px;
+}
 
 .process-form{
   margin-top:20px;
diff --git a/src/js/columns/constants/index.js b/src/js/columns/constants/index.js
index 2fb8f7966..26a482aa8 100644
--- a/src/js/columns/constants/index.js
+++ b/src/js/columns/constants/index.js
@@ -33,6 +33,16 @@ export const binaryOptionList = [
     value: 0
   }
 ]
+export const binaryOptionListReverse = [
+  {
+    label: '是',
+    value: 0
+  },
+  {
+    label: '否',
+    value: 1
+  }
+]
 export const politicsStatusList = [
   {
     label: '中国共产党党员',
@@ -115,4 +125,61 @@ export const completeList = [
     label: '已完成并取消风险标记',
     value: 2
   }
-] 
\ No newline at end of file
+]
+export const nonComplianceType = [
+  {
+    label: '已进入信访程序',
+    value: 0
+  },
+  {
+    label: '已进入诉讼、仲裁、纪检监察、行政、复议政府信息公开等程序',
+    value: 1
+  },
+  {
+    label: '不符合法律、法规、规章及政策规定',
+    value: 2
+  },
+  {
+    label: '涉及国家秘密、工作秘密、商业秘密、个人隐私',
+    value: 3
+  },
+  {
+    label: '违反社会工序良俗等其他情况',
+    value: 4
+  }
+]
+export const satisfactionType = [
+  {
+    label: '满意',
+    value: 0
+  },
+  {
+    label: '基本满意',
+    value: 1
+  },
+  {
+    label: '不满意',
+    value: 2
+  }
+]
+export const noSatisfactionType = [
+  {
+    label: '未回复',
+    value: 0
+  }, {
+    label: '服务态度差',
+    value: 1
+  },
+  {
+    label: '推诿扯皮',
+    value: 2
+  },
+  {
+    label: '处理不及时',
+    value: 3
+  },
+  {
+    label: '其他',
+    value: 4
+  }
+]
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 06b3688d0..d6aa150ef 100644
--- a/src/main.js
+++ b/src/main.js
@@ -48,6 +48,7 @@ import PopTips from "@/components/PopTips/index.vue";
 import PopHomeTip from "@/components/PopHomeTip/index.vue";
 import NameSplit from "@/components/NameSplit/index.vue";
 import RelationGraph from "relation-graph";
+import dayjs from 'dayjs'
 
 // import AddNodeJw from "@/components/JwTree/addNode.vue";
 //按钮
@@ -103,7 +104,7 @@ Vue.directive("fixed", {
 // 挂载全局
 Vue.prototype.$http = http;
 Vue.prototype.$sensitive = desensitization;
-
+Vue.prototype.$dayjs = dayjs
 // el-uploader的header配置
 Vue.prototype.$getElUploadHeaders = () => ({
   Authorization: localStorage.getItem("token") || "",
diff --git a/src/views/dataBoardMain/main-content.vue b/src/views/dataBoardMain/main-content.vue
index bfd60db95..b82eb2390 100644
--- a/src/views/dataBoardMain/main-content.vue
+++ b/src/views/dataBoardMain/main-content.vue
@@ -1,7 +1,7 @@
 <template>
   <main class="g-main">
     <!-- tab展示内容 -->
-    <template>
+     <template>
       <template v-if="tabIsIframe($router.currentRoute.meta.iframeURL)">
         <iframe :src="$router.currentRoute.meta.iframeURL + '?token=' + token + '&customerId=' + customerId" ref="iframe" class="m-iframe" id="iframe" width="100%" height="100%" frameborder="0" scrolling="yes" :style="{ height: $store.state.fixed1920.height - 100 + 'px' }" />
       </template>
diff --git a/src/views/modules/base/community/roomForm.vue b/src/views/modules/base/community/roomForm.vue
index 649d5ce08..985ff129a 100644
--- a/src/views/modules/base/community/roomForm.vue
+++ b/src/views/modules/base/community/roomForm.vue
@@ -464,6 +464,11 @@ export default {
 
     },
 
+    // 门牌号输入内容过滤
+    // onDoorNameInput(content) {
+    //   this.dataForm.doorName = content.replaceAll(/[\u4e00-\u9fa5]/g, '');
+    // },
+
     resetData () {
       this.houseId = '' //房屋ID
       this.houseType = '1'
diff --git a/src/views/modules/communityParty/comPromotion/index.vue b/src/views/modules/communityParty/comPromotion/index.vue
index 52c0d66b1..e2c91177b 100644
--- a/src/views/modules/communityParty/comPromotion/index.vue
+++ b/src/views/modules/communityParty/comPromotion/index.vue
@@ -80,7 +80,7 @@
     </div>
     <!-- 修改弹出框 -->
     <el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle"
-      width="950px" top="5vh" class="dialog-h" @closed="diaClose">
+      width="450px" top="5vh" class="dialog-h" @closed="diaClose">
       <add ref="ref_form"  v-if="formShow" @dialogCancle="addFormCancle"
         @dialogOk="addFormOk"></add>
     </el-dialog>
diff --git a/src/views/modules/shequzhili/Delivery/index.vue b/src/views/modules/shequzhili/Delivery/index.vue
new file mode 100644
index 000000000..0c1d83b2c
--- /dev/null
+++ b/src/views/modules/shequzhili/Delivery/index.vue
@@ -0,0 +1,869 @@
+<template>
+    <div class="g-main">
+        <div>
+            <div class="m-search">
+                <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+                    <div>
+                        <el-form-item label="事件类别" prop="firstIdList">
+                            <el-cascader ref="cascaderEvent" v-model.trim="eventTypeCheck" :options="cateOptions" collapse-tags
+                                :show-all-levels="false" :props="{
+                                    multiple: true,
+                                    checkStrictly: false,
+                                    emitPath: false,
+                                    children: 'children',
+                                    label: 'categoryName',
+                                    value: 'id',
+                                }" clearable class="u-item-width-normal" @change="handleEventType" />
+                        </el-form-item>
+                        <el-form-item label="工单编号" prop="workOrderNum">
+                            <el-input v-model.trim="formData.workOrderNum" 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="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="deliverystatus">
+                            <el-cascader ref="cascaderEvent" v-model.trim="formData.deliverystatus"  collapse-tags  :options="ProcessingList"
+                                :show-all-levels="false"  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="handleStatus">
+                            <el-cascader class="u-item-width-normal"
+                                size="small"
+                                ref="myCascader"
+                                v-model.trim="formData.handleStatus"
+                               :options="handleList"
+                                :show-all-levels="false"
+                                @change="handleChangeAgency"
+                                clearable></el-cascader>
+                        </el-form-item>
+                        <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="limitStartTime">
+                            <el-date-picker v-model.trim="formData.limitStartTime" 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.limitEndTime" 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-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 @click="handleExport" class="diy-button--white" size="small">导出</el-button>
+
+                    <el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 30px"
+                        @command="(command) => handleMarkDiffcult(command)">
+                        导入
+                        <el-dropdown-menu slot="dropdown">
+                            <el-dropdown-item command="1">下载模板</el-dropdown-item>
+                            <el-dropdown-item command="2">上传导入</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                </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="workOrder" align="center" label="工单编号" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="eventType"  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="eventName" label="报件人" align="center" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="phone" 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.phone }}
+                            </el-button>
+                            <span v-else>
+                                {{ scope.row.phone }}
+                            </span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="deliverystatus" align="center" width="110" label="指派状态" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.deliverystatus === 0">未指派</span>
+                            <span v-else-if="scope.row.deliverystatus ===1">已指派</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="handlestatus" align="center" width="110" label="办理状态" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.handlestatus === 0">未联系当事人</span>
+                            <span v-else-if="scope.row.handlestatus ===1">已联系当事人</span>
+                              <span v-else-if="scope.row.handlestatus ===1">已联系当事人</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="department" align="center" width="110" label="指定部门" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="date" align="center" width="110" label="办结时间" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column fixed="right" label="操作" align="center" width="200px" prop="status">
+                        <template slot-scope="scope">
+                            <el-button   type="text" size="small" class="">查看</el-button>
+                            <el-button  @click="handleDispose(scope.row)" type="text" size="small" class="">{{scope.row.deliverystatus==0?"派件":"办理"}}</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>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+
+import axios from "axios";
+
+export default {
+
+
+    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: "",
+            orgOptions: [],
+            orgOptionProps,
+            level: '',
+            optionsG: [],
+            sarr: [],
+            ProcessingList: [
+                {
+                    value: "1",
+                    label: "未指派",
+                },
+                {
+                    value: "2",
+                    label: "未查收",
+                },
+                {
+                    value: "3",
+                    label: "已查收",
+                },
+            ],
+            handleList: [
+            {
+                    value: "1",
+                    label: "未联系当事人",
+                },
+                {
+                    value: "2",
+                    label: "已联系当事人",
+                },
+                {
+                    value: "3",
+                    label: "办理中",
+                }, 
+                {
+                    value: "4",
+                    label: "已办结待审核",
+                },
+                {
+                    value: "5",
+                    label: "已审核归档",
+                },
+            ],
+            tableData: [
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:0,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:1,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                }
+            ],
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+            typeArray: [
+                {
+                    value: "1",
+                    label: "难点痛点",
+                },
+                {
+                    value: "2",
+                    label: "矛盾纠纷",
+                },
+                {
+                    value: "3",
+                    label: "自身问题",
+                },
+                {
+                    value: "4",
+                    label: "超出服务范围",
+                },
+            ],
+            qudaoArray: [
+                {
+                    value: "3",
+                    label: "12345",
+                }
+            ],
+
+            formData: {
+                agencyId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+                workOrderNum: "",
+                deliverystatus:"",
+                handleStatus:"",
+            },
+            cateOptions: [],
+            eventTypeCheck: [],
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            total: 1,
+            // endPickerOptions: {
+            //     disabledDate: endDisabledDate,
+            // },
+            // startPickerOptions: {
+            //     disabledDate: startDisabledDate,
+            // },
+            eventId: "",
+            searchH: 180,
+            eventDetailData: {},
+            showVoice: false,
+            selVoiceUrl: "",
+            multipleSelection: [],
+            importLoading: false,
+          importType: "1"
+        };
+    },
+    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";
+            }
+        },
+        "formData.limitEndTime": function (val) {
+            if (val && val != "") {
+                let arrayTemp = val.split(" ");
+                this.formData.limitEndTime = 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);
+            });
+        },
+        async handleMarkDiffcult(command) {
+            const url = "/governance/icEvent/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/icEvent/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);
+            }
+        },
+
+        handleSearch(val) {
+            console.log(val,"skjhfjbhjksdh");
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        // 查看
+        async handleLook(row) {
+
+            let { agencyId, gridId, gridName, name, reportUserId } = row
+            const resiId = reportUserId;
+            this.$store.dispatch('saveData', { agencyId, gridId, gridName, 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 handleExport() {
+            const url = "/governance/icEvent/export";
+            const { pageSize, pageNo, formData } = this;
+            axios({
+                url: window.SITE_CONFIG["apiURL"] + url,
+                method: "post",
+                data: {
+                    pageSize,
+                    pageNo,
+                    ...formData,
+                },
+                responseType: "blob",
+            })
+                .then((res) => {
+                    let fileName = window.decodeURI(
+                        res.headers["content-disposition"].split(";")[1].split("=")[1]
+                    );
+                    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) => {
+                    return this.$message.error("网络错误");
+                });
+        },
+
+        async handleAdd() {
+            this.pageType = "add";
+        },
+
+        async handleWatch(row) {
+            this.eventId = row.icEventId;
+            const url = "/governance/icEvent/detail";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code === 0) {
+                this.eventDetailData = { ...data };
+                this.pageType = "info";
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        async handleDispose(row) {
+                console.log("row",row);
+        },
+        //下载模版
+        async handleExportModule() {
+            let url = '/governance/icEvent/downloadTemplate';
+            let params = {};
+            await this.$http({
+                method: 'POST',
+                url,
+                responseType: 'blob',
+                data: params
+            })
+                .then(res => {
+                    if (res.headers['content-disposition']) {
+                        let fileName = window.decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1]);
+                        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对象
+                    } else this.$message.error('下载失败');
+                })
+                .catch(err => {
+                    console.log('err', err);
+                    return this.$message.error('网络错误');
+                });
+        },
+        handleExcelSuccess(res, file) {
+            if (!res.code === 0 && !res.msg === 'success') {
+                this.$message.error(res.msg);
+            }
+        },
+        handleProgress(event, file, fileList) {
+
+        },
+        beforeExcelUpload(file) {
+            const isType = file.type === 'application/vnd.ms-excel';
+            const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            const fileType = isType || isTypeComputer;
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            if (!fileType) {
+                this.$message.error('上传文件只能是xls/xlsx格式！');
+            }
+
+            if (!isLt1M) {
+                this.$message.error('上传文件大小不能超过 10MB!');
+            }
+            return fileType && isLt1M;
+        },
+        importTypeChange(val) {
+            this.importType = val
+        },
+        async uploadHttpRequest(file) {
+            this.importLoading = true;
+            this.importBtnTitle = '正在上传中...';
+            this.$message({
+                showClose: true,
+                dangerouslyUseHTMLString: true,
+                message: "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
+                duration: 3000
+            });
+            let than = this;
+            document.getElementById('clickA').addEventListener('click', function () {
+                than.$router.replace('/main/importRecord-index');
+            });
+            const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+            formData.append('file', file.file); //添加文件对象
+            formData.append('code', ''); //添加文件对象
+            let url = '/governance/icEvent/importEvent'
+            if (this.importType == 2) {
+              url = '/governance/icEvent/importAwo'
+            }
+            console.log(url)
+            await this.$http
+                .post(url, formData)
+                .then(res => {
+                    if (res.data.code == 0 && res.data.msg == 'success') {
+                        const data = res.data.data;
+                        this.dataList = [
+                            ...Object.keys(data.option.exist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.exist[k],
+                                    exist: true,
+                                    field: data.option.exist[k]
+                                };
+                            }),
+                            ...Object.keys(data.option.notExist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.notExist[k],
+                                    exist: false,
+                                    field: ''
+                                };
+                            })
+                        ];
+                        this.importOption = data.option;
+                        this.importCode = data.code;
+                        this.fileData = file;
+                    } else this.$message.error(res.data.msg);
+                })
+                .catch(err => {
+                    console.log('失败', err);
+                    file.onError(); //上传失败的文件会从文件列表中删除
+                });
+            this.importLoading = false;
+            this.importBtnTitle = '导入';
+            this.$refs.upload.clearFiles();
+            this.getTableData();
+        },
+
+        //显示语音窗口
+        handleShowVoice(url) {
+            this.selVoiceUrl = url;
+            this.showVoice = true;
+        },
+
+        handleClose() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.getTableData();
+        },
+        handleOk() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        handleEditSuccess() {
+            this.handleClose();
+            this.getTableData();
+        },
+
+        async handleDel(rowData) {
+            let message = "确认删除?";
+            this.$confirm(message, "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => {
+                this.delEvent(rowData.icEventId);
+            }).catch((err) => { });
+        },
+        async delEvent(eventId) {
+            const url = "/governance/icEvent/delete";
+            let idsArr = [eventId];
+            const { data, code, msg } = await requestPost(url, idsArr);
+            if (code === 0) {
+                this.$message.success("删除成功！");
+                this.getTableData();
+            } else {
+                this.$message.error("操作失败！");
+            }
+        },
+        async getTableData() {
+            const url = "/governance/icEvent/list";
+            // if (this.eventTypeCheck) {
+            //     this.formData.secondIdList = this.eventTypeCheck
+            // }
+            console.log(this.formData);
+            const { pageSize, pageNo, formData } = this;
+            // 创建新的 formData 对象，保留原始值
+            const newFormData = { ...formData };
+            // // 处理 agencyId
+            // if (Array.isArray(newFormData.agencyId) && newFormData.agencyId.length) {
+            //     if (this.level == "grid") {
+            //         newFormData.gridId = newFormData.agencyId[newFormData.agencyId.length - 1];
+            //         newFormData.agencyId = "";
+            //     } else {
+            //         newFormData.agencyId = newFormData.agencyId[newFormData.agencyId.length - 1];
+            //         newFormData.gridId = "";
+            //     }
+            // } else {
+            //     newFormData.agencyId = "";
+            //     newFormData.gridId = "";
+            // }
+            const { data, code, msg } = await requestPost(url, {
+                pageSize,
+                pageNo,
+                ...newFormData,
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                this.tableData = data.list ? data.list.map((item) => { return item; }) : [];
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        async getCateOptions() {
+            const url = "/governance/icEvent/getCategoryTree";
+            const { data, code, msg } = await requestPost(url, {});
+            if (code === 0) {
+                this.cateOptions = this.deepTree(data, "children");
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+
+
+        getOrgTreeList() {
+            this.$http
+                .post('/gov/org/customeragency/agencygridtree', {})
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取组织树成功', res.data)
+                        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 {
+                        console.log('获取查询详情成功', res.data)
+                        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);
+                    }
+                }
+            }
+        },
+
+        resetSearch() {
+            this.formData = {
+                agencyId: "",
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            };
+            this.eventTypeCheck = [];
+            this.pageNo = 1;
+            this.getTableData();
+            // this.loadTable()
+        },
+        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,
+                    };
+                });
+            }
+        },
+      showAwoList(row) {
+          this.$refs.awoList.open(row)
+      }
+    },
+};
+</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>
diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue
new file mode 100644
index 000000000..a5cdff6ca
--- /dev/null
+++ b/src/views/modules/shequzhili/analysis/index.vue
@@ -0,0 +1,1158 @@
+<template>
+  <div class="g-main">
+      <div>
+          <div class="m-search">
+              <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+                  <el-form-item label="统计时间">
+                      <el-date-picker v-model.trim="formData.queryDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始时间"
+                          style="width: 202px" clearable>
+                      </el-date-picker>
+                           至
+                      <el-date-picker v-model.trim="formData.queryDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束时间"
+                          style="width: 202px" clearable>
+                      </el-date-picker>
+                  </el-form-item>
+                  <el-button style="margin-left: 30px" size="small" type="primary "
+                      @click="handleSearch">查询</el-button>
+                  <el-button style="margin-left: 10px" is-plain class="diy-button--white el-button--default"
+                      size="small" @click="exportReport">导出</el-button>
+              </el-form>
+
+          </div>
+
+          <div class="m-table">
+            <div  style="text-align: center;">
+              <h1>{{ report.streetName }}{{ report.period }}</h1>
+              <h1>政务热线运行情况分析报告</h1>
+            </div>
+            <div>
+              <h1 style="font-size: 24px; font-weight: bold;"> 一、总体运行情况 </h1>
+              <p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
+                {{ report.overallOperation }}
+              </p>
+
+              <el-table :data="eventCategorys" border class="m-table-item" style="width: 100%;margin-top: 20px;" @row-click="clickEventCategorys">
+                <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+                <el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column>
+                <el-table-column prop="subCategoryName" align="center" label="类型详细" :show-overflow-tooltip="true"></el-table-column>
+                <el-table-column prop="eventCount" align="center" label="事件数量" :show-overflow-tooltip="true"></el-table-column>
+                <el-table-column prop="percentage" align="center" label="占比" :show-overflow-tooltip="true"></el-table-column>
+              </el-table>
+
+
+              <h1 style="text-align: center;font-size: 20px;margin-top: 5%;">行业领域分布情况</h1>
+
+              <div  v-if="categoryCountShow">
+                <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
+                  <div id="categoryPie"></div>
+                </div>
+              </div>
+              <div class="no-data" v-else>
+                暂无数据
+              </div>
+
+            </div>
+
+            <div>
+              <h1 style="font-size: 24px; font-weight: bold;"> 二、工单情况分析 </h1>
+
+              <div  v-if="agencyLevel!='community' && communityCountShow">
+                <h2 style="font-size: 20px; font-weight: bold;"> ➤ 地域统计分析 </h2>
+                <p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
+                  {{ report.geoStatis }}
+                </p>
+                <h1 style="text-align: center;font-size: 20px;">各社区问题数量及占比</h1>
+                <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
+                  <div id="communityChart"></div>
+                </div>
+              </div>
+              <!-- <div class="no-data" v-else>
+                暂无数据
+              </div> -->
+
+              <div v-if="agencyLevel!='community' && departCountShow">
+
+                <h2 style="font-size: 20px; font-weight: bold;"> ➤ 科室热线分布分析 </h2>
+                <p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
+                  {{ report.geoStatis }}
+                </p>
+                <h1 style="text-align: center;font-size: 20px;">科室热线分布情况</h1>
+                <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
+                  <div id="departChart"></div>
+                </div>
+                  <!-- <div v-else class="no-data">
+                    暂无数据
+                  </div> -->
+              </div>
+
+              <div  v-if="subCategoryCountShow">
+                <h2 style="font-size: 20px; font-weight: bold;"> ➤ 热点诉求及区域分析 </h2>
+                <p style="font-size: 16px; line-height: 1.5; margin-top: 10px; text-indent: 2em;">
+                  {{ report.hotDemand }}
+                </p>
+                <h1 style="text-align: center;font-size: 20px;">热线诉求热点问题前十</h1>
+                <div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }">
+                  <div id="hotlineChart"></div>
+                </div>
+              </div>
+              <!-- <div class="no-data" v-else>
+                暂无数据
+              </div> -->
+
+            </div>
+
+
+            <div>
+              <h1 style="font-size: 24px; font-weight: bold;"> 三、存在主要问题 </h1>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同地点同类型事件重复投诉 </h2>
+            </div>
+
+            <el-table :data="addressData" border class="m-table-item" style="width: 100%">
+              <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+              <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true">
+                <template slot-scope="{row}">
+                  <el-button style="width: 100%" type="text" @click="clickAddressData(row)">{{row.amount}}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
+            </el-table>
+
+            <el-button @click="handelMoreAddressData" type="text" size="small">查看更多</el-button>
+
+            <div>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一人员重复投诉</h2>
+            </div>
+
+            <el-table :data="mobileData" border class="m-table-item" style="width: 100%">
+              <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+              <el-table-column prop="mobile" align="center" label="联系方式" :show-overflow-tooltip="true">
+                <template slot-scope="scope">
+                    <el-button
+                        v-if="scope.row.resiId !== null && scope.row.resiId !== ''"
+                        @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="amount" align="center" label="投诉次数" :show-overflow-tooltip="true">
+                <template slot-scope="{row}">
+                  <el-button style="width: 100%" type="text" @click="clickMobileData(row)">{{row.amount}}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
+            </el-table>
+
+            <el-button @click="handelMoreMobileData" type="text" size="small">查看更多</el-button>
+
+            <div>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一区域不同类型投诉</h2>
+            </div>
+
+            <el-table :data="addressMobileData" border class="m-table-item" style="width: 100%" :span-method="objectSpanMethod">
+              <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+              <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="amount" align="center" label="投诉次数" :show-overflow-tooltip="true">
+                <template slot-scope="{row}">
+                  <el-button style="width: 100%" type="text" @click="clickAddressMobileData(row)">{{row.amount}}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
+            </el-table>
+
+            <el-button @click="handelMoreAddressMobileData" type="text" size="small">查看更多</el-button>
+
+            <div>
+              <h2 style="font-size: 20px; font-weight: bold;"> ➤ 同一工单追加内容投诉</h2>
+            </div>
+
+            <el-table
+                :data="addComplainData"
+                border
+                class="m-table-item"
+                style="width: 100%"
+            >
+              <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+              <el-table-column prop="categoryName" align="center" label="类型" :show-overflow-tooltip="true"></el-table-column>
+              <el-table-column prop="awoNum" align="center" label="追加内容次数" :show-overflow-tooltip="true">
+                <template slot-scope="{row}">
+                  <el-button style="width: 100%" type="text" @click="clickAwoFlagData(row)">{{row.awoNum}}</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="content" align="center" label="投诉内容" :show-overflow-tooltip="true"></el-table-column>
+            </el-table>
+
+            <el-button @click="handelMoreAddComplainData" type="text" size="small">查看更多</el-button>
+
+          </div>
+
+
+      </div>
+
+      <el-dialog
+        v-if="showFormList"
+        :visible.sync="showFormList"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        title="12345问题列表"
+        :modal-append-to-body="false"
+        width="60%"
+        top="5vh"
+        class="dialog-h"
+        @closed="showFormList = false"
+      >
+        <form-list
+          ref="ref_form_list"
+          @handleClose="handleClose"
+          :recId="recId"
+          :communityId="communityId"
+          :departId="departId"
+          :address="address"
+          :mobile="mobile"
+          :awo_flag="awo_flag"
+          @handelClickDetail="handelClickDetail"
+        ></form-list>
+        <el-dialog
+          width="60%"
+          class="dialog-h"
+          title="12345事件详情"
+          :close-on-click-modal="false"
+          v-if="showFormDetail"
+          :visible.sync="showFormDetail"
+          append-to-body
+        >
+        <event-info ref="eleEditForm" :pageType="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
+              @handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" />
+      </el-dialog>
+    </el-dialog>
+
+      <el-dialog
+        v-if="showAreaSameEventList"
+        :visible.sync="showAreaSameEventList"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        title="同地点同类型事件重复投诉"
+        :modal-append-to-body="false"
+        width="60%"
+        top="5vh"
+        class="dialog-h"
+        @closed="showAreaSameEventList = false"
+      >
+        <area-same-list
+          ref="ref_area_same_list"
+          @handleClose="handleClose"
+          @clickAddressData="clickAddressData"
+        ></area-same-list>
+    </el-dialog>
+
+    <el-dialog
+        v-if="showMobileEventList"
+        :visible.sync="showMobileEventList"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        title="同一人员重复投诉"
+        :modal-append-to-body="false"
+        width="60%"
+        top="5vh"
+        class="dialog-h"
+        @closed="showMobileEventList = false"
+      >
+        <mobile-list
+          ref="ref_mobile_list"
+          @handleClose="handleClose"
+          @clickMobileData="clickMobileData"
+        ></mobile-list>
+    </el-dialog>
+
+    <el-dialog
+        v-if="showAreaNoSameEventList"
+        :visible.sync="showAreaNoSameEventList"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        title="同一区域不同类型投诉"
+        :modal-append-to-body="false"
+        width="60%"
+        top="5vh"
+        class="dialog-h"
+        @closed="showAreaNoSameEventList = false"
+      >
+        <area-no-same-list
+          ref="ref_area_no_same_list"
+          @handleClose="handleClose"
+          @clickAddressMobileData="clickAddressMobileData"
+        ></area-no-same-list>
+    </el-dialog>
+
+    <el-dialog
+        v-if="showAddEventList"
+        :visible.sync="showAddEventList"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        title="同一工单追加内容投诉"
+        :modal-append-to-body="false"
+        width="60%"
+        top="5vh"
+        class="dialog-h"
+        @closed="showAddEventList = false"
+      >
+        <add-complain-list
+          ref="ref_area_no_same_list"
+          @clickAwoFlagData="clickAwoFlagData"
+        ></add-complain-list>
+    </el-dialog>
+    <awoList ref="awoList" />
+  </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import axios from "axios";
+import * as echarts from "echarts";
+
+// import formList from "./formList";
+// import areaSameList from "./areaSameList";
+// import areaNoSameList from "./areaNoSameList";
+// import addComplainList from "./addComplainList";
+// import mobileList from "./mobileList";
+import util from "@js/util.js";
+// import followDetail from "./followDetail";
+// import eventInfo from "../shequzhili/event/cpts/event-info";
+// import awoList from  "@/views/modules/shequzhili/event/cpts/awoList.vue"
+
+export default {
+  components: {},
+
+  data() {
+      return {
+          searchH: 20,
+
+          formData: {
+            queryDateStart: "",
+            queryDateEnd: "",
+          },
+
+          agencyLevel:'',
+
+          orgData: {
+            id: "",
+            level: "agency",
+          },
+
+          // 内容字段
+          report:{
+            streetName:"",
+            overallOperation:"",
+            geoStatis:"",
+            departHotline:"",
+            hotDemand:"",
+          },
+
+          addressData:[],
+          mobileData:[],
+          addressMobileData:[],
+          addComplainData:[],
+
+          eventCategorys:[],
+
+          categoryPie: {},
+          communityChart: {},
+          departChart: {},
+          hotlineChart: {},
+
+          categoryCountShow:false,
+          communityCountShow:false,
+          departCountShow:false,
+          subCategoryCountShow:false,
+
+          showFormList: false,
+          showFormDetail: false,
+          showAreaSameEventList: false,
+          showMobileEventList: false,
+          showAreaNoSameEventList: false,
+          showAddEventList: false,
+
+          recId: "",
+          departId:"",
+          communityId:"",
+
+          eventId: "",
+          eventDetailData: {},
+          pageType: "info",
+
+          mergeObj: {},
+          mergeArr: ['address'],
+
+
+
+
+          categoryPieOption:{
+            tooltip: {
+              trigger: 'item'
+            },
+            legend: {
+              type: 'scroll',
+              bottom: 0,
+            },
+            series: [
+              {
+                name: '数量',
+                type: 'pie',
+                radius: '80%',
+                data: [
+
+                ],
+                emphasis: {
+                  itemStyle: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  }
+                }
+              }
+            ]
+          },
+
+          communityOption : {
+            color: ['#5470C6', '#91CC75'],
+            tooltip: {
+              trigger: 'axis',
+              axisPointer: {
+                type: 'cross'
+              }
+            },
+            grid: {
+              right: '20%'
+            },
+            toolbox: {
+              feature: {
+                dataView: { show: true, readOnly: false },
+                restore: { show: true },
+                saveAsImage: { show: true }
+              }
+            },
+            legend: {
+              data: ['数量', '占比']
+            },
+            xAxis: [
+              {
+                type: 'category',
+                axisTick: {
+                  alignWithLabel: true
+                },
+                data: [],
+              }
+            ],
+            yAxis: [
+              {
+                type: 'value',
+                name: '数量',
+                position: 'right',
+                alignTicks: true,
+                axisLine: {
+                  show: true,
+                  lineStyle: {
+                    color: '#91CC75'
+                  }
+                },
+                axisLabel: {
+                  formatter: '{value} 件'
+                }
+              },
+              {
+                type: 'value',
+                name: '占比',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                  show: true,
+                  lineStyle: {
+                    color: '#5470C6'
+                  }
+                },
+                axisLabel: {
+                  formatter: '{value} %'
+                }
+              }
+            ],
+            series: [
+              {
+                name: '数量',
+                type: 'bar',
+                barWidth: 36, // 设置柱子宽度
+                data: [
+
+                ]
+              },
+              {
+                name: '占比',
+                type: 'line',
+                yAxisIndex: 1,
+                data: [
+
+                ]
+              }
+            ]
+          },
+
+          departOption : {
+            color: ['#5470C6', '#91CC75'],
+            tooltip: {
+              trigger: 'axis',
+              axisPointer: {
+                type: 'cross'
+              }
+            },
+            grid: {
+              right: '20%'
+            },
+            toolbox: {
+              feature: {
+                dataView: { show: true, readOnly: false },
+                restore: { show: true },
+                saveAsImage: { show: true }
+              }
+            },
+            legend: {
+              data: ['数量', '占比']
+            },
+            xAxis: [
+              {
+                type: 'category',
+                axisTick: {
+                  alignWithLabel: true
+                },
+                data: [],
+              }
+            ],
+            yAxis: [
+              {
+                type: 'value',
+                name: '占比',
+                position: 'right',
+                alignTicks: true,
+                axisLine: {
+                  show: true,
+                  lineStyle: {
+                    color: '#5470C6'
+                  }
+                },
+                axisLabel: {
+                  formatter: '{value} %'
+                }
+              },
+              {
+                type: 'value',
+                name: '数量',
+                position: 'left',
+                alignTicks: true,
+                axisLine: {
+                  show: true,
+                  lineStyle: {
+                    color: '#00264D'
+                  }
+                },
+                axisLabel: {
+                  formatter: '{value} 件'
+                }
+              }
+            ],
+            series: [
+              {
+                name: '数量',
+                type: 'bar',
+                barWidth: 36, // 设置柱子宽度
+                itemStyle: {
+                    normal: {
+                        // 定制显示（按顺序）
+                        color: function(params) {
+                            var colorList = ['#00BFFF', '#800080', '#008080', '#FF8C00', '#FF3333', '#6600CC', '#00FF00', '#4682B4', '#282828', '#FF4500'];
+                            return colorList[params.dataIndex]
+                        }
+                    },
+                },
+                data: [
+
+                ]
+              },
+              {
+                name: '占比',
+                type: 'line',
+                yAxisIndex: 1,
+                data: [
+
+                ]
+              }
+            ]
+          },
+
+          hotlineChartOption: {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: ['工单数量'],
+                    bottom: '10%',
+                    icon: 'rect',
+                    itemWidth: 20,
+                    itemHeight: 5,
+                    itemGap: 20,
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '25%',
+                    containLabel: true
+                },
+                toolbox: {},
+
+
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: true,
+                    data: [],
+                },
+                yAxis: {
+                    type: 'value',
+                    name: '单位(个)',
+                    min: 0,
+                },
+                series: [
+                    {
+                        name: '工单数量',
+                        type: 'bar',
+                        data: [],
+                        barWidth: 36, // 设置柱子宽度
+                        barCategoryGap: 0, // 设置柱子间的间隔为0
+                        itemStyle: {
+                            color: new echarts.graphic.LinearGradient(
+                                0, 0, 0, 1,
+                                [
+                                    { offset: 0, color: '#2c7cf2' }, // 从顶部开始
+                                    { offset: 1, color: '#80b3ff' } // 到底部结束
+                                ]
+                            )
+                        },
+                        showBackground: true,
+                        backgroundStyle: {
+                            color: '#fafbfc',
+                            opacity: "0.5"
+                        }
+                    },
+                ]
+            },
+    };
+  },
+
+  computed: {
+      maxTableHeight() {
+          const h = this.clientHeight - this.searchH - 330 + this.iframeHeight;
+          const _h = this.clientHeight - 330 - this.searchH;
+          return this.$store.state.inIframe ? h : _h;
+      },
+      ...mapGetters(["clientHeight", "iframeHeight"]),
+  },
+  watch: {},
+  async mounted() {
+      this.user = this.$store.state.user;
+      this.agencyId = this.user.agencyId;
+      await this.getOrgData();
+      this.agencyLevel = localStorage.getItem("level", this.orgData.level);
+      await this.getTableData();
+      await this.initEcharts();
+  },
+  methods: {
+      initEcharts() {
+
+          if(this.categoryCountShow){
+            this.categoryPie= echarts.init(document.getElementById("categoryPie"));
+            this.categoryPie.setOption(this.categoryPieOption);
+            let than = this;
+            this.categoryPie.on("click", function (params) {
+              than.handelClickChart(params);
+            });
+          }
+
+          if(this.communityCountShow && this.agencyLevel!='community'){
+            this.communityChart= echarts.init(document.getElementById("communityChart"));
+            this.communityChart.setOption(this.communityOption);
+            let than = this;
+            this.communityChart.on("click", function (params) {
+              than.handelClickCommunityChart(params);
+            });
+          }
+
+          if(this.departCountShow && this.agencyLevel!='community'){
+            this.departChart= echarts.init(document.getElementById("departChart"));
+            this.departChart.setOption(this.departOption);
+            let than = this;
+            this.departChart.on("click", function (params) {
+              than.handelClickDepartChart(params);
+          });
+          }
+
+          if(this.subCategoryCountShow){
+            this.hotlineChart= echarts.init(document.getElementById("hotlineChart"));
+            this.hotlineChart.setOption(this.hotlineChartOption);
+            let than = this;
+            this.hotlineChart.on("click", function (params) {
+                than.handelClickChart(params);
+            });
+          }
+
+          window.addEventListener("resize", this.handleWindowResize);
+
+          console.log("图表加载")
+      },
+      handleWindowResize() {
+          if (this.categoryPie) {
+              this.categoryPie.resize();
+          }
+      },
+      handelClickChart(params) {
+        this.hiddenAllDialog();
+          this.showFormList = true;
+          this.cleanSearchForm();
+          this.recId = params.data.id;
+      },
+
+
+      handelClickCommunityChart(params) {
+        this.hiddenAllDialog();
+          this.showFormList = true;
+          this.cleanSearchForm();
+          this.communityId = params.data.id;
+      },
+
+      handelClickDepartChart(params) {
+        this.hiddenAllDialog();
+          this.showFormList = true;
+          this.cleanSearchForm();
+          this.departId = params.data.id;
+      },
+      handleClose() {
+          this.showFormList = false;
+      },
+
+      async handelClickDetail(row) {
+          this.eventId = row.icEventId;
+            const url = "/governance/icEvent/detail";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code != 0) {
+                this.$message.error(msg);
+            } else {
+                this.eventDetailData = { ...data };
+                this.pageType = "info";
+                this.showFormList = true;
+                this.showFormDetail = true;
+            }
+      },
+
+      // 查看
+      async handleLook(row) {
+
+        let { name,resiId } = row
+        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;
+        });
+      },
+
+      handleClose() {
+            this.hiddenAllDialog();
+            this.pageType = "list";
+            this.cleanSearchForm();
+            this.getTableData();
+        },
+        handleOk() {
+          this.hiddenAllDialog();
+            this.pageType = "list";
+            this.cleanSearchForm();
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        handleEditSuccess() {
+            this.handleClose();
+            this.getTableData();
+        },
+
+
+      //加载组织数据
+      async getOrgData() {
+        const url = "/gov/org/agency/maporg";
+        let params = {
+          orgId: "",
+          level: "",
+        };
+
+        const { data, code, msg } = await requestPost(url, params);
+
+        if (code === 0) {
+          this.orgData = data;
+        } else {
+          this.$message.error(msg);
+        }
+      },
+
+      // 搜索事件
+      async handleSearch(val) {
+          console.log(this.formData);
+          // 清空数据
+          this.cleanReportData();
+          await this.getTableData();
+          await this.initEcharts();
+      },
+
+      cleanReportData(){
+          console.log("刷新数据");
+          this.report={}
+          this.addressData=[]
+          this.mobileData=[]
+          this.addressMobileData=[]
+          this.addComplainData=[]
+          this.eventCategorys=[]
+
+
+          this.categoryPieOption.series[0].data=[];
+
+          this.communityOption.xAxis[0].data=[];
+          this.communityOption.series[0].data=[];
+          this.communityOption.series[1].data=[];
+
+          this.departOption.xAxis[0].data=[];
+          this.departOption.series[0].data=[];
+          this.departOption.series[1].data=[];
+
+          this.hotlineChartOption.xAxis.data=[];
+          this.hotlineChartOption.series[0].data=[];
+      },
+
+      //   导出
+      exportReport() {
+        this.$message.info('功能即将开通，敬请期待')
+      },
+
+      //   获取分类
+      async getTableData() {
+
+            const url = '/governance/dwdEvent/report';
+            const {formData } = this;
+            const { data, code, internalMsg } = await requestPost(url, {
+              ...formData
+            });
+            if (code != 0) {
+              this.$message.info(internalMsg);
+              return;
+            }
+            if (!data) {
+                return;
+            }
+
+            this.report = data;
+
+            this.tableLoading = true;
+
+            //获取分类
+            Object.keys(this.report.categoryCount).forEach((key) => {
+              const category = this.report.categoryCount[key];
+
+              const jsonObject = {
+                  id: category.id,
+                  name: category.name,
+                  value: category.count
+              };
+              this.categoryPieOption.series[0].data.push(jsonObject);
+
+            });
+
+            // 获取社区
+            Object.keys(this.report.communityCount).forEach((key) => {
+              const community = this.report.communityCount[key];
+
+              this.communityOption.xAxis[0].data.push(community.name);
+
+              const recObject = {
+                  id: community.id,
+                  value: community.count
+              };
+              this.communityOption.series[0].data.push(recObject);
+
+              this.communityOption.series[1].data.push(community.count/this.report.totalEvent*100);
+
+            });
+
+            // 获取科室
+            Object.keys(this.report.departCount).forEach((key) => {
+              const depart = this.report.departCount[key];
+
+              this.departOption.xAxis[0].data.push(depart.name);
+              const recObject = {
+                  id: depart.id,
+                  value: depart.count/this.report.totalEvent*100
+              };
+              this.departOption.series[0].data.push(recObject);
+
+
+              this.departOption.series[1].data.push(depart.count);
+
+            });
+
+            // 获取热点诉求及区域分析
+            Object.keys(this.report.subCategoryCount).forEach((key) => {
+              const subcategory = this.report.subCategoryCount[key];
+              this.hotlineChartOption.xAxis.data.push(subcategory.name);
+
+              const recObject = {
+                  id: subcategory.id,
+                  value: subcategory.count
+              };
+              this.hotlineChartOption.series[0].data.push(recObject);
+            });
+
+            this.addressData = this.report.addressEvent
+              ? this.report.addressEvent.map(item => {
+                  return item;
+                })
+              : [];
+
+              this.mobileData = this.report.mobileEvent
+              ? this.report.mobileEvent.map(item => {
+                  return item;
+                })
+              : [];
+
+              this.addressMobileData = this.report.addressMobileEvents
+              ? this.report.addressMobileEvents.map(item => {
+                  return item;
+                })
+              : [];
+              this.addComplainData = this.report.awoEvents
+              ? this.report.awoEvents.map(item => {
+                  return item;
+                })
+              : [];
+
+              this.eventCategorys = this.report.eventCategorys
+              ? this.report.eventCategorys.map(item => {
+                  return item;
+                })
+              : [];
+
+              // 合并行
+              this.getSpanArr(this.addressMobileData);
+
+              if (this.report && this.report.categoryCount && Object.keys(this.report.categoryCount).length > 0) {
+                this.categoryCountShow = true;
+              }
+
+              if (this.report && this.report.communityCount && Object.keys(this.report.communityCount).length > 0) {
+                this.communityCountShow = true;
+              }
+
+              if (this.report && this.report.departCount && Object.keys(this.report.departCount).length > 0) {
+                this.departCountShow = true;
+              }
+
+              if (this.report && this.report.subCategoryCount && Object.keys(this.report.subCategoryCount).length > 0) {
+                this.subCategoryCountShow = true;
+              }
+        },
+
+        clickEventCategorys(row, column){
+          this.hiddenAllDialog();
+          this.showFormList = true;
+          this.recId = row.categoryId;
+        },
+
+        clickAddressData(row, column){
+          this.hiddenAllDialog();
+          this.showFormList = true;
+          this.recId = row.categoryId;
+          this.address = row.address;
+        },
+
+        handelMoreAddressData(){
+          this.hiddenAllDialog();
+          this.cleanSearchForm();
+          this.showAreaSameEventList = true;
+        },
+        handelMoreMobileData(){
+          this.hiddenAllDialog();
+          this.cleanSearchForm();
+          this.showMobileEventList = true;
+        },
+        handelMoreAddressMobileData(){
+          this.hiddenAllDialog();
+          this.cleanSearchForm();
+          this.showAreaNoSameEventList = true;
+        },
+        handelMoreAddComplainData(){
+          this.hiddenAllDialog();
+          this.cleanSearchForm();
+          this.showAddEventList = true;
+        },
+
+        clickMobileData(row, column){
+          this.hiddenAllDialog();
+          this.showFormList = true;
+          this.cleanSearchForm();
+          this.mobile = row.mobile;
+        },
+
+        clickAddressMobileData(row, column){
+          this.hiddenAllDialog();
+          this.showFormList = true;
+          this.cleanSearchForm();
+          this.address = row.address;
+        },
+        clickAwoFlagData(row, column){
+          this.hiddenAllDialog();
+          this.$refs.awoList.open(row)
+        },
+
+        cleanSearchForm(){
+          this.departId ='';
+          this.eventId = "";
+          this.recId ='';
+          this.address ='';
+          this.mobile ='';
+          this.awo_flag ='';
+        },
+
+        hiddenAllDialog(){
+          this.showFormList = false;
+          this.showFormDetail = false;
+          this.showAreaSameEventList = false;
+          this.showMobileEventList = false;
+          this.showAreaNoSameEventList = false;
+          this.showAddEventList = false;
+        },
+
+        getSpanArr(data) {
+            this.mergeArr.forEach((key, index1) => {
+                let count = 0; // 用来记录需要合并行的起始位置
+                this.mergeObj[key] = []; // 记录每一列的合并信息
+                data.forEach((item, index) => {
+                    // index == 0表示数据为第一行，直接 push 一个 1
+                    if(index === 0) {
+                        this.mergeObj[key].push(1);
+                    } else {
+                        // 判断当前行是否与上一行其值相等 如果相等 在 count 记录的位置其值 +1 表示当前行需要合并 并push 一个 0 作为占位
+                        if(item[key] === data[index - 1][key]) {
+                            this.mergeObj[key][count] += 1;
+                            this.mergeObj[key].push(0);
+                        } else {
+                            // 如果当前行和上一行其值不相等
+                            count = index; // 记录当前位置
+                            this.mergeObj[key].push(1); // 重新push 一个 1
+                        }
+                    }
+                })
+            })
+        },
+        // 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            // 判断列的属性
+            if(this.mergeArr.indexOf(column.property) !== -1) {
+                // 判断其值是不是为0
+                if(this.mergeObj[column.property][rowIndex]) {
+                    return [this.mergeObj[column.property][rowIndex], 1]
+                } else {
+                    // 如果为0则为需要合并的行
+                    return [0, 0];
+                }
+            }
+        }
+  },
+
+  props: {},
+};
+</script>
+<style lang="scss" scoped>
+@import "@/assets/scss/buttonstyle.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+.div_btn_left>* {
+  margin-right: 10px;
+}
+
+.m-table-item {
+  display: flex;
+  flex-direction: column;
+}
+
+
+#categoryPie {
+    width: 100%;
+    flex: 1;
+}
+
+#communityChart {
+    width: 100%;
+    flex: 1;
+}
+
+#departChart {
+    width: 100%;
+    flex: 1;
+}
+
+#hotlineChart {
+    width: 100%;
+    flex: 1;
+}
+
+.centered-title {
+  text-align: center; /* 将文本水平居中对齐 */
+  font-size: 28px; /* 设置标题字体大小 */
+  font-weight: bold; /* 设置标题加粗 */
+  color: #333; /* 设置标题颜色 */
+  margin-bottom: 20px; /* 设置标题与下方内容的间距 */
+}
+
+.no-data {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px; /* 调整高度以适应你的需要 */
+  color: #888; /* 灰色字体颜色 */
+  font-size: 20px; /* 字体大小 */
+}
+
+
+.arrow-container {
+  position: relative;
+  width: 100px; /* 调整箭头容器的宽度 */
+  height: 100px; /* 调整箭头容器的高度 */
+}
+
+.arrow {
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 20px 0 20px 34.6px; /* 通过调整这里的数值可以改变箭头的大小 */
+  border-color: transparent transparent transparent #007bff; /* 改变箭头颜色 */
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+</style>
+  
+  
\ No newline at end of file
diff --git a/src/views/modules/shequzhili/event/cpts/event-detail.vue b/src/views/modules/shequzhili/event/cpts/event-detail.vue
index ec10ab525..08d2e013b 100644
--- a/src/views/modules/shequzhili/event/cpts/event-detail.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-detail.vue
@@ -1,110 +1,89 @@
 <template>
     <div class="">
         <el-card :style="containerStyle" :class="{ 'box-card': source === 'visiual' }" v-if="showType == ''">
-            <h3 v-if="source === 'manage'" class="h3-title">
+            <h3 class="h3-title">
                 <img src="../../../../../assets/images/index/title-icon-sqzl.png" width="30px" height="30px" alt="" />
                 事件详情
             </h3>
             <div class="m-detail-main">
                 <div class="m-info">
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">所属组织：</span>
-                        <span>{{ info.gridName }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">接收时间：</span>
-                        <span>{{ info.happenTime }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">工单号：</span>
-                        <span>{{ info.workOrderNum }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">事件内容：</span>
-                        <span>{{ info.eventContent }}</span>
-                    </div>
-
-                    <div v-if="info.imageList && info.imageList.length > 0"
-                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">图片：</span>
-                        <img :src="src" :key="src" style="width: 150px; height: 150px; padding-right: 10px"
-                            v-for="src in info.imageList" @click="watchImg(src)" />
-                    </div>
-                    <div v-if="info.voiceList && info.voiceList.length > 0"
-                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">语音：</span>
-                        <audio controls>
-                            <source :src="item.url" type="" :key="item.url" v-for="item in info.voiceList" />
-                        </audio>
-                    </div>
-
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">上报渠道：</span>
-                        <span>{{ info.sourceTypeName }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">详细地址</span>
-                        <span>{{ info.address }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">联系人：</span>
-                        <span>{{ info.name }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">联系电话：</span>
-                        <span>{{ info.mobile }}</span>
-                    </div>
-                    <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">标记：</span>
-                        <span>{{ info.markTypeName || "--" }}</span>
-                    </div>
-                    <div v-if="info.satisfactionName"
-                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                        <span class="u-info-title-2">满意度：</span>
-                        <div>{{ info.satisfactionName }}</div>
+                    <div class="flex">
+                        <div class="item">
+                            <div class="label">受理员编号</div>
+                            <div class="value">{{ info.clerkNumber || '--' }}</div>
+                            <div class="label">办结时限</div>
+                            <div class="value border-right">{{ info.closeCaseTime || '--' }}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">工单编号</div>
+                            <div class="value">{{ info.workOrderNum || '--' }}</div>
+                            <div class="label">紧急程度</div>
+                            <div class="value border-right">{{ info.exigency || '--' }}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">来电类别</div>
+                            <div class="value">{{ info.callCategory || '--' }}</div>
+                            <div class="label">信息来源</div>
+                            <div class="value border-right">{{ info.messageSource || '--' }}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">是否回复</div>
+                            <div class="value">{{ info.replayed === 0 ? '不回复' : info.replayed ===
+                                1?'恢复':'--'}}</div>
+                            <div class="label">是否保密</div>
+                            <div class="value border-right">{{ info.replayed ===
+                                0 ? '不保密' :info.replayed === 1?'保密':'--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">联系人</div>
+                            <div class="value">{{ info.name || '--' }}</div>
+                            <div class="label">联系电话</div>
+                            <div class="value border-right">{{ info.mobile || '--' }}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">联系地址</div>
+                            <div class="value flex-1">{{ info.address || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">回复备注</div>
+                            <div class="value flex-1">{{ info.replayRemark || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">问题分类</div>
+                            <div class="value flex-1">{{ info.categoryAllName ||'--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">问题描述</div>
+                            <div class="value flex-1">
+                                {{ info.eventContent || '--'}}
+                            </div>
+                        </div>
+                        <div class="item">
+                            <div class="label">指派部门</div>
+                            <div class="value flex-1">{{ info.deptName || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">转办意见</div>
+                            <div class="value flex-1">{{ info.transferAdvice || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">办理要求</div>
+                            <div class="value flex-1">{{ info.handlingReq || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">联系当事人时限</div>
+                            <div class="value ">{{ info.contactTime || '--'}}</div>
+                            <div class="label">(部门)办结时限</div>
+                            <div class="value border-right">{{ info.timeLimit || '--'}}</div>
+                        </div>
+                        <div class="item">
+                            <div class="label">办理结果</div>
+                            <div class="value flex-1">--</div>
+                        </div>
                     </div>
                 </div>
             </div>
-            <!--
-                显示关闭：
-                1、状态=完成    (已评价)||(没评价&&不是本人)
-                2、状态=未完成 （有操作id） 
-            -->
-            <div v-if="(info.status === 'processing' && info.operationId) || (info.status === 'closed_case' &&
-                (info.satisfactionName || (!info.satisfactionName && user.id != info.createdUserId)))"
-                class="div-btn-info">
-                <el-button size="small" @click="handleCloseEvent">关闭</el-button>
-            </div>
         </el-card>
-        <el-card :class="{ 'box-card': source === 'visiual' }" v-if="info.status === 'closed_case' && !info.satisfactionName
-            && user.id === info.createdUserId" style="width: 184%;">
-            <h3>满意度评价</h3>
-            <div class="m-detail-main">
-                <div class="m-info">
-                    <div class="div-satisfy">
-                        <el-radio-group :class="{ 'form-item': source === 'visiual' }" v-model.trim="satisfyLevel"
-                            @change="clickSatisfy">
-                            <el-radio label="good">满意</el-radio>
-                            <el-radio label="perfect">非常满意</el-radio>
-                            <el-radio label="bad">不满意</el-radio>
-                        </el-radio-group>
-                    </div>
-                </div>
-            </div>
-            <div class="div-btn">
-                <el-button size="small" @click="handleCloseEvent">关闭</el-button>
-                <el-button style="margin-left: 20px" type="primary" size="small"
-                    @click="handleComfirmSatisfy">确定</el-button>
-            </div>
-        </el-card>
-        <el-dialog :visible.sync="showSatisfy" :close-on-click-modal="false" :close-on-press-escape="false" title="满意度评价"
-            width="550px" top="15vh" class="dialog-h" @closed="showSatisfy = false">
-            <div class="div-btn">
-                <el-button size="small" @click="showSatisfy = false">关闭</el-button>
-                <el-button style="margin-left: 20px" type="primary" size="small"
-                    @click="handleComfirmSatisfy">确定</el-button>
-            </div>
-        </el-dialog>
     </div>
 </template>
 
@@ -120,21 +99,6 @@ function iniData() {
         info: {},
         eventDetailCopy: {},
         showType: "",
-        projectId: "",
-        demandForm: {
-            gridId: "",
-            categoryCode: "",
-            parentCode: "",
-            content: "",
-            reportType: "",
-            reportUserName: "",
-            reportUserMobile: "",
-            reportTime: "",
-            wantServiceTime: "",
-            demandUserId: "",
-            demandUserName: "",
-            demandUserMobile: "",
-        },
         satisfyLevel: "",
         //满意度评价
         showSatisfy: false,
@@ -193,13 +157,14 @@ export default {
         this.user = this.$store.state.user;
         if (this.eventId) {
             this.info = JSON.parse(JSON.stringify(this.eventDetailData));
-
-            //如果已经评价过，进行回显
-            // if (this.info.status === 'closed_case' && this.info.satisfactionName) {
-            //   this.changeSatisfyType(this.info.satisfaction)
-            // }
         }
-        // this.getApiData();
+        this.$EventBus.$on('handelInputEventContent', ({ type, value }) => {
+            if (type === 'opinion') {
+                this.info.transferAdvice = value;
+            } else if (type === 'handlingReq') {
+                this.info.handlingReq = value;
+            }
+        })
     },
 
     methods: {
@@ -214,44 +179,7 @@ export default {
         handleCloseEvent() {
             this.$emit("handleClose");
         },
-
         async getApiData() { },
-
-        //满意度评价
-        handleSatisfy() {
-            this.showSatisfy = true;
-        },
-
-        clickSatisfy(type) {
-            if (this.info.satisfactionName) {
-                return false;
-            }
-            this.satisfyLevel = type;
-        },
-
-        async handleComfirmSatisfy() {
-            if (!this.satisfyLevel) {
-                this.$message.info("请选择评价级别");
-            }
-            const url = "/governance/icEvent/comment";
-            let params = {
-                icEventId: this.eventId,
-                satisfaction: this.satisfyLevel,
-            };
-            const { data, code, msg } = await requestPost(url, params);
-            if (code === 0) {
-                this.$message.success("评价成功");
-                this.info.satisfactionName =
-                    this.satisfyLevel == "bad"
-                        ? "不满意"
-                        : this.satisfyLevel == "good"
-                            ? "满意"
-                            : "非常满意";
-                this.showSatisfy = false;
-            } else {
-                this.$message.error(msg);
-            }
-        },
     },
 };
 </script>
@@ -260,6 +188,55 @@ export default {
 
 .m-info {
     padding-left: 0px !important;
+
+    .flex {
+        display: flex;
+        flex-direction: column;
+        background-color: #ebedf0;
+        padding: 0 1px 1px 0;
+        box-sizing: border-box;
+
+        .item {
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+            min-height: 30px;
+            line-height: 30px;
+            padding: 0;
+
+            &>div {
+                background-color: #fff;
+                min-width: 25%;
+                margin-left: 1px;
+                margin-top: 1px;
+                text-indent: 1em;
+                display: flex;
+                align-items: center;
+            }
+
+            &:nth-child(4) {
+                margin-right: 1px;
+            }
+
+            .border-right {
+                position: relative;
+
+                &::after {
+                    content: '';
+                    width: 1px;
+                    height: 29px;
+                    background: #ebedf0;
+                    position: absolute;
+                    right: 3px;
+                    top: 0;
+                }
+            }
+
+            .flex-1 {
+                flex: 1;
+            }
+        }
+    }
 }
 
 .m-info-prop {
@@ -280,4 +257,3 @@ export default {
     }
 }
 </style>
-
diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index f72f5265d..f5abad0fe 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -1,30 +1,8 @@
 <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 src="../../../../../assets/images/index/title-icon-chuli.png" width="30px"
-                            height="30px" alt=""> 处理</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 v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info' || pageTypeCopy == 'assign'|| pageTypeCopy == 'check'" class="g-page">
             <!-- 面包屑放到这里-->
-            <div class="tabs" v-if="pageTypeCopy == 'info'">
+            <div class="tabs">
                 <i class="el-icon-arrow-left"></i>
                 <el-button class="diy-button--white" style="height: 20px" @click="handleClose">
                     查看详情</el-button>
@@ -34,14 +12,15 @@
                 <event-detail ref="ref_detail" :type="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
                     :source="source" @handleToProject="handleToProject" @handleToDemand="handleToDemand"
                     @handleToIssue="handleToIssue" @handleClose="handleClose"></event-detail>
-                <div v-if="!eventDetailData.operationId && pageTypeCopy == 'dispose'" class="process-form">
+
+                <div class="process-form" v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'assign' ||pageTypeCopy == 'check'">
                     <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=""> 处理
+                            <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px"
+                                height="30px" alt=""> {{ pageTypeCopy === 'assign' ? '指派' : '办理' }}
                         </div>
                         <process-form ref="ref_processinfo_dispose" :source="source" :eventId="eventId"
-                            :eventDetailData="eventDetailData"></process-form>
+                            :eventDetailData="eventDetailData" :pageType="pageTypeCopy"></process-form>
                         <div class="div-btn">
                             <el-button size="small" @click="handleClose">关闭</el-button>
                             <el-button style="margin-left: 20px" type="primary" size="small"
@@ -57,7 +36,7 @@
                         <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" :class="[index === 0 ? 'z-on' : '', { 'item-vis': source === 'visiual' },
@@ -145,7 +124,8 @@
                                         <template v-if="item.internalFile && item.internalFile.length > 0"
                                             v-for="i in item.internalFile">
                                             <template v-if="i.type === 'image'">
-                                                <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                <div
+                                                    :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
                                                     <span class="u-info-title-2">图片：</span>
                                                     <img :src="i.url" :key="i.url"
                                                         style="width: 150px; height: 150px; padding-right: 10px"
@@ -153,7 +133,8 @@
                                                 </div>
                                             </template>
                                             <template v-if="i.type === 'voice'">
-                                                <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                <div
+                                                    :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
                                                     <span class="u-info-title-2">语音：</span>
                                                     <audio controls>
                                                         <source :src="i.url" type="" :key="i.url" />
@@ -161,7 +142,8 @@
                                                 </div>
                                             </template>
                                             <template v-if="i.type === 'doc'">
-                                                <div :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                <div
+                                                    :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
                                                     <span class="u-info-title-2">语音：</span>
                                                     <audio controls>
                                                         <source :src="i.url" type="" :key="i.url" />
@@ -177,25 +159,6 @@
                 </el-card>
             </div>
         </div>
-        <!-- <div v-if="pageTypeCopy == 'project'">
-            <project-info-origin ref="eleEditForm" :source="source" :sourceType="sourceType" :type="projectPageType"
-                :eventId="eventId" :projectId="eventDetailCopy.operationId" @close="handleCloseProject"
-                @afterEdit="handleCloseProject" />
-        </div>
-        <div v-if="pageTypeCopy == 'demand'">
-            <demand-info-origin ref="demandEditForm" :source="source" :demandRecId="eventDetailCopy.operationId"
-                @close="handleCloseProject" />
-        </div>
-        <div v-if="pageTypeCopy == 'issue'">
-            <issue-info-origin ref="eleEditForm" :pageType="issuePageType" :issueId="eventDetailCopy.operationId"
-                :issueDetailData="issueDetailData" @handleClose="handleCloseProject" @handleOk="handleCloseProject"
-                @dialogOk="handleCloseProject" />
-        </div> -->
-        <!-- <div v-if="pageTypeCopy == 'issue'">
-            <issue-info-origin ref="eleEditForm" :pageType="issuePageType" :issueId="eventDetailCopy.operationId"
-                :issueDetailData="issueDetailData" @handleClose="handleCloseProject" @handleOk="handleCloseProject"
-                @dialogOk="handleCloseProject" />
-        </div> -->
     </div>
 </template>
 <script>
@@ -232,7 +195,8 @@ function iniData() {
         issuePageType: "",
         issueDetailData: {},
         sourceType: "",
-        level:''
+
+        level: ''
     };
 }
 export default {
@@ -281,9 +245,8 @@ export default {
     created() { },
     mounted() {
         this.pageTypeCopy = this.pageType;
-        if (this.pageTypeCopy !== "add") {
-            this.getProjectProcess();
-        }
+        console.log(this.pageType, 'seeeeeeeeeeeeeeeeee');
+        this.getProjectProcess();
         if (this.eventId) {
             this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
         }
@@ -341,173 +304,103 @@ export default {
         },
         async handleComfirm() {
             this.startLoading();
-            if (this.pageTypeCopy === "add") {
-                await this.handelAdd();
-            }
-            if (this.pageTypeCopy === "dispose") {
+            if (this.pageTypeCopy === "dispose" ||this.pageTypeCopy === "assign" || this.pageTypeCopy === "check" ) {
                 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;
+
+        async handelDispose() {
+            this.$refs.ref_processinfo_dispose.getProcessInfo();
+            if (this.$refs.ref_processinfo_dispose.okflag) {
+                this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType;
+                this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
+                this.replayInfo.icEventId = this.eventId;
+                await this.submitDispose('/governance/icEvent/reply', this.replayInfo);
             } else {
                 return false;
             }
-            this.project = {};
-            this.demand = {};
-            this.$refs.ref_processinfo_add.getProcessInfo();
-            this.formData.operationType = this.$refs.ref_processinfo_add.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 === '4') {
-                this.replayInfo = {};
-            }
-            this.formData = {
-                ...this.eventInfoData,
-                project: this.project,
-                demand: this.demand,
-                issueInfo: this.issueInfo,
-            };
-            await this.submit();
         },
-        async submit() {
-            if (this.formData.operationType === '0' || this.formData.operationType === '5'
-                || this.formData.operationType === '6' || this.formData.operationType === '4') {
-                const url = "/governance/icEvent/add";
-                const { formData } = this;
-                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 = "";
-                }
-                    const { data, code, msg } = await requestPost(url, {
-                        ...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("请选择一种处理方式!");
-                }
-            },
-        async handelDispose() {
-                this.$refs.ref_processinfo_dispose.getProcessInfo();
-                if (this.$refs.ref_processinfo_dispose.okflag) {
-                    this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType;
-                    this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
-                    this.replayInfo.icEventId = this.eventId;
-                    await this.submitDispose('/governance/icEvent/reply', this.replayInfo);
-                } else {
-                    return false;
-                }
-            },
         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";
-            },
+            console.log(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();
-                }
-            },
+            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();
+            }
+        },
+    },
+};
 </script>
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-designate.vue b/src/views/modules/shequzhili/event/cpts/process-form-assign.vue
similarity index 67%
rename from src/views/modules/shequzhili/event/cpts/process-form-designate.vue
rename to src/views/modules/shequzhili/event/cpts/process-form-assign.vue
index d8c5e2fba..10b341bcc 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-designate.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-assign.vue
@@ -9,45 +9,56 @@
 <template>
     <div class="search">
         <el-form ref="ref_form2" :inline="false" :model="formData" :rules="dataRule">
-            <el-form-item label="事件分类" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
-                prop="categoryList">
+            <el-form-item label="指派处理部门" prop="deptId" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }">
+                <el-cascader class="cell-width-1" ref="agencyIdArray" v-model.trim="agencyIdArray" :options="orgOptions"
+                    :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader>
+            </el-form-item>
+            <el-form-item label="派件时间" prop="createdTime" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }" style="display: block">
                 <div :class="{ 'visiual-form': source === 'visiual' }">
-                    <el-cascader class="cell-width-2" ref="myCascader" v-model.trim="selCategoryArray" :key="iscascaderShow"
-                        :options="casOptions" :props="optionProps" :show-all-levels="false" clearable
-                        @change="handleChangeCate"></el-cascader>
+                    <el-date-picker v-model.trim="formData.createdTime" class="cell-width-1" type="datetime"
+                        placeholder="办结时限" value-format="yyyy-MM-dd HH:mm:ss">
+                    </el-date-picker>
                 </div>
             </el-form-item>
-            <el-form-item label="处理部门" prop="deptId" label-width="150px" :class="{ 'form-item': source === 'visiual' }">
-                <el-cascader class="cell-width-2" ref="agencyIdArray" v-model.trim="agencyIdArray" :options="orgOptions"
-                    :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader>
+            <el-form-item label="联系当事人时限" prop="contactTime" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }" style="display: block">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-date-picker v-model.trim="formData.contactTime" class="cell-width-1" type="datetime"
+                        placeholder="办结时限" value-format="yyyy-MM-dd HH:mm:ss">
+                    </el-date-picker>
+                </div>
             </el-form-item>
-            <el-form-item label="转办意见" prop="content" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
+            <el-form-item label="（部门）办结时限" prop="timeLimit" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }" style="display: block">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-date-picker v-model.trim="formData.timeLimit" class="cell-width-1" type="datetime"
+                        placeholder="办结时限" value-format="yyyy-MM-dd HH:mm:ss">
+                    </el-date-picker>
+                </div>
+            </el-form-item>
+            <el-form-item label="转办意见" prop="transferAdvice" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
                 style="display: block">
                 <div :class="{ 'visiual-form': source === 'visiual' }">
                     <el-input class="cell-width-area" type="textarea" maxlength="500" show-word-limit :rows="5"
-                        placeholder="请输入转办意见，不超过500字" v-model.trim="formData.content"></el-input>
+                        placeholder="请输入转办意见，不超过500字" v-model.trim="formData.transferAdvice"
+                        @input="handelInputContent"></el-input>
                 </div>
             </el-form-item>
-            <el-form-item style="display: block" label="附件" label-width="150px" prop="attach">
-                <el-upload :headers="$getElUploadHeaders()" class="upload-demo" :action="uploadUlr"
-                    accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
-                    :on-success="handleFileSuccess" :on-remove="handleFileRemove" :on-preview="handleFileDownload"
-                    :limit="3" :before-upload="beforeUpload" :file-list="fileList">
-                    <el-button size="small" :disabled="fileList.length === 3" type="primary">点击上传</el-button>
-                    <div slot="tip" class="el-upload__tip">支持图片、word、pdf</div>
-                </el-upload>
-            </el-form-item>
-            <el-form-item label="办结时限" prop="timeLimit" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
-                style="display: block">
+            <el-form-item label="办理要求" prop="handlingReq" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }" style="display: block">
                 <div :class="{ 'visiual-form': source === 'visiual' }">
-                    <el-date-picker v-model.trim="formData.timeLimit" class="cell-width-1" type="datetime" placeholder="办结时限"
-                        value-format="yyyy-MM-dd HH:mm:ss">
-                    </el-date-picker>
+                    <el-input class="cell-width-area" type="textarea" maxlength="500" show-word-limit :rows="5"
+                        placeholder="请输入办理要求，不超过500字" v-model.trim="formData.handlingReq"
+                        @input="handelInputHandlingReq"></el-input>
                 </div>
             </el-form-item>
+
         </el-form>
     </div>
 </template>
+
 <script>
 import { Loading } from "element-ui"; // 引入Loading服务
 import { requestPost } from "@/js/dai/request";
@@ -55,16 +66,16 @@ let loading; // 加载动画
 export default {
     data() {
         return {
-            btnDisable: false,
+            customerId: localStorage.getItem("customerId"),
             formData: {
                 operationType: "5", //处理方式[0:已回复 5、指派  6、完成并回复]
-                content: "",//转办意见
-                timeLimit: "",//办结时限
-                categoryId: "",//事件分类
-                deptId: "", //指派部门
-                deptName: "",
-                categoryList: [],
-                files: [] //附件
+                handlingReq:'',//办理要求
+                transferAdvice:'',//转办意见
+                createdTime: '',
+                contactTime:'',
+                timeLimit:'',//办结时限
+                deptId:'', //指派部门
+                deptName:'',
             },
             orgOptions: [],
             orgOptionProps: {
@@ -81,8 +92,6 @@ export default {
             selCategoryArray: [],
             casOptions: [],
             fileList: [],
-            uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
-            iscascaderShow: 0,
             optionProps: {
                 multiple: false,
                 value: "id",
@@ -91,9 +100,6 @@ export default {
                 checkStrictly: true
             },
             dataRule: {
-                content: [
-                    { required: true, message: "回复内容不能为空", trigger: "blur" },
-                ],
                 categoryId: [
                     { required: true, message: "事件分类不能为空", trigger: "blur" },
                 ],
@@ -105,6 +111,9 @@ export default {
                 ],
                 categoryList: [
                     { required: true, message: '事件分类不能为空', trigger: 'blur' },
+                ],
+                contactTime: [
+                    { required: true, message: '联系当事人时限不能为空', trigger: 'blur' },
                 ]
             },
             selCateObj: {
@@ -132,26 +141,26 @@ export default {
         },
     },
     created() {
+        this.formData.createdTime = this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
     },
     async mounted() {
         const { user } = this.$store.state;
         this.agencyId = user.agencyId;
         this.getOrgTreeList();
-        this.getCategoryList();
         if (this.eventId) {
             this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-            // 这一步接收到eventDetailCopy在这里回填
-            if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) {
-                this.selCategoryArray = this.eventDetailCopy.parentCategoryId.split(",");
-                this.selCategoryArray.push(this.eventDetailCopy.categoryId);
-                this.handleChangeCate(this.selCategoryArray)
-            }
         }
     },
     methods: {
+        handelInputContent(val) {
+            this.$EventBus.$emit('handelInputEventContent', { type: 'opinion', value: val })
+        },
+        handelInputHandlingReq(val) {
+            this.$EventBus.$emit('handelInputEventContent', { type: 'handlingReq', value: val })
+        },
         //组织机构树
         async getOrgTreeList() {
-            const url = "/gov/org/customeragency/agencygridtree"
+            const url = "/gov/org/customeragency/agencyGridDepttree"
             let params = {
                 agencyId: this.agencyId,
                 purpose: "query"
@@ -164,31 +173,7 @@ export default {
                 this.$message.error(msg)
             }
         },
-        async getCategoryList() {
-            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.casOptions = [];
-                this.casOptions = treeDataNew;
-            } else {
-                this.$message.error(msg);
-            }
-            if (this.eventDetailCopy.parentCategoryId) {
-                const pids = this.eventDetailCopy.parentCategoryId.split(',');
-                pids.push(this.eventDetailCopy.categoryId);
-                let nodes = this.casOptions;
-                for (let i = 0; i < pids.length; i++) {
-                    nodes = this.buildNode(nodes, pids[i])
-                }
-                if (nodes) {
-                    this.formData.categoryList.push(nodes)
-                    this.selCateObj = nodes
-                }
-            }
-        },
+
         buildNode(nodes, treeId) {
             for (let i = 0; i < nodes.length; i++) {
                 if (nodes[i].id === treeId) {
@@ -241,17 +226,6 @@ export default {
                 if (!valid) {
                     app.util.validateRule(messageObj);
                 } else {
-                    if (!this.selCateObj || !this.selCateObj.id) {
-                        this.$message.error("请选择事件分类");
-                        return false;
-                    }
-                    if (this.fileList) {
-                        this.formData.files = this.fileList
-                    }
-                    this.formData.status = "processing";
-                    this.formData.categoryId = this.selCateObj.id;
-                    this.formData.categoryList = [];
-                    this.formData.categoryList.push(this.selCateObj);
                     this.okflag = true;
                 }
             });
@@ -298,6 +272,7 @@ export default {
                 const videoarray = ["mp4", "wma", "m4a"];
                 const docArray = ["doc", "docx", "xls", "xlsx", "pdf"];
                 const mp3Array = ["mp3"];
+
                 if (picArray.indexOf(fileType) > -1) {
                     file.attachmentFormat = "image";
                 } else if (videoarray.indexOf(fileType) > -1) {
@@ -307,11 +282,14 @@ export default {
                 } else if (mp3Array.indexOf(fileType) > -1) {
                     file.attachmentFormat = "voice";
                 }
+
                 file.url = res.data.url;
                 file.type = fileType;
+
                 file.attachmentName = file.name;
                 file.attachmentType = file.type;
                 file.attachmentUrl = file.url;
+
                 this.fileList.push(file);
             } else this.$message.error(res.msg);
         },
@@ -341,9 +319,11 @@ export default {
     },
 };
 </script>
+
 <style lang='scss' scoped>
 @import "@/assets/scss/modules/visual/a_customize.scss";
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
+
 .el-dialog__body {
     padding: 0 10px 20px !important;
 }
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-complete.vue b/src/views/modules/shequzhili/event/cpts/process-form-complete.vue
new file mode 100644
index 000000000..d9ff477f9
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/process-form-complete.vue
@@ -0,0 +1,451 @@
+<template>
+  <div class="">
+    <el-form ref="ref_form" :inline="false" :model="formData" :rules="dataRule" label-width="118px">
+      <el-form-item label="办理情况" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="handlingReq">
+        <div :class="{ 'visiual-form': source === 'visiual' }">
+          <el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入办理情况"
+            v-model.trim="formData.handlingReq" :disabled="pageType === 'check'">
+          </el-input>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }">
+        <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr" accept=".mp3"
+          :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleAudioSuccess"
+          :on-remove="handleAudioRemove" :before-upload="beforeAudioUpload">
+          <el-button type="primary" :disabled="pageType === 'check'">上传音频<i
+              class="el-icon-upload el-icon--right"></i></el-button>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="files">
+        <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+        accept=".jpg,.png,.jpeg"
+          :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess"
+          :on-remove="handleImgRemove" :before-upload="beforeImgUpload">
+          <el-button type="primary" :disabled="pageType === 'check'">上传图片<i
+              class="el-icon-upload el-icon--right"></i></el-button>
+        </el-upload>
+      </el-form-item>
+      <el-divider></el-divider>
+      <div class="flex">
+        <div class="item">
+          <el-form-item label="答复人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="respondent">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                v-model.trim="formData.respondent">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="答复电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="respondentPhone">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                v-model.trim="formData.respondentPhone">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="联系人" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="contacts">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入" v-model.trim="formData.contacts">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="联系电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="contactsPhone">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                v-model.trim="formData.contactsPhone">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label-width="118px" label="填报不合规诉求">
+            <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+              <el-option v-for="item in binaryOptionListReverse" :key="item.value" :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+        <!-- <div class="item" v-if="formData.irregularity === 0">
+          <el-form-item label-width="118px" label="不合规诉求类型">
+            <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+              <el-option v-for="item in nonComplianceType" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div> -->
+        <div class="item">
+          <el-form-item label="办理真实度" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="verified">
+            <el-select v-model.trim="formData.verified" clearable class="item_width_4">
+              <el-option v-for="item in selectList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <div class="flex">
+        <div class="item">
+          <el-form-item label="回访人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="returnVisitor">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                v-model.trim="formData.returnVisitor">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="回访时间" prop="returnTime" label-width="118px"
+            :class="{ 'form-item': source === 'visiual' }" style="display: block">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-date-picker v-model.trim="formData.returnTime" class="cell-width-1" type="datetime" placeholder="请选择"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="当事人联系不上" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="loseContact">
+            <el-select v-model.trim="formData.loseContact" clearable class="item_width_4">
+              <el-option v-for="item in contactList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="未接通电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="putThrough">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-select v-model.trim="formData.putThrough" clearable class="item_width_4">
+                <el-option v-for="item in contactFailureList" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="是否配合回访" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="mmm">
+            <el-select v-model.trim="formData.mmm" clearable class="item_width_4">
+              <el-option v-for="item in coordinateList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="服务过程满意度" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="nnn">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-select v-model.trim="formData.nnn" clearable class="item_width_4">
+                <el-option v-for="item in satisfactionType" :key="item.value" :label="item.label" :value="item.value"
+                  @click.native="handelChangeSatisfaction(item.value)">
+                </el-option>
+              </el-select>
+            </div>
+          </el-form-item>
+        </div>
+        <div class="item">
+          <el-form-item label="不满意原因" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="dissatisfyReason">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-select v-model.trim="formData.dissatisfyReason" clearable class="item_width_4">
+                <el-option v-for="item in noSatisfactionType" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </el-form-item>
+        </div>
+
+        <div class="item">
+          <el-form-item label="回访意见" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            prop="visitComments">
+            <div :class="{ 'visiual-form': source === 'visiual' }">
+              <el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入"
+                v-model.trim="formData.visitComments">
+              </el-input>
+            </div>
+          </el-form-item>
+        </div>
+      </div>
+      <el-divider></el-divider>
+      <section v-if="pageType === 'check'">
+        <div :class="['process-title', { 'process-title-vis': source === 'visiual' },]">
+          <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px" height="30px" alt="">
+          审核
+        </div>
+        <div class="flex">
+          <div class="item">
+            <el-form-item label="审核结果" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+              prop="examine">
+              <div :class="{ 'visiual-form': source === 'visiual' }">
+
+                <el-select v-model.trim="formData.examine" clearable class="item_width_4">
+                  <el-option v-for="item in examineList" :key="item.value" :label="item.label" :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </div>
+          <div class="item">
+            <el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="files">
+              <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess"
+                :on-remove="handleImgRemove" :before-upload="beforeImgUpload">
+                <i v-if="source === 'manage'" :class="['el-icon-plus']"></i>
+                <img v-else style="width: 27px; height: 27px" src="@/assets/img/file-add.png" />
+              </el-upload>
+            </el-form-item>
+          </div>
+          <div :span="24">
+            <el-form-item label="审核结果说明" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+              prop="examineContent">
+              <div :class="{ 'visiual-form': source === 'visiual' }">
+                <el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入审核结果说明"
+                  v-model.trim="formData.examineContent">
+                </el-input>
+              </div>
+            </el-form-item>
+          </div>
+        </div>
+      </section>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+import { binaryOptionList, nonComplianceType, satisfactionType, noSatisfactionType, binaryOptionListReverse } from "@/js/columns/constants";
+let loading; // 加载动画
+function iniFmData() {
+  return {
+    operationType: "11", //处理方式[11已办结,10办理中,9联系当事人]
+    eventId: '',
+    handlingReq: '',//办理情况
+    files: [],//附件
+    respondent: '',//答复人
+    respondentPhone: '',//答复人电话
+    contacts: '',//联系人
+    contactsPhone: '',//联系人电话
+    irregularity: '',//填报不合规诉求 0：是 1：否
+    //不合规诉求类型
+    verified: '', //办理真实度是否属实 0：属实 1：不属实
+    returnVisitor: '',//回访人
+    returnTime: '',//回访时间
+    loseContact: '',//当事人联系不上0：已联系  1：未取得联系
+    putThrough: '',//接通电话 0：接通  1：未接通
+    mmm: '',//是否配合回访0：配合  1：不配合
+    nnn: '',//0：满意  1：非常满意  2：不满意
+    dissatisfyReason: '',//不满意原因
+    visitComments: '',//回访意见
+    examine: null,//审核结果
+    examineContent: ''//审核说明
+  };
+}
+export default {
+  data() {
+    return {
+      binaryOptionList,
+      nonComplianceType,
+      satisfactionType,
+      noSatisfactionType,
+      binaryOptionListReverse,
+      customerId: localStorage.getItem("customerId"),
+      assistanceUnitList: [], //协办单位数组
+      formData: iniFmData(),
+      okflag: false,
+      uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+      eventDetailCopy: {},
+      selectList: [{ label: '属实', value: 0 }, { label: '不属实', value: 1 }],
+      contactList: [{ label: '已联系', value: 0 }, { label: '未联系', value: 1 }],
+      contactFailureList: [{ label: '已接通', value: 1 }, { label: '未接通', value: 0 }],
+      coordinateList: [{ label: '配合', value: 0 }, { label: '未配合', value: 1 }],
+      examineList: [{ label: '合格', value: 0 }, { label: '不合格', value: 1 }],
+      dataRule: {
+        handlingReq: [
+          { required: true, message: "办理情况不能为空", trigger: "blur" },
+        ],
+        verified: [
+          { required: true, message: "办理真实度不能为空", trigger: "blur" },
+        ],
+        returnVisitor: [
+          { required: true, message: "回访人不能为空", trigger: "blur" },
+        ],
+        returnTime: [
+          { required: true, message: "回访时间不能为空", trigger: "blur" },
+        ],
+        loseContact: [
+          { required: true, message: "请选择当事人联系不上", trigger: "blur" },
+        ],
+        putThrough: [
+          { required: true, message: "请选择未接通电话", trigger: "blur" },
+        ],
+        visitComments: [
+          { required: true, message: "回访意见不能为空", trigger: "blur" },
+        ],
+        mmm: [
+          { required: true, message: "请选择是否配合回访", trigger: "blur" },
+        ],
+        nnn: [
+          { required: true, message: "请选择服务过程满意度", trigger: "blur" },
+        ],
+      },
+      imgList: [],
+      audioList: []
+    };
+  },
+  components: {},
+  computed: {
+  },
+  props: {
+    eventId: {
+      type: String,
+      default: "",
+    },
+    eventDetailData: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    pageType: {
+      type: String,
+      default: "",
+    },
+    source: {
+      //展示来源：manage  管理平台    visiual  可视化平台
+      type: String,
+      default: "manage",
+    },
+  },
+  watch: {},
+  created() { },
+
+  mounted() {
+    const { user } = this.$store.state;
+    this.agencyId = user.agencyId;
+  },
+
+  methods: {
+    handelChangeSatisfaction(val) {
+      console.log(val);
+      if (val === 2) {
+        this.$set(this.dataRule, 'dissatisfyReason', [{ required: true, message: "请选择不满意原因", trigger: "blur" }]);
+      } else {
+        this.$delete(this.dataRule, 'dissatisfyReason');
+      }
+    },
+
+    beforeAudioUpload(file) {
+      const isLt1M = file.size / 1024 / 1024 < 10;
+      if (!isLt1M) {
+        this.$message.error("上传文件大小不能超过 10MB!");
+      }
+      return isLt1M;
+    },
+    handleAudioSuccess(res, file, fileList) {
+      console.log("res.data.url", file);
+      if (res.code === 0 && res.msg === "success") {
+        console.log("res.data.url", res.data.url);
+        this.audioList.push({
+          format: file.name.split(".").pop(),
+          name: file.name,
+          size: file.size,
+          type: file.raw.type,
+          url: res.data.url,
+        });
+        console.log(this.formData.files);
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+
+    handleAudioRemove(file) {
+      let index = this.audioList.findIndex(
+        (item) => item.url == file.response.data.url
+      );
+      this.audioList.splice(index, 1);
+      console.log(this.audioList);
+    },
+    beforeImgUpload(file) {
+      const isLt1M = file.size / 1024 / 1024 < 10;
+
+      if (!isLt1M) {
+        this.$message.error("上传文件大小不能超过 10MB!");
+      }
+      return isLt1M;
+    },
+    handleImgSuccess(res, file, fileList) {
+      console.log("res.data.url", file);
+      if (res.code === 0 && res.msg === "success") {
+        console.log("res.data.url", res.data.url);
+        this.imgList.push({
+          format: file.name.split(".").pop(),
+          name: file.name,
+          size: file.size,
+          type: file.raw.type,
+          url: res.data.url,
+        });
+        console.log(this.formData.files);
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+
+    handleImgRemove(file) {
+      let index = this.imgList.findIndex(
+        (item) => item.url == file.response.data.url
+      );
+      this.imgList.splice(index, 1);
+      console.log(this.imgList);
+    },
+    async getReplayInfo() {
+      this.okflag = false;
+      this.$refs["ref_form"].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj);
+        } else {
+          this.okflag = true;
+        }
+      });
+    },
+    // 开启加载动画
+    startLoading() {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: "正在加载……", // 加载中需要显示的文字
+        background: "rgba(0,0,0,.7)", // 背景颜色
+      });
+    },
+    // 结束加载动画
+    endLoading() {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close();
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/modules/shequzhili/project-info.scss" scoped></style>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/modules/visual/a_customize.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+</style>
+<style scoped>
+.el-dialog__body {
+  padding: 0 10px 20px !important;
+}
+</style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-contact.vue b/src/views/modules/shequzhili/event/cpts/process-form-contact.vue
new file mode 100644
index 000000000..e7ed85a33
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/process-form-contact.vue
@@ -0,0 +1,337 @@
+<template>
+    <div class="search">
+        <el-form ref="ref_form2" :inline="false" :model="formData" :rules="dataRule">
+            <el-form-item label="办理情况" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                prop="handlingReq">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入"
+                        v-model.trim="formData.handlingReq">
+                    </el-input>
+                </div>
+            </el-form-item>
+            <el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="luyin">
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader"     :action="uploadUlr" 
+                    accept=".mp3"
+                    :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleAudioSuccess"
+                    :on-remove="handleAudioRemove" :before-upload="beforeAudioUpload">
+                    <el-button  type="primary" >上传录音<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
+            <el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                >
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                accept=".jpg,.png,.jpeg"
+                    :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess"
+                    :on-remove="handleImgRemove" :before-upload="beforeImgUpload">
+                    <el-button  type="primary" >上传图片<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
+
+            <el-divider></el-divider>
+            <div class="flex">
+                <div class="item">
+                    <el-form-item label="答复人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="respondent">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                                v-model.trim="formData.respondent">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="答复电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="respondentPhone">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                                v-model.trim="formData.respondentPhone">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="联系人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="contacts">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                                v-model.trim="formData.contacts">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="联系电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="contactsPhone">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入"
+                                v-model.trim="formData.contactsPhone">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label-width="118px" label="填报不合规诉求">
+                        <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+                            <el-option v-for="item in binaryOptionListReverse" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div>
+                <!-- <div class="item" v-if="formData.irregularity === 0">
+                    <el-form-item label-width="118px" label="不合规诉求类型">
+                        <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+                            <el-option v-for="item in nonComplianceType" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div> -->
+                <div class="item">
+                    <el-form-item label="办理真实度" label-width="118px" :class="{ 'form-item': source === 'visiual' }">
+                        <el-select v-model.trim="formData.verified" clearable class="item_width_4">
+                            <el-option v-for="item in selectList" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div>
+            </div>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+import { binaryOptionListReverse, nonComplianceType } from "@/js/columns/constants";
+
+let loading; // 加载动画
+
+export default {
+    data() {
+        return {
+            customerId: localStorage.getItem("customerId"),
+            formData: {
+                operationType: '9', //处理方式[11已办结,10办理中,9联系当事人]
+                files: [],
+                handlingReq: '',//办理情况
+                respondent: '',//答复人
+                respondentPhone: '',//答复人电话
+                contacts: '',//联系人
+                contactsPhone: '',//联系人电话
+                irregularity: '',//填报不合规诉求 0：是 1：否
+                                //不合规诉求类型
+                verified: '', //办理真实度是否属实 0：属实 1：不属实
+            },
+            status: false,
+            okflag: false,
+            fileList: [],
+            uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+            selectList: [{ label: '属实', value: 0 }, { label: '不属实', value: 1 }],
+            dataRule: {
+                handlingReq: [
+                    { required: true, message: '办理情况不能为空', trigger: 'blur' }
+                ]
+            },
+            binaryOptionListReverse,
+            nonComplianceType,
+            imgList:[],
+            audioList:[]
+        };
+    },
+    components: {},
+    computed: {},
+    props: {
+        eventId: {
+            type: String,
+            default: '',
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: 'manage',
+        },
+    },
+    watch: {},
+
+    created() { },
+
+    async mounted() {
+    },
+
+    methods: {
+        beforeAudioUpload(file) {
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            if (!isLt1M) {
+                this.$message.error("M上传文件大小不能超过 10B!");
+            }
+            return isLt1M;
+        },
+        handleAudioSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+                console.log("res.data.url", res.data.url);
+                this.audioList.push({
+                    format: file.name.split(".").pop(),
+                    name: file.name,
+                    size: file.size,
+                    type: file.raw.type,
+                    url: res.data.url,
+                });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+
+        handleAudioRemove(file) {
+            let index = this.audioList.findIndex(
+                (item) => item.url == file.response.data.url
+            );
+            this.audioList.splice(index, 1);
+        },
+        beforeImgUpload(file) {
+            const isLt1M = file.size / 1024 / 1024 < 10;
+
+            if (!isLt1M) {
+                this.$message.error("上传文件大小不能超过 10MB!");
+            }
+            return isLt1M;
+        },
+        handleImgSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+                console.log("res.data.url", res.data.url);
+                this.imgList.push({
+                    format: file.name.split(".").pop(),
+                    name: file.name,
+                    size: file.size,
+                    type: file.raw.type,
+                    url: res.data.url,
+                });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+
+        handleImgRemove(file) {
+            let index = this.imgList.findIndex(
+                (item) => item.url == file.response.data.url
+            );
+            this.imgList.splice(index, 1);
+            console.log(this.imgList);
+        },
+
+
+        async getReplayInfo() {
+            this.okflag = false;
+            this.$refs['ref_form2'].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj);
+                } else {
+                    this.okflag = true;
+                }
+            });
+        },
+        resetData() { },
+        beforeUpload(file) {
+            const array = file.name.split(".");
+            const extension = array[array.length - 1];
+            const formatarray = [
+                "jpg",
+                "png",
+                "jpeg",
+                "bmp",
+                "mp4",
+                "wma",
+                "m4a",
+                "mp3",
+                "doc",
+                "docx",
+                "xls",
+                "xlsx",
+                "pdf",
+            ];
+            if (formatarray.indexOf(extension) === -1) {
+                this.$message.error("只支持图片、word、pdf");
+                return false;
+            }
+        },
+        handleFileRemove(file) {
+            if (file && file.status === "success") {
+                this.fileList.splice(
+                    this.fileList.findIndex((item) => item.uid === file.uid),
+                    1
+                );
+            }
+        },
+        handleFileSuccess(res, file) {
+            if (res.code === 0 && res.msg === "success") {
+                const array = file.name.split(".");
+                const fileType = array[array.length - 1];
+                const picArray = ["jpg", "png", "jpeg", "bmp"];
+                const videoarray = ["mp4", "wma", "m4a"];
+                const docArray = ["doc", "docx", "xls", "xlsx", "pdf"];
+                const mp3Array = ["mp3"];
+
+                if (picArray.indexOf(fileType) > -1) {
+                    file.attachmentFormat = "image";
+                } else if (videoarray.indexOf(fileType) > -1) {
+                    file.attachmentFormat = "video";
+                } else if (docArray.indexOf(fileType) > -1) {
+                    file.attachmentFormat = "doc";
+                } else if (mp3Array.indexOf(fileType) > -1) {
+                    file.attachmentFormat = "voice";
+                }
+
+                file.url = res.data.url;
+                file.type = fileType;
+
+                file.attachmentName = file.name;
+                file.attachmentType = file.type;
+                file.attachmentUrl = file.url;
+
+                this.fileList.push(file);
+            } else this.$message.error(res.msg);
+        },
+        //下载
+        handleFileDownload(file) {
+            var a = document.createElement("a");
+            var event = new MouseEvent("click");
+            a.download = file.name;
+            a.href = file.url;
+            a.dispatchEvent(event);
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: '正在加载……', // 加载中需要显示的文字
+                background: 'rgba(0,0,0,.7)', // 背景颜色
+            });
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close();
+            }
+        },
+    },
+};
+</script>
+
+<style lang='scss' scoped>
+@import '@/assets/scss/modules/visual/a_customize.scss';
+@import '@/assets/scss/modules/shequzhili/event-info.scss';
+
+.el-dialog__body {
+    padding: 0 10px 20px !important;
+}
+</style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-demand.vue b/src/views/modules/shequzhili/event/cpts/process-form-demand.vue
deleted file mode 100644
index c1b8f432c..000000000
--- a/src/views/modules/shequzhili/event/cpts/process-form-demand.vue
+++ /dev/null
@@ -1,725 +0,0 @@
-<template>
-  <div class="">
-    <el-form ref="ref_form"
-             :inline="false"
-             :model="formData"
-             :rules="dataRule"
-             label-width="100px">
-      <!-- <el-form-item label="事件分类"
-                    label-width="150px"
-                    prop="categoryId">
-        <el-cascader class="cell-width-2"
-                     ref="myCascader"
-                     v-model.trim="selCategoryArray"
-                     :key="iscascaderShow"
-                     :options="casOptions"
-                     :props="optionProps"
-                     :show-all-levels="false"
-                     @change="handleChangeCate"></el-cascader>
-      </el-form-item> -->
-      <el-form-item label="服务内容"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="content">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input v-model.trim="formData.content"
-                    :autosize="{ minRows: 2, maxRows: 10 }"
-                    type="textarea"
-                    clearable
-                    class="cell-width-area"
-                    placeholder="请输入内容"></el-input>
-        </div>
-      </el-form-item>
-
-      <el-form-item label="服务类型"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="categoryCode">
-        <div :class="{'visiual-form':source==='visiual'}">
-
-          <el-cascader v-model.trim="formData.categoryCode"
-                       :options="demandOptions"
-                       clearable
-                       class="cell-width-1"
-                       @change="handleCateSlect"></el-cascader>
-        </div>
-
-      </el-form-item>
-
-      <el-form-item label="服务时间"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="wantServiceTime">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-date-picker v-model.trim="formData.wantServiceTime"
-                          type="datetime"
-                          class="cell-width-1"
-                          clearable
-                          value-format="yyyy-MM-dd HH:mm:ss"
-                          placeholder="选择日期时间">
-          </el-date-picker>
-        </div>
-      </el-form-item>
-
-      <el-form-item label="需求人"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="demandUserName">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input v-model.trim="formData.demandUserName"
-                    class="cell-width-1"></el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label="联系电话"
-                    label-width="150px"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="demandUserMobile">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input v-model.trim="formData.demandUserMobile"
-                    class="cell-width-1"></el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label="服务地点"
-                    prop="serviceLocation"
-                    :class="{'form-item':source==='visiual'}"
-                    label-width="150px"
-                    style="display: block">
-
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input class="cell-width-1"
-                    v-model.trim="formData.serviceLocation">
-          </el-input>
-        </div>
-
-      </el-form-item>
-      <el-form-item label="位置坐标"
-                    :class="{'form-item':source==='visiual'}"
-                    prop="longitude"
-                    label-width="150px"
-                    style="display: block">
-        <div style="width:500px">
-
-          <div class="div_map">
-            <div id="app_map">
-
-            </div>
-            <div class="div_searchmap">
-              <el-input class="cell-width-map"
-                        maxlength="50"
-                        size="mini"
-                        placeholder="请输入关键字"
-                        v-model.trim="keyWords">
-              </el-input>
-              <el-button style="margin-left: 10px"
-                         type="primary"
-                         size="mini"
-                         @click="handleSearchMap">查询</el-button>
-            </div>
-          </div>
-
-          <!-- <div style="margin-top: 10px">
-            <span>经度</span>
-            <el-input class="item_width_3"
-                      maxlength="50"
-                      placeholder="请输入经度"
-                      v-model.trim="formData.longitude">
-            </el-input>
-            <span style="margin-left: 20px">纬度</span>
-            <el-input class="item_width_3"
-                      maxlength="50"
-                      placeholder="请输入纬度"
-                      v-model.trim="formData.latitude">
-            </el-input>
-          </div> -->
-        </div>
-      </el-form-item>
-
-      <el-form-item label="门牌号"
-                    :class="{'form-item':source==='visiual'}"
-                    label-width="150px"
-                    prop="locationDetail">
-        <div :class="{'visiual-form':source==='visiual'}">
-          <el-input v-model.trim="formData.locationDetail"
-                    class="cell-width-1"></el-input>
-        </div>
-
-      </el-form-item>
-
-      <el-form-item label="服务组织"
-                    :class="{'form-item':source==='visiual'}"
-                    label-width="150px"
-                    prop="serverId">
-
-        <template>
-          <div :class="[{'single-select':source==='visiual'},'sel-service']">
-            <el-select v-model.trim="formData.serviceType"
-                       class="cell-width-1"
-                       placeholder="请选择"
-                       clearable
-                       @change="handleServiceChange('add', $event)">
-              <el-option v-for="item in serviceOptions"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-            -
-            <el-select v-model.trim="formData.serverId"
-                       class="cell-width-1"
-                       filterable
-                       placeholder="请选择"
-                       clearable>
-              <el-option v-for="item in serviceOptiondList"
-                         :key="item.id"
-                         :label="item.name"
-                         :value="item.id">
-              </el-option>
-            </el-select>
-          </div>
-        </template>
-      </el-form-item>
-
-    </el-form>
-
-  </div>
-</template>
-
-<script>
-import { Loading } from "element-ui"; // 引入Loading服务
-import { requestPost } from "@/js/dai/request";
-import formVltHelper from "dai-js/tools/formVltHelper";
-
-import { isCard } from "@/utils/validate";
-
-let loading; // 加载动画
-var map
-var search
-var markers
-var infoWindowList
-var geocoder // 新建一个正逆地址解析类
-
-function iniFmData () {
-  return {
-    operationType: '2',//处理方式[0:已回复 1:已转项目  2:已转服务]
-    icEventId: '',//事件Id
-    gridId: '',//
-    categoryCode: '',//	二级服务分类编码
-    parentCode: '',//	父级服务分类编码
-    content: '',//		服务内容1000字
-    reportType: 'self_help',//	社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help
-    reportUserName: '',//	上报人姓名
-    reportUserMobile: '',//	自身上报时存储注册居民的联系电话
-    reportTime: '',//	上报时间
-    demandUserId: '',//	需求人：user.id或者ic_resi_user.id
-    demandUserName: '',//	需求人姓名
-    demandUserMobile: '',//需求人联系电话
-    wantServiceTime: '',//	希望服务时间
-    serviceType: '',
-    serverId: '',
-    locationDetail: '',
-    serviceLocation: '',//事件地址
-    latitude: '',//	经度
-    longitude: '',//维度
-    // categoryId: ''
-  };
-}
-export default {
-  data () {
-    return {
-      btnDisable: false,
-      customerId: localStorage.getItem("customerId"),
-      demandOptions: [],
-      serviceOptions: [
-      ],
-      serviceOptiondList: [],
-
-      casOptions: [],
-      iscascaderShow: 0,
-      selCategoryArray: [],
-      selCateObj: {},
-      optionProps: {
-        multiple: false,
-        value: 'id',
-        label: 'name',
-        children: 'subCategory',
-      },
-
-      formData: iniFmData(),
-
-
-      okflag: false,
-      //地图相关
-      keyWords: '',
-
-      eventDetailCopy: {}
-    };
-  },
-  components: {},
-  computed: {
-    dataRule () {
-
-      return {
-        // categoryId: [
-        //   { required: true, message: "请填写事件分类", trigger: "blur" },
-        // ],
-        content: [
-          { required: true, message: "服务内容不能为空", trigger: "blur" },
-        ],
-        categoryCode: [
-          { required: true, message: "服务类型不能为空", trigger: "blur" },
-        ],
-        wantServiceTime: [
-          { required: true, message: "服务时间不能为空", trigger: "blur" },
-        ],
-        demandUserName: [
-          { required: true, message: "需求人不能为空", trigger: "blur" },
-        ],
-        demandUserMobile: [
-          { required: true, message: "联系电话不能为空", trigger: "blur" },
-        ],
-        serviceLocation: [
-          { required: true, message: "服务地点不能为空", trigger: "blur" },
-        ],
-        serverId: [
-          { required: true, message: "服务组织不能为空", trigger: "blur" },
-        ],
-
-      };
-    },
-
-
-  },
-  props: {
-
-    demandUserId: {
-      type: String,
-      default: "",
-    },
-    demandUserName: {
-      type: String,
-      default: "",
-    },
-    demandUserMobile: {
-      type: String,
-      default: "",
-    },
-    eventId: {
-      type: String,
-      default: "",
-    },
-
-    eventDetailData: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    transferObj: {
-      type: Object,
-      default () {
-        return {}
-      }
-    },
-    source: {//展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: 'manage'
-    }
-
-  },
-  watch: {
-    demandUserName: function (val) {
-
-      this.formData.reportUserName = val
-      this.formData.demandUserName = val
-    },
-    demandUserMobile: function (val) {
-
-      this.formData.reportUserMobile = val
-      this.formData.demandUserMobile = val
-    },
-    "transferObj.longitude":{
-      handler(newVal,oldVal){
-        this.$nextTick(()=>{
-        map.setCenter(new TMap.LatLng(this.transferObj.latitude,this.transferObj.longitude))
-        })
-      },
-      immediate: true  // 页面加载立即执行
-    },
-
-  
-    demandUserId: function (val) {
-
-      this.formData.demandUserId = val
-    },
-  },
-  created () {
-
-
-  },
-
-  async mounted () {
-    const { user } = this.$store.state
-    this.agencyId = user.agencyId
-    this.getCategoryList();
-    this.getDemandOptions();
-    this.getServiceOption()
-    // this.formData = { ...this.formDataTemp }
-    this.initMap()
-
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-      this.formData.reportUserMobile = this.eventDetailCopy.mobile
-      this.formData.reportUserName = this.eventDetailCopy.name
-      this.formData.reportTime = this.eventDetailCopy.happenTime
-      this.formData.gridId = this.eventDetailCopy.gridId
-      this.formData.demandUserId = this.eventDetailCopy.reportUserId
-      this.formData.demandUserName = this.eventDetailCopy.name
-      this.formData.demandUserMobile = this.eventDetailCopy.mobile
-
-      if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) {
-        // this.selCategoryArray = []
-        // this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId)
-        // this.selCategoryArray.push(this.eventDetailCopy.categoryId)
-        // this.formData.categoryId = this.eventDetailCopy.categoryId
-
-        // this.selCateObj = {
-        //   name: this.eventDetailCopy.categoryName,
-        //   id: this.eventDetailCopy.categoryId
-        // }
-      }
-
-    } else {
-      this.formData.demandUserName = this.demandUserName
-      this.formData.demandUserMobile = this.demandUserMobile
-      this.formData.demandUserId = this.demandUserId
-    }
-  
-  },
-
-  methods: {
-
-    async getCategoryList () {
-      const url = "/governance/issueprojectcategorydict/list"
-
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-
-      if (code === 0) {
-
-        let treeDataNew = this.filterTree(data)
-
-        //组织级联数据
-        ++this.iscascaderShow
-        this.casOptions = []
-
-
-        this.casOptions = treeDataNew
-
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    handleChangeCate () {
-      console.log(this.$refs["myCascader"].getCheckedNodes()[0].data)
-      this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data
-      this.formData.categoryId = this.selCateObj.id
-    },
-
-    //重构树，去除网格
-    filterTree (arr) {
-      let childs = arr
-      for (let i = childs.length; i--; i > 0) {
-        if (childs[i].subCategory) {
-          if (childs[i].subCategory.length) {
-            this.filterTree(childs[i].subCategory)
-          } else {
-            delete childs[i].subCategory
-          }
-        }
-      }
-      return arr
-    },
-
-    async getDemandOptions () {
-      const url = "/governance/icresidemanddict/demandoption"
-      let params = {}
-
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
-        this.demandOptions = this.getFlagData(
-          this.getTreeData(data),
-          "usableFlag"
-        );
-
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    async getServiceOption () {
-      const url = "/sys/dict/data/dictlist"
-      let params = { dictType: "user_demand_service_type", }
-
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
-        this.serviceOptions = data;
-
-      } else {
-        this.$message.error(msg)
-      }
-
-    },
-
-    getTreeData (data) {
-      if (!Array.isArray(data)) return [];
-      let arr = data.map((item) => {
-        let _item = {};
-        if (item.children) {
-          if (item.children.length === 0)
-            _item = { ...item, children: undefined };
-          else _item = { ...item, children: this.getTreeData(item.children) };
-        } else {
-          _item = { ...item };
-        }
-        return _item;
-      });
-      return arr;
-    },
-    getFlagData (data, flag) {
-      if (!Array.isArray(data)) return [];
-      let arr1 = data.filter((item) => item[flag]);
-      let arr2 = arr1.map((item) => {
-        if (item.children)
-          return { ...item, children: this.getFlagData(item.children, flag) };
-        else return item;
-      });
-      // console.log('arrr-oppp', arr2)
-      return arr2;
-    },
-
-    handleCateSlect (val) {
-      console.log("val", val);
-      if (val.length === 1) {
-        this.demandOptions.forEach((item) => {
-          if (item.value == val[0]) this.formData.parentCode = item.pvalue;
-        });
-        this.formData.categoryCode = val[0];
-      } else {
-        this.formData.parentCode = val[0];
-        this.formData.categoryCode = val[1];
-      }
-    },
-
-    async handleServiceChange(serverOrgType,val) {
-      if (!val) return false;
-      if (this.formData.categoryCode == "") {
-        this.$message.error("请先选择服务类型!");
-        return;
-      }
-      const url = "/actual/base/serviceitem/listServerOrg";
-      let params = {
-        serviceTypeId: this.formData.categoryCode,
-        serverOrgType: val,
-        businessType: "resi_service",
-      };
-      let { data, code, msg } = await requestPost(url, params);
-      if (code == 0) {
-        this.serviceOptiondList = data;
-      } else if (code >= 8000) {
-        this.$message.error(msg);
-      }
-    },
-    async getServiceuserList (serviceType) {
-
-      if (!serviceType) return false;
-      const { demandUserId } = this.formData;
-      const params = {
-        serviceName: this.formData.categoryCode,
-        serviceType: serviceType,
-        queryPurpose: 'query',
-      };
-
-
-      const url = "/governance/userdemand/servicelist"
-
-
-      const { data, code, msg } = await requestPost(url, params)
-      if (code === 0) {
-        this.serviceOptiondList = data.filter(
-          (item) => item.value != demandUserId
-        );
-      } else {
-        this.$message.error(msg)
-      }
-
-
-    },
-
-    async getDemandInfo () {
-      this.okflag = false
-      this.$refs["ref_form"].validate((valid, messageObj) => {
-        if (!valid) {
-          app.util.validateRule(messageObj);
-          // this.formData.categoryId = this.selCateObj.id
-        } else {
-
-          this.okflag = true
-        }
-      });
-    },
-
-
-    resetData () {
-
-    },
-    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
-    initMap () {
-      // 定义地图中心点坐标
-      var center = new window.TMap.LatLng(this.transferObj.latitude||36.0722275,this.transferObj.longitude|| 120.38945519)
-      // 定义map变量，调用 TMap.Map() 构造函数创建地图
-      map = new window.TMap.Map(document.getElementById('app_map'), {
-        center: center, // 设置地图中心点坐标
-        zoom: 17.2, // 设置地图缩放级别
-        pitch: 43.5, // 设置俯仰角
-        rotation: 45 // 设置地图旋转角度
-      })
-
-      search = new window.TMap.service.Search({ pageSize: 10 })
-      // 新建一个地点搜索类
-      markers = new TMap.MultiMarker({
-        map: map,
-        geometries: []
-      })
-      infoWindowList = Array(10)
-
-      geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
-
-      // 监听地图平移结束
-      map.on('panend', () => {
-        this.handleMoveCenter()
-      })
-      this.handleMoveCenter()
-      this.convert()
-    },
-
-    setMarker (lat, lng) {
-      markers.setGeometries([])
-      markers.add([
-        {
-          id: '4',
-          styleId: 'marker',
-          position: new TMap.LatLng(lat, lng),
-          properties: {
-            title: 'marker4'
-          }
-        }
-      ])
-    },
-
-    handleSearchMap () {
-      infoWindowList.forEach((infoWindow) => {
-        infoWindow.close()
-      })
-      infoWindowList.length = 0
-      markers.setGeometries([])
-      // 在地图显示范围内以给定的关键字搜索地点
-      search
-        .searchRectangle({
-          keyword: this.keyWords,
-          bounds: map.getBounds()
-        })
-        .then((result) => {
-          let { data } = result
-          if (Array.isArray(data) && data.length > 0) {
-            const {
-              location: { lat, lng }
-            } = data[0]
-
-
-            map.setCenter(new TMap.LatLng(lat, lng))
-            this.setMarker(lat, lng)
-            this.formData.latitude = lat
-            this.formData.longitude = lng
-            this.convert()
-          } else {
-            this.$message.error('未检索到相关位置坐标')
-          }
-        })
-    },
-
-    handleMoveCenter () {
-      //修改地图中心点
-      const center = map.getCenter()
-      const lat = center.getLat()
-      const lng = center.getLng()
-      this.formData.latitude = lat
-      this.formData.longitude = lng
-      this.setMarker(lat, lng)
-      this.convert(lat, lng)
-    },
-
-    convert (lat, lng) {
-      markers.setGeometries([]);
-      // var input = document.getElementById('location').value.split(',');
-      let location
-      if (lat && lng) {
-        location = new TMap.LatLng(lat, lng);
-      } else {
-        location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
-      }
-
-      // map.setCenter(location);
-      markers.updateGeometries([
-        {
-          id: 'main', // 点标注数据数组
-          position: location,
-        },
-      ]);
-      geocoder
-        .getAddress({ location: location }) // 将给定的坐标位置转换为地址
-        .then((result) => {
-          this.formData.serviceLocation = result.result.address
-          // 显示搜索到的地址
-        });
-    },
-
-
-
-    // 开启加载动画
-    startLoading () {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: "正在加载……", // 加载中需要显示的文字
-        background: "rgba(0,0,0,.7)", // 背景颜色
-      });
-    },
-    // 结束加载动画
-    endLoading () {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close();
-      }
-    },
-  },
-};
-</script>
-
-<style lang='scss' scoped>
-@import "@/assets/scss/modules/visual/a_customize.scss";
-@import "@/assets/scss/modules/shequzhili/event-info.scss";
-</style>
-
-
-
-
-<style scoped >
-.el-dialog__body {
-  padding: 0 10px 20px !important;
-}
-</style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-process.vue b/src/views/modules/shequzhili/event/cpts/process-form-process.vue
new file mode 100644
index 000000000..fab38b680
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/process-form-process.vue
@@ -0,0 +1,306 @@
+<!--
+ * @Author: yanLu xgktv007@163.com
+ * @Date: 2023-09-05 10:21:34
+ * @LastEditors: mk 2403457699@qq.com
+ * @LastEditTime: 2023-09-18 17:16:40
+ * @Description: 事件转办表单
+ * 
+-->
+<template>
+    <div class="search">
+        <el-form ref="ref_form2" :inline="false" :model="formData" :rules="dataRule">
+            <el-form-item label="办理情况" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                prop="handlingReq">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-input type="textarea" class="cell-width-area" :rows="2" placeholder="请输入回访意见"
+                        v-model.trim="formData.handlingReq">
+                    </el-input>
+                </div>
+            </el-form-item>
+            <el-form-item label="上传录音" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="luyin">
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                    :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleAudioSuccess"
+                    :on-remove="handleAudioRemove" :before-upload="beforeAudioUpload" accept=".mp3">
+                    <el-button type="primary">上传录音<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
+            <el-form-item label="上传图片" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                prop="internalFile">
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                    :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleImgSuccess"
+                    :on-remove="handleImgRemove" :before-upload="beforeImgUpload" accept=".jpg,.png,.jpeg">
+                    <el-button type="primary">上传图片<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
+
+            <el-divider></el-divider>
+            <div class="flex">
+                <div class="item">
+                    <el-form-item label="答复人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="respondent">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入答复人"
+                                v-model.trim="formData.respondent">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="答复电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="respondentPhone">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入答复电话"
+                                v-model.trim="formData.respondentPhone">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="联系人" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="contacts">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入联系人"
+                                v-model.trim="formData.contacts">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label="联系电话" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                        prop="contactsPhone">
+                        <div :class="{ 'visiual-form': source === 'visiual' }">
+                            <el-input type="input" class="item_width_4" :rows="2" placeholder="请输入联系电话"
+                                v-model.trim="formData.contactsPhone">
+                            </el-input>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div class="item">
+                    <el-form-item label-width="118px" label="填报不合规诉求">
+                        <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+                            <el-option v-for="item in binaryOptionListReverse" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div>
+                <!-- <div class="item" v-if="formData.irregularity === 0">
+                    <el-form-item label-width="118px" label="不合规诉求类型">
+                        <el-select v-model.trim="formData.irregularity" clearable class="item_width_4">
+                            <el-option v-for="item in nonComplianceType" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div> -->
+                <div class="item">
+                    <el-form-item label="办理真实度" label-width="118px" :class="{ 'form-item': source === 'visiual' }">
+                        <el-select v-model.trim="formData.verified" clearable class="item_width_4">
+                            <el-option v-for="item in selectList" :key="item.value" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div>
+            </div>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+import { binaryOptionListReverse, nonComplianceType } from "@/js/columns/constants";
+let loading; // 加载动画
+export default {
+    data() {
+        return {
+            customerId: localStorage.getItem("customerId"),
+            binaryOptionListReverse,
+            nonComplianceType,
+            formData: {
+                operationType: "10", //处理方式[11已办结,10办理中,9联系当事人]
+                handlingReq: '',//办理情况
+                respondent: '',//答复人
+                respondentPhone: '',//答复人电话
+                contacts: '',//联系人
+                contactsPhone: '',//联系人电话
+                irregularity: '',//填报不合规诉求 0：是 1：否
+                //不合规诉求类型
+                verified: '', //办理真实度是否属实 0：属实 1：不属实
+            },
+            status: false,
+            okflag: false,
+            casOptions: [],
+            fileList: [],
+            uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+
+            dataRule: {
+                handlingReq: [
+                    { required: true, message: "办理情况不能为空", trigger: "blur" },
+                ],
+            },
+            selectList: [{ label: '属实', value: 1 }, { label: '不属实', value: 0 }],
+            imgList: [],
+            audioList: []
+        };
+    },
+    components: {},
+    computed: {},
+    props: {
+        eventId: {
+            type: String,
+            default: "",
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: "manage",
+        },
+    },
+    created() {
+
+    },
+    async mounted() {
+        const { user } = this.$store.state;
+        this.agencyId = user.agencyId;
+    },
+    methods: {
+        async getReplayInfo() {
+            this.okflag = false;
+            this.$refs["ref_form2"].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj);
+                } else {
+                    this.okflag = true;
+                }
+            });
+        },
+        beforeImgUpload(file) {
+            const isLt1M = file.size / 1024 / 1024 < 10;
+
+            if (!isLt1M) {
+                this.$message.error("上传文件大小不能超过 10MB!");
+            }
+            return isLt1M;
+        },
+        handleImgSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+                console.log("res.data.url", res.data.url);
+                this.imgList.push({
+                    format: file.name.split(".").pop(),
+                    name: file.name,
+                    size: file.size,
+                    type: file.raw.type,
+                    url: res.data.url,
+                });
+                console.log(this.imgList);
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+
+        handleImgRemove(file) {
+            let index = this.imgList.findIndex(
+                (item) => item.url == file.response.data.url
+            );
+            this.imgList.splice(index, 1);
+            console.log(this.imgList);
+        },
+        beforeAudioUpload(file) {
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            if (!isLt1M) {
+                this.$message.error("上传文件大小不能超过 10MB!");
+            }
+            return isLt1M;
+        },
+        handleAudioSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+                console.log("res.data.url", res.data.url);
+                this.audioList.push({
+                    format: file.name.split(".").pop(),
+                    name: file.name,
+                    size: file.size,
+                    type: file.raw.type,
+                    url: res.data.url,
+                });
+                console.log(this.audioList);
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+
+        handleAudioRemove(file) {
+            let index = this.audioList.findIndex(
+                (item) => item.url == file.response.data.url
+            );
+            this.audioList.splice(index, 1);
+            console.log(this.formData.files);
+        },
+        beforeImgUpload(file) {
+            const isLt1M = file.size / 1024 / 1024 < 10;
+
+            if (!isLt1M) {
+                this.$message.error("上传文件大小不能超过 10MB!");
+            }
+            return isLt1M;
+        },
+        handleImgSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+                console.log("res.data.url", res.data.url);
+                this.imgList.push({
+                    format: file.name.split(".").pop(),
+                    name: file.name,
+                    size: file.size,
+                    type: file.raw.type,
+                    url: res.data.url,
+                });
+                console.log(this.formData.files);
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+
+        handleImgRemove(file) {
+            let index = this.formData.files.findIndex(
+                (item) => item.url == file.response.data.url
+            );
+            this.formData.files.splice(index, 1);
+            console.log(this.formData.files);
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: "正在加载……", // 加载中需要显示的文字
+                background: "rgba(0,0,0,.7)", // 背景颜色
+            });
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close();
+            }
+        },
+    },
+};
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/modules/visual/a_customize.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+.el-dialog__body {
+    padding: 0 10px 20px !important;
+}
+</style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index 01a283f1a..3d523231c 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -2,28 +2,30 @@
     <div class="">
         <div>
             <el-form ref="ref_form1" :inline="false" :rules="dataRule" class="form">
-                <el-form-item label="处理方式" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
-                    prop="operationType">
-                    <el-radio-group :class="{ 'form-item': source === 'visiual' }" v-model.trim="operationType"
-                        @change="handleChangeOperationType">
-                        <el-radio v-if="!eventId" label="4">待处理</el-radio>
-                        <el-radio label="0">回复</el-radio>
-                        <el-radio label="5">指派</el-radio>
-                        <el-radio label="6">完成并回复</el-radio>
-                    </el-radio-group>
+                <el-form-item label="办理状态" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+                    prop="operationType" v-if="pageType !== 'assign'">
+                    <el-select v-model="operationType" placeholder="请选择" :disabled="pageType === 'check'">
+                        <el-option label="联系当事人" value="9"></el-option>
+                        <el-option label="办理中" value="10"></el-option>
+                        <el-option label="已办结" value="11"></el-option>
+                    </el-select>
                 </el-form-item>
             </el-form>
-            <div v-if="operationType === '0'">
-                <process-form-replay ref="ref_process_form_replay" :source="source" :eventDetailData="eventDetailData"
-                    :eventId="eventId"></process-form-replay>
+            <div v-if="operationType === '9' && pageType !== 'assign'">
+                <process-form-contact ref="process_form_contact" :source="source" :eventDetailData="eventDetailData"
+                    :eventId="eventId"></process-form-contact>
             </div>
-            <div v-if="operationType === '6'">
-                <process-form-replay-end ref="ref_process_form_replay_end" :source="source"
-                    :eventDetailData="eventDetailData" :eventId="eventId"></process-form-replay-end>
+            <div v-if="operationType === '10' && pageType !== 'assign'">
+                <process-form-process ref="ref_process_form_process" :source="source" :eventDetailData="eventDetailData"
+                    :eventId="eventId"></process-form-process>
             </div>
-            <div v-if="operationType === '5'">
-                <process-form-designate ref="ref_process_form_designate" :source="source" :eventDetailData="eventDetailData"
-                    :eventId="eventId"></process-form-designate>
+            <div v-if="operationType === '11' && pageType !== 'assign'">
+                <process-form-complete :eventDetailData="eventDetailData" ref="ref_process_form_complete"
+                    :eventId="eventId" :pageType="pageType"></process-form-complete>
+            </div>
+            <div v-if="pageType === 'assign'">
+                <process-form-assign ref="ref_process_form_assign" :source="source" :eventDetailData="eventDetailData"
+                    :eventId="eventId"></process-form-assign>
             </div>
         </div>
     </div>
@@ -31,12 +33,10 @@
 <script>
 import { Loading } from "element-ui"; // 引入Loading服务
 import { requestPost } from "@/js/dai/request";
-import processFormReplay from "./process-form-replay";
-import processFormReplayEnd from "./process-form-replay-end";
-import processFormProject from "./process-form-project";
-import processFormDemand from "./process-form-demand";
-import processFormIssue from "./process-form-issue";
-import processFormDesignate from "./process-form-designate";
+import processFormContact from "./process-form-contact";
+import processFormComplete from "./process-form-complete";
+import processFormProcess from "./process-form-process";
+import processFormAssign from "./process-form-assign";
 let loading; // 加载动画
 export default {
     data() {
@@ -53,24 +53,28 @@ export default {
             },
             operationType: '',
             replayInfo: {},
-            demand: {},
-            project: {},
-            issueInfo: {},
             okflag: false,
             eventDetailCopy: {},
             transferObj: {
                 latitude: "",
                 longitude: ""
-            }
+            },
+            orgOptions: [],
+            agencyIdArray: [],
+            orgOptionProps: {
+                multiple: false,
+                value: 'agencyId',
+                label: 'agencyName',
+                children: 'subAgencyList',
+                checkStrictly: true
+            },
         };
     },
     components: {
-        processFormReplay,
-        processFormProject,
-        processFormDemand,
-        processFormIssue,
-        processFormDesignate,
-        processFormReplayEnd
+        processFormComplete,
+        processFormProcess,
+        processFormContact,
+        processFormAssign
     },
     computed: {
         dataRule() {
@@ -82,23 +86,11 @@ export default {
         },
     },
     props: {
-        demandUserId: {
-            type: String,
-            default: "",
-        },
-        demandUserName: {
+        eventId: {
             type: String,
             default: "",
         },
-        demandUserMobile: {
-            type: String,
-            default: "",
-        },
-        // gridId: {
-        //     type: String,
-        //     default: "",
-        // },
-        eventId: {
+        pageType: {
             type: String,
             default: "",
         },
@@ -121,38 +113,76 @@ export default {
         if (this.eventId) {
             this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
         }
-        if (this.eventDetailData.operationType) {
-            this.operationType = this.eventDetailCopy.operationType
-        }
-        this.$EventBus.$on('map', (val) => {
-            this.transferObj.latitude = val.lat
-            this.transferObj.longitude = val.lng
+        this.$nextTick(() => {
+            if (this.pageType === 'check') {
+                this.operationType = '11'
+            }
         })
+        this.getOrgTreeList()
     },
     methods: {
+        handleChangeAgency(val) {
+            // let obj = this.$refs["agencyIdArray"].getCheckedNodes()[0].data
+            // if (obj) {
+            //     this.formData.orgType = obj.level === 'grid' ? 'grid' : 'agency'
+            //     this.formData.deptId = obj.agencyId
+            //     this.formData.deptName = obj.agencyName
+            // } else {
+            //     this.form.orgType = ''
+            //     this.form.orgId = ''
+            // }
+        },
+        async getOrgTreeList() {
+            const url = "/gov/org/customeragency/agencyGridDepttree"
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "query"
+            }
+            const { data, code, msg } = await requestPost(url, params)
+            if (code === 0) {
+                this.orgOptions = []
+                this.orgOptions.push(data)
+            } else {
+                this.$message.error(msg)
+            }
+        },
         handleChangeOperationType(val) {
             this.operationType = val;
         },
         async getProcessInfo() {
             this.okflag = false
-            if (this.operationType === '0') {
-                this.$refs.ref_process_form_replay.getReplayInfo()
-                if (this.$refs.ref_process_form_replay.okflag) {
-                    this.replayInfo = this.$refs.ref_process_form_replay.formData;
-                    this.okflag = true;
+            if (this.operationType === '9') {
+                this.$refs.process_form_contact.getReplayInfo()
+                this.replayInfo = this.$refs.process_form_contact.formData;
+                this.replayInfo.files = [...this.$refs.process_form_contact.imgList,...this.$refs.process_form_contact.audioList]
+                if (this.$refs.process_form_contact.okflag) {
+                    this.replayInfo = this.$refs.process_form_contact.formData
+                    this.okflag = true
+                }
+            } else if (this.operationType === '10') {
+                this.$refs.ref_process_form_process.getReplayInfo()
+                this.replayInfo = this.$refs.ref_process_form_process.formData;
+                this.replayInfo.files = [...this.$refs.ref_process_form_process.imgList,...this.$refs.ref_process_form_process.audioList]
+                if (this.$refs.ref_process_form_process.okflag) {
+                    this.replayInfo = this.$refs.ref_process_form_process.formData
+                    this.okflag = true
+                }
+            } else if (this.operationType === '11' || this.pageType === 'check') {
+                this.$refs.ref_process_form_complete.getReplayInfo()
+                this.replayInfo = this.$refs.ref_process_form_complete.formData;
+                this.replayInfo.files = [...this.$refs.ref_process_form_complete.imgList,...this.$refs.ref_process_form_complete.audioList]
+                if(this.pageType === 'check'){
+                    this.replayInfo.operationType = '12'
                 }
-            } else if (this.operationType === '5') {
-                this.$refs.ref_process_form_designate.getReplayInfo()
-                this.replayInfo = this.$refs.ref_process_form_designate.formData
-                if (this.$refs.ref_process_form_designate.okflag) {
-                    this.replayInfo = this.$refs.ref_process_form_designate.formData
+                if (this.$refs.ref_process_form_complete.okflag) {
+                    this.replayInfo = this.$refs.ref_process_form_complete.formData
                     this.okflag = true
                 }
-            } else if (this.operationType === '6') {
-                this.$refs.ref_process_form_replay_end.getReplayInfo()
-                this.replayInfo = this.$refs.ref_process_form_replay_end.formData
-                if (this.$refs.ref_process_form_replay_end.okflag) {
-                    this.replayInfo = this.$refs.ref_process_form_replay_end.formData
+            } else if (this.pageType === 'assign') {
+                this.$refs.ref_process_form_assign.getReplayInfo()
+                this.replayInfo = this.$refs.ref_process_form_assign.formData
+                if (this.$refs.ref_process_form_assign.okflag) {
+                    this.replayInfo = this.$refs.ref_process_form_assign.formData
                     this.okflag = true
                 }
             }else {
diff --git a/src/views/modules/shequzhili/event/eventList.vue b/src/views/modules/shequzhili/event/eventList.vue
index 71c89a184..3d437b538 100644
--- a/src/views/modules/shequzhili/event/eventList.vue
+++ b/src/views/modules/shequzhili/event/eventList.vue
@@ -218,15 +218,13 @@
                     </el-table-column>
                     <el-table-column prop="markTypeName" align="center" label="标记" width="80"
                         :show-overflow-tooltip="true" />
-                    <el-table-column fixed="right" label="操作" align="center" width="100">
+                    <el-table-column fixed="right" label="操作" align="center" width="300">
                         <template slot-scope="scope">
-                            <el-button v-if="scope.row.status === 'processing' && !scope.row.operationId
-                                " @click="handleDispose(scope.row)" type="text" size="small" class="">处理</el-button>
-                            <el-button v-else-if="scope.row.status === 'closed_case' && !scope.row.satisfactionName
-                                && user.id === scope.row.createdUserId" @click="handleWatch(scope.row)" type="text"
-                                size="small" class="">去评价</el-button>
-                            <el-button v-else @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
+                            <el-button  @click="handleDispose(scope.row,'dispose')" type="text" size="small" class="">处理</el-button>
+                            <el-button  @click="handleDispose(scope.row,'assign')" type="text" size="small" class="">指派</el-button>
+                            <el-button @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
                             <el-button @click="handleDel(scope.row)" type="text" size="small" class="">删除</el-button>
+                            <el-button @click="handleDispose(scope.row,'check')" type="text" size="small" class="">审核</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -238,7 +236,7 @@
                 </div>
             </div>
         </div>
-        <div v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'">
+        <div v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'assign' || pageType=='check'">
             <event-info ref="eleEditForm" :pageType="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
                 @handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" />
         </div>
@@ -273,26 +271,6 @@ export default {
     components: { eventInfo,awoList },
 
     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',
@@ -302,7 +280,7 @@ export default {
         }
 
         return {
-            pageType: "list", // 列表list 新增add  处理dispose 详情info
+            pageType: "list", // 列表list 新增add  处理dispose 详情info 指派assign
             user: {},
 
             agencyId: "",
@@ -547,15 +525,15 @@ export default {
         },
 
         //加载组织数据
-        async handleDispose(row) {
-            this.eventId = row.icEventId;
+        async handleDispose(row,type) {
+            this.eventId = '1817808353882152962';
             const url = "/governance/icEvent/detail";
             const { data, code, msg } = await requestPost(url, {
                 icEventId: this.eventId,
             });
             if (code === 0) {
                 this.eventDetailData = { ...data };
-                this.pageType = "dispose";
+                this.pageType = type;
             } else {
                 this.$message.error(msg);
             }
diff --git a/src/views/modules/shequzhili/eventHandling/index.vue b/src/views/modules/shequzhili/eventHandling/index.vue
new file mode 100644
index 000000000..e88d87c29
--- /dev/null
+++ b/src/views/modules/shequzhili/eventHandling/index.vue
@@ -0,0 +1,836 @@
+<template>
+    <div class="g-main">
+        <div>
+            <div class="m-search">
+                <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+                    <div>
+                        <el-form-item label="事件类别" prop="firstIdList">
+                            <el-cascader ref="cascaderEvent" v-model.trim="eventTypeCheck" :options="cateOptions"
+                                collapse-tags :show-all-levels="false" :props="{
+                                    multiple: true,
+                                    checkStrictly: false,
+                                    emitPath: false,
+                                    children: 'children',
+                                    label: 'categoryName',
+                                    value: 'id',
+                                }" clearable class="u-item-width-normal" @change="handleEventType" />
+                        </el-form-item>
+                        <el-form-item label="工单编号" prop="workOrderNum">
+                            <el-input v-model.trim="formData.workOrderNum" 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="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="overdue">
+                            <el-cascader ref="cascaderEvent" v-model.trim="formData.overdue" :options="overdue"
+                                collapse-tags :show-all-levels="false" 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="agencyId">
+                            <el-cascader class="u-item-width-normal" size="small" ref="myCascader"
+                                v-model.trim="formData.agencyId" :options="ProcessingList" :show-all-levels="false"
+                                clearable></el-cascader>
+                        </el-form-item>
+                        <el-form-item label="办结时限" prop="limitStartTime">
+                            <el-date-picker v-model.trim="formData.startTime" 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" 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-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 @click="handleExport" class="diy-button--white" size="small">导出</el-button>
+
+                    <el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 30px"
+                        @command="(command) => handleMarkDiffcult(command)">
+                        导入
+                        <el-dropdown-menu slot="dropdown">
+                            <el-dropdown-item command="1">下载模板</el-dropdown-item>
+                            <el-dropdown-item command="2">上传导入</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                </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="workOrder" align="center" label="工单编号" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="eventType" 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="eventName" label="报件人" align="center" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="phone" 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.phone }}
+                            </el-button>
+                            <span v-else>
+                                {{ scope.row.phone }}
+                            </span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="date" align="center" width="110" label="办结时限" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="handlestatus" align="center" width="110" label="办理状态"
+                        :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.handlestatus === 0">联系当事人超期</span>
+                            <span v-else-if="scope.row.handlestatus ===1">部门办结超期</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="deliverystatus" align="center" width="110" label="办理超期"
+                        :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.deliverystatus === 0">联系当事人超期</span>
+                            <span v-else-if="scope.row.deliverystatus ===1">部门办结超期</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column fixed="right" label="操作" align="center" width="200px" prop="status">
+                        <template slot-scope="scope">
+                            <el-button type="text" size="small" class="">查看</el-button>
+                            <el-button @click="handleDispose(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>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import axios from "axios";
+export default {
+
+
+    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 {
+            dialogVisible:"false",
+            pageType: "list", // 列表list 新增add  处理dispose 详情info
+            user: {},
+
+            agencyId: "",
+            orgOptions: [],
+            orgOptionProps,
+            level: '',
+            optionsG: [],
+            sarr: [],
+            ProcessingList: [
+                {
+                    value: "1",
+                    label: "未响应",
+                },
+                {
+                    value: "2",
+                    label: "以响应",
+                },
+                {
+                    value: "3",
+                    label: "办理中",
+                },
+                {
+                    value: "4",
+                    label: "待审核",
+                },
+                {
+                    value: "5",
+                    label: "已办结",
+                },
+            ],
+            tableData: [
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:0,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:1,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                }
+            ],
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+            typeArray: [
+                {
+                    value: "1",
+                    label: "难点痛点",
+                },
+                {
+                    value: "2",
+                    label: "矛盾纠纷",
+                },
+                {
+                    value: "3",
+                    label: "自身问题",
+                },
+                {
+                    value: "4",
+                    label: "超出服务范围",
+                },
+            ],
+            qudaoArray: [
+                {
+                    value: "3",
+                    label: "12345",
+                }
+            ],
+            overdue:[
+            {
+                    value: "1",
+                    label: "联系来电人超期",
+                },
+                {
+                    value: "2",
+                    label: "办结超期",
+                },
+
+            ],
+            formData: {
+                agencyId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+                workOrderNum: "",
+                overdue:""
+            },
+            cateOptions: [],
+            eventTypeCheck: [],
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            total: 1,
+            // endPickerOptions: {
+            //     disabledDate: endDisabledDate,
+            // },
+            // startPickerOptions: {
+            //     disabledDate: startDisabledDate,
+            // },
+            eventId: "",
+            searchH: 180,
+            eventDetailData: {},
+            showVoice: false,
+            selVoiceUrl: "",
+            multipleSelection: [],
+            importLoading: false,
+          importType: "1"
+        };
+    },
+    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";
+            }
+        },
+        "formData.limitEndTime": function (val) {
+            if (val && val != "") {
+                let arrayTemp = val.split(" ");
+                this.formData.limitEndTime = 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);
+            });
+        },
+        async handleMarkDiffcult(command) {
+            const url = "/governance/icEvent/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/icEvent/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);
+            }
+        },
+
+        handleSearch(val) {
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        // 查看
+        async handleLook(row) {
+
+            let { agencyId, gridId, gridName, name, reportUserId } = row
+            const resiId = reportUserId;
+            this.$store.dispatch('saveData', { agencyId, gridId, gridName, 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 handleExport() {
+            const url = "/governance/icEvent/export";
+            const { pageSize, pageNo, formData } = this;
+            axios({
+                url: window.SITE_CONFIG["apiURL"] + url,
+                method: "post",
+                data: {
+                    pageSize,
+                    pageNo,
+                    ...formData,
+                },
+                responseType: "blob",
+            })
+                .then((res) => {
+                    let fileName = window.decodeURI(
+                        res.headers["content-disposition"].split(";")[1].split("=")[1]
+                    );
+                    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) => {
+                    return this.$message.error("网络错误");
+                });
+        },
+
+        async handleAdd() {
+            this.pageType = "add";
+        },
+
+        async handleWatch(row) {
+            this.eventId = row.icEventId;
+            const url = "/governance/icEvent/detail";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code === 0) {
+                this.eventDetailData = { ...data };
+                this.pageType = "info";
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        async handleDispose(row) {
+            console.log("row",row);
+        },
+        //下载模版
+        async handleExportModule() {
+            let url = '/governance/icEvent/downloadTemplate';
+            let params = {};
+            await this.$http({
+                method: 'POST',
+                url,
+                responseType: 'blob',
+                data: params
+            })
+                .then(res => {
+                    if (res.headers['content-disposition']) {
+                        let fileName = window.decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1]);
+                        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对象
+                    } else this.$message.error('下载失败');
+                })
+                .catch(err => {
+                    console.log('err', err);
+                    return this.$message.error('网络错误');
+                });
+        },
+        handleExcelSuccess(res, file) {
+            if (!res.code === 0 && !res.msg === 'success') {
+                this.$message.error(res.msg);
+            }
+        },
+        handleProgress(event, file, fileList) {
+
+        },
+        beforeExcelUpload(file) {
+            const isType = file.type === 'application/vnd.ms-excel';
+            const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            const fileType = isType || isTypeComputer;
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            if (!fileType) {
+                this.$message.error('上传文件只能是xls/xlsx格式！');
+            }
+
+            if (!isLt1M) {
+                this.$message.error('上传文件大小不能超过 10MB!');
+            }
+            return fileType && isLt1M;
+        },
+        importTypeChange(val) {
+            this.importType = val
+        },
+        async uploadHttpRequest(file) {
+            this.importLoading = true;
+            this.importBtnTitle = '正在上传中...';
+            this.$message({
+                showClose: true,
+                dangerouslyUseHTMLString: true,
+                message: "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
+                duration: 3000
+            });
+            let than = this;
+            document.getElementById('clickA').addEventListener('click', function () {
+                than.$router.replace('/main/importRecord-index');
+            });
+            const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+            formData.append('file', file.file); //添加文件对象
+            formData.append('code', ''); //添加文件对象
+            let url = '/governance/icEvent/importEvent'
+            if (this.importType == 2) {
+              url = '/governance/icEvent/importAwo'
+            }
+            console.log(url)
+            await this.$http
+                .post(url, formData)
+                .then(res => {
+                    if (res.data.code == 0 && res.data.msg == 'success') {
+                        const data = res.data.data;
+                        this.dataList = [
+                            ...Object.keys(data.option.exist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.exist[k],
+                                    exist: true,
+                                    field: data.option.exist[k]
+                                };
+                            }),
+                            ...Object.keys(data.option.notExist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.notExist[k],
+                                    exist: false,
+                                    field: ''
+                                };
+                            })
+                        ];
+                        this.importOption = data.option;
+                        this.importCode = data.code;
+                        this.fileData = file;
+                    } else this.$message.error(res.data.msg);
+                })
+                .catch(err => {
+                    console.log('失败', err);
+                    file.onError(); //上传失败的文件会从文件列表中删除
+                });
+            this.importLoading = false;
+            this.importBtnTitle = '导入';
+            this.$refs.upload.clearFiles();
+            this.getTableData();
+        },
+
+        //显示语音窗口
+        handleShowVoice(url) {
+            this.selVoiceUrl = url;
+            this.showVoice = true;
+        },
+
+        handleClose() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.getTableData();
+        },
+        handleOk() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        handleEditSuccess() {
+            this.handleClose();
+            this.getTableData();
+        },
+
+        async handleDel(rowData) {
+            let message = "确认删除?";
+            this.$confirm(message, "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => {
+                this.delEvent(rowData.icEventId);
+            }).catch((err) => { });
+        },
+        async delEvent(eventId) {
+            const url = "/governance/icEvent/delete";
+            let idsArr = [eventId];
+            const { data, code, msg } = await requestPost(url, idsArr);
+            if (code === 0) {
+                this.$message.success("删除成功！");
+                this.getTableData();
+            } else {
+                this.$message.error("操作失败！");
+            }
+        },
+        async getTableData() {
+            const url = "/governance/icEvent/list";
+            if (this.eventTypeCheck) {
+                this.formData.secondIdList = this.eventTypeCheck
+            }
+
+            const { pageSize, pageNo, formData } = this;
+            // 创建新的 formData 对象，保留原始值
+            const newFormData = { ...formData };
+
+            // 处理 agencyId
+            if (Array.isArray(newFormData.agencyId) && newFormData.agencyId.length) {
+                if (this.level == "grid") {
+                    newFormData.gridId = newFormData.agencyId[newFormData.agencyId.length - 1];
+                    newFormData.agencyId = "";
+                } else {
+                    newFormData.agencyId = newFormData.agencyId[newFormData.agencyId.length - 1];
+                    newFormData.gridId = "";
+                }
+            } else {
+                newFormData.agencyId = "";
+                newFormData.gridId = "";
+            }
+
+            const { data, code, msg } = await requestPost(url, {
+                pageSize,
+                pageNo,
+                ...newFormData,
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                // this.tableData = data.list ? data.list.map((item) => { return item; }) : [];
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        async getCateOptions() {
+            const url = "/governance/icEvent/getCategoryTree";
+            const { data, code, msg } = await requestPost(url, {});
+            if (code === 0) {
+                this.cateOptions = this.deepTree(data, "children");
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+
+
+        getOrgTreeList() {
+            this.$http
+                .post('/gov/org/customeragency/agencygridtree', {})
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取组织树成功', res.data)
+                        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 {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsG = res.data
+                    }
+                })
+                .catch(() => {
+                    return this.$message.error('网络错误')
+                })
+        },
+
+        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);
+                    }
+                }
+            }
+        },
+
+        resetSearch() {
+            this.formData = {
+                agencyId: "",
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            };
+            this.eventTypeCheck = [];
+            this.pageNo = 1;
+            this.getTableData();
+            // this.loadTable()
+        },
+        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,
+                    };
+                });
+            }
+        },
+      showAwoList(row) {
+          this.$refs.awoList.open(row)
+      }
+    },
+};
+</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>
diff --git a/src/views/modules/shequzhili/timeOut/Urging.vue b/src/views/modules/shequzhili/timeOut/Urging.vue
new file mode 100644
index 000000000..283679fd4
--- /dev/null
+++ b/src/views/modules/shequzhili/timeOut/Urging.vue
@@ -0,0 +1,101 @@
+<template>
+    <div class="form-container">
+        <el-form ref="form" :model="form" label-width="80px">
+  <el-form-item label="活动名称">
+    <el-input v-model="form.name"></el-input>
+  </el-form-item>
+  <el-form-item label="活动区域">
+    <el-select v-model="form.region" placeholder="请选择活动区域">
+      <el-option label="区域一" value="shanghai"></el-option>
+      <el-option label="区域二" value="beijing"></el-option>
+    </el-select>
+  </el-form-item>
+  <el-form-item label="活动时间">
+    <el-col :span="11">
+      <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+    </el-col>
+    <el-col class="line" :span="2">-</el-col>
+    <el-col :span="11">
+      <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
+    </el-col>
+  </el-form-item>
+  <el-form-item label="即时配送">
+    <el-switch v-model="form.delivery"></el-switch>
+  </el-form-item>
+  <el-form-item label="活动性质">
+    <el-checkbox-group v-model="form.type">
+      <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
+      <el-checkbox label="地推活动" name="type"></el-checkbox>
+      <el-checkbox label="线下主题活动" name="type"></el-checkbox>
+      <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
+    </el-checkbox-group>
+  </el-form-item>
+  <el-form-item label="特殊资源">
+    <el-radio-group v-model="form.resource">
+      <el-radio label="线上品牌商赞助"></el-radio>
+      <el-radio label="线下场地免费"></el-radio>
+    </el-radio-group>
+  </el-form-item>
+  <el-form-item label="活动形式">
+    <el-input type="textarea" v-model="form.desc"></el-input>
+  </el-form-item>
+  <el-form-item>
+    <el-button type="primary" @click="onSubmit">立即创建</el-button>
+    <el-button>取消</el-button>
+  </el-form-item>
+</el-form>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    data() {
+      return {
+        formData: {
+          ticketNumber: '240708102255257019',
+          eventCategory: '城乡建设-住房与房地产-物业管理',
+          reporter: '张先生',
+          contactNumber: '18789008989',
+          description: '王先生反映：市北区海伦路街道北岭山花园小区3号楼楼顶漏水，多次联系物业，不给处理，推诿，请尽快给做防水处理。',
+          assignedDepartment: '城建办',
+          assignmentTime: '2024-07-14 19:54:36',
+          contactDeadline: '2024-07-15 10:00',
+          status: '联系来电人超期',
+          reminderExplanation: '将以发送手机短信形式提醒指派部门负责人（城建办-张三），尽快对事件进行响应处理！'
+        }
+      };
+    },
+    methods: {
+      handleSubmit() {
+        // 处理表单提交
+        console.log('表单已提交');
+      }
+    }
+  };
+  </script>
+  
+  <style scoped>
+  .form-container {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 8px;
+  }
+  
+  .form-group {
+    margin-bottom: 15px;
+  }
+  
+  .form-group label {
+    display: block;
+    margin-bottom: 5px;
+  }
+  
+  .form-group input,
+  .form-group textarea {
+    width: 100%;
+    padding: 8px;
+    box-sizing: border-box;
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/modules/shequzhili/timeOut/index.vue b/src/views/modules/shequzhili/timeOut/index.vue
new file mode 100644
index 000000000..e0b00e49b
--- /dev/null
+++ b/src/views/modules/shequzhili/timeOut/index.vue
@@ -0,0 +1,832 @@
+<template>
+    <div class="g-main">
+        <div>
+            <div class="m-search">
+                <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+                    <div>
+                        <el-form-item label="事件类别" prop="firstIdList">
+                            <el-cascader ref="cascaderEvent" v-model.trim="eventTypeCheck" :options="cateOptions" collapse-tags
+                                :show-all-levels="false" :props="{
+                                    multiple: true,
+                                    checkStrictly: false,
+                                    emitPath: false,
+                                    children: 'children',
+                                    label: 'categoryName',
+                                    value: 'id',
+                                }" clearable class="u-item-width-normal" @change="handleEventType" />
+                        </el-form-item>
+                        <el-form-item label="工单编号" prop="workOrderNum">
+                            <el-input v-model.trim="formData.workOrderNum" 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="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="formData.firstIdList" :options="cateOptions" collapse-tags
+                                :show-all-levels="false"  clearable class="u-item-width-normal" @change="handleEventType" />
+                        </el-form-item>
+                        <el-form-item label="办理状态" prop="status">
+                            <el-cascader class="u-item-width-normal"
+                                size="small"
+                                ref="myCascader"
+                                v-model.trim="formData.status"
+                               :options="ProcessingList"
+                                :show-all-levels="false"
+                                clearable></el-cascader>
+                        </el-form-item>
+                        <el-form-item label="超时状态" prop="Timeoutstatus">
+                            <el-cascader class="u-item-width-normal"
+                                size="small"
+                                ref="myCascader"
+                                v-model.trim="formData.Timeoutstatus"
+                                :options="timeoutList"
+                                :show-all-levels="false"
+                                clearable></el-cascader>
+                        </el-form-item>
+                        <el-form-item label="办结时限" prop="limitStartTime">
+                            <el-date-picker v-model.trim="formData.startTime" 
+                                class="u-item-width-daterange" size="small" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+                                value="yyyy-MM-dd HH:mm:ss" placeholder="开始时间">
+                            </el-date-picker>
+                            <span class="u-data-tag">至</span>
+                            <el-date-picker v-model.trim="formData.endTime" 
+                                class="u-item-width-daterange u-data-tag" size="small" type="datetime"
+                                value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss" placeholder="结束时间">
+                            </el-date-picker>
+                        </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 @click="handleExport" class="diy-button--white" size="small">导出</el-button>
+
+                    <!-- <el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 30px"
+                        @command="(command) => handleMarkDiffcult(command)">
+                        导入
+                        <el-dropdown-menu slot="dropdown">
+                            <el-dropdown-item command="1">下载模板</el-dropdown-item>
+                            <el-dropdown-item command="2">上传导入</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown> -->
+                </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="workOrder" align="center" label="工单编号" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="eventType"  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="eventName" label="联系来电人时限" align="center" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <!-- <el-table-column prop="phone" 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.phone }}
+                            </el-button>
+                            <span v-else>
+                                {{ scope.row.phone }}
+                            </span>
+                        </template>
+                    </el-table-column> -->
+                    <el-table-column prop="date" align="center" width="110" label="部门办结时限" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="deliverystatus" align="center" width="110" label="办理超期" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.deliverystatus === 0">联系当事人超期</span>
+                            <span v-else-if="scope.row.deliverystatus ===1">部门办结超期</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="handlestatus" align="center" width="110" label="办理状态" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.handlestatus === 0">联系当事人超期</span>
+                            <span v-else-if="scope.row.handlestatus ===1">部门办结超期</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+              
+                    <el-table-column fixed="right" label="操作" align="center" width="200px" prop="status">
+                        <template slot-scope="scope">
+                            <el-button   type="text" size="small" class="">查看</el-button>
+                            <el-button  @click="handleDispose(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>
+        <el-dialog title="催办" :visible.sync="dialogVisible" width="650px" top="5vh" class="dialog-h" :before-close="handleClose">
+            
+            <Urging ref="ref_form"  v-if="dialogVisible" @dialogCancle="addFormCancle"
+              @dialogOk="addFormOk"></Urging>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import { mapGetters } from "vuex";
+import axios from "axios";
+import Urging from "./Urging.vue"
+export default {
+
+
+    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: "",
+            ProcessingList: [
+            {
+                    value: "1",
+                    label: "未联系当事人",
+                },
+                {
+                    value: "2",
+                    label: "已联系当事人",
+                },
+                {
+                    value: "3",
+                    label: "办理中",
+                }, 
+                {
+                    value: "4",
+                    label: "已办结待审核",
+                },
+                {
+                    value: "5",
+                    label: "已审核归档",
+                },
+            ],
+            orgOptionProps,
+            level: '',
+            optionsG: [],
+            sarr: [],
+            dialogVisible:false,
+
+            tableData: [
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:0,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:0,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                },
+                {
+                    workOrder:"5131133113213213213",
+                    eventType:"城乡建设-住房",
+                    eventContent:"王先生反映：市北区有一家黄焖鸡不好吃",
+                    eventName:"王先生",
+                    phone:"15666628220",
+                    deliverystatus:1,
+                    handleStatus:1,
+                    department:"城建办",
+                    date:"2024-8-1 11:50",
+                    status:0  
+                }
+            ],
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+            timeoutList: [
+                {
+                    value: "1",
+                    label: "响应超时",
+                },
+                {
+                    value: "2",
+                    label: "办理超时",
+                }
+            ],
+
+
+            formData: {
+                agencyId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+                workOrderNum: "",
+                Timeoutstatus:""
+            },
+            cateOptions: [],
+            eventTypeCheck: [],
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            total: 1,
+            // endPickerOptions: {
+            //     disabledDate: endDisabledDate,
+            // },
+            // startPickerOptions: {
+            //     disabledDate: startDisabledDate,
+            // },
+            eventId: "",
+            searchH: 180,
+            eventDetailData: {},
+            showVoice: false,
+            selVoiceUrl: "",
+            multipleSelection: [],
+            importLoading: false,
+          importType: "1"
+        };
+    },
+    components:{Urging},
+    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";
+            }
+        },
+        "formData.limitEndTime": function (val) {
+            if (val && val != "") {
+                let arrayTemp = val.split(" ");
+                this.formData.limitEndTime = 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);
+            });
+        },
+        async handleMarkDiffcult(command) {
+            const url = "/governance/icEvent/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/icEvent/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);
+            }
+        },
+
+        handleSearch(val) {
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        // 查看
+        async handleLook(row) {
+
+            let { agencyId, gridId, gridName, name, reportUserId } = row
+            const resiId = reportUserId;
+            this.$store.dispatch('saveData', { agencyId, gridId, gridName, 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 handleExport() {
+            const url = "/governance/icEvent/export";
+            const { pageSize, pageNo, formData } = this;
+            axios({
+                url: window.SITE_CONFIG["apiURL"] + url,
+                method: "post",
+                data: {
+                    pageSize,
+                    pageNo,
+                    ...formData,
+                },
+                responseType: "blob",
+            })
+                .then((res) => {
+                    let fileName = window.decodeURI(
+                        res.headers["content-disposition"].split(";")[1].split("=")[1]
+                    );
+                    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) => {
+                    return this.$message.error("网络错误");
+                });
+        },
+
+        async handleAdd() {
+            this.pageType = "add";
+        },
+
+        async handleWatch(row) {
+            this.eventId = row.icEventId;
+            const url = "/governance/icEvent/detail";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code === 0) {
+                this.eventDetailData = { ...data };
+                this.pageType = "info";
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+          async handleDispose(row) {
+           console.log(row,"row");
+           this.dialogVisible=true
+ 
+        },
+        //下载模版
+        async handleExportModule() {
+            let url = '/governance/icEvent/downloadTemplate';
+            let params = {};
+            await this.$http({
+                method: 'POST',
+                url,
+                responseType: 'blob',
+                data: params
+            })
+                .then(res => {
+                    if (res.headers['content-disposition']) {
+                        let fileName = window.decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1]);
+                        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对象
+                    } else this.$message.error('下载失败');
+                })
+                .catch(err => {
+                    console.log('err', err);
+                    return this.$message.error('网络错误');
+                });
+        },
+        handleExcelSuccess(res, file) {
+            if (!res.code === 0 && !res.msg === 'success') {
+                this.$message.error(res.msg);
+            }
+        },
+        handleProgress(event, file, fileList) {
+
+        },
+        beforeExcelUpload(file) {
+            const isType = file.type === 'application/vnd.ms-excel';
+            const isTypeComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            const fileType = isType || isTypeComputer;
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            if (!fileType) {
+                this.$message.error('上传文件只能是xls/xlsx格式！');
+            }
+
+            if (!isLt1M) {
+                this.$message.error('上传文件大小不能超过 10MB!');
+            }
+            return fileType && isLt1M;
+        },
+        importTypeChange(val) {
+            this.importType = val
+        },
+        async uploadHttpRequest(file) {
+            this.importLoading = true;
+            this.importBtnTitle = '正在上传中...';
+            this.$message({
+                showClose: true,
+                dangerouslyUseHTMLString: true,
+                message: "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
+                duration: 3000
+            });
+            let than = this;
+            document.getElementById('clickA').addEventListener('click', function () {
+                than.$router.replace('/main/importRecord-index');
+            });
+            const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+            formData.append('file', file.file); //添加文件对象
+            formData.append('code', ''); //添加文件对象
+            let url = '/governance/icEvent/importEvent'
+            if (this.importType == 2) {
+              url = '/governance/icEvent/importAwo'
+            }
+            console.log(url)
+            await this.$http
+                .post(url, formData)
+                .then(res => {
+                    if (res.data.code == 0 && res.data.msg == 'success') {
+                        const data = res.data.data;
+                        this.dataList = [
+                            ...Object.keys(data.option.exist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.exist[k],
+                                    exist: true,
+                                    field: data.option.exist[k]
+                                };
+                            }),
+                            ...Object.keys(data.option.notExist).map(k => {
+                                return {
+                                    index: k,
+                                    srcField: data.option.notExist[k],
+                                    exist: false,
+                                    field: ''
+                                };
+                            })
+                        ];
+                        this.importOption = data.option;
+                        this.importCode = data.code;
+                        this.fileData = file;
+                    } else this.$message.error(res.data.msg);
+                })
+                .catch(err => {
+                    console.log('失败', err);
+                    file.onError(); //上传失败的文件会从文件列表中删除
+                });
+            this.importLoading = false;
+            this.importBtnTitle = '导入';
+            this.$refs.upload.clearFiles();
+            this.getTableData();
+        },
+
+        //显示语音窗口
+        handleShowVoice(url) {
+            this.selVoiceUrl = url;
+            this.showVoice = true;
+        },
+
+        handleClose() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.getTableData();
+        },
+        handleOk() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.pageNo = 1;
+            this.getTableData();
+        },
+
+        handleEditSuccess() {
+            this.handleClose();
+            this.getTableData();
+        },
+
+        async handleDel(rowData) {
+            let message = "确认删除?";
+            this.$confirm(message, "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => {
+                this.delEvent(rowData.icEventId);
+            }).catch((err) => { });
+        },
+        async delEvent(eventId) {
+            const url = "/governance/icEvent/delete";
+            let idsArr = [eventId];
+            const { data, code, msg } = await requestPost(url, idsArr);
+            if (code === 0) {
+                this.$message.success("删除成功！");
+                this.getTableData();
+            } else {
+                this.$message.error("操作失败！");
+            }
+        },
+        async getTableData() {
+            const url = "/governance/icEvent/list";
+            if (this.eventTypeCheck) {
+                this.formData.secondIdList = this.eventTypeCheck
+            }
+
+            const { pageSize, pageNo, formData } = this;
+            // 创建新的 formData 对象，保留原始值
+            const newFormData = { ...formData };
+
+            // 处理 agencyId
+            if (Array.isArray(newFormData.agencyId) && newFormData.agencyId.length) {
+                if (this.level == "grid") {
+                    newFormData.gridId = newFormData.agencyId[newFormData.agencyId.length - 1];
+                    newFormData.agencyId = "";
+                } else {
+                    newFormData.agencyId = newFormData.agencyId[newFormData.agencyId.length - 1];
+                    newFormData.gridId = "";
+                }
+            } else {
+                newFormData.agencyId = "";
+                newFormData.gridId = "";
+            }
+
+            const { data, code, msg } = await requestPost(url, {
+                pageSize,
+                pageNo,
+                ...newFormData,
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                // this.tableData = data.list ? data.list.map((item) => { return item; }) : [];
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        async getCateOptions() {
+            const url = "/governance/icEvent/getCategoryTree";
+            const { data, code, msg } = await requestPost(url, {});
+            if (code === 0) {
+                this.cateOptions = this.deepTree(data, "children");
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+
+
+        getOrgTreeList() {
+            this.$http
+                .post('/gov/org/customeragency/agencygridtree', {})
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    } else {
+                        console.log('获取组织树成功', res.data)
+                        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 {
+                        console.log('获取查询详情成功', res.data)
+                        this.optionsG = res.data
+                    }
+                })
+                .catch(() => {
+                    return this.$message.error('网络错误')
+                })
+        },
+
+
+        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);
+                    }
+                }
+            }
+        },
+
+        resetSearch() {
+            this.formData = {
+                agencyId: "",
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                limitStartTime: "",
+                limitEndTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            };
+            this.eventTypeCheck = [];
+            this.pageNo = 1;
+            this.getTableData();
+            // this.loadTable()
+        },
+        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,
+                    };
+                });
+            }
+        },
+      showAwoList(row) {
+          this.$refs.awoList.open(row)
+      }
+    },
+};
+</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>