From b4ad54dbc234898fd5f9e1f5b2dad6a9ee73a99d Mon Sep 17 00:00:00 2001
From: luyan <xgktv007@163.com>
Date: Wed, 8 Nov 2023 17:54:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=8B=E4=BB=B6=E5=9B=9E?=
 =?UTF-8?q?=E5=A4=8D=E3=80=81=E6=B5=81=E8=BD=AC=E7=AD=89=E4=B8=9A=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/store/index.js                         |   65 +-
 src/views/main-content.vue                    |    9 +-
 .../difficulty/difficultyForm.vue             |   12 +-
 .../secretaryLog/humanisticCare/careForm.vue  |   11 +-
 .../modules/secretaryLog/workLog/form.vue     |   14 +-
 .../shequzhili/event/cpts/event-info.vue      |    2 +-
 .../shequzhili/event/cpts/process-form.vue    |    1 +
 .../modules/shequzhili/eventOld/cpts/add.vue  | 1047 ++++++-----
 .../shequzhili/eventOld/cpts/event-detail.vue |  853 ++++-----
 .../shequzhili/eventOld/cpts/event-info.vue   | 1320 +++++++-------
 .../eventOld/cpts/process-form-demand.vue     | 1190 ++++++-------
 .../eventOld/cpts/process-form-designate.vue  |    5 +-
 .../eventOld/cpts/process-form-replay.vue     |  441 +++--
 .../shequzhili/eventOld/cpts/process-form.vue |  413 ++---
 .../modules/shequzhili/eventOld/eventList.vue | 1584 +++++++----------
 15 files changed, 3127 insertions(+), 3840 deletions(-)

diff --git a/src/js/store/index.js b/src/js/store/index.js
index cfd03b33e..040cd627b 100644
--- a/src/js/store/index.js
+++ b/src/js/store/index.js
@@ -76,52 +76,49 @@ export default new Vuex.Store({
       interTimer = setInterval(() => {
         const _t = dateFormats("YYYY-mm-dd HH:MM", new Date(new Date().toLocaleDateString()).getTime());
         const _tt = new Date(_t).getTime();
-        console.log("230000---", _t);
         const t = dateFormats("YYYY-mm-dd HH:MM", new Date().getTime());
         const nt = new Date(t).getTime();
         // 判断当前时间是否为 00：00
-        if (nt == _tt) {
-          dispatch("setTipsTime");
-          return;
-        }
+        // if (nt == _tt) {
+        //   dispatch("setTipsTime");
+        //   return;
+        // }
         let times = state.tipsTime;
-        console.log("nt---000", nt);
         state.tipsTime.forEach((item, index) => {
           const _t = new Date(item).getTime();
           if (_t == nt) {
             clearInterval(interTimer);
-            dispatch("setTipsList", item);
+            // dispatch("setTipsList", item);
             times.splice(index, 1);
-            commit("SET_TIPS_TIME", times);
+            // commit("SET_TIPS_TIME", times);
           }
         });
       }, 60000);
     },
-    setTipsList({ commit }, time) {
-      return new Promise(async (resolve, reject) => {
-        const url = "/governance/memoAttr/memosToRemind";
-        const params = {
-          remindTime: time || "",
-        };
-        const { data, code, msg } = await requestPost(url, params);
-        if (code === 0) {
-          commit("SET_TIPS_LIST", data);
-          resolve();
-        } else reject(msg);
-      });
-    },
-    setTipsTime({ commit, dispatch }) {
-      return new Promise(async (resolve, reject) => {
-        if (interTimer) clearInterval(interTimer);
-        const url = "/governance/memoAttr/memoTime";
-
-        const { data, code, msg } = await requestPost(url);
-        if (code === 0) {
-          commit("SET_TIPS_TIME", data);
-          if (data.length > 0) dispatch("setInterval");
-          resolve();
-        } else reject(msg);
-      });
-    },
+    // setTipsList({ commit }, time) {
+    //   return new Promise(async (resolve, reject) => {
+    //     const url = "/governance/memoAttr/memosToRemind";
+    //     const params = {
+    //       remindTime: time || "",
+    //     };
+    //     const { data, code, msg } = await requestPost(url, params);
+    //     if (code === 0) {
+    //       commit("SET_TIPS_LIST", data);
+    //       resolve();
+    //     } else reject(msg);
+    //   });
+    // },
+    // setTipsTime({ commit, dispatch }) {
+    //   return new Promise(async (resolve, reject) => {
+    //     if (interTimer) clearInterval(interTimer);
+    //     const url = "/governance/memoAttr/memoTime";
+    //     const { data, code, msg } = await requestPost(url);
+    //     if (code === 0) {
+    //       commit("SET_TIPS_TIME", data);
+    //       if (data.length > 0) dispatch("setInterval");
+    //       resolve();
+    //     } else reject(msg);
+    //   });
+    // },
   },
 });
diff --git a/src/views/main-content.vue b/src/views/main-content.vue
index 61dc9ac17..6c46d21b5 100644
--- a/src/views/main-content.vue
+++ b/src/views/main-content.vue
@@ -242,7 +242,6 @@ export default {
       const iframe =
         document.getElementsByClassName("iframes")[0].contentWindow;
 
-      console.log("iframe", iframe);
       // iframe.postMessage({
       //   token: localStorage.getItem('token'),
       //   customerId: localStorage.getItem('customerId')
@@ -250,8 +249,8 @@ export default {
       iframe.postMessage({ name: "lalalal" }, "*");
     },
     loopTips() {
-      this.$store.dispatch("setTipsList");
-      this.$store.dispatch("setTipsTime");
+    //   this.$store.dispatch("setTipsList");
+    //   this.$store.dispatch("setTipsTime");
       // let id = 1
       // this.timer = setInterval(() => {
       //   id = id + 1
@@ -284,12 +283,10 @@ export default {
       } else this.$message.error(msg);
     },
     handleClose(item, index) {
-      console.log("close-----", item);
       this.$store.state.tipsList.splice(index, 1);
       this.closeTips(item.memoId);
     },
     async handleLook(item, index) {
-      console.log("look-----", item);
       const formType = {
         work_diary: "ref_form",
         concern: "concern_form",
@@ -300,9 +297,7 @@ export default {
       this.formType = item.type;
       this.dialogFormVisible = true;
 
-      console.log("ref0-----", this.formType);
       this.$nextTick(() => {
-        console.log("this.$refs-----", this.$refs);
         this.$refs[formType[item.type]].initForm("look", item.memoId);
         this.$store.state.tipsList.splice(index, 1);
         this.closeTips(item.memoId);
diff --git a/src/views/modules/secretaryLog/difficulty/difficultyForm.vue b/src/views/modules/secretaryLog/difficulty/difficultyForm.vue
index 86c170634..4274002ac 100644
--- a/src/views/modules/secretaryLog/difficulty/difficultyForm.vue
+++ b/src/views/modules/secretaryLog/difficulty/difficultyForm.vue
@@ -257,8 +257,8 @@ export default {
         this.resetData()
         this.$emit('dialogOk')
         this.btnDisable = false
-        this.$store.dispatch('setTipsList')
-        this.$store.dispatch('setTipsTime')
+        // this.$store.dispatch('setTipsList')
+        // this.$store.dispatch('setTipsTime')
       } else {
         this.btnDisable = false
         this.$message.error(msg)
@@ -300,33 +300,25 @@ export default {
     },
 
     handleFileSuccess (res, file) {
-
       if (res.code === 0 && res.msg === 'success') {
         const array = file.name.split('.')
         const fileType = array[array.length - 1]
-
         file.fileName = file.name
         file.attachmentUrl = res.data.url
         file.attachmentSize = file.size
         file.attachmentType = 'doc'
         file.attachmentFormat = fileType
-
         this.fileList.push(file)
-        console.log(this.fileList)
       } else this.$message.error(res.msg)
     },
 
     //下载
     handleFileDownload (file) {
-
       var a = document.createElement('a');
       var event = new MouseEvent('click');
       a.download = file.fileName;
-      console.log(a)
       a.href = file.attachmentUrl;
       a.dispatchEvent(event);
-
-
     },
 
     resetData () {
diff --git a/src/views/modules/secretaryLog/humanisticCare/careForm.vue b/src/views/modules/secretaryLog/humanisticCare/careForm.vue
index 948be55af..677f9e3a8 100644
--- a/src/views/modules/secretaryLog/humanisticCare/careForm.vue
+++ b/src/views/modules/secretaryLog/humanisticCare/careForm.vue
@@ -312,8 +312,8 @@ export default {
         this.resetData()
         this.$emit('dialogOk')
         this.btnDisable = false
-        this.$store.dispatch('setTipsList')
-        this.$store.dispatch('setTipsTime')
+        // this.$store.dispatch('setTipsList')
+        // this.$store.dispatch('setTipsTime')
       } else {
         this.btnDisable = false
         this.$message.error(msg)
@@ -359,29 +359,22 @@ export default {
       if (res.code === 0 && res.msg === 'success') {
         const array = file.name.split('.')
         const fileType = array[array.length - 1]
-
         file.fileName = file.name
         file.attachmentUrl = res.data.url
         file.attachmentSize = file.size
         file.attachmentType = 'doc'
         file.attachmentFormat = fileType
-
         this.fileList.push(file)
-        console.log(this.fileList)
       } else this.$message.error(res.msg)
     },
 
     //下载
     handleFileDownload (file) {
-
       var a = document.createElement('a');
       var event = new MouseEvent('click');
       a.download = file.fileName;
-      console.log(a)
       a.href = file.attachmentUrl;
       a.dispatchEvent(event);
-
-
     },
 
     resetData () {
diff --git a/src/views/modules/secretaryLog/workLog/form.vue b/src/views/modules/secretaryLog/workLog/form.vue
index 4cf7032ce..afda3a4b2 100644
--- a/src/views/modules/secretaryLog/workLog/form.vue
+++ b/src/views/modules/secretaryLog/workLog/form.vue
@@ -233,8 +233,8 @@ export default {
 
         this.$emit('dialogOk')
         this.btnDisable = false
-        this.$store.dispatch('setTipsList')
-        this.$store.dispatch('setTipsTime')
+        // this.$store.dispatch('setTipsList')
+        // this.$store.dispatch('setTipsTime')
       } else {
         this.btnDisable = false
         this.$message.error(msg)
@@ -275,44 +275,34 @@ export default {
     },
 
     handleFileSuccess (res, file) {
-
       if (res.code === 0 && res.msg === 'success') {
         const array = file.name.split('.')
         const fileType = array[array.length - 1]
-
         file.fileName = file.name
         file.attachmentUrl = res.data.url
         file.attachmentSize = file.size
         file.attachmentType = 'doc'
         file.attachmentFormat = fileType
-
         this.fileList.push(file)
-        console.log(this.fileList)
       } else this.$message.error(res.msg)
     },
 
     //下载
     handleFileDownload (file) {
-
       var a = document.createElement('a');
       var event = new MouseEvent('click');
       a.download = file.name;
-      console.log(a)
       a.href = file.url;
       a.dispatchEvent(event);
-
-
     },
 
     resetData () {
       this.id = ''
-
       this.formData = {
         content: '',//内容
         workType: '',//解决方式
         remindTime: '',//提醒时间yyyy-mm-dd hh:mm
         attachmentList: []
-
       }
     },
     // 开启加载动画
diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index ab6605a54..288e75d76 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -427,7 +427,7 @@ export default {
                     this.$message.error(msg);
                 }
             } else if (this.formData.operationType == "") {
-                this.$message.error("请选择处理方式!");
+                this.$message.error("请选择一种处理方式!");
             }
         },
 
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index 3e977c1e5..d95b20496 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -17,6 +17,7 @@
                 <process-form-replay ref="ref_process_form_replay" :source="source" :eventDetailData="eventDetailData"
                     :eventId="eventId"></process-form-replay>
             </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>
diff --git a/src/views/modules/shequzhili/eventOld/cpts/add.vue b/src/views/modules/shequzhili/eventOld/cpts/add.vue
index 1ed27b5d5..67486b3f7 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/add.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/add.vue
@@ -1,146 +1,92 @@
 <template>
-  <div class="g-add">
-      <div class="g-add-page">
-          <div class="g-left">
-              <el-form ref="ref_form1"
-                 :inline="true"
-                 :model="formData"
-                 :rules="dataRule"
-                 class="form">
-          <el-form-item label="所属网格"
-                        prop="gridId"
-                        label-width="150px"
-                        style="display: block">
-            <el-select v-model.trim="formData.gridId"
-                       placeholder="请选择"
-                       clearable
-                       class="cell-width-1">
-              <el-option v-for="item in gridList"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="上报人"
-                        prop="name"
-                        label-width="150px"
-                        style="display: block">
-            <el-input class="cell-width-1"
-                      maxlength="10"
-                      placeholder="请输入上报人姓名"
-                      v-model="formData.name">
-            </el-input>
-            <div>
-              <el-button style="margin-top: 10px"
-                         type="primary"
-                         size="mini"
-                         @click="handleShowPersonList">居民信息中选择</el-button>
+    <div class="g-add">
+        <div class="g-add-page">
+            <div class="g-left">
+                <el-form ref="ref_form1" :inline="true" :model="formData" :rules="dataRule" class="form">
+                    <el-form-item label="所属网格" prop="gridId" label-width="150px" style="display: block">
+                        <el-select v-model.trim="formData.gridId" placeholder="请选择" clearable class="cell-width-1">
+                            <el-option v-for="item in gridList" :key="item.value" :label="item.label" :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="上报人" prop="name" label-width="150px" style="display: block">
+                        <el-input class="cell-width-1" maxlength="10" placeholder="请输入上报人姓名" v-model="formData.name">
+                        </el-input>
+                        <div>
+                            <el-button style="margin-top: 10px" type="primary" size="mini"
+                                @click="handleShowPersonList">居民信息中选择</el-button>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="联系电话" prop="mobile" label-width="150px" style="display: block">
+                        <el-input class="cell-width-1" maxlength="30" placeholder="请输入联系电话	" v-model="formData.mobile">
+                        </el-input>
+                    </el-form-item>
+
+                    <el-form-item label="证件号" prop="idCard" label-width="150px" style="display: block">
+                        <el-input class="cell-width-1" maxlength="30" placeholder="请输入证件号"
+                            v-model="formData.idCard"></el-input>
+                    </el-form-item>
+
+                    <el-form-item label="反应渠道" label-width="150px" prop="sourceType">
+                        <el-select v-model="formData.sourceType" placeholder="请选择" size="small" clearable
+                            class="cell-width-1">
+                            <el-option v-for="item in qudaoArray" :key="item.value" :label="item.label" :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="上报时间" prop="happenTime" label-width="150px" style="display: block">
+                        <el-date-picker v-model="formData.happenTime" class="cell-width-1" type="datetime"
+                            placeholder="上报时间" value-format="yyyy-MM-dd HH:mm:ss">
+                        </el-date-picker>
+                    </el-form-item>
+
+                    <el-form-item label="事件内容" prop="eventContent" label-width="150px" style="display: block">
+                        <el-input class="cell-width-2" type="textarea" maxlength="500" show-word-limit :rows="5"
+                            placeholder="请输入事件内容，不超过500字" v-model="formData.eventContent"></el-input>
+                    </el-form-item>
+                </el-form>
             </div>
-          </el-form-item>
-          <el-form-item label="联系电话"
-                        prop="mobile"
-                        label-width="150px"
-                        style="display: block">
-            <el-input class="cell-width-1"
-                      maxlength="30"
-                      placeholder="请输入联系电话	"
-                      v-model="formData.mobile">
-            </el-input>
-          </el-form-item>
-
-          <el-form-item label="证件号"
-                        prop="idCard"
-                        label-width="150px"
-                        style="display: block">
-            <el-input class="cell-width-1"
-                      maxlength="30"
-                      placeholder="请输入证件号"
-                      v-model="formData.idCard"></el-input>
-          </el-form-item>
-
-          <el-form-item label="反应渠道"
-                        label-width="150px"
-                        prop="sourceType">
-            <el-select v-model="formData.sourceType"
-                       placeholder="请选择"
-                       size="small"
-                       clearable
-                       class="cell-width-1">
-              <el-option v-for="item in qudaoArray"
-                         :key="item.value"
-                         :label="item.label"
-                         :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="上报时间"
-                        prop="happenTime"
-                        label-width="150px"
-                        style="display: block">
-            <el-date-picker v-model="formData.happenTime"
-                            class="cell-width-1"
-                            type="datetime"
-                            placeholder="上报时间"
-                            value-format="yyyy-MM-dd HH:mm:ss">
-            </el-date-picker>
-          </el-form-item>
-
-          <el-form-item label="事件内容"
-                        prop="eventContent"
-                        label-width="150px"
-                        style="display: block">
-            <el-input class="cell-width-2"
-                      type="textarea"
-                      maxlength="500"
-                      show-word-limit
-                      :rows="5"
-                      placeholder="请输入事件内容，不超过500字"
-                      v-model="formData.eventContent"></el-input>
-          </el-form-item>
-        </el-form>
-          </div>
-          <div class="g-right">
-              <el-form ref="ref_form2" :inline="true" :model="formData" :rules="dataRule" class="form">
-                  <el-form-item label="图片" label-width="150px" style="display: block">
-                      <el-upload :headers="$getElUploadHeaders()" :class="['avatar-uploader', { hide: hideUploadBtn }]"
-                          ref="uploadPic" :action="uploadUlr" :disabled="uploadStatus" list-type="picture-card"
-                          :on-exceed="exceedPic" :on-remove="removePic" :file-list="replayImgList"
-                          :on-change="handleEditChange" :on-success="handleSuccess" :before-upload="handleBefore"
-                          :limit="3">
-                          <span class="font-14">选择图片</span>
-                          <div slot="tip" class="upload_tip">
-                              最多上传3张图片，图片支持jpg、jpeg、bmp、git或png格式
-                          </div>
-                      </el-upload>
-                  </el-form-item>
-
-                  <el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block">
-                      <div style="width: 500px">
-                          <el-form-item prop="location" style="display: block">
-                              <el-select v-model="formData.location" filterable remote :reserve-keyword="true"
-                                  placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"
-                                  @keyup.enter.native="remoteMethod(formData.location)">
-                                  <el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)"
-                                      :key="item.value" :label="item.label" :value="item.value"></el-option>
-                              </el-select>
-                          </el-form-item>
-                          <div id="app_event" class="div_map"></div>
-                      </div>
-                  </el-form-item>
-
-                  <el-form-item label="详细地址" prop="address" label-width="150px" style="display: block">
-                      <el-input class="cell-width-1" v-model="formData.address">
-                      </el-input>
-                  </el-form-item>
-              </el-form>
-          </div>
-      </div>
+            <div class="g-right">
+                <el-form ref="ref_form2" :inline="true" :model="formData" :rules="dataRule" class="form">
+                    <el-form-item label="图片" label-width="150px" style="display: block">
+                        <el-upload :headers="$getElUploadHeaders()" :class="['avatar-uploader', { hide: hideUploadBtn }]"
+                            ref="uploadPic" :action="uploadUlr" :disabled="uploadStatus" list-type="picture-card"
+                            :on-exceed="exceedPic" :on-remove="removePic" :file-list="replayImgList"
+                            :on-change="handleEditChange" :on-success="handleSuccess" :before-upload="handleBefore"
+                            :limit="3">
+                            <span class="font-14">选择图片</span>
+                            <div slot="tip" class="upload_tip">
+                                最多上传3张图片，图片支持jpg、jpeg、bmp、git或png格式
+                            </div>
+                        </el-upload>
+                    </el-form-item>
+
+                    <el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block">
+                        <div style="width: 500px">
+                            <el-form-item prop="location" style="display: block">
+                                <el-select v-model="formData.location" filterable remote :reserve-keyword="true"
+                                    placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"
+                                    @keyup.enter.native="remoteMethod(formData.location)">
+                                    <el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)"
+                                        :key="item.value" :label="item.label" :value="item.value"></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <div id="app_event" class="div_map"></div>
+                        </div>
+                    </el-form-item>
+
+                    <el-form-item label="详细地址" prop="address" label-width="150px" style="display: block">
+                        <el-input class="cell-width-1" v-model="formData.address">
+                        </el-input>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
 
-      <!-- 新增弹出框 -->
-      <!-- <el-dialog :visible.sync="personTableShow" :close-on-click-modal="false" :close-on-press-escape="false"
+        <!-- 新增弹出框 -->
+        <!-- <el-dialog :visible.sync="personTableShow" :close-on-click-modal="false" :close-on-press-escape="false"
           :destroy-on-close="true" title="选择居民" width="550px" top="5vh" class="dialog-h" @closed="diaClose">
           <div style="padding: 10px 30px">
               <el-form :inline="false" ref="ref_formSearch" :label-width="'90px'">
@@ -165,7 +111,7 @@
               </div>
           </div>
       </el-dialog> -->
-  </div>
+    </div>
 </template>
 
 <script>
@@ -182,436 +128,433 @@ var infoWindowList;
 var geocoder; // 新建一个正逆地址解析类
 
 function iniFmData() {
-  return {
-      gridId: "", //所属网格
-    reportUserId: "", //	上报人ID
-    name: "cc", //	上报人姓名
-    mobile: "17637255555", //	联系电话
-    idCard: "", //	证件号
-    sourceType: "", //	反映渠道
-    happenTime: "", //上报时间
-    eventContent: "", //	事件内容
-    imageList: [], //	图片集合
-    // categoryList: [],//	二类分类Id
-    address: "", //事件地址
-    latitude: "", //	经度
-    longitude: "", //维度
-      // operationType: '0',//	处理方式
-      // content: '',//回复内容
-      // status: '',//	处理中：processing；已办结：closed_case
-  };
+    return {
+        gridId: "", //所属网格
+        reportUserId: "", //	上报人ID
+        name: "cc", //	上报人姓名
+        mobile: "17637255555", //	联系电话
+        idCard: "", //	证件号
+        sourceType: "", //	反映渠道
+        happenTime: "", //上报时间
+        eventContent: "", //	事件内容
+        imageList: [], //	图片集合
+        // categoryList: [],//	二类分类Id
+        address: "", //事件地址
+        latitude: "", //	经度
+        longitude: "", //维度
+        // operationType: '0',//	处理方式
+        // content: '',//回复内容
+        // status: '',//	处理中：processing；已办结：closed_case
+    };
 }
 
 export default {
-  data() {
-      return {
-          formType: "add", //表单操作类型 add新增，edit编辑，detail详情
-          searchOptions: [],
-          searchValue: '',
-          resultList: [],
-          loading: false,
-          btnDisable: false,
-          gridList: [], //所属网格list--场所区域
-          qudaoArray: [
-              {
-                  value: "1",
-                  label: "多媒体反应",
-              },
-              {
-                  value: "2",
-                  label: "社区电话",
-              },
-              {
-                  value: "3",
-                  label: "12345",
-              },
-              {
-                  value: "4",
-                  label: "网络员手持终端",
-              },
-          ],
-
-          formData: iniFmData(),
-
-          //地图相关
-          keyWords: "",
-          isFirst: true, //地图是否首次加载，首次加载不给地址赋值
-
-          //图片相关  oss/file/uploadvariedfile
-          dialogImageUrl: "oss/file/uploadvariedfile",
-          uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
-          //  upload_url: '', // 上传URL
-          upload_name: "", // 图片或视频名称
-          replayImgList: [],
-
-          okflag: false,
-          uploadStatus: false,
-
-          formDataSearch: {
-              gridId: "",
-              name: "",
-          },
-          personTableShow: false,
-          selGridId: "",
-          selPersonIndex: "",
-          selPerson: {},
-          demandUserList: [],
-
-          hideUploadBtn: false,
-      };
-  },
-  components: {},
-  computed: {
-      dataRule() {
-          return {
-              gridId: [
-          { required: true, message: "所属网格不能为空", trigger: "blur" },
-        ],
-        name: [{ required: true, message: "上报人不能为空", trigger: "change" }],
-        mobile: [
-          { required: true, message: "联系电话不能为空", trigger: "blur" },
-        ],
-        // idCard: [
-        //   { required: true, message: "证件号不能为空", trigger: "blur" },
-        //   { required: true, validator: checkIdCard, trigger: "blur" },
-        // ],
-        sourceType: [
-          { required: true, message: "反映渠道不能为空", trigger: "blur" },
-        ],
-        eventContent: [
-          { required: true, message: "事件内容不能为空", trigger: "blur" },
-        ],
-        happenTime: [
-          { required: true, message: "上报时间不能为空", trigger: "blur" },
-        ],
-        address: [
-          { required: true, message: "事件地址不能为空", trigger: "blur" },
-        ],
-        longitude: [
-          { required: true, message: "坐标位置不能为空", trigger: "blur" },
-        ],
-          };
-      },
-  },
-  props: {},
-  watch: {
-      "formData.name": function (val) {
-          this.$emit("changeName", val);
-      },
-      "formData.mobile": function (val) {
-          this.$emit("changeMobile", val);
-      },
-      "formData.reportUserId": function (val) {
-          this.$emit("changeUserId", val);
-      },
-      "formData.gridId": function (val) {
-          this.selGridId = val;
-          this.$emit("changeGridId", val);
-      },
-  },
-
-  async mounted() {
-      const { user } = this.$store.state;
-      this.agencyId = user.agencyId;
-      let { latitude, longitude } = this.$store.state.user;
-      if (!latitude || latitude == "" || latitude == "0") {
-          latitude = 39.9088810666821;
-          longitude = 116.39743841556731;
-      }
-      this.formData.latitude = latitude;
-      this.formData.longitude = longitude;
-      this.initMap(this.formData.latitude, this.formData.longitude);
-      this.loadGrid();
-      this.getCategoryList();
-  },
-
-  methods: {
-      async handleShowPersonList() {
-          if (this.formData.gridId) {
-              await this.handleChangeGrid();
-              this.personTableShow = true;
-          } else {
-              this.$message.info("请先选择网格");
-          }
-      },
-      diaClose() {
-          this.personTableShow = false;
-      },
-      handleComfirmSelPerson() {
-          if (this.selPersonIndex === 0 || this.selPersonIndex) {
-              let selPerson = this.demandUserList[this.selPersonIndex];
-              this.formData.name = selPerson.demandUserName;
-              this.formData.mobile = selPerson.demandUserMobile;
-              this.formData.reportUserId = selPerson.demandUserId;
-              this.formData.idCard = selPerson.idCard;
-
-              this.personTableShow = false;
-          } else {
-              this.$message.info("请选择人员");
-          }
-      },
-
-      async handleChangeGrid() {
-          const url = "/epmetuser/icresiuser/demandusers";
-          // const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page"
-          let params = {
-              agencyId: "",
-              gridId: this.selGridId,
-              name: "",
-          };
-
-          const { data, code, msg } = await requestPost(url, params);
-
-          if (code === 0) {
-              this.demandUserList = data;
-          } else {
-              this.$message.error(msg);
-          }
-          this.tableLoading = false;
-      },
-
-      async loadGrid() {
-          const url = "/gov/org/customergrid/gridoption";
-          let params = {
-              agencyId: this.agencyId,
-              purpose: "query",
-          };
-          const { data, code, msg } = await requestPost(url, params);
-          if (code === 0) {
-              this.gridList = data;
-          } else {
-              this.$message.error(msg);
-          }
-      },
-      async 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.categrayList = data
-              //组织级联数据
-              ++this.iscascaderShow;
-              this.casOptions = [];
-              this.selCategoryArray = [];
-              this.casOptions = treeDataNew;
-          } else {
-              this.$message.error(msg);
-          }
-      },
-
-      //重构树，去除网格
-      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,
-                  };
-              });
-          }
-      },
-
-      handleChangeAgency(value) {
-          // this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label
-          // this.orgId = this.selCategoryArray.length > 0 ? this.selCategoryArray[this.selCategoryArray.length - 1] : ''
-      },
-
-      async getEventInfo() {
-          this.okflag = false;
-          this.$refs["ref_form1"].validate((valid, messageObj) => {
-              if (!valid) {
-                  app.util.validateRule(messageObj);
-                  return false;
-              } else {
-                  this.$refs["ref_form2"].validate((valid, messageObj) => {
-                      if (!valid) {
-                          app.util.validateRule(messageObj);
-                          return false;
-                      } else {
-                          if (!formVltHelper.userOrMobile(this.formData.mobile)) {
-                              this.$message({
-                                  type: "error",
-                                  message: "联系电话格式有误",
-                              });
-                              return false;
-                          }
-
-                          const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //证件号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
-                          if (
-                              this.formData.idCard &&
-                              regCard.test(this.formData.idCard) === false
-                          ) {
-                              this.$message({
-                                  type: "warning",
-                                  message: "请输入正确的证件号码",
-                              });
-                              return false;
-                          }
-                          this.okflag = true;
-                      }
-                  });
-              }
-          });
-      },
-
-      removePic(file, fileList) {
-          this.formData.imageList.splice(
-              this.formData.imageList.findIndex((item) => item === file.url),
-              1
-          );
-          this.replayImgList.splice(
-              this.replayImgList.findIndex((item) => item.uid === file.uid),
-              1
-          );
-          this.hideUploadBtn = fileList.length >= 3;
-      },
-      // 最多上传3张图，超过时隐藏上传按钮
-      handleEditChange(file, fileList) {
-          this.hideUploadBtn = fileList.length >= 3;
-      },
-      exceedPic() {
-          this.$message.warning("最多上传3张预览图片");
-      },
-      handleBefore(file) {
-          if (this.uploadStatus) {
-              return false
-          }
-          this.uploadStatus = true
-          return true
-      },
-      handleSuccess(response, file, fileList) {
-          this.uploadStatus = false
-          this.replayImgList.push(file);
-          this.formData.imageList.push(response.data.url);
-      },
-
-      // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
-      initMap(latitude, longitude) {
-          this.$nextTick(() => {
-              map = new daiMap(
-                  document.getElementById("app_event"),
-                  { latitude, longitude },
-                  {
-                      zoom: 17.2, // 设置地图缩放级别
-                      pitch: 43.5, // 设置俯仰角
-                      rotation: 45, // 设置地图旋转角度
-                  }
-              );
-
-              // 监听地图平移结束
-              map.on("dragend", (e) => {
-                  this.handleMoveCenter(e);
-              });
-
-              map.setCenter(latitude, longitude);
-              map.setMarker(latitude, longitude);
-          })
-
-      },
-
-
-      async handleMoveCenter() {
-          //修改地图中心点
-          const { lat, lng } = map.getCenter();
-          this.formData.latitude = lat;
-          this.formData.longitude = lng;
-          map.setMarker(lat, lng);
-          this.$EventBus.$emit('map', { lat, lng })
-          let { msg, data } = await map.getAddress(lat, lng);
-          if (msg == "success") {
-              this.formData.address = data.address
-              this.searchValue = data.address
-              this.searchOptions = []
-
-          }
-      },
-
-      async remoteMethod(query) {
-          if (query !== '') {
-              this.loading = true;
-              const { msg, data } = await map.searchNearby(query);
-              this.loading = false;
-              this.resultList = [];
-              if (msg == 'success' && data.resultList && data.resultList.length > 0) {
-                  if (data.resultList && data.resultList.length > 0) {
-                      this.resultList = data.resultList;
-                      this.searchOptions = this.resultList.map(item => {
-                          return { value: `${item.id}`, label: `${item.address + item.name}` };
-                      });
-                  }
-              } else {
-                  this.searchOptions = [
-                      {
-                          value: '0',
-                          label: '未检索到结果'
-                      }
-                  ];
-              }
-          } else {
-              this.searchOptions = [];
-          }
-      },
-
-      handleClickKey(index) {
-          let selPosition = this.resultList[index]
-          let lonlat = selPosition.lonlat.split(" ")
-          map.setCenter(lonlat[1], lonlat[0]);
-          map.setMarker(lonlat[1], lonlat[0]);
-          this.formData.latitude = lonlat[1];
-          this.formData.longitude = lonlat[0];
-          this.formData.address = selPosition.address + selPosition.name
-      },
-
-      resetData() {
-          this.formData = iniFmData();
-          this.replayImgList = [];
-          this.searchValue = ''
-          this.searchOptions = []
-          this.resultList = []
-      },
-      // 开启加载动画
-      startLoading() {
-          loading = Loading.service({
-              lock: true, // 是否锁定
-              text: "正在加载……", // 加载中需要显示的文字
-              background: "rgba(0,0,0,.7)", // 背景颜色
-          });
-      },
-      // 结束加载动画
-      endLoading() {
-          // clearTimeout(timer);
-          if (loading) {
-              loading.close();
-          }
-      },
-  },
+    data() {
+        return {
+            formType: "add", //表单操作类型 add新增，edit编辑，detail详情
+            searchOptions: [],
+            searchValue: '',
+            resultList: [],
+            loading: false,
+            btnDisable: false,
+            gridList: [], //所属网格list--场所区域
+            qudaoArray: [
+                {
+                    value: "1",
+                    label: "多媒体反应",
+                },
+                {
+                    value: "2",
+                    label: "社区电话",
+                },
+                {
+                    value: "3",
+                    label: "12345",
+                },
+                {
+                    value: "4",
+                    label: "网络员手持终端",
+                },
+            ],
+
+            formData: iniFmData(),
+
+            //地图相关
+            keyWords: "",
+            isFirst: true, //地图是否首次加载，首次加载不给地址赋值
+
+            //图片相关  oss/file/uploadvariedfile
+            dialogImageUrl: "oss/file/uploadvariedfile",
+            uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile",
+            //  upload_url: '', // 上传URL
+            upload_name: "", // 图片或视频名称
+            replayImgList: [],
+
+            okflag: false,
+            uploadStatus: false,
+
+            formDataSearch: {
+                gridId: "",
+                name: "",
+            },
+            personTableShow: false,
+            selGridId: "",
+            selPersonIndex: "",
+            selPerson: {},
+            demandUserList: [],
+
+            hideUploadBtn: false,
+        };
+    },
+    components: {},
+    computed: {
+        dataRule() {
+            return {
+                gridId: [
+                    { required: true, message: "所属网格不能为空", trigger: "blur" },
+                ],
+                name: [{ required: true, message: "上报人不能为空", trigger: "change" }],
+                mobile: [
+                    { required: true, message: "联系电话不能为空", trigger: "blur" },
+                ],
+                // idCard: [
+                //   { required: true, message: "证件号不能为空", trigger: "blur" },
+                //   { required: true, validator: checkIdCard, trigger: "blur" },
+                // ],
+                sourceType: [
+                    { required: true, message: "反映渠道不能为空", trigger: "blur" },
+                ],
+                eventContent: [
+                    { required: true, message: "事件内容不能为空", trigger: "blur" },
+                ],
+                happenTime: [
+                    { required: true, message: "上报时间不能为空", trigger: "blur" },
+                ],
+                address: [
+                    { required: true, message: "事件地址不能为空", trigger: "blur" },
+                ],
+                longitude: [
+                    { required: true, message: "坐标位置不能为空", trigger: "blur" },
+                ],
+            };
+        },
+    },
+    props: {},
+    watch: {
+        "formData.name": function (val) {
+            this.$emit("changeName", val);
+        },
+        "formData.mobile": function (val) {
+            this.$emit("changeMobile", val);
+        },
+        "formData.reportUserId": function (val) {
+            this.$emit("changeUserId", val);
+        },
+        "formData.gridId": function (val) {
+            this.selGridId = val;
+            this.$emit("changeGridId", val);
+        },
+    },
+
+    async mounted() {
+        const { user } = this.$store.state;
+        this.agencyId = user.agencyId;
+        let { latitude, longitude } = this.$store.state.user;
+        if (!latitude || latitude == "" || latitude == "0") {
+            latitude = 39.9088810666821;
+            longitude = 116.39743841556731;
+        }
+        this.formData.latitude = latitude;
+        this.formData.longitude = longitude;
+        this.initMap(this.formData.latitude, this.formData.longitude);
+        this.loadGrid();
+        this.getCategoryList();
+    },
+
+    methods: {
+        async handleShowPersonList() {
+            if (this.formData.gridId) {
+                await this.handleChangeGrid();
+                this.personTableShow = true;
+            } else {
+                this.$message.info("请先选择网格");
+            }
+        },
+        diaClose() {
+            this.personTableShow = false;
+        },
+        handleComfirmSelPerson() {
+            if (this.selPersonIndex === 0 || this.selPersonIndex) {
+                let selPerson = this.demandUserList[this.selPersonIndex];
+                this.formData.name = selPerson.demandUserName;
+                this.formData.mobile = selPerson.demandUserMobile;
+                this.formData.reportUserId = selPerson.demandUserId;
+                this.formData.idCard = selPerson.idCard;
+
+                this.personTableShow = false;
+            } else {
+                this.$message.info("请选择人员");
+            }
+        },
+
+        async handleChangeGrid() {
+            const url = "/epmetuser/icresiuser/demandusers";
+            let params = {
+                agencyId: "",
+                gridId: this.selGridId,
+                name: "",
+            };
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                this.demandUserList = data;
+            } else {
+                this.$message.error(msg);
+            }
+            this.tableLoading = false;
+        },
+
+        async loadGrid() {
+            const url = "/gov/org/customergrid/gridoption";
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "query",
+            };
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                this.gridList = data;
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        async 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.categrayList = data
+                //组织级联数据
+                ++this.iscascaderShow;
+                this.casOptions = [];
+                this.selCategoryArray = [];
+                this.casOptions = treeDataNew;
+            } else {
+                this.$message.error(msg);
+            }
+        },
+
+        //重构树，去除网格
+        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,
+                    };
+                });
+            }
+        },
+
+        handleChangeAgency(value) {
+            // this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label
+            // this.orgId = this.selCategoryArray.length > 0 ? this.selCategoryArray[this.selCategoryArray.length - 1] : ''
+        },
+
+        async getEventInfo() {
+            this.okflag = false;
+            this.$refs["ref_form1"].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj);
+                    return false;
+                } else {
+                    this.$refs["ref_form2"].validate((valid, messageObj) => {
+                        if (!valid) {
+                            app.util.validateRule(messageObj);
+                            return false;
+                        } else {
+                            if (!formVltHelper.userOrMobile(this.formData.mobile)) {
+                                this.$message({
+                                    type: "error",
+                                    message: "联系电话格式有误",
+                                });
+                                return false;
+                            }
+
+                            const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //证件号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
+                            if (
+                                this.formData.idCard &&
+                                regCard.test(this.formData.idCard) === false
+                            ) {
+                                this.$message({
+                                    type: "warning",
+                                    message: "请输入正确的证件号码",
+                                });
+                                return false;
+                            }
+                            this.okflag = true;
+                        }
+                    });
+                }
+            });
+        },
+
+        removePic(file, fileList) {
+            this.formData.imageList.splice(
+                this.formData.imageList.findIndex((item) => item === file.url),
+                1
+            );
+            this.replayImgList.splice(
+                this.replayImgList.findIndex((item) => item.uid === file.uid),
+                1
+            );
+            this.hideUploadBtn = fileList.length >= 3;
+        },
+        // 最多上传3张图，超过时隐藏上传按钮
+        handleEditChange(file, fileList) {
+            this.hideUploadBtn = fileList.length >= 3;
+        },
+        exceedPic() {
+            this.$message.warning("最多上传3张预览图片");
+        },
+        handleBefore(file) {
+            if (this.uploadStatus) {
+                return false
+            }
+            this.uploadStatus = true
+            return true
+        },
+        handleSuccess(response, file, fileList) {
+            this.uploadStatus = false
+            this.replayImgList.push(file);
+            this.formData.imageList.push(response.data.url);
+        },
+
+        // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+        initMap(latitude, longitude) {
+            this.$nextTick(() => {
+                map = new daiMap(
+                    document.getElementById("app_event"),
+                    { latitude, longitude },
+                    {
+                        zoom: 17.2, // 设置地图缩放级别
+                        pitch: 43.5, // 设置俯仰角
+                        rotation: 45, // 设置地图旋转角度
+                    }
+                );
+
+                // 监听地图平移结束
+                map.on("dragend", (e) => {
+                    this.handleMoveCenter(e);
+                });
+
+                map.setCenter(latitude, longitude);
+                map.setMarker(latitude, longitude);
+            })
+
+        },
+
+
+        async handleMoveCenter() {
+            //修改地图中心点
+            const { lat, lng } = map.getCenter();
+            this.formData.latitude = lat;
+            this.formData.longitude = lng;
+            map.setMarker(lat, lng);
+            this.$EventBus.$emit('map', { lat, lng })
+            let { msg, data } = await map.getAddress(lat, lng);
+            if (msg == "success") {
+                this.formData.address = data.address
+                this.searchValue = data.address
+                this.searchOptions = []
+
+            }
+        },
+
+        async remoteMethod(query) {
+            if (query !== '') {
+                this.loading = true;
+                const { msg, data } = await map.searchNearby(query);
+                this.loading = false;
+                this.resultList = [];
+                if (msg == 'success' && data.resultList && data.resultList.length > 0) {
+                    if (data.resultList && data.resultList.length > 0) {
+                        this.resultList = data.resultList;
+                        this.searchOptions = this.resultList.map(item => {
+                            return { value: `${item.id}`, label: `${item.address + item.name}` };
+                        });
+                    }
+                } else {
+                    this.searchOptions = [
+                        {
+                            value: '0',
+                            label: '未检索到结果'
+                        }
+                    ];
+                }
+            } else {
+                this.searchOptions = [];
+            }
+        },
+
+        handleClickKey(index) {
+            let selPosition = this.resultList[index]
+            let lonlat = selPosition.lonlat.split(" ")
+            map.setCenter(lonlat[1], lonlat[0]);
+            map.setMarker(lonlat[1], lonlat[0]);
+            this.formData.latitude = lonlat[1];
+            this.formData.longitude = lonlat[0];
+            this.formData.address = selPosition.address + selPosition.name
+        },
+
+        resetData() {
+            this.formData = iniFmData();
+            this.replayImgList = [];
+            this.searchValue = ''
+            this.searchOptions = []
+            this.resultList = []
+        },
+        // 开启加载动画
+        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";
 
 .item_width_4 {
-  width: 350px;
+    width: 350px;
 }
 
 .div_map {
-  margin-top: 10px;
+    margin-top: 10px;
 }
 </style>
 
 <style lang="scss" scoped>
 .el-dialog__body {
-  padding: 0 10px 20px !important;
+    padding: 0 10px 20px !important;
 }
 
 .hide {
-  .el-upload--picture-card {
-      display: none !important;
-  }
+    .el-upload--picture-card {
+        display: none !important;
+    }
 }
 </style>
diff --git a/src/views/modules/shequzhili/eventOld/cpts/event-detail.vue b/src/views/modules/shequzhili/eventOld/cpts/event-detail.vue
index 7f4d5ae63..1100090e5 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/event-detail.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/event-detail.vue
@@ -1,496 +1,423 @@
 <template>
-  <div class="">
-    <el-card
-      :style="containerStyle"
-      :class="{ 'box-card': source === 'visiual' }"
-      v-if="showType == ''"
-    >
-      <h3 v-if="source === 'manage'" 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.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.idCard ? info.idCard : "--" }}</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.operationType === '1'"
-            :class="[
-              'm-info-prop',
-              { 'm-info-prop-vis': source === 'visiual' },
-            ]"
-          >
-            <span class="u-info-title-2">已立项：</span>
-            <div class="line" @click="handleToProject"><i class="el-icon-view"></i> 查看项目</div>
-          </div>
-          <div
-            v-if="info.operationType === '2'"
-            :class="[
-              'm-info-prop',
-              { 'm-info-prop-vis': source === 'visiual' },
-            ]"
-          >
-            <span class="u-info-title-2">已转需求：</span>
-            <div class="line" @click="handleToDemand"><i class="el-icon-view"></i>查看需求</div>
-          </div>
-          <div
-            v-if="info.operationType === '3'"
-            :class="[
-              'm-info-prop',
-              { 'm-info-prop-vis': source === 'visiual' },
-            ]"
-          >
-            <span class="u-info-title-2">已转议题：</span>
-            <div class="line" @click="handleToIssue">
-              <i class="el-icon-view"></i> 查看议题
-            </div>
-          </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>
-        </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
-      "
-    >
-      <h3>满意度评价</h3>
-      <div class="m-detail-main">
-        <div class="m-info">
-          <div class="div-satisfy">
-            <div>
-              <img
-                :src="selBad ? badurl_light : badurl"
-                @click="clickSatisfy('bad')"
-              />
-              <div class="tip-satisfy">不满意</div>
+    <div class="">
+        <el-card :style="containerStyle" :class="{ 'box-card': source === 'visiual' }" v-if="showType == ''">
+            <h3 v-if="source === 'manage'" 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>
+                        <template v-if="!info.gridName">
+                            <el-select v-model.trim="info.gridId" placeholder="请选择" clearable class="cell-width-1">
+                                <el-option v-for="item in gridList" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </template>
+                        <template v-else>
+                            <span>{{ info.gridName }}</span>
+                        </template>
+                    </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.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.idCard ? info.idCard : "--" }}</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.operationType === '1'" :class="[
+                        'm-info-prop',
+                        { 'm-info-prop-vis': source === 'visiual' },
+                    ]">
+                        <span class="u-info-title-2">已立项：</span>
+                        <div class="line" @click="handleToProject"><i class="el-icon-view"></i> 查看项目</div>
+                    </div>
+                    <div v-if="info.operationType === '2'" :class="[
+                        'm-info-prop',
+                        { 'm-info-prop-vis': source === 'visiual' },
+                    ]">
+                        <span class="u-info-title-2">已转服务：</span>
+                        <div class="line"><i class="el-icon-check"></i>是</div>
+                    </div>
+                    <div v-if="info.operationType === '3'" :class="[
+                        'm-info-prop',
+                        { 'm-info-prop-vis': source === 'visiual' },
+                    ]">
+                        <span class="u-info-title-2">已转议题：</span>
+                        <div class="line" @click="handleToIssue">
+                            <i class="el-icon-view"></i> 查看议题
+                        </div>
+                    </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>
+                </div>
             </div>
-            <div>
-              <img
-                :src="selGood ? goodurl_light : goodurl"
-                @click="clickSatisfy('good')"
-              />
-              <div class="tip-satisfy">满意</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>
-            <div>
-              <img
-                :src="selPerfect ? perfecturl_light : perfecturl"
-                @click="clickSatisfy('perfect')"
-              />
-              <div class="tip-satisfy">非常满意</div>
+        </el-card>
+
+        <el-card :class="{ 'box-card': source === 'visiual' }" v-if="info.status === 'closed_case' &&
+            !info.satisfactionName &&
+            user.id === info.createdUserId
+            ">
+            <h3>满意度评价</h3>
+            <div class="m-detail-main">
+                <div class="m-info">
+                    <div class="div-satisfy">
+                        <div>
+                            <img :src="selBad ? badurl_light : badurl" @click="clickSatisfy('bad')" />
+                            <div class="tip-satisfy">不满意</div>
+                        </div>
+                        <div>
+                            <img :src="selGood ? goodurl_light : goodurl" @click="clickSatisfy('good')" />
+                            <div class="tip-satisfy">满意</div>
+                        </div>
+                        <div>
+                            <img :src="selPerfect ? perfecturl_light : perfecturl" @click="clickSatisfy('perfect')" />
+                            <div class="tip-satisfy">非常满意</div>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </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>
+            <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>
 
 <script>
 import { requestPost } from "@/js/dai/request";
 import foldText from "@/views/components/foldText";
 import projectInfo from "../../xiangmu/cpts/project-info";
-import dateFormat from "dai-js/tools/dateFormat";
 
 function iniData() {
-  return {
-    user: {},
-    projectPageType: "info",
-
-    info: {},
-    eventDetailCopy: {},
-    showType: "",
-
-    projectId: "",
-
-    demandForm: {
-      gridId: "",
-      categoryCode: "",
-      parentCode: "",
-      content: "",
-      reportType: "",
-      reportUserName: "",
-      reportUserMobile: "",
-      reportTime: "",
-      wantServiceTime: "",
-      demandUserId: "",
-      demandUserName: "",
-      demandUserMobile: "",
-    },
-
-    //满意度评价
-    showSatisfy: false,
-    selBad: false,
-    selGood: false,
-    selPerfect: false,
-    badurl: require("@/assets/img/satisfy-images/face1.png"),
-    badurl_light: require("@/assets/img/satisfy-images/face1_light.png"),
-    goodurl: require("@/assets/img/satisfy-images/face2.png"),
-    goodurl_light: require("@/assets/img/satisfy-images/face2_light.png"),
-    perfecturl: require("@/assets/img/satisfy-images/face3.png"),
-    perfecturl_light: require("@/assets/img/satisfy-images/face3_light.png"),
-  };
+    return {
+        user: {},
+        projectPageType: "info",
+        gridId: "", //所属网格
+        info: {},
+        eventDetailCopy: {},
+        showType: "",
+        projectId: "",
+        demandForm: {
+            gridId: "",
+            categoryCode: "",
+            parentCode: "",
+            content: "",
+            reportType: "",
+            reportUserName: "",
+            reportUserMobile: "",
+            reportTime: "",
+            wantServiceTime: "",
+            demandUserId: "",
+            demandUserName: "",
+            demandUserMobile: "",
+        },
+        gridList: [], //所属网格list--场所区域
+        selGridId: '',
+        agencyId: '',
+        //满意度评价
+        showSatisfy: false,
+        selBad: false,
+        selGood: false,
+        selPerfect: false,
+        badurl: require("@/assets/img/satisfy-images/face1.png"),
+        badurl_light: require("@/assets/img/satisfy-images/face1_light.png"),
+        goodurl: require("@/assets/img/satisfy-images/face2.png"),
+        goodurl_light: require("@/assets/img/satisfy-images/face2_light.png"),
+        perfecturl: require("@/assets/img/satisfy-images/face3.png"),
+        perfecturl_light: require("@/assets/img/satisfy-images/face3_light.png"),
+    };
 }
 
 export default {
-  name: "issueInfo",
-  props: {
-    eventId: {
-      type: String,
-      default: "",
-    },
-    type: {
-      type: String,
-      default: "info",
-    },
-
-    eventDetailData: {
-      type: Object,
-      default() {
-        return {};
-      },
-    },
-    source: {
-      //展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: "manage",
-    },
-  },
-
-  components: {
-    foldText,
-    projectInfo,
-  },
-
-  data: iniData,
-
-
-  watch: {},
-  created() {},
-  computed: {
-  containerStyle() {
-    if (this.type === 'info') {
-      return {
-        minHeight: 'calc(88vh - 50px)',
-        overflow: 'auto',
-        position: 'relative'
-      }
-    } else {
-      return {}
-    }
-  }
-},
-  mounted() {
-    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();
-  },
-
-  methods: {
-    watchImg(src) {
-      window.open(src);
-    },
-
-    handleClose() {
-      this.showType = "";
-    },
-
-    handleCloseEvent() {
-      this.$emit("handleClose");
+    name: "issueInfo",
+    props: {
+        eventId: {
+            type: String,
+            default: "",
+        },
+        type: {
+            type: String,
+            default: "info",
+        },
+
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: "manage",
+        },
     },
-
-    async getApiData() {},
-
-    handleToProject() {
-      this.$emit("handleToProject");
-      // if (this.info.status === 'processing') {
-      //   this.projectPageType = 'edit'
-      // } else {
-      //   this.projectPageType = 'info'
-      // }
-
-      // this.showType = 'project'
+    components: {
+        foldText,
+        projectInfo,
     },
-    handleToDemand() {
-      this.$emit("handleToDemand");
-    },
-    handleToIssue() {
-      this.$emit("handleToIssue");
-    },
-
-    //满意度评价
-    handleSatisfy() {
-      this.showSatisfy = true;
+    data: iniData,
+    watch: {
+        "info.gridId": function (val) {
+            this.selGridId = val;
+            this.$emit("changeGridId", val);
+            this.gridId = this.selGridId;
+            if (!this.eventDetailData.gridId && this.selGridId) {
+                this.updateEvent();
+            }
+        },
     },
-
-    clickSatisfy(type) {
-      if (this.info.satisfactionName) {
-        return false;
-      }
-
-      this.changeSatisfyType(type);
-    },
-    changeSatisfyType(type) {
-      if (type === "bad") {
-        this.selGood = false;
-        this.selPerfect = false;
-        this.selBad = true;
-      } else if (type === "good") {
-        this.selGood = true;
-        this.selPerfect = false;
-        this.selBad = false;
-      } else if (type === "perfect") {
-        this.selGood = false;
-        this.selPerfect = true;
-        this.selBad = false;
-      }
+    created() { },
+    computed: {
+        containerStyle() {
+            if (this.type === 'info') {
+                return {
+                    minHeight: 'calc(88vh - 50px)',
+                    overflow: 'auto',
+                    position: 'relative'
+                }
+            } else {
+                return {}
+            }
+        }
     },
-
-    async handleComfirmSatisfy() {
-      let satisfyLevel = "";
-      if (!this.selBad && !this.selGood && !this.selPerfect) {
-        this.$message.info("请选择评价级别");
-      } else {
-        if (this.selBad) {
-          satisfyLevel = "bad";
-        } else if (this.selGood) {
-          satisfyLevel = "good";
-        } else if (this.selPerfect) {
-          satisfyLevel = "perfect";
+    mounted() {
+        this.user = this.$store.state.user;
+        if (this.eventId) {
+            this.info = JSON.parse(JSON.stringify(this.eventDetailData));
+            this.agencyId = this.info.agencyId
         }
-      }
-      const url = "/governance/icEventOld/comment";
-
-      let params = {
-        icEventId: this.eventId,
-        satisfaction: satisfyLevel,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
+        this.loadGrid();
+    },
 
-      if (code === 0) {
-        this.$message.success("评价成功");
-        this.info.satisfactionName =
-          satisfyLevel == "bad"
-            ? "不满意"
-            : satisfyLevel == "good"
-            ? "满意"
-            : "非常满意";
-        this.showSatisfy = false;
-      } else {
-        this.$message.error(msg);
-      }
+    methods: {
+        watchImg(src) {
+            window.open(src);
+        },
+        handleClose() {
+            this.showType = "";
+        },
+        handleCloseEvent() {
+            this.$emit("handleClose");
+        },
+        async getApiData() { },
+        handleToProject() {
+            this.$emit("handleToProject");
+        },
+        handleToDemand() {
+            this.$emit("handleToDemand");
+        },
+        handleToIssue() {
+            this.$emit("handleToIssue");
+        },
+        async loadGrid() {
+            const url = "/gov/org/customergrid/gridoption";
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "query",
+            };
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                this.gridList = data;
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        //满意度评价
+        handleSatisfy() {
+            this.showSatisfy = true;
+        },
+
+        clickSatisfy(type) {
+            if (this.info.satisfactionName) {
+                return false;
+            }
+            this.changeSatisfyType(type);
+        },
+        changeSatisfyType(type) {
+            if (type === "bad") {
+                this.selGood = false;
+                this.selPerfect = false;
+                this.selBad = true;
+            } else if (type === "good") {
+                this.selGood = true;
+                this.selPerfect = false;
+                this.selBad = false;
+            } else if (type === "perfect") {
+                this.selGood = false;
+                this.selPerfect = true;
+                this.selBad = false;
+            }
+        },
+        //更新事件网格数据
+        updateEvent() {
+            const url = "/governance/icEventOld/update";
+            const params = {
+                id:this.eventDetailData.icEventId,
+                gridId:this.selGridId
+            }
+            const { data, code, msg } = requestPost(url, {
+                ...params,
+            });
+            this.eventDetailData.gridId = this.selGridId;
+        },
+        async handleComfirmSatisfy() {
+            let satisfyLevel = "";
+            if (!this.selBad && !this.selGood && !this.selPerfect) {
+                this.$message.info("请选择评价级别");
+            } else {
+                if (this.selBad) {
+                    satisfyLevel = "bad";
+                } else if (this.selGood) {
+                    satisfyLevel = "good";
+                } else if (this.selPerfect) {
+                    satisfyLevel = "perfect";
+                }
+            }
+            const url = "/governance/icEventOld/comment";
+            let params = {
+                icEventId: this.eventId,
+                satisfaction: satisfyLevel,
+            };
+            const { data, code, msg } = await requestPost(url, params);
+            if (code === 0) {
+                this.$message.success("评价成功");
+                this.info.satisfactionName =
+                    satisfyLevel == "bad"
+                        ? "不满意"
+                        : satisfyLevel == "good"
+                            ? "满意"
+                            : "非常满意";
+                this.showSatisfy = false;
+            } else {
+                this.$message.error(msg);
+            }
+        },
     },
-  },
 };
 </script>
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
+
 .m-info {
-  padding-left: 0px !important;
+    padding-left: 0px !important;
 }
+
 .m-info-prop {
-  margin: 25px 0 !important;
-  padding-left: 0px !important;
-  &::before {
-    content: "";
-    display: block;
-    position: absolute;
-    top: 9px;
-    left: 0;
-    width: 7px;
-    height: 7px;
-    background: none !important;
-    border-radius: 3px;
-    margin-right: 10px;
-  }
+    margin: 25px 0 !important;
+    padding-left: 0px !important;
+
+    &::before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 9px;
+        left: 0;
+        width: 7px;
+        height: 7px;
+        background: none !important;
+        border-radius: 3px;
+        margin-right: 10px;
+    }
 }
 </style>
 
diff --git a/src/views/modules/shequzhili/eventOld/cpts/event-info.vue b/src/views/modules/shequzhili/eventOld/cpts/event-info.vue
index 620928a76..c2fab3dc1 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/event-info.vue
@@ -1,330 +1,276 @@
 <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"
-        ></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 class="tabs" v-if="pageTypeCopy == 'info'">
-        <i class="el-icon-arrow-left"></i>
-        <el-button
-          class="diy-button--white"
-          style="height: 20px"
-          @click="handleClose"
-        >
-          查看详情</el-button
-        >
-      </div>
-      <div
-        :class="[
-          'g-total',
-          {
-            'g-left': projectProcess.length > 0,
-            'g-left-top40': pageType == 'info',
-          },
-        ]"
-      >
-        <event-detail
-          ref="ref_detail"
-          :type="pageType"
-          :eventId="eventId"
-          :eventDetailData="eventDetailData"
-          :source="source"
-          @handleToProject="handleToProject"
-          @handleToDemand="handleToDemand"
-          @handleToIssue="handleToIssue"
-          @handleClose="handleClose"
-        ></event-detail>
-
-        <div
-          v-if="!eventDetailData.operationId && pageTypeCopy == 'dispose'"
-          class="process-form"
-        >
-          <el-card :class="{ 'box-card': source === 'visiual' }">
-            <div
-              :class="[
-                'process-title',
-                { 'process-title-vis': source === 'visiual' },
-              ]"
-            >
-              <img
-                src="../../../../../assets/images/index/title-icon-chuli.png"
-                width="30px"
-                height="30px"
-                alt=""
-              />
-              处理
-            </div>
-            <process-form
-              ref="ref_processinfo_dispose"
-              :source="source"
-              :eventId="eventId"
-              :eventDetailData="eventDetailData"
-            ></process-form>
-
-            <div class="div-btn">
-              <el-button size="small" @click="handleClose">关闭</el-button>
-              <el-button
-                style="margin-left: 20px"
-                type="primary"
-                size="small"
-                @click="handleComfirm"
-                >保存</el-button
-              >
+    <div 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"></event-add>
+            </el-card>
+
+            <div class="process-form">
+                <el-card>
+                    <h3 class="h3-title">
+                        <img alt="" width="30px" height="30px"
+                            src="../../../../../assets/images/index/title-icon-chuli.png" />
+                        处理
+                    </h3>
+                    <process-form ref="ref_processinfo_add" :demandUserId="demandUserId" :eventDetailData="eventDetailData"
+                        :demandUserName="demandUserName" :demandUserMobile="demandUserMobile"
+                        :gridId="gridId"></process-form>
+
+                    <div class="div-btn">
+                        <el-button size="small" @click="handleClose">关闭</el-button>
+                        <el-button style="margin-left: 20px" type="primary" size="small"
+                            @click="handleComfirm">保存</el-button>
+                    </div>
+                </el-card>
             </div>
-          </el-card>
         </div>
-      </div>
-
-      <div
-        v-if="projectProcess.length > 0"
-        :class="['g-right', pageType == 'info' ? 'g-right-top40' : '']"
-      >
-        <el-card
-          :class="{ 'box-card': source === 'visiual' }"
-          style="min-height: calc(88vh - 50px); overflow: auto"
-        >
-          <div class="m-process">
-            <div
-              :class="[
-                'process-title',
-                { 'process-title-vis': source === 'visiual' },
-              ]"
-            >
-              <img
-                src="../../../../../assets/images/index/title-icon-cljz.png"
-                width="30px"
-                height="30px"
-                alt=""
-              />
-              处理进展
-            </div>
-            <div class="list">
-              <div
-                class="item"
-                :class="[
-                  index === 0 ? 'z-on' : '',
-                  { 'item-vis': source === 'visiual' },
-                ]"
-                :key="item.processId"
-                v-for="(item, index) in projectProcess"
-              >
-                <div class="item-row">
-                  <div class="name">{{ item.processName }}</div>
-                  <div class="date">
-                    {{ item.processTime }}
-                  </div>
-                </div>
-
-                <div v-if="item.type === 'event'">
-                  <div class="detail">
-                    <div class="detail-field">回复人：</div>
-                    <div class="detail-value">{{ item.departmentName }}</div>
-                  </div>
-                  <div class="detail">
-                    <div class="detail-field">回复内容：</div>
-                    <div class="detail-value">{{ item.publicReply }}</div>
-                  </div>
-                </div>
 
-                <div v-else-if="item.type === 'project'">
-                  <div v-if="item.processName === '回复'">
-                    <div class="detail">
-                      <div class="detail-field">回复人：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">回复内容：</div>
-                      <div class="detail-value">{{ item.publicReply }}</div>
-                    </div>
-                  </div>
-                  <div v-else>
-                    <div class="detail">
-                      <div class="detail-field">处理部门：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-
-                    <!-- <div class="detail"
-                         v-if="item.assistanceUnitName">
-                      <div class="detail-field">协办单位：</div>
-                      <div class="detail-value">
-                        <fold-text :row="3">{{ item.assistanceUnitName }}</fold-text>
-                      </div>
-                    </div> -->
-                    <div
-                      class="detail"
-                      v-if="item.processName != '转项目' && item.publicReply"
-                    >
-                      <div class="detail-field">说 明：</div>
-                      <div class="detail-value">
-                        <fold-text :row="3">{{ item.publicReply }}</fold-text>
-                      </div>
-                    </div>
-
-                    <div
-                      class="detail"
-                      v-if="item.processName != '转项目' && item.internalRemark"
-                    >
-                      <div class="detail-field">内部备注：</div>
-                      <div class="detail-value">
-                        <fold-text :row="3">{{
-                          item.internalRemark
-                        }}</fold-text>
-                      </div>
-                    </div>
-                    <div
-                      v-if="item.internalFile && item.internalFile.length > 0"
-                      class="detail"
-                    >
-                      <div class="attachement-list">
-                        <a
-                          :href="att.url"
-                          target="_blank"
-                          :key="att.url"
-                          v-for="att in item.internalFile"
-                        >
-                          <i class="el-icon-folder-opened"></i>
-                          {{ att.name }}
-                        </a>
-                      </div>
-                    </div>
-                  </div>
+        <div v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info'" class="g-page">
+            <!-- 面包屑放到这里-->
+            <div class="tabs" v-if="pageTypeCopy == 'info'">
+                <i class="el-icon-arrow-left"></i>
+                <el-button class="diy-button--white" style="height: 20px" @click="handleClose">
+                    查看详情</el-button>
+            </div>
+            <div :class="['g-total', { 'g-left': projectProcess.length > 0, 'g-left-top40': pageType == 'info' }]">
+                <event-detail ref="ref_detail" :type="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
+                    :source="source" @handleToProject="handleToProject" @handleToDemand="handleToDemand"
+                    @handleToIssue="handleToIssue" @handleClose="handleClose"></event-detail>
+
+                <div v-if="!eventDetailData.operationId && pageTypeCopy == 'dispose'" class="process-form">
+                    <el-card :class="{ 'box-card': source === 'visiual' }">
+                        <div :class="[
+                            'process-title',
+                            { 'process-title-vis': source === 'visiual' },
+                        ]">
+                            <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px" height="30px"
+                                alt="" />
+                            处理
+                        </div>
+                        <process-form ref="ref_processinfo_dispose" :source="source" :eventId="eventId"
+                            :eventDetailData="eventDetailData"></process-form>
+
+                        <div class="div-btn">
+                            <el-button size="small" @click="handleClose">关闭</el-button>
+                            <el-button style="margin-left: 20px" type="primary" size="small"
+                                @click="handleComfirm">保存</el-button>
+                        </div>
+                    </el-card>
                 </div>
+            </div>
 
-                <div v-else-if="item.type === 'demand'">
-                  <div v-if="item.processName === '回复'">
-                    <div class="detail">
-                      <div class="detail-field">回复人：</div>
-                      <div class="detail-value">{{ item.departmentName }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">回复内容：</div>
-                      <div class="detail-value">{{ item.publicReply }}</div>
+            <div v-if="projectProcess.length > 0" :class="['g-right', pageType == 'info' ? 'g-right-top40' : '']">
+                <el-card :class="{ 'box-card': source === 'visiual' }"
+                    style="min-height: calc(88vh - 50px); overflow: auto">
+                    <div class="m-process">
+                        <div :class="[
+                            'process-title',
+                            { 'process-title-vis': source === 'visiual' },
+                        ]">
+                            <img src="../../../../../assets/images/index/title-icon-cljz.png" width="30px" height="30px"
+                                alt="" />
+                            处理进展
+                        </div>
+                        <div class="list">
+                            <div class="item" :key="item.processId" v-for="(item, index) in projectProcess"
+                                :class="[index === 0 ? 'z-on' : '', { 'item-vis': source === 'visiual' }]">
+                                <div class="item-row">
+                                    <template v-if="item.agencyId">
+                                        <div class="name">指派</div>
+                                    </template>
+                                    <template v-if="!item.timeLimit">
+                                        <div class="name">完成并回复</div>
+                                    </template>
+                                    <template v-if="!item.agencyId && item.timeLimit">
+                                        <div class="name">{{ item.processName }}</div>
+                                    </template>
+                                    <div class="date">
+                                        {{ item.processTime }}
+                                    </div>
+                                </div>
+                                <div v-if="item.type === 'event'">
+                                    <template v-if="item.agencyId">
+                                        <div class="detail">
+                                            <div class="detail-field">指派人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">指派部门：</div>
+                                            <div class="detail-value">{{ item.agencyName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">转办意见：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <template v-if="item.internalFile && item.internalFile.length > 0"
+                                            v-for="i in item.internalFile">
+                                            <template v-if="i.type === 'image'">
+                                                <div class="detail">
+                                                    <div class="detail-field">图片：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <img :src="i.url" :key="i.url"
+                                                            style="width: 50px; height: 50px; padding-right: 10px"
+                                                            @click="watchImg(i.url)" />
+                                                    </div>
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'voice'">
+                                                <div class="detail">
+                                                    <div class="detail-field">语音：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <audio controls>
+                                                            <source :src="i.url" type="" :key="i.url" />
+                                                        </audio>
+                                                    </div>
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'doc'">
+                                                <div class="detail">
+                                                    <div class="detail-field">附件：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <a :href="i.url">{{ i.name }}</a>
+                                                    </div>
+                                                </div>
+                                            </template>
+                                        </template>
+                                    </template>
+                                    <template v-else>
+                                        <div class="detail">
+                                            <div class="detail-field">回复人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">回复内容：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail" v-if="item.timeLimit">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <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' },]">
+                                                    <span class="u-info-title-2">图片：</span>
+                                                    <img :src="i.url" :key="i.url"
+                                                        style="width: 150px; height: 150px; padding-right: 10px"
+                                                        @click="watchImg(i.url)" />
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'voice'">
+                                                <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" />
+                                                    </audio>
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'doc'">
+                                                <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" />
+                                                    </audio>
+                                                </div>
+                                            </template>
+                                        </template>
+                                    </template>
+                                </div>
+                                <div v-else-if="item.type === 'demand'">
+                                    <template v-if="item.agencyId">
+                                        <div class="detail">
+                                            <div class="detail-field">指派人：</div>
+                                            <div class="detail-value">{{ item.departmentName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">指派部门：</div>
+                                            <div class="detail-value">{{ item.agencyName }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">转办意见：</div>
+                                            <div class="detail-value">{{ item.publicReply }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">办结时限：</div>
+                                            <div class="detail-value">{{ formTimeLimit(item.timeLimit) }}</div>
+                                        </div>
+                                        <template v-if="item.internalFile && item.internalFile.length > 0"
+                                            v-for="i in item.internalFile">
+                                            <template v-if="i.type === 'image'">
+                                                <div class="detail">
+                                                    <div class="detail-field">图片：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <img :src="i.url" :key="i.url"
+                                                            style="width: 50px; height: 50px; padding-right: 10px"
+                                                            @click="watchImg(i.url)" />
+                                                    </div>
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'voice'">
+                                                <div class="detail">
+                                                    <div class="detail-field">语音：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <audio controls>
+                                                            <source :src="i.url" type="" :key="i.url" />
+                                                        </audio>
+                                                    </div>
+                                                </div>
+                                            </template>
+                                            <template v-if="i.type === 'doc'">
+                                                <div class="detail">
+                                                    <div class="detail-field">附件：</div>
+                                                    <div
+                                                        :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
+                                                        <a :href="i.url">{{ i.name }}</a>
+                                                    </div>
+                                                </div>
+                                            </template>
+                                        </template>
+                                    </template>
+                                    <div v-if="item.processName === '需求完成'">
+                                        <div class="detail">
+                                            <div class="detail-field">服务方：</div>
+                                            <div class="detail-value">{{ item.serviceParty }}</div>
+                                        </div>
+                                        <div class="detail">
+                                            <div class="detail-field">实际服务时间：</div>
+                                            <div class="detail-value">
+                                                {{ item.actualServiceTime }}
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div v-if="item.processName === '转服务'">
+                                        <div class="detail">
+                                            <div class="detail-field">服务时间：</div>
+                                            <div class="detail-value">{{ item.serviceTime }}</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                  </div>
-                  <div v-if="item.processName === '需求完成'">
-                    <div class="detail">
-                      <div class="detail-field">服务方：</div>
-                      <div class="detail-value">{{ item.serviceParty }}</div>
-                    </div>
-                    <div class="detail">
-                      <div class="detail-field">实际服务时间：</div>
-                      <div class="detail-value">
-                        {{ item.actualServiceTime }}
-                      </div>
-                    </div>
-                  </div>
-                  <div v-if="item.processName === '转服务'">
-                    <div class="detail">
-                      <div class="detail-field">服务时间：</div>
-                      <div class="detail-value">{{ item.serviceTime }}</div>
-                    </div>
-                  </div>
-                </div>
-
-                <div v-else-if="item.type === 'issue'">
-                  <div class="detail">
-                    <div class="detail-field">回复人：</div>
-                    <div class="detail-value">{{ item.departmentName }}</div>
-                  </div>
-                  <div class="detail">
-                    <div class="detail-field">回复内容：</div>
-                    <div class="detail-value">{{ item.publicReply }}</div>
-                  </div>
-                </div>
-              </div>
+                </el-card>
             </div>
-          </div>
-        </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 == 'demand'">
+            <demand-info-origin ref="demandEditForm" :source="source" :demandRecId="eventDetailCopy.operationId"
+                @close="handleCloseProject" />
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
@@ -341,410 +287,394 @@ import processForm from "./process-form";
 
 let loading; // 加载动画
 function iniData() {
-  return {
-    formData: {
-      operationType: "",
-    },
-    eventInfoData: {},
-    replayInfo: {},
-    demand: {},
-    project: {},
-    issueInfo: {},
-
-    //新增
-    demandUserId: "",
-    demandUserName: "",
-    demandUserMobile: "",
-    gridId: "",
-
-    eventDetailCopy: {},
-
-    projectProcess: [],
-    projectPageType: "info",
-    pageTypeCopy: "",
-
-    issuePageType: "",
-    issueDetailData: {},
-
-    sourceType: "",
-  };
+    return {
+        formData: {
+            operationType: "",
+        },
+        eventInfoData: {},
+        replayInfo: {},
+        demand: {},
+        project: {},
+        issueInfo: {},
+
+        //新增
+        demandUserId: "",
+        demandUserName: "",
+        demandUserMobile: "",
+        gridId: "",
+
+        eventDetailCopy: {},
+
+        projectProcess: [],
+        projectPageType: "info",
+        pageTypeCopy: "",
+
+        issuePageType: "",
+        issueDetailData: {},
+
+        sourceType: "",
+    };
 }
 
 export default {
-  name: "projectInfo",
-  props: {
-    eventId: {
-      type: String,
-      default: "",
-    },
-    pageType: {
-      type: String,
-      default: "",
-    },
-    eventDetailData: {
-      type: Object,
-      default() {
-        return {};
-      },
+    name: "projectInfo",
+    props: {
+        eventId: {
+            type: String,
+            default: "",
+        },
+        pageType: {
+            type: String,
+            default: "",
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: "manage",
+        },
     },
 
-    source: {
-      //展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: "manage",
-    },
-  },
-
-  components: {
-    foldText,
-
-    eventAdd,
-    eventDetail,
-    processForm,
-    projectInfoOrigin,
-    demandInfoOrigin,
-    issueInfoOrigin,
-  },
-
-  data: iniData,
-
-  computed: {},
-
-  watch: {
-    eventId() {
-      let data = iniData();
-      Object.keys(data).forEach((k) => {
-        this[k] = data[k];
-      });
-      // this.getApiData();
+    components: {
+        foldText,
+        eventAdd,
+        eventDetail,
+        processForm,
+        projectInfoOrigin,
+        demandInfoOrigin,
+        issueInfoOrigin,
     },
-  },
-  created() {},
-  mounted() {
-    this.pageTypeCopy = this.pageType;
-    if (this.pageTypeCopy !== "add") {
-      this.getProjectProcess();
-    }
 
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-    }
-  },
+    data: iniData,
 
-  methods: {
-    changeName(val) {
-      this.demandUserName = val;
-    },
-    changeMobile(val) {
-      this.demandUserMobile = val;
-    },
-    changeUserId(val) {
-      this.demandUserId = val;
-    },
-    changeGridId(val) {
-      this.gridId = val;
-    },
+    computed: {},
 
-    //加载组织数据
-    async getProjectProcess() {
-      const url = "/governance/icEventOld/process";
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/process";
-
-      const { data, code, msg } = await requestPost(url, {
-        icEventId: this.eventId,
-      });
-
-      if (code === 0) {
-        this.projectProcess = data.map((item) => {
-          item.processTime = dateFormat(
-            new Date(item.processTime * 1000),
-            "yyyy-MM-dd hh:mm"
-          );
-          return item;
-        });
-      } else {
-        this.$message.error(msg);
-      }
+    watch: {
+        eventId() {
+            let data = iniData();
+            Object.keys(data).forEach((k) => {
+                this[k] = data[k];
+            });
+            // this.getApiData();
+        },
     },
-
-    getEventInfo() {
-      this.$refs.ref_add.getEventInfo();
-      if (this.$refs.ref_add.okflag) {
-        this.eventInfoData = this.$refs.ref_add.formData;
-      } else {
-        return false;
-      }
-
-      console.log("eventInfo", this.eventInfoData);
-    },
-
-    async handleComfirm() {
-      this.startLoading();
-      if (this.pageTypeCopy === "add") {
-        await this.handelAdd();
-      }
-      if (this.pageTypeCopy === "dispose") {
-        await this.handelDispose();
-      }
-      this.endLoading();
-    },
-
-    async handelAdd() {
-      this.$refs.ref_add.getEventInfo();
-      if (this.$refs.ref_add.okflag) {
-        this.eventInfoData = this.$refs.ref_add.formData;
-      } else {
-        return false;
-      }
-      console.log("eventInfo", this.eventInfoData);
-
-      this.$refs.ref_processinfo_add.getProcessInfo();
-      // if (this.$refs.ref_processinfo_add.okflag) {
-
-      // this.formData.operationType =
-      //   this.$refs.ref_processinfo_add.operationType;
-      // this.eventInfoData.operationType =
-      //   this.$refs.ref_processinfo_add.operationType;
-      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 === "2" ||
-        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);
+    created() { },
+    mounted() {
+        this.pageTypeCopy = this.pageType;
+        if (this.pageTypeCopy !== "add") {
+            this.getProjectProcess();
         }
-      } 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);
+        if (this.eventId) {
+            this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
         }
-      } else if (this.formData.operationType === "4") {
-        this.replayInfo = {};
-      }
-
-      // }
-
-      this.formData = {
-        ...this.eventInfoData,
-        // replayInfo: this.replayInfo,
-        project: this.project,
-        demand: this.demand,
-        issueInfo: this.issueInfo,
-      };
-
-      console.log("this.formData", this.formData);
-      await this.submit();
     },
 
-    async submit() {
-      //  (this.formData.operationType == 2 && this.demand.demandUserName) ||(this.formData.operationType == 3 && this.issueInfo.issueTitle) || (this.formData.operationType == 1 && this.project.categoryList) ||(this.formData.operationType == 0 && this.eventInfoData.content) ||
-      if (
-        this.formData.operationType == "4" ||
-        this.formData.operationType == "5" ||
-        this.formData.operationType == "6" ||
-        this.formData.operationType == "0" ||
-        this.formData.operationType == "2"
-      ) {
-        const url = "/governance/icEventOld/add";
-        const { formData } = this;
-        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;
-
-        if (this.formData.operationType === "0") {
-          this.project = {};
-          this.demand = {};
-          this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
-
-          this.replayInfo.icEventId = this.eventId;
-          console.log("replayInfo", this.replayInfo);
-          //回复属性赋值
-          let url = "/governance/icEventOld/reply";
-          await this.submitDispose(url, this.replayInfo);
-        } else if (this.formData.operationType === "1") {
-          this.replayInfo = {};
-          this.demand = {};
-          this.project = this.$refs.ref_processinfo_dispose.project;
-          //项目的属性同事件一样
-          this.project.icEventId = this.eventId;
-          console.log("projectInfo", this.project);
-          let url = "/governance/icEventOld/icEventToProject";
-          await this.submitDispose(url, this.project);
-        } else if (this.formData.operationType === "2") {
-          this.replayInfo = {};
-          this.project = {};
-          this.demand = this.$refs.ref_processinfo_dispose.demand;
-          //需求的属性同事件一样
-          this.demand.icEventId = this.eventId;
-          console.log("demond", this.demand);
-          let url = "/governance/icEventOld/icEventToDemand";
-          await this.submitDispose(url, this.demand);
-        } else if (this.formData.operationType === "3") {
-          this.replayInfo = {};
-          this.demand = {};
-          this.project = {};
-          this.issueInfo = this.$refs.ref_processinfo_dispose.issueInfo;
-          //项目的属性同事件一样
-
-          console.log("issueInfo", this.issueInfo);
-          let url = "/governance/icEventOld/icEventToIssue";
-          await this.submitDispose(url, this.issueInfo);
-        } else {
-          this.$message.info("请选择一种处理方式");
-        }
-      } 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);
-      }
+    methods: {
+        changeName(val) {
+            this.demandUserName = val;
+        },
+        changeMobile(val) {
+            this.demandUserMobile = val;
+        },
+        changeUserId(val) {
+            this.demandUserId = val;
+        },
+        changeGridId(val) {
+            this.gridId = val;
+        },
+        //加载组织数据
+        async getProjectProcess() {
+            const url = "/governance/icEventOld/process";
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+            if (code === 0) {
+                this.projectProcess = data.map((item) => {
+                    item.processTime = dateFormat(
+                        new Date(item.processTime * 1000),
+                        "yyyy-MM-dd hh:mm"
+                    );
+                    return item;
+                });
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        getEventInfo() {
+            this.$refs.ref_add.getEventInfo();
+            if (this.$refs.ref_add.okflag) {
+                this.eventInfoData = this.$refs.ref_add.formData;
+            } else {
+                return false;
+            }
+        },
+        async handleComfirm() {
+            this.startLoading();
+            if (this.pageTypeCopy === "add") {
+                await this.handelAdd();
+            }
+            if (this.pageTypeCopy === "dispose") {
+                await this.handelDispose();
+            }
+            this.endLoading();
+        },
+
+        async handelAdd() {
+            this.$refs.ref_add.getEventInfo();
+            if (this.$refs.ref_add.okflag) {
+                this.eventInfoData = this.$refs.ref_add.formData;
+            } else {
+                return false;
+            }
+            this.$refs.ref_processinfo_add.getProcessInfo();
+            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 === "2") {
+                this.replayInfo = {};
+                this.project = {};
+                this.demand = this.$refs.ref_processinfo_add.demand;
+                this.demand.gridId = this.eventInfoData.gridId;
+            } else if (this.formData.operationType === "4") {
+                this.replayInfo = {};
+            }
+            this.formData = {
+                ...this.eventInfoData,
+                // replayInfo: this.replayInfo,
+                project: this.project,
+                demand: this.demand,
+                issueInfo: this.issueInfo,
+            };
+            await this.submit();
+        },
+
+        async submit() {
+            //  (this.formData.operationType == 2 && this.demand.demandUserName) ||(this.formData.operationType == 3 && this.issueInfo.issueTitle) || (this.formData.operationType == 1 && this.project.categoryList) ||(this.formData.operationType == 0 && this.eventInfoData.content) ||
+            if (
+                this.formData.operationType == "4" ||
+                this.formData.operationType == "5" ||
+                this.formData.operationType == "6" ||
+                this.formData.operationType == "0" ||
+                (this.formData.operationType == 2 && this.demand.demandUserName)
+            ) {
+                const url = "/governance/icEventOld/add";
+                const { formData } = this;
+                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;
+                if (this.formData.operationType === "0" || this.formData.operationType === '5'
+                    || this.formData.operationType === '6') {
+                    this.project = {};
+                    this.demand = {};
+                    this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo;
+                    this.replayInfo.icEventId = this.eventId;
+                    //回复属性赋值
+                    let url = "/governance/icEventOld/reply";
+                    await this.submitDispose(url, this.replayInfo);
+                } else if (this.formData.operationType === "1") {
+                    this.replayInfo = {};
+                    this.demand = {};
+                    this.project = this.$refs.ref_processinfo_dispose.project;
+                    //项目的属性同事件一样
+                    this.project.icEventId = this.eventId;
+                    let url = "/governance/icEventOld/icEventToProject";
+                    await this.submitDispose(url, this.project);
+                } else if (this.formData.operationType === "2") {
+                    this.project = {};
+                    this.demand = this.$refs.ref_processinfo_dispose.demand;
+                    //需求的属性同事件一样
+                    this.demand.icEventId = this.eventId;
+                    console.log(this.eventDetailData);
+                    if (this.demand.gridId === '') {
+                        this.demand.gridId = this.eventDetailData.gridId
+                    }
+                    let url = "/governance/icEventOld/icEventToDemand";
+                    await this.submitDispose(url, this.demand);
+                } else if (this.formData.operationType === "3") {
+                    this.replayInfo = {};
+                    this.demand = {};
+                    this.project = {};
+                    this.issueInfo = this.$refs.ref_processinfo_dispose.issueInfo;
+                    //项目的属性同事件一样
+                    console.log("issueInfo", this.issueInfo);
+                    let url = "/governance/icEventOld/icEventToIssue";
+                    await this.submitDispose(url, this.issueInfo);
+                } else {
+                    this.$message.info("请选择一种处理方式");
+                }
+            } 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";
+        },
+        async handleToIssue() {
+            const url = "/governance/manage/votingissuedetail";
+            const { data, code, msg } = await requestPost(url, {
+                issueId: this.eventDetailCopy.operationId,
+            });
+
+            if (code === 0) {
+                this.issueDetailData = { ...data };
+            } else {
+                this.$message.error(msg);
+            }
+
+            if (this.issueDetailData.issueStatus === "voting") {
+                this.issuePageType = "dispose";
+            } else {
+                this.issuePageType = "info";
+            }
+            this.pageTypeCopy = "issue";
+        },
+        handleCloseProject() {
+            this.getProjectProcess();
+            this.pageTypeCopy = "info";
+        },
+
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: "正在加载……", // 加载中需要显示的文字
+                background: "rgba(0,0,0,.7)", // 背景颜色
+            });
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close();
+            }
+        },
+        formTimeLimit(val) {
+            return dateFormat(
+                new Date(val * 1000),
+                "yyyy-MM-dd hh:mm"
+            );
+        },
     },
-
-    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();
-      }
-    },
-  },
 };
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
+
 .tabs {
-  position: absolute;
-  margin-left: 30px;
-  height: 50px;
-  line-height: 50px;
-  .diy-button--white {
-    border: none !important;
-    color: rgba(0, 0, 0, 0.65) !important;
-    height: 30px !important;
-    padding: 0 12px !important;
-    margin-left: 10px;
-  }
+    position: absolute;
+    margin-left: 30px;
+    height: 50px;
+    line-height: 50px;
+
+    .diy-button--white {
+        border: none !important;
+        color: rgba(0, 0, 0, 0.65) !important;
+        height: 30px !important;
+        padding: 0 12px !important;
+        margin-left: 10px;
+    }
 }
+
 .list {
-  & > :last-child {
-    border: none !important;
-  }
-  & > :first-child {
-    .name {
-      background: url("../../../../../assets/images/index/bubble.png") no-repeat;
-      color: #fff !important;
-      padding: 0px 10px 3px 13px !important;
-      background-size: 100% 100%;
-      border: none !important;
+    &> :last-child {
+        border: none !important;
+    }
+
+    &> :first-child {
+        .name {
+            background: url("../../../../../assets/images/index/bubble.png") no-repeat;
+            color: #fff !important;
+            padding: 0px 10px 3px 13px !important;
+            background-size: 100% 100%;
+            border: none !important;
+        }
     }
-  }
 }
+
 .g-left-top40 {
-  margin-top: 40px;
+    margin-top: 40px;
 }
+
 .g-right-top40 {
-  margin-top: 40px;
+    margin-top: 40px;
 }
 </style>
diff --git a/src/views/modules/shequzhili/eventOld/cpts/process-form-demand.vue b/src/views/modules/shequzhili/eventOld/cpts/process-form-demand.vue
index 2e3c2e333..f26343913 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/process-form-demand.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/process-form-demand.vue
@@ -1,11 +1,7 @@
 <template>
-  <div class="">
-    <el-form ref="ref_form"
-             :inline="false"
-             :model="formData"
-             :rules="dataRule"
-             label-width="100px">
-      <!-- <el-form-item label="事件分类"
+    <div class="">
+        <el-form ref="ref_form_demand" :inline="false" :model="formData" :rules="dataRule" label-width="100px">
+            <!-- <el-form-item label="事件分类"
                     label-width="150px"
                     prop="categoryId">
         <el-cascader class="cell-width-2"
@@ -17,109 +13,73 @@
                      :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="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="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="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="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="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="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="keyWords">
-              </el-input>
-              <el-button style="margin-left: 10px"
-                         type="primary"
-                         size="mini"
-                         @click="handleSearchMap">查询</el-button>
-            </div>
-          </div>
-
-          <!-- <div style="margin-top: 10px">
+            <el-form-item label="服务内容" label-width="150px" :class="{ 'form-item': source === 'visiual' }" prop="content">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-input v-model="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="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="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="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="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="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="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"
@@ -133,65 +93,43 @@
                       v-model="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="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="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="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>
+                </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="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="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="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
@@ -200,526 +138,466 @@ 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 () {
+function iniFmData() {
     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: {}
+        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: ''
     };
-  },
-  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)
-      }
-
+}
+export default {
+    data() {
+        return {
+            btnDisable: false,
+            customerId: localStorage.getItem("customerId"),
+            demandOptions: [],
+            serviceOptions: [
+            ],
+            serviceOptiondList: [],
+            // casOptions: [],
+            iscascaderShow: 0,
+            // selCategoryArray: [],
+            // selCateObj: {},
+            // optionProps: {
+            //     value: "id",
+            //     label: "categoryName",
+            //     children: "children",
+            //     level: 'categoryType',
+            //     checkStrictly: true
+            // },
+            formData: iniFmData(),
+            okflag: false,
+            //地图相关
+            keyWords: '',
+            eventDetailCopy: {}
+        };
     },
-
-    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)
-      }
-
+    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" },
+                ],
+            };
+        },
     },
-
-    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 };
+    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'
         }
-        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)
-      }
-
-
+    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
+        },
     },
-
-    async getDemandInfo () {
-      this.okflag = false
-      this.$refs["ref_form"].validate((valid, messageObj) => {
-        if (!valid) {
-          app.util.validateRule(messageObj);
-          // this.formData.categoryId = this.selCateObj.id
+    created() { },
+    async mounted() {
+        const { user } = this.$store.state
+        this.agencyId = user.agencyId
+        // this.getCategoryList();
+        this.getDemandOptions();
+        this.getServiceOption()
+        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
         } else {
-
-          this.okflag = true
+            this.formData.demandUserName = this.demandUserName
+            this.formData.demandUserMobile = this.demandUserMobile
+            this.formData.demandUserId = this.demandUserId
         }
-      });
     },
 
+    methods: {
+        // 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)
+        //         }
+        //     }
+        // },
+        // buildNode(nodes, treeId) {
+        //     for (let i = 0; i < nodes.length; i++) {
+        //         if (nodes[i].id === treeId) {
+        //             if (nodes[i].children) {
+        //                 return nodes[i].children
+        //             } else {
+        //                 return nodes[i]
+        //             }
+        //         }
+        //     }
+        // },
+        // handleChangeCate(value) {
+        //     if (this.selCateObj = this.$refs['myCascader'].getCheckedNodes()[0]) {
+        //         this.selCateObj = this.$refs['myCascader'].getCheckedNodes()[0].data
+        //         this.formData.categoryList = this.selCateObj
+        //     } else {
+        //         this.selCateObj = {}
+        //     }
+        //     if (!value) return
+        //     this.selCategoryArray = value
+        // },
+        //重构树，去除网格
+        // 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,
+        //             };
+        //         });
+        //     }
+        // },
+        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)
+            }
+        },
 
-    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 // 设置地图旋转角度
-      })
+        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)
+            }
+        },
 
-      search = new window.TMap.service.Search({ pageSize: 10 })
-      // 新建一个地点搜索类
-      markers = new TMap.MultiMarker({
-        map: map,
-        geometries: []
-      })
-      infoWindowList = Array(10)
+        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;
+        },
 
-      geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
+        handleCateSlect(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];
+            }
+        },
 
-      // 监听地图平移结束
-      map.on('panend', () => {
-        this.handleMoveCenter()
-      })
-      this.handleMoveCenter()
-      this.convert()
-    },
+        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)
+            }
+        },
 
-    setMarker (lat, lng) {
-      markers.setGeometries([])
-      markers.add([
-        {
-          id: '4',
-          styleId: 'marker',
-          position: new TMap.LatLng(lat, lng),
-          properties: {
-            title: 'marker4'
-          }
-        }
-      ])
-    },
+        async getDemandInfo() {
+            this.okflag = false
+            this.$refs["ref_form_demand"].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()
+        },
 
-    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]
+        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('未检索到相关位置坐标')
+                }
+            })
+        },
 
-            map.setCenter(new TMap.LatLng(lat, lng))
-            this.setMarker(lat, lng)
+        handleMoveCenter() {
+            //修改地图中心点
+            const center = map.getCenter()
+            const lat = center.getLat()
+            const lng = center.getLng()
             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,
+            this.setMarker(lat, lng)
+            this.convert(lat, lng)
         },
-      ]);
-      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();
-      }
+        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>
+<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;
+    padding: 0 10px 20px !important;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/modules/shequzhili/eventOld/cpts/process-form-designate.vue b/src/views/modules/shequzhili/eventOld/cpts/process-form-designate.vue
index a87027c5c..3a8692bb0 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/process-form-designate.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/process-form-designate.vue
@@ -8,7 +8,7 @@
 -->
 <template>
     <div class="search">
-        <el-form ref="ref_form2" :inline="false" :model="formData" :rules="dataRule">
+        <el-form ref="ref_form5" :inline="false" :model="formData" :rules="dataRule">
             <el-form-item label="事件分类" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
                 prop="categoryList">
                 <div :class="{ 'visiual-form': source === 'visiual' }">
@@ -239,7 +239,7 @@ export default {
         },
         async getReplayInfo() {
             this.okflag = false;
-            this.$refs["ref_form2"].validate((valid, messageObj) => {
+            this.$refs["ref_form5"].validate((valid, messageObj) => {
                 if (!valid) {
                     app.util.validateRule(messageObj);
                 } else {
@@ -250,6 +250,7 @@ export default {
                     if (this.fileList) {
                         this.formData.files = this.fileList
                     }
+                    this.operationType = '5'
                     this.formData.status = "processing";
                     this.formData.categoryId = this.selCateObj.id;
                     this.formData.categoryList = [];
diff --git a/src/views/modules/shequzhili/eventOld/cpts/process-form-replay.vue b/src/views/modules/shequzhili/eventOld/cpts/process-form-replay.vue
index 57f0a7c1f..d05ec002d 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/process-form-replay.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/process-form-replay.vue
@@ -1,263 +1,220 @@
-<!--
- * @Author: mk 2403457699@qq.com
- * @Date: 2023-07-26 16:23:24
- * @LastEditors: mk 2403457699@qq.com
- * @LastEditTime: 2023-08-09 10:21:34
- * @Description: 事件分类回填
- * 
- * 
--->
 <template>
     <div class="search">
-      <el-form
-        ref="ref_form1"
-        :inline="false"
-        :model="formData"
-        :rules="dataRule"
-      >
-        <el-form-item
-          label="事件分类"
-          label-width="150px"
-          :class="{ 'form-item': source === 'visiual' }"
-          prop="categoryList"
-        >
-          <div :class="{ 'visiual-form': source === 'visiual' }">
-            <el-cascader class="cell-width-2"
-                         ref="myCascader"
-                         v-model="selCategoryArray"
-                         :key="iscascaderShow"
-                         :options="casOptions"
-                         :props="optionProps"
-                         :show-all-levels="false"
-                         @change="handleChangeCate"></el-cascader>
-          </div>
-        </el-form-item>
-        <el-form-item
-          label="回复内容"
-          prop="content"
-          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="formData.content"
-            ></el-input>
-          </div>
-        </el-form-item>
-        <el-form-item
-          label=""
-          label-width="150px"
-          :class="{ 'form-item': source === 'visiual' }"
-          style="display: block"
-        >
-          <el-checkbox
-            :class="{ 'form-item': source === 'visiual' }"
-            v-model="status"
-            @change="handleChangeStatus"
-            >已完成</el-checkbox
-          >
-        </el-form-item>
-      </el-form>
+        <el-form ref="ref_form1" :inline="false" :model="formData" :rules="dataRule">
+            <el-form-item label="事件分类" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
+                prop="categoryList">
+                <div :class="{ 'visiual-form': source === 'visiual' }">
+                    <el-cascader class="cell-width-2" ref="myCascader" v-model="selCategoryArray" :key="iscascaderShow"
+                        :options="casOptions" :props="optionProps" :show-all-levels="false" clearable
+                        @change="handleChangeCate"></el-cascader>
+                </div>
+            </el-form-item>
+            <el-form-item label="回复内容" prop="content" 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="formData.content"></el-input>
+                </div>
+            </el-form-item>
+            <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="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>
     </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; // 加载动画
-  
-  export default {
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+let loading; // 加载动画
+
+export default {
     data() {
-      return {
-        btnDisable: false,
-        formData: {
-          operationType: "0", //处理方式[0:已回复 1:已转项目  2:已转需求]
-          content: "",
-          status: "",
-          categoryList: [],
-        },
-  
-        status: false,
-        okflag: false,
-  
-        eventDetailCopy: {},
-        selCategoryArray:[],
-        casOptions: [],
-        iscascaderShow: 0,
-        optionProps: {
-          multiple: false,
-          value: "id",
-          label: "name",
-          children: "subCategory",
-        },
-        dataRule:{
-          content: [
-            { required: true, message: "回复内容不能为空", trigger: "blur" },
-          ],
-          categoryList: [
-          //   { required: true, message: "事件分类不能为空", trigger: "blur" },
-          ],
-        }
-      };
+        return {
+            btnDisable: false,
+            formData: {
+                operationType: '0', //处理方式[0:已回复 5、指派  6、完成并回复]
+                content: '',
+                status: 'processing',
+                timeLimit: '',//办结时限
+                categoryList: [],
+            },
+            status: false,
+            okflag: false,
+            eventDetailCopy: {},
+            selCategoryArray: [],
+            casOptions: [],
+            iscascaderShow: 0,
+            optionProps: {
+                value: "id",
+                label: "categoryName",
+                children: "children",
+                level: 'categoryType',
+                checkStrictly: true
+            },
+            dataRule: {
+                content: [
+                    { required: true, message: '回复内容不能为空', trigger: 'blur' },
+                ],
+                categoryList: [
+                    { required: true, message: '事件分类不能为空', trigger: 'blur' },
+                ],
+                timeLimit: [
+                    { required: true, message: "办结时限不能为空", trigger: "blur" },
+                ]
+            }
+        };
     },
-    components: {  },
+    components: {},
     computed: {},
     props: {
-      eventId: {
-        type: String,
-        default: "",
-      },
-      eventDetailData: {
-        type: Object,
-        default() {
-          return {};
+        eventId: {
+            type: String,
+            default: '',
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: 'manage',
         },
-      },
-      source: {
-        //展示来源：manage  管理平台    visiual  可视化平台
-        type: String,
-        default: "manage",
-      },
     },
-    watch: {},
-  
+    watch: {
+        
+    },
+
     created() {
-      console.log(this.source);
+
     },
-  
+
     async mounted() {
-      this.getCategoryList();
-      if (this.eventId) {
-        this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-        // 这一步接收到eventDetailCopy在这里回填
-        if (
-          this.eventDetailCopy.parentCategoryId &&
-          this.eventDetailCopy.categoryId
-        ) {
-          this.selCategoryArray.push( this.eventDetailCopy.parentCategoryId,this.eventDetailCopy.categoryId)
+        this.getCategoryList();
+        if (this.eventId) {
+            this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
+            if(this.eventDetailCopy.parentCategoryId){
+                let value = this.eventDetailCopy.parentCategoryId.split(",");
+                value.push(this.eventDetailCopy.categoryId);
+                this.handleChangeCate(value)
+            }
         }
-  
-      }
     },
-  
+
     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() {
-        if(this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]){
-              this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data
-          }else{
-              this.selCateObj = {}
-          }
-          console.log(this.selCateObj);
-      },
-  
-      //重构树，去除网格
-      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);
+        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 {
-              delete childs[i].subCategory;
+                this.$message.error(msg);
             }
-          }
-        }
-        return arr;
-      },
-      async getReplayInfo() {
-        this.okflag = false;
-        this.$refs["ref_form1"].validate((valid, messageObj) => {
-          if (!valid) {
-            app.util.validateRule(messageObj);
-          } else {
-            if (this.status) {
-              console.log(this.selCateObj);
-              if (!this.selCateObj || !this.selCateObj.id) {
-                this.$message.error("请选择事件分类");
-                return false;
-              }
-              this.formData.status = "closed_case";
+            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)
+                }
+            }
+        },
+        buildNode(nodes, treeId) {
+            for (let i = 0; i < nodes.length; i++) {
+                if (nodes[i].id === treeId) {
+                    if (nodes[i].children) {
+                        return nodes[i].children
+                    } else {
+                        return nodes[i]
+                    }
+                }
+            }
+        },
+        handleChangeCate(value) {
+            if (this.selCateObj = this.$refs['myCascader'].getCheckedNodes()[0]) {
+                this.selCateObj = this.$refs['myCascader'].getCheckedNodes()[0].data
+                this.formData.categoryList = this.selCateObj
             } else {
-              this.formData.status = "processing";
+                this.selCateObj = {}
             }
-            this.formData.categoryId = this.selCateObj.id;
-            this.formData.categoryList = [];
-            this.formData.categoryList.push(this.selCateObj);
-  
-            this.okflag = true;
-          }
-        });
-      },
-      handleChangeStatus(val){
-        console.log(val);
-        if(!val){
-          this.$set(this.dataRule,'categoryList',[])
-        }else{
-          this.$set(this.dataRule,'categoryList',[{ required: true, message: "事件分类不能为空", trigger: "blur" }])
-        }
-        console.log(this.dataRule);
-      },
-      resetData() {},
-      // 开启加载动画
-      startLoading() {
-        loading = Loading.service({
-          lock: true, // 是否锁定
-          text: "正在加载……", // 加载中需要显示的文字
-          background: "rgba(0,0,0,.7)", // 背景颜色
-        });
-      },
-      // 结束加载动画
-      endLoading() {
-        // clearTimeout(timer);
-        if (loading) {
-          loading.close();
-        }
-      },
+            if (!value) return
+            this.selCategoryArray = value
+        },
+        //重构树，去除网格
+        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,
+                    };
+                });
+            }
+        },
+        async getReplayInfo() {
+            this.okflag = false;
+            this.$refs['ref_form1'].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj);
+                } else {
+                    if (this.status) {
+                        if (!this.selCateObj || !this.selCateObj.id) {
+                            this.$message.error('请选择事件分类');
+                            return false;
+                        }
+                    }
+                    this.formData.categoryList = [];
+                    this.formData.categoryList.push(this.selCateObj);
+                    this.formData.categoryId = this.selCateObj.id
+                    this.okflag = true;
+                }
+            });
+        },
+        resetData() { },
+        // 开启加载动画
+        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 {
+};
+</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>
-  
\ No newline at end of file
+}
+</style>
diff --git a/src/views/modules/shequzhili/eventOld/cpts/process-form.vue b/src/views/modules/shequzhili/eventOld/cpts/process-form.vue
index 7f6813484..d24438e01 100644
--- a/src/views/modules/shequzhili/eventOld/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/eventOld/cpts/process-form.vue
@@ -1,274 +1,213 @@
 <template>
-  <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="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 label="1">立项</el-radio> -->
-            <el-radio label="2">转服务</el-radio>
-            <!-- <el-radio label="3">转议题</el-radio> -->
-          </el-radio-group>
-        </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>
-      <div v-if="operationType === '5'">
-        <process-form-designate
-          ref="ref_process_form_designate"
-          :source="source"
-          :eventDetailData="eventDetailData"
-          :eventId="eventId"
-        ></process-form-designate>
-      </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>
-      <!-- <div v-if="operationType==='1'">
-        <process-form-project ref="ref_process_form_project"
-                              :source="source"
-                              :eventDetailData="eventDetailData"
-                              :gridId="gridId"
-                              :eventId="eventId"></process-form-project>
-      </div> -->
-
-      <div v-if="operationType === '2'">
-        <process-form-demand
-          ref="ref_process_form_demond"
-          :source="source"
-          :eventId="eventId"
-          :transferObj="transferObj"
-          :demandUserId="demandUserId"
-          :demandUserName="demandUserName"
-          :demandUserMobile="demandUserMobile"
-          :eventDetailData="eventDetailData"
-        ></process-form-demand>
-      </div>
-      <!-- <div v-if="operationType==='3'">
-        <process-form-issue ref="ref_process_form_issue"
-                            :source="source"
-                            :eventDetailData="eventDetailData"
-                            :eventId="eventId"></process-form-issue>
-
-      </div> -->
+    <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="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 label="2">转服务</el-radio>
+                    </el-radio-group>
+                </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>
+            <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>
+            <div v-if="operationType === '5'">
+                <process-form-designate ref="ref_process_form_designate" :source="source" :eventDetailData="eventDetailData"
+                    :eventId="eventId"></process-form-designate>
+            </div>
+            <div v-if="operationType === '2'">
+                <process-form-demand ref="ref_process_form_demond" :source="source" :eventId="eventId"
+                    :transferObj="transferObj" :demandUserId="demandUserId" :demandUserName="demandUserName"
+                    :demandUserMobile="demandUserMobile" :eventDetailData="eventDetailData"></process-form-demand>
+            </div>
+        </div>
     </div>
-  </div>
 </template>
 
 <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 processFormReplayEnd from "./process-form-replay-end";
 import processFormDesignate from "./process-form-designate";
 
+
 let loading; // 加载动画
 
 export default {
-  data() {
-    return {
-      casOptions: [],
-      iscascaderShow: 0,
-      selCategoryArray: [],
-      selCateObj: {},
-      optionProps: {
-        multiple: false,
-        value: "id",
-        label: "name",
-        children: "subCategory",
-      },
-
-      operationType: "",
-
-      replayInfo: {},
-      demand: {},
-      project: {},
-      issueInfo: {},
-      okflag: false,
-
-      eventDetailCopy: {},
-      transferObj: {
-        latitude: "",
-        longitude: "",
-      },
-    };
-  },
-  components: {
-    processFormReplay,
-    processFormProject,
-    processFormDemand,
-    processFormIssue,
-    processFormReplayEnd,
-    processFormDesignate,
-  },
-  computed: {
-    dataRule() {
-      return {
-        operationType: [
-          { required: true, message: "处理方式不能为空", trigger: "blur" },
-        ],
-      };
-    },
-  },
-  props: {
-    demandUserId: {
-      type: String,
-      default: "",
-    },
-    demandUserName: {
-      type: String,
-      default: "",
-    },
-    demandUserMobile: {
-      type: String,
-      default: "",
-    },
-    gridId: {
-      type: String,
-      default: "",
+    data() {
+        return {
+            casOptions: [],
+            iscascaderShow: 0,
+            selCategoryArray: [],
+            selCateObj: {},
+            optionProps: {
+                multiple: false,
+                value: 'id',
+                label: 'name',
+                children: 'subCategory',
+            },
+            operationType: '',
+            replayInfo: {},
+            demand: {},
+            project: {},
+            issueInfo: {},
+            okflag: false,
+            eventDetailCopy: {},
+            transferObj: {
+                latitude: "",
+                longitude: ""
+            }
+        };
     },
-    eventId: {
-      type: String,
-      default: "",
+    components: {
+        processFormReplay,
+        processFormProject,
+        processFormDemand,
+        processFormIssue,
+        processFormDesignate,
+        processFormReplayEnd
     },
-    eventDetailData: {
-      type: Object,
-      default() {
-        return {};
-      },
+    computed: {
+        dataRule() {
+            return {
+                operationType: [
+                    { required: true, message: "处理方式不能为空", trigger: "blur" },
+                ],
+            };
+        },
     },
-    source: {
-      //展示来源：manage  管理平台    visiual  可视化平台
-      type: String,
-      default: "manage",
+    props: {
+        demandUserId: {
+            type: String,
+            default: "",
+        },
+        demandUserName: {
+            type: String,
+            default: "",
+        },
+        demandUserMobile: {
+            type: String,
+            default: "",
+        },
+        gridId: {
+            type: String,
+            default: "",
+        },
+        eventId: {
+            type: String,
+            default: "",
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {}
+            }
+        },
+        source: {//展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: 'manage'
+        }
     },
-  },
-
-  watch: {},
-
-  created() {
-    console.log(this.source);
-  },
-
-  async mounted() {
-    const { user } = this.$store.state;
-    this.agencyId = user.agencyId;
 
-    if (this.eventId) {
-      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
-    }
-    if (this.eventDetailData.operationType) {
-      this.operationType = this.eventDetailCopy.operationType;
-      // this.getProcessInfo()
-    }
-    this.$EventBus.$on("map", (val) => {
-      this.transferObj.latitude = val.lat;
-      this.transferObj.longitude = val.lng;
-    });
-  },
+    watch: {},
 
-  methods: {
-    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;
-        } else {
-          return false;
-        }
-      } else if (this.operationType === "2") {
-        this.$refs.ref_process_form_demond.getDemandInfo();
-        if (this.$refs.ref_process_form_demond.okflag) {
-          this.demand = this.$refs.ref_process_form_demond.formData;
+    created() { },
 
-          this.okflag = true;
-        } else {
-          return false;
+    async mounted() {
+        const { user } = this.$store.state
+        this.agencyId = user.agencyId
+        if (this.eventId) {
+            this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
         }
-      } 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;
-          this.okflag = true;
+        if (this.eventDetailData.operationType) {
+            this.operationType = this.eventDetailCopy.operationType
         }
-      } 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;
-          this.okflag = true;
-        }
-      } else if (this.formData.operationType === "4") {
-        this.replayInfo = {};
-      }
+        this.$EventBus.$on('map', (val) => {
+            this.transferObj.latitude = val.lat
+            this.transferObj.longitude = val.lng
+        })
     },
 
-    handleCancle() {
-      this.resetData();
-    },
-    resetData() {},
-    // 开启加载动画
-    startLoading() {
-      loading = Loading.service({
-        lock: true, // 是否锁定
-        text: "正在加载……", // 加载中需要显示的文字
-        background: "rgba(0,0,0,.7)", // 背景颜色
-      });
-    },
-    // 结束加载动画
-    endLoading() {
-      // clearTimeout(timer);
-      if (loading) {
-        loading.close();
-      }
+    methods: {
+        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;
+                }
+            }else if(this.operationType === '2'){//转服务
+                this.$refs.ref_process_form_demond.getDemandInfo()
+                this.demand = this.$refs.ref_process_form_demond.formData;
+                if (this.$refs.ref_process_form_demond.okflag) {
+                    this.replayInfo = this.$refs.ref_process_form_demond.formData;
+                    this.okflag = true;
+                }
+            } 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
+                    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
+                    this.okflag = true
+                }
+            } else {
+                return false
+            }
+        },
+        handleCancle() {
+            this.resetData();
+        },
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: "正在加载……", // 加载中需要显示的文字
+                background: "rgba(0,0,0,.7)", // 背景颜色
+            });
+        },
+        resetData() {
+
+        },
+        // 结束加载动画
+        endLoading() {
+            if (loading) {
+                loading.close();
+            }
+        },
     },
-  },
 };
 </script>
 
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/shequzhili/event-info.scss";
-</style>
-
-
 
-<style scoped>
 .el-dialog__body {
-  padding: 0 10px 20px !important;
+    padding: 0 10px 20px !important;
 }
 </style>
diff --git a/src/views/modules/shequzhili/eventOld/eventList.vue b/src/views/modules/shequzhili/eventOld/eventList.vue
index 078efbdcd..c00fe5276 100644
--- a/src/views/modules/shequzhili/eventOld/eventList.vue
+++ b/src/views/modules/shequzhili/eventOld/eventList.vue
@@ -1,495 +1,236 @@
 <template>
-  <div class="g-main">
-    <div v-show="pageType == 'list'">
-      <div class="m-search">
-        <el-form
-          :inline="true"
-          :model="formData"
-          ref="ref_searchform"
-          :label-width="'100px'"
-        >
-          <div>
-            <el-form-item label="所属网格" prop="gridId">
-              <el-select
-                class="u-item-width-normal"
-                v-model="formData.gridId"
-                placeholder="全部"
-                size="small"
-                clearable
-              >
-                <el-option
-                  v-for="item in gridList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="上报渠道" prop="sourceType">
-              <el-select
-                v-model="formData.sourceType"
-                placeholder="请选择"
-                size="small"
-                clearable
-                class="u-item-width-normal"
-              >
-                <el-option
-                  v-for="item in qudaoArray"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="事件内容" prop="eventContent">
-              <el-input
-                v-model="formData.eventContent"
-                class="u-item-width-normal"
-                size="small"
-                clearable
-                placeholder="请输入"
-              >
-              </el-input>
-            </el-form-item>
-            <el-form-item label="事件类型" prop="firstIdList">
-              <el-cascader
-                ref="cascaderEvent"
-                v-model="eventTypeCheck"
-                :options="cateOptions"
-                collapse-tags
-                :show-all-levels="false"
-                :props="{
-                  multiple: true,
-                  checkStrictly: false,
-                  emitPath: false,
-                  children: 'subCategory',
-                  label: 'name',
-                  value: 'id',
-                }"
-                clearable
-                class="u-item-width-normal"
-                @change="handleEventType"
-              />
-              <!-- <template slot-scope="{ node, data }">
+    <div class="g-main">
+        <div v-show="pageType == 'list'">
+            <div class="m-search">
+                <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'">
+                    <div>
+                        <el-form-item label="所属网格" prop="gridId">
+                            <el-select class="u-item-width-normal" v-model="formData.gridId" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in gridList" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="上报渠道" prop="sourceType">
+                            <el-select v-model="formData.sourceType" placeholder="请选择" size="small" clearable
+                                class="u-item-width-normal">
+                                <el-option v-for="item in qudaoArray" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="事件内容" prop="eventContent">
+                            <el-input v-model="formData.eventContent" class="u-item-width-normal" size="small" clearable
+                                placeholder="请输入">
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item label="事件类型" prop="firstIdList">
+                            <el-cascader ref="cascaderEvent" v-model="eventTypeCheck" :options="cateOptions" collapse-tags
+                                :show-all-levels="false" :props="{
+                                    multiple: true,
+                                    checkStrictly: false,
+                                    emitPath: false,
+                                    children: 'subCategory',
+                                    label: 'name',
+                                    value: 'id',
+                                }" clearable class="u-item-width-normal" @change="handleEventType" />
+                            <!-- <template slot-scope="{ node, data }">
                   <div @click="cascaderClick(node, data)">
                     <span>{{ data.name }}</span>
                   </div>
                 </template>
               </el-cascader> -->
-            </el-form-item>
-            <el-form-item label="上报人" prop="name">
-              <el-input
-                v-model="formData.name"
-                class="u-item-width-normal"
-                size="small"
-                clearable
-                placeholder="请输入"
-              >
-              </el-input>
-            </el-form-item>
-            <el-form-item label="联系电话" prop="mobile">
-              <el-input
-                v-model="formData.mobile"
-                class="u-item-width-normal"
-                size="small"
-                clearable
-                placeholder="请输入"
-              >
-              </el-input>
-            </el-form-item>
-            <el-form-item label="上报时间" prop="startTime">
-              <el-date-picker
-                v-model="formData.startTime"
-                :picker-options="startPickerOptions"
-                class="u-item-width-daterange"
-                size="small"
-                type="date"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                value="yyyy-MM-dd"
-                placeholder="开始时间"
-              >
-              </el-date-picker>
-              <span class="u-data-tag">至</span>
-              <el-date-picker
-                v-model="formData.endTime"
-                :picker-options="endPickerOptions"
-                class="u-item-width-daterange u-data-tag"
-                size="small"
-                type="date"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                value="yyyy-MM-dd"
-                placeholder="结束时间"
-              >
-              </el-date-picker>
-            </el-form-item>
-
-            <el-form-item label="状态" prop="status">
-              <el-select
-                class="u-item-width-normal"
-                v-model="formData.status"
-                placeholder="全部"
-                size="small"
-                clearable
-              >
-                <el-option
-                  v-for="item in statusArray"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-
-            <el-form-item label="标记" prop="type">
-              <el-select
-                class="u-item-width-normal"
-                v-model="formData.type"
-                placeholder="全部"
-                size="small"
-                clearable
-              >
-                <el-option
-                  v-for="item in typeArray"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-
-
-            <el-row>
-              <el-col :span="24" align="right">
-                <el-button
-                  style="margin-left: 30px"
-                  size="small"
-                  type="primary "
-                  @click="handleSearch"
-                  >查询</el-button
-                >
-                <el-button
-                  style="margin-left: 10px"
-                  size="small"
-                  class="diy-button--white"
-                  @click="resetSearch"
-                  >重置</el-button
-                >
-              </el-col>
-            </el-row>
-          </div>
-        </el-form>
-      </div>
-
-      <div class="m-table">
-        <div class="div_btn">
-          <el-button size="small" type="primary " @click="handleAdd"
-            >新增</el-button
-          >
-
-          <el-button
-            @click="handleExport"
-            class="diy-button--white"
-            size="small"
-            >导出</el-button
-          >
-
-          <el-dropdown
-            size="small"
-            split-button
-            type="primary"
-            style="margin: 0 10px; height: 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-item command="3">标记为自身问题</el-dropdown-item>
-              <el-dropdown-item command="4">标记为超出服务范围</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-          <el-button
-            @click="handleCancalDiffcult"
-            class="diy-button--white"
-            size="small"
-            >取消标记</el-button
-          >
-        </div>
-
-        <el-table
-          :data="tableData"
-          border
-          class="m-table-item"
-          style="width: 100%"
-          @selection-change="handleSelectionChange"
-          :height="maxTableHeight"
-        >
-          <el-table-column
-            label=""
-            fixed="left"
-            type="selection"
-            align="center"
-            width="50"
-          />
-          <el-table-column
-            label="序号"
-            fixed="left"
-            type="index"
-            align="center"
-            width="50"
-          />
-
-          <el-table-column
-            prop="gridName"
-            align="center"
-            label="所属网格"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="categoryName"
-            label="事件类型"
-            min-width="140"
-            align="center"
-            :show-overflow-tooltip="true"
-          />
-          <!-- <template slot-scope="scope">
+                        </el-form-item>
+                        <el-form-item label="上报人" prop="name">
+                            <el-input v-model="formData.name" class="u-item-width-normal" size="small" clearable
+                                placeholder="请输入">
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item label="联系电话" prop="mobile">
+                            <el-input v-model="formData.mobile" class="u-item-width-normal" size="small" clearable
+                                placeholder="请输入">
+                            </el-input>
+                        </el-form-item>
+                        <el-form-item label="上报时间" prop="startTime">
+                            <el-date-picker v-model="formData.startTime" :picker-options="startPickerOptions"
+                                class="u-item-width-daterange" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss"
+                                value="yyyy-MM-dd" placeholder="开始时间">
+                            </el-date-picker>
+                            <span class="u-data-tag">至</span>
+                            <el-date-picker v-model="formData.endTime" :picker-options="endPickerOptions"
+                                class="u-item-width-daterange u-data-tag" size="small" type="date"
+                                value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" placeholder="结束时间">
+                            </el-date-picker>
+                        </el-form-item>
+
+                        <el-form-item label="状态" prop="status">
+                            <el-select class="u-item-width-normal" v-model="formData.status" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in statusArray" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+
+
+                        <el-form-item label="标记" prop="type">
+                            <el-select class="u-item-width-normal" v-model="formData.type" placeholder="全部" size="small"
+                                clearable>
+                                <el-option v-for="item in typeArray" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+
+
+                        <el-row>
+                            <el-col :span="24" align="right">
+                                <el-button style="margin-left: 30px" size="small" type="primary "
+                                    @click="handleSearch">查询</el-button>
+                                <el-button style="margin-left: 10px" size="small" class="diy-button--white"
+                                    @click="resetSearch">重置</el-button>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-form>
+            </div>
+
+            <div class="m-table">
+                <div class="div_btn">
+                    <el-button size="small" type="primary " @click="handleAdd">新增</el-button>
+
+                    <el-button @click="handleExport" class="diy-button--white" size="small">导出</el-button>
+
+                    <el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 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-item command="3">标记为自身问题</el-dropdown-item>
+                            <el-dropdown-item command="4">标记为超出服务范围</el-dropdown-item>
+                        </el-dropdown-menu>
+                    </el-dropdown>
+                    <el-button @click="handleCancalDiffcult" class="diy-button--white" size="small">取消标记</el-button>
+                </div>
+
+                <el-table :data="tableData" border class="m-table-item" style="width: 100%"
+                    @selection-change="handleSelectionChange" :height="maxTableHeight">
+                    <el-table-column label="" fixed="left" type="selection" align="center" width="50" />
+                    <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+
+                    <el-table-column prop="gridName" align="center" label="所属网格" :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="categoryName" label="事件类型" min-width="140" align="center"
+                        :show-overflow-tooltip="true" />
+                    <!-- <template slot-scope="scope">
               {{ scope.row.firstName + '-' + scope.row.secondName }}
             </template>
           </el-table-column> -->
-          <el-table-column
-            prop="eventContent"
-            label="事件内容"
-            align="center"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="imageList"
-            align="center"
-            width="80"
-            label="图片"
-          >
-            <template slot-scope="scope">
-              <el-image
-                v-if="scope.row.imageList && scope.row.imageList.length > 0"
-                style="width: 40px; height: 40px"
-                :src="scope.row.imageList[0]"
-                :preview-src-list="scope.row.imageList"
-              >
-              </el-image>
-              <span v-else></span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="voiceList"
-            align="center"
-            width="80"
-            label="音频"
-          >
-            <template slot-scope="scope">
-              <img
-                @click="handleShowVoice(scope.row.voiceList[0].url)"
-                class="img-voice"
-                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
-                src="@/assets/img/icon-voice.png"
-              />
-
-              <span v-else></span>
-            </template>
-          </el-table-column>
-
-          <el-table-column
-            prop="sourceTypeName"
-            align="center"
-            width="110"
-            label="上报渠道"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="address"
-            align="center"
-            :show-overflow-tooltip="true"
-            label="地址"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="name"
-            align="center"
-            width="100"
-            label="上报人"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="mobile"
-            align="center"
-            width="110"
-            label="联系电话"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="satisfactionName"
-            align="center"
-            width="100"
-            label="满意度"
-            :show-overflow-tooltip="true"
-          >
-            <!-- <template slot-scope="scope">
+                    <el-table-column prop="eventContent" label="事件内容" align="center" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="imageList" align="center" width="80" label="图片">
+                        <template slot-scope="scope">
+                            <el-image v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                                style="width: 40px; height: 40px" :src="scope.row.imageList[0]"
+                                :preview-src-list="scope.row.imageList">
+                            </el-image>
+                            <span v-else></span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="voiceList" align="center" width="80" label="音频">
+                        <template slot-scope="scope">
+                            <img @click="handleShowVoice(scope.row.voiceList[0].url)" class="img-voice"
+                                v-if="scope.row.voiceList && scope.row.voiceList.length > 0"
+                                src="@/assets/img/icon-voice.png" />
+
+                            <span v-else></span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="sourceTypeName" align="center" width="110" label="上报渠道"
+                        :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="address" align="center" :show-overflow-tooltip="true" label="地址">
+                    </el-table-column>
+
+                    <el-table-column prop="name" align="center" width="100" label="上报人" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="mobile" align="center" width="110" label="联系电话" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column prop="satisfactionName" align="center" width="100" label="满意度"
+                        :show-overflow-tooltip="true">
+                        <!-- <template slot-scope="scope">
 
             <span v-if="scope.row.satisfactionName">--</span>
           </template> -->
-          </el-table-column>
-
-          <el-table-column
-            prop="happenTime"
-            align="center"
-            width="140"
-            :show-overflow-tooltip="true"
-            label="上报时间"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="operationTypeName"
-            align="center"
-            width="100"
-            :show-overflow-tooltip="true"
-            label="结点"
-          >
-          </el-table-column>
-
-          <el-table-column
-            prop="status"
-            align="center"
-            label="状态"
-            width="80"
-            :show-overflow-tooltip="true"
-          >
-            <template slot-scope="scope">
-              <span v-if="scope.row.status === 'processing'">处理中</span>
-              <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
-              <span v-else>--</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="markTypeName"
-            align="center"
-            label="标记"
-            width="80"
-            :show-overflow-tooltip="true"
-          >
-          </el-table-column>
-
-          <el-table-column
-            fixed="right"
-            label="操作"
-            align="center"
-            width="100"
-          >
-            <template slot-scope="scope">
-              <el-button
-                v-if="
-                  scope.row.status === 'processing' && !scope.row.operationId
-                "
-                @click="handleDispose(scope.row)"
-                type="text"
-                size="small"
-                class=""
-                >处理</el-button
-              >
-
-              <el-button
-                v-else-if="
-                  scope.row.status === 'closed_case' &&
-                  !scope.row.satisfactionName &&
-                  user.id === scope.row.createdUserId
-                "
-                @click="handleWatch(scope.row)"
-                type="text"
-                size="small"
-                class=""
-                >去评价</el-button
-              >
-              <el-button
-                v-else
-                @click="handleWatch(scope.row)"
-                type="text"
-                size="small"
-                >查看</el-button
-              >
-              <el-button
-                @click="handleDel(scope.row)"
-                type="text"
-                size="small"
-                class=""
-                >删除</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <div>
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page.sync="pageNo"
-            :page-sizes="[20, 50, 100, 200]"
-            :page-size="parseInt(pageSize)"
-            layout="sizes, prev, pager, next, total"
-            :total="total"
-          >
-          </el-pagination>
+                    </el-table-column>
+
+                    <el-table-column prop="happenTime" align="center" width="140" :show-overflow-tooltip="true"
+                        label="上报时间">
+                    </el-table-column>
+                    <el-table-column prop="operationTypeName" align="center" width="100" :show-overflow-tooltip="true"
+                        label="结点">
+                    </el-table-column>
+
+                    <el-table-column prop="status" align="center" label="状态" width="80" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.status === 'processing'">处理中</span>
+                            <span v-else-if="scope.row.status === 'closed_case'">已完成</span>
+                            <span v-else>--</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="markTypeName" align="center" label="标记" width="80" :show-overflow-tooltip="true">
+                    </el-table-column>
+
+                    <el-table-column fixed="right" label="操作" align="center" width="100">
+                        <template slot-scope="scope">
+                            <el-button v-if="scope.row.status === 'processing' && !scope.row.operationId
+                                " @click="handleDispose(scope.row)" type="text" size="small" class="">处理</el-button>
+
+                            <el-button v-else-if="scope.row.status === 'closed_case' &&
+                                !scope.row.satisfactionName &&
+                                user.id === scope.row.createdUserId
+                                " @click="handleWatch(scope.row)" type="text" size="small" class="">去评价</el-button>
+                            <el-button v-else @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
+                            <el-button @click="handleDel(scope.row)" type="text" size="small" class="">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div>
+                    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                        :current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
+                        layout="sizes, prev, pager, next, total" :total="total">
+                    </el-pagination>
+                </div>
+            </div>
         </div>
-      </div>
-    </div>
-    <div
-      v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'"
-    >
-      <event-info
-        ref="eleEditForm"
-        :pageType="pageType"
-        :eventId="eventId"
-        :eventDetailData="eventDetailData"
-        @handleClose="handleClose"
-        @handleOk="handleOk"
-        @dialogOk="handleEditSuccess"
-      />
-    </div>
-
-    <el-dialog
-      :title="'播放语音'"
-      :visible.sync="showVoice"
-      width="40%"
-      top="5vh"
-      append-to-body
-      class="dialog-h"
-      :close-on-click-modal="false"
-    >
-      <div class="dialog-h-content scroll-h">
-        <div style="display: flex; justify-content: center; margin: 50px">
-          <audio controls>
-            <source :src="selVoiceUrl" type="" />
-          </audio>
+        <div v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'add'">
+            <event-info ref="eleEditForm" :pageType="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
+                @handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" />
         </div>
-      </div>
 
-      <div class="resi-btns">
-        <el-button size="small" @click="showVoice = false">取消</el-button>
-      </div>
-    </el-dialog>
-  </div>
+        <el-dialog :title="'播放语音'" :visible.sync="showVoice" width="40%" top="5vh" append-to-body class="dialog-h"
+            :close-on-click-modal="false">
+            <div class="dialog-h-content scroll-h">
+                <div style="display: flex; justify-content: center; margin: 50px">
+                    <audio controls>
+                        <source :src="selVoiceUrl" type="" />
+                    </audio>
+                </div>
+            </div>
+
+            <div class="resi-btns">
+                <el-button size="small" @click="showVoice = false">取消</el-button>
+            </div>
+        </el-dialog>
+    </div>
 </template>
 
 <script>
@@ -500,485 +241,488 @@ import eventInfo from "./cpts/event-info";
 import axios from "axios";
 
 export default {
-  components: { eventInfo },
-
-  data() {
-    let endDisabledDate = (time) => {
-      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-      let nowData = Date.now();
-      if (this.formData.startTime) {
-        let startTime = new Date(this.formData.startTime);
-        return (
-          time.getTime() > nowData ||
-          time.getTime() < startTime ||
-          time.getTime() === startTime
-        );
-      } else {
-        return time.getTime() > nowData;
-      }
-    };
-    let startDisabledDate = (time) => {
-      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-      let nowData = Date.now();
-      return time.getTime() > nowData;
-    };
-
-    return {
-      pageType: "list", // 列表list 新增add  处理dispose 详情info
-      user: {},
-      agencyId: "",
-      gridList: [], //所属网格list--场所区域
-      tableData: [],
-
-      statusArray: [
-        {
-          value: "processing",
-          label: "处理中",
+    components: { eventInfo },
+
+    data() {
+        let endDisabledDate = (time) => {
+            //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+            let nowData = Date.now();
+            if (this.formData.startTime) {
+                let startTime = new Date(this.formData.startTime);
+                return (
+                    time.getTime() > nowData ||
+                    time.getTime() < startTime ||
+                    time.getTime() === startTime
+                );
+            } else {
+                return time.getTime() > nowData;
+            }
+        };
+        let startDisabledDate = (time) => {
+            //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+            let nowData = Date.now();
+            return time.getTime() > nowData;
+        };
+
+        return {
+            pageType: "list", // 列表list 新增add  处理dispose 详情info
+            user: {},
+            agencyId: "",
+            gridList: [], //所属网格list--场所区域
+            tableData: [],
+
+            statusArray: [
+                {
+                    value: "processing",
+                    label: "处理中",
+                },
+                {
+                    value: "closed_case",
+                    label: "已完成",
+                },
+            ],
+
+            typeArray: [
+                {
+                    value: "1",
+                    label: "难点痛点",
+                },
+                {
+                    value: "2",
+                    label: "矛盾纠纷",
+                },
+                {
+                    value: "3",
+                    label: "自身问题",
+                },
+                {
+                    value: "4",
+                    label: "超出服务范围",
+                },
+            ],
+
+            qudaoArray: [
+                {
+                    value: "0",
+                    label: "随手拍/随时讲",
+                },
+                {
+                    value: "1",
+                    label: "多媒体反应",
+                },
+                {
+                    value: "2",
+                    label: "社区电话",
+                },
+                // {
+                //   value: "3",
+                //   label: "12345",
+                // },
+                {
+                    value: "4",
+                    label: "网络员手持终端",
+                },
+                {
+                    value: "5",
+                    label: "北尚诉办",
+                },
+            ],
+
+            formData: {
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            },
+            cateOptions: [],
+            eventTypeCheck: [],
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            total: 1,
+            endPickerOptions: {
+                disabledDate: endDisabledDate,
+            },
+            startPickerOptions: {
+                disabledDate: startDisabledDate,
+            },
+            eventId: "",
+
+            searchH: 180,
+
+            eventDetailData: {},
+
+            showVoice: false,
+            selVoiceUrl: "",
+
+            multipleSelection: [],
+        };
+    },
+    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;
         },
-        {
-          value: "closed_case",
-          label: "已完成",
+        ...mapGetters(["clientHeight", "iframeHeight"]),
+    },
+    watch: {
+        "formData.endTime": function (val) {
+            if (val && val != "") {
+                let arrayTemp = val.split(" ");
+                this.formData.endTime = arrayTemp[0] + " 23:59:59";
+            }
         },
-      ],
+    },
+    mounted() {
+        console.log(this.$store.state);
+        this.user = this.$store.state.user;
 
-      typeArray: [
-        {
-          value: "1",
-          label: "难点痛点",
+        this.agencyId = this.user.agencyId;
+        this.loadGrid();
+        this.getTableData();
+        this.getCateOptions();
+    },
+    methods: {
+        handleEventType(val) {
+            // console.log('val-----eee', val)
+            console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
+            const nodes = this.$refs.cascaderEvent.getCheckedNodes();
+            this.formData.firstIdList = [];
+            this.formData.secondIdList = [];
+            let level1 = nodes.filter((item) => item.level === 1);
+            let level2 = nodes.filter((item) => item.level === 2);
+            console.log("level2----1", level2);
+            level1.forEach((item) => {
+                console.log("level2----2", level2);
+                if (item.hasChildren) {
+                    for (let i = level2.length - 1; i >= 0; i--) {
+                        if (level2[i].parent.value === item.value) level2.splice(i, 1);
+                    }
+                }
+            });
+            this.formData.firstIdList = level1.map((item) => item.value);
+            this.formData.secondIdList = level2.map((item) => item.value);
         },
-        {
-          value: "2",
-          label: "矛盾纠纷",
+        handleSelectionChange(val) {
+            this.multipleSelection = [];
+            val.forEach((element) => {
+                this.multipleSelection.push(element.icEventId);
+            });
+            console.log(this.multipleSelection);
         },
-        {
-          value: "3",
-          label: "自身问题",
+        async handleMarkDiffcult(command) {
+            const url = "/governance/icEventOld/difficultpointevent";
+            if (this.multipleSelection.length == 0) {
+                this.$message.warning('请选择需要标记的事件')
+                return
+            }
+            let params = {
+                icEventIdList: this.multipleSelection,
+                type: command,
+            };
+
+            const { data, code, msg } = await requestPost(url, params);
+
+            if (code === 0) {
+
+                this.$message.success("标记成功");
+                this.getTableData();
+            } else {
+                this.$message.error(msg);
+            }
         },
-        {
-          value: "4",
-          label: "超出服务范围",
+        async handleCancalDiffcult() {
+            const url = "/governance/icEventOld/difficultpointevent";
+            if (this.multipleSelection.length == 0) {
+                this.$message.warning('请选择取消标记的事件')
+                return
+            }
+            let params = {
+                icEventIdList: this.multipleSelection,
+                type: "0",
+            };
+
+            const { data, code, msg } = await requestPost(url, params);
+
+            if (code === 0) {
+                this.$message.success("取消标记成功");
+                this.getTableData();
+            } else {
+                this.$message.error(msg);
+            }
         },
-      ],
 
-      qudaoArray: [
-        {
-          value: "0",
-          label: "随手拍/随时讲",
-        },
-        {
-          value: "1",
-          label: "多媒体反应",
-        },
-        {
-          value: "2",
-          label: "社区电话",
-        },
-        // {
-        //   value: "3",
-        //   label: "12345",
-        // },
-        {
-          value: "4",
-          label: "网络员手持终端",
+        handleSearch(val) {
+            console.log(this.formData);
+            this.pageNo = 1;
+            this.getTableData();
         },
-        {
-          value: "5",
-          label: "北尚诉办",
-        },
-      ],
-
-      formData: {
-        gridId: "",
-        sourceType: "",
-        eventContent: "",
-        name: "",
-        mobile: "",
-        startTime: "",
-        endTime: "",
-        status: "",
-        firstIdList: [],
-        secondIdList: [],
-      },
-      cateOptions: [],
-      eventTypeCheck: [],
-      pageNo: 1,
-      pageSize: window.localStorage.getItem("pageSize") || 20,
-      total: 1,
-      endPickerOptions: {
-        disabledDate: endDisabledDate,
-      },
-      startPickerOptions: {
-        disabledDate: startDisabledDate,
-      },
-      eventId: "",
-      
-      searchH:180,
-
-      eventDetailData: {},
-
-      showVoice: false,
-      selVoiceUrl: "",
-
-      multipleSelection: [],
-    };
-  },
-  computed: {
-    maxTableHeight() {
-      const h = this.clientHeight - this.searchH - 275 + this.iframeHeight;
-      const _h = this.clientHeight - 275 - this.searchH;
-      return this.$store.state.inIframe ? h : _h;
-    },
-    ...mapGetters(["clientHeight", "iframeHeight"]),
-  },
-  watch: {
-    "formData.endTime": function (val) {
-      if (val && val != "") {
-        let arrayTemp = val.split(" ");
-        this.formData.endTime = arrayTemp[0] + " 23:59:59";
-      }
-    },
-  },
-  mounted() {
-    console.log(this.$store.state);
-    this.user = this.$store.state.user;
-
-    this.agencyId = this.user.agencyId;
-    this.loadGrid();
-    this.getTableData();
-    this.getCateOptions();
-  },
-  methods: {
-    handleEventType(val) {
-      // console.log('val-----eee', val)
-      console.log("nodes---", this.$refs.cascaderEvent.getCheckedNodes());
-      const nodes = this.$refs.cascaderEvent.getCheckedNodes();
-      this.formData.firstIdList = [];
-      this.formData.secondIdList = [];
-      let level1 = nodes.filter((item) => item.level === 1);
-      let level2 = nodes.filter((item) => item.level === 2);
-      console.log("level2----1", level2);
-      level1.forEach((item) => {
-        console.log("level2----2", level2);
-        if (item.hasChildren) {
-          for (let i = level2.length - 1; i >= 0; i--) {
-            if (level2[i].parent.value === item.value) level2.splice(i, 1);
-          }
-        }
-      });
-      this.formData.firstIdList = level1.map((item) => item.value);
-      this.formData.secondIdList = level2.map((item) => item.value);
-    },
-    handleSelectionChange(val) {
-      this.multipleSelection = [];
-      val.forEach((element) => {
-        this.multipleSelection.push(element.icEventId);
-      });
-      console.log(this.multipleSelection);
-    },
-    async handleMarkDiffcult(command) {
-      const url = "/governance/icEventOld/difficultpointevent";
-      if(this.multipleSelection.length == 0) {
-        this.$message.warning('请选择需要标记的事件')
-        return
-      }
-      let params = {
-        icEventIdList: this.multipleSelection,
-        type: command,
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-       
-        this.$message.success("标记成功");
-        this.getTableData();
-      } else {
-        this.$message.error(msg);
-      }
-    },
-    async handleCancalDiffcult() {
-      const url = "/governance/icEventOld/difficultpointevent";
-      if(this.multipleSelection.length == 0) {
-        this.$message.warning('请选择取消标记的事件')
-        return
-      }
-      let params = {
-        icEventIdList: this.multipleSelection,
-        type: "0",
-      };
-
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.$message.success("取消标记成功");
-        this.getTableData();
-      } else {
-        this.$message.error(msg);
-      }
-    },
 
-    handleSearch(val) {
-      console.log(this.formData);
-      this.pageNo = 1;
-      this.getTableData();
-    },
-
-    async loadGrid() {
-      const url = "/gov/org/customergrid/gridoption";
+        async loadGrid() {
+            const url = "/gov/org/customergrid/gridoption";
 
-      let params = {
-        agencyId: this.agencyId,
-        purpose: "query",
-      };
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "query",
+            };
 
-      const { data, code, msg } = await requestPost(url, params);
-
-      if (code === 0) {
-        this.gridList = data;
-      } else {
-        this.$message.error(msg);
-      }
-    },
+            const { data, code, msg } = await requestPost(url, params);
 
-    async handleExport() {
-      const url = "/governance/icEventOld/export";
-      const { pageSize, pageNo, formData } = this;
-      axios({
-        url: window.SITE_CONFIG["apiURL"] + url,
-        method: "post",
-        data: {
-          pageSize,
-          pageNo,
-          ...formData,
+            if (code === 0) {
+                this.gridList = data;
+            } else {
+                this.$message.error(msg);
+            }
         },
-        responseType: "blob",
-      })
-        .then((res) => {
-          let fileName = window.decodeURI(
-            res.headers["content-disposition"].split(";")[1].split("=")[1]
-          );
-          console.log("filename", fileName);
-          let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-          var url = window.URL.createObjectURL(blob);
-          var aLink = document.createElement("a");
-          aLink.style.display = "none";
-          aLink.href = url;
-          aLink.setAttribute("download", fileName);
-          document.body.appendChild(aLink);
-          aLink.click();
-          document.body.removeChild(aLink); //下载完成移除元素
-          window.URL.revokeObjectURL(url); //释放掉blob对象
-        })
-        .catch((err) => {
-          console.log("获取导出情失败", err);
-          return this.$message.error("网络错误");
-        });
-    },
-
-    async handleAdd() {
-      this.pageType = "add";
-    },
 
-    async handleWatch(row) {
-      this.eventId = row.icEventId;
-      const url = "/governance/icEventOld/detail";
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
-
-      const { data, code, msg } = await requestPost(url, {
-        icEventId: this.eventId,
-      });
-
-      if (code === 0) {
-        this.eventDetailData = { ...data };
-        this.pageType = "info";
-      } else {
-        this.$message.error(msg);
-      }
-    },
+        async handleExport() {
+            const url = "/governance/icEventOld/export";
+            const { pageSize, pageNo, formData } = this;
+            axios({
+                url: window.SITE_CONFIG["apiURL"] + url,
+                method: "post",
+                data: {
+                    pageSize,
+                    pageNo,
+                    ...formData,
+                },
+                responseType: "blob",
+            })
+                .then((res) => {
+                    let fileName = window.decodeURI(
+                        res.headers["content-disposition"].split(";")[1].split("=")[1]
+                    );
+                    console.log("filename", fileName);
+                    let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
+                    var url = window.URL.createObjectURL(blob);
+                    var aLink = document.createElement("a");
+                    aLink.style.display = "none";
+                    aLink.href = url;
+                    aLink.setAttribute("download", fileName);
+                    document.body.appendChild(aLink);
+                    aLink.click();
+                    document.body.removeChild(aLink); //下载完成移除元素
+                    window.URL.revokeObjectURL(url); //释放掉blob对象
+                })
+                .catch((err) => {
+                    console.log("获取导出情失败", err);
+                    return this.$message.error("网络错误");
+                });
+        },
 
-    //加载组织数据
-    async handleDispose(row) {
-      this.eventId = row.icEventId;
-      const url = "/governance/icEventOld/detail";
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
-
-      const { data, code, msg } = await requestPost(url, {
-        icEventId: this.eventId,
-      });
-
-      if (code === 0) {
-        this.eventDetailData = { ...data };
-        this.pageType = "dispose";
-      } else {
-        this.$message.error(msg);
-      }
-    },
+        async handleAdd() {
+            this.pageType = "add";
+        },
 
-    //显示语音窗口
-    handleShowVoice(url) {
-      this.selVoiceUrl = url;
-      this.showVoice = true;
-    },
+        async handleWatch(row) {
+            this.eventId = row.icEventId;
+            const url = "/governance/icEventOld/detail";
+            // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+
+            if (code === 0) {
+                this.eventDetailData = { ...data };
+                this.pageType = "info";
+            } else {
+                this.$message.error(msg);
+            }
+        },
 
-    handleClose() {
-      this.pageType = "list";
-      this.eventId = "";
-      this.getTableData();
-    },
-    handleOk() {
-      this.pageType = "list";
-      this.eventId = "";
-      this.pageNo = 1;
-      this.getTableData();
-    },
+        //加载组织数据
+        async handleDispose(row) {
+            this.eventId = row.icEventId;
+            const url = "/governance/icEventOld/detail";
+            // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+            const { data, code, msg } = await requestPost(url, {
+                icEventId: this.eventId,
+            });
+
+            if (code === 0) {
+                this.eventDetailData = { ...data };
+                this.pageType = "dispose";
+            } else {
+                this.$message.error(msg);
+            }
+        },
 
-    handleEditSuccess() {
-      this.handleClose();
-      this.getTableData();
-    },
+        //显示语音窗口
+        handleShowVoice(url) {
+            this.selVoiceUrl = url;
+            this.showVoice = true;
+        },
 
-    async handleDel(rowData) {
-      let message = "确认删除?";
-
-      this.$confirm(message, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.delEvent(rowData.icEventId);
-        })
-        .catch((err) => {});
-    },
-    async delEvent(eventId) {
-      const url = "/governance/icEventOld/delete";
-      let idsArr = [eventId];
+        handleClose() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.getTableData();
+        },
+        handleOk() {
+            this.pageType = "list";
+            this.eventId = "";
+            this.pageNo = 1;
+            this.getTableData();
+        },
 
-      const { data, code, msg } = await requestPost(url, idsArr);
+        handleEditSuccess() {
+            this.handleClose();
+            this.getTableData();
+        },
 
-      if (code === 0) {
-        this.$message.success("删除成功！");
-        this.getTableData();
-      } else {
-        this.$message.error("操作失败！");
-      }
-    },
+        async handleDel(rowData) {
+            let message = "确认删除?";
 
-    async getTableData() {
-      const url = "/governance/icEventOld/list";
-      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
-      const { pageSize, pageNo, formData } = this;
-      const { data, code, msg } = await requestPost(url, {
-        pageSize,
-        pageNo,
-        ...formData,
-      });
-      if (code === 0) {
-        this.total = data.total || 0;
-        this.tableData = data.list
-          ? data.list.map((item) => {
-              return item;
+            this.$confirm(message, "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
             })
-          : [];
-
-        // this.tableData.forEach(item => {
-        //   if (item.operationType === '2') {
-        //     item.operationTypeShow = '已转服务'
-        //   }
-        //   if (item.operationType === '1') {
-        //     item.operationTypeShow = '已立项'
-        //   }
-        //   if (item.operationType === '0') {
-        //     item.operationTypeShow = '已回复'
-        //   }
-
-        // });
-      } else {
-        this.$message.error(msg);
-      }
-    },
-    async getCateOptions() {
-      const url = "/governance/issueprojectcategorydict/list";
-
-      const { data, code, msg } = await requestPost(url, {});
-
-      if (code === 0) {
-        // this.cateOptions = data.map((item) => {
-        //   item.subCategory.forEach((subitem) => {
-        //     delete subitem.subCategory;
-        //   });
-        //   return item;
-        // });
-        this.cateOptions = this.deepTree(data, "subCategory");
-      } else {
-        this.$message.error(msg);
-      }
-    },
+                .then(() => {
+                    this.delEvent(rowData.icEventId);
+                })
+                .catch((err) => { });
+        },
+        async delEvent(eventId) {
+            const url = "/governance/icEventOld/delete";
+            let idsArr = [eventId];
+
+            const { data, code, msg } = await requestPost(url, idsArr);
+
+            if (code === 0) {
+                this.$message.success("删除成功！");
+                this.getTableData();
+            } else {
+                this.$message.error("操作失败！");
+            }
+        },
 
-    handleSizeChange(val) {
-      this.pageSize = val;
-      window.localStorage.setItem("pageSize", val);
-      this.getTableData();
-    },
-    handleCurrentChange(val) {
-      this.pageNo = val;
-      this.getTableData();
-    },
+        async getTableData() {
+            const url = "/governance/icEventOld/list";
+            // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/list";
+            const { pageSize, pageNo, formData } = this;
+            const { data, code, msg } = await requestPost(url, {
+                pageSize,
+                pageNo,
+                ...formData,
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                this.tableData = data.list
+                    ? data.list.map((item) => {
+                        return item;
+                    })
+                    : [];
+
+                // this.tableData.forEach(item => {
+                //   if (item.operationType === '2') {
+                //     item.operationTypeShow = '已转服务'
+                //   }
+                //   if (item.operationType === '1') {
+                //     item.operationTypeShow = '已立项'
+                //   }
+                //   if (item.operationType === '0') {
+                //     item.operationTypeShow = '已回复'
+                //   }
+
+                // });
+            } else {
+                this.$message.error(msg);
+            }
+        },
+        async getCateOptions() {
+            const url = "/governance/issueprojectcategorydict/list";
+
+            const { data, code, msg } = await requestPost(url, {});
+
+            if (code === 0) {
+                // this.cateOptions = data.map((item) => {
+                //   item.subCategory.forEach((subitem) => {
+                //     delete subitem.subCategory;
+                //   });
+                //   return item;
+                // });
+                this.cateOptions = this.deepTree(data, "subCategory");
+            } else {
+                this.$message.error(msg);
+            }
+        },
 
-    resetSearch() {
-      this.formData = {
-        gridId: "",
-        sourceType: "",
-        eventContent: "",
-        name: "",
-        mobile: "",
-        startTime: "",
-        endTime: "",
-        status: "",
-        firstIdList: [],
-        secondIdList: [],
-      };
-      this.eventTypeCheck = [];
-
-      this.pageNo = 1;
-      this.getTableData();
-      // this.loadTable()
-    },
-    deepTree(arr, child) {
-      if (Array.isArray(arr) && arr.length > 0) {
-        return arr.map((item) => {
-          // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
-          return {
-            ...item,
-            [child]:
-              (item[child] &&
-                item[child].length > 0 &&
-                this.deepTree(item[child], child)) ||
-              null,
-          };
-        });
-      }
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+
+        resetSearch() {
+            this.formData = {
+                gridId: "",
+                sourceType: "",
+                eventContent: "",
+                name: "",
+                mobile: "",
+                startTime: "",
+                endTime: "",
+                status: "",
+                firstIdList: [],
+                secondIdList: [],
+            };
+            this.eventTypeCheck = [];
+
+            this.pageNo = 1;
+            this.getTableData();
+            // this.loadTable()
+        },
+        deepTree(arr, child) {
+            if (Array.isArray(arr) && arr.length > 0) {
+                return arr.map((item) => {
+                    // if (child === 'subAgencyList') item.value = item.orgType + '-' + item.orgId
+                    return {
+                        ...item,
+                        [child]:
+                            (item[child] &&
+                                item[child].length > 0 &&
+                                this.deepTree(item[child], child)) ||
+                            null,
+                    };
+                });
+            }
+        },
     },
-  },
 };
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/list-main.scss";
+
 .m-search {
-  .u-item-width-normal {
-    width: 200px;
-  }
+    .u-item-width-normal {
+        width: 200px;
+    }
 }
+
 ::v-deep .el-dropdown__caret-button {
-  height: 30px;
+    height: 30px;
 }
+
 ::v-deep .el-image-viewer__close {
-  top: 129px;
-  right: 129px;
-  width: 40px;
-  height: 40px;
-  font-size: 40px;
-  color: #fff;
+    top: 129px;
+    right: 129px;
+    width: 40px;
+    height: 40px;
+    font-size: 40px;
+    color: #fff;
 }
 </style>