From 8178f896cacdb9ce08ff0ce8c549f529e313c9a9 Mon Sep 17 00:00:00 2001
From: fengyu <fengyu@example.com>
Date: Tue, 6 Sep 2022 23:18:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             | 142 +++
 .../modules/events/item-deal-detail-view.vue  | 900 ++++++++++--------
 2 files changed, 647 insertions(+), 395 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 585f4db5..e3f6ea4c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3002,9 +3002,15 @@
           }
         },
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         },
         "lru-cache": {
@@ -4780,9 +4786,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         }
       }
@@ -5128,10 +5140,16 @@
           }
         },
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
           "dev": true
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "isarray": {
           "version": "1.0.0",
@@ -5149,6 +5167,17 @@
             "parse-json": "^2.2.0",
             "pify": "^2.0.0",
             "strip-bom": "^3.0.0"
+<<<<<<< HEAD
+=======
+          },
+          "dependencies": {
+            "graceful-fs": {
+              "version": "4.2.10",
+              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+              "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+              "dev": true
+            }
+>>>>>>> 5c4435b... update dealDetail
           }
         },
         "minimatch": {
@@ -5877,9 +5906,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         }
       }
@@ -6102,9 +6137,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         }
       }
@@ -6122,9 +6163,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         }
       }
@@ -6694,9 +6741,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.2.8",
           "resolved": "https://registry.npmmirror.com/graceful-fs/download/graceful-fs-4.2.8.tgz",
           "integrity": "sha1-5BK40z9eAGWTy9PO5t+fLOu+gCo="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         }
       }
     },
@@ -6972,12 +7025,28 @@
             "graceful-fs": "~1.2.0",
             "inherits": "1",
             "minimatch": "~0.2.11"
+<<<<<<< HEAD
           }
         },
         "graceful-fs": {
           "version": "1.2.3",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-1.2.3.tgz",
           "integrity": "sha1-FaSAaldUfLLS2/J/QuiajDRRs2Q="
+=======
+          },
+          "dependencies": {
+            "graceful-fs": {
+              "version": "4.2.10",
+              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+              "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+            }
+          }
+        },
+        "graceful-fs": {
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "inherits": {
           "version": "1.0.2",
@@ -7258,9 +7327,15 @@
           }
         },
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "2.0.3",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-2.0.3.tgz",
           "integrity": "sha1-fNLNsiiko/Nule+mzBQt59GhNtA="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "gulp-rename": {
           "version": "1.1.0",
@@ -9049,9 +9124,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true,
           "optional": true
         }
@@ -9191,9 +9272,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "strip-bom": {
           "version": "2.0.0",
@@ -10141,9 +10228,15 @@
           }
         },
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.2.8",
           "resolved": "https://registry.npmmirror.com/graceful-fs/download/graceful-fs-4.2.8.tgz",
           "integrity": "sha1-5BK40z9eAGWTy9PO5t+fLOu+gCo="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "minimatch": {
           "version": "3.0.4",
@@ -10942,9 +11035,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         }
       }
     },
@@ -13419,9 +13518,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         },
         "isarray": {
@@ -15256,9 +15361,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "2.0.3",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-2.0.3.tgz",
           "integrity": "sha1-fNLNsiiko/Nule+mzBQt59GhNtA="
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         }
       }
     },
@@ -15351,6 +15462,17 @@
             "ssri": "^6.0.1",
             "unique-filename": "^1.1.1",
             "y18n": "^4.0.0"
+<<<<<<< HEAD
+=======
+          },
+          "dependencies": {
+            "graceful-fs": {
+              "version": "4.2.10",
+              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+              "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+              "dev": true
+            }
+>>>>>>> 5c4435b... update dealDetail
           }
         },
         "end-of-stream": {
@@ -15414,10 +15536,16 @@
           }
         },
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.2.3",
           "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz",
           "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
           "dev": true
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+>>>>>>> 5c4435b... update dealDetail
         },
         "json-schema-traverse": {
           "version": "0.4.1",
@@ -16355,6 +16483,14 @@
           "resolved": "http://r.cnpmjs.org/clone/download/clone-0.2.0.tgz",
           "integrity": "sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8="
         },
+<<<<<<< HEAD
+=======
+        "graceful-fs": {
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+        },
+>>>>>>> 5c4435b... update dealDetail
         "readable-stream": {
           "version": "1.0.34",
           "resolved": "http://r.cnpmjs.org/readable-stream/download/readable-stream-1.0.34.tgz",
@@ -16513,9 +16649,15 @@
       },
       "dependencies": {
         "graceful-fs": {
+<<<<<<< HEAD
           "version": "4.1.11",
           "resolved": "http://r.cnpmjs.org/graceful-fs/download/graceful-fs-4.1.11.tgz",
           "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
+=======
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
+>>>>>>> 5c4435b... update dealDetail
           "dev": true
         }
       }
diff --git a/src/views/modules/events/item-deal-detail-view.vue b/src/views/modules/events/item-deal-detail-view.vue
index 3c8abd4a..d058a6d3 100644
--- a/src/views/modules/events/item-deal-detail-view.vue
+++ b/src/views/modules/events/item-deal-detail-view.vue
@@ -2,10 +2,10 @@
   <div class="project-handle">
     <div style="width: 100%; height: 100%;">
       <div class="project-detail">
-        <div class="project-detail-tip">项目详情</div>
+        <div class="project-detail-tip">议题详情</div>
         <el-form label-position="right"
                  label-width="120px">
-          <el-form-item label="项目内容:"
+          <el-form-item label="议题内容:"
                         prop="eventContent">
             <div>{{dataForm.itemContent}}</div>
             <el-image v-for="url in dataForm.images"
@@ -60,8 +60,10 @@
       </div>
       <div class="project-progress">
         <div class="project-progress-tip">处理进展</div>
-        <el-timeline>
-          <el-timeline-item v-for="(item, index) in timeLineList"
+        <div class="refresh"><el-button type="text" @click="refreshProgress"> <i class="el-icon-refresh"></i></el-button></div>
+        
+        <el-timeline  v-loading="timeloading" style="padding-top: 12px;">
+          <el-timeline-item v-for="(item, index) in timeLineList" 
                             :key="item.id"
                             :color="item.type === 'init' ? 'red' : item.type === 'project' ? '#009688' : '#ffa546'">
             <div :id="`content${index}`"
@@ -147,12 +149,6 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="所属类别:" prop="categoryIds" v-if="categoryVisible">
-            <div class="block">
-              <el-cascader v-model="categoryIds" placeholder="试试搜索：城市管理" :props="{ checkStrictly: true }" :options="categoryOptions" filterable></el-cascader>
-            </div>
-          </el-form-item>
-
           <el-form-item v-if="!hideResident" label="回复居民意见:" prop="outHandleAdvice">
             <el-input v-model="postDataForm.outHandleAdvice"
                       type="textarea"
@@ -288,38 +284,39 @@
 </template>
 
 <script>
-import BMap from 'BMap'
-import 'element-ui/lib/theme-chalk/timeline.css'
-import 'element-ui/lib/theme-chalk/timeline-item.css'
-import 'element-ui/lib/theme-chalk/image.css'
-import debounce from 'lodash/debounce'
-import Cookies from 'js-cookie'
-import 'quill/dist/quill.snow.css'
+import BMap from "BMap";
+import "element-ui/lib/theme-chalk/timeline.css";
+import "element-ui/lib/theme-chalk/timeline-item.css";
+import "element-ui/lib/theme-chalk/image.css";
+import debounce from "lodash/debounce";
+import Cookies from "js-cookie";
+import "quill/dist/quill.snow.css";
 export default {
-  name: 'itemDealDetailView',
-  data () {
+  name: "itemDealDetailView",
+  data() {
     return {
-      map: '',
+      timeloading:true,
+      map: "",
       innerVisible: false,
       dataForm: {
-        id: '',
-        nickName: '',
-        distributeTime: '',
-        itemContent: '',
+        id: "",
+        nickName: "",
+        distributeTime: "",
+        itemContent: "",
         images: [],
-        issueAddress: '',
+        issueAddress: "",
         handleProgressResultDTOS: [],
         issueProgressResultDTOS: [],
         handleResultDTOS: [],
         deptResultDTOS: [],
         evaluateDeptDTOS: [],
-        handleAdvice: '',
-        outHandleAdvice: '',
-        handleCategory: '',
-        issueLatitude: '',
-        issueLongitude: '',
-        handlerDeptIdRule: '',
-        voice: ''
+        handleAdvice: "",
+        outHandleAdvice: "",
+        handleCategory: "",
+        issueLatitude: "",
+        issueLongitude: "",
+        handlerDeptIdRule: "",
+        voice: "",
       },
       isAble: false,
       previewImgList: [],
@@ -329,17 +326,16 @@ export default {
       limitVal: 10,
       total: null,
       postDataForm: {
-        id: '',
-        handleAdvice: '',
-        outHandleAdvice: '',
-        handleCategory: '',
+        id: "",
+        handleAdvice: "",
+        outHandleAdvice: "",
+        handleCategory: "",
         deptResultDTOS: [],
         evaluateDeptDTOS: [],
         handleImagesPC: [],
         outHandleImagesPC: [],
         handleImages: [],
         outHandleImages: [],
-        categoryId: ''
       },
       deptResultDTOSVisible: false,
       evaluateDeptDTOSVisible: false,
@@ -347,503 +343,604 @@ export default {
       options: [],
       loading: false,
       loadingIn: false,
-      uploadUrl: '',
+      uploadUrl: "",
       hideUploadOut: false,
       hideUploadIn: false,
-      dialogImageUrl: '',
+      dialogImageUrl: "",
       dialogVisible: false,
       hideResident: false,
-      categoryVisible: false,
-      categoryIds: [],
-      categoryOptions: []
-    }
+    };
   },
-  mounted () {
-    this.dataForm.id = this.$route.query.id
-    this.getOptions()
-    this.init()
+  mounted() {
+    this.dataForm.id = this.$route.query.id;
+    this.getOptions();
+    this.init();
   },
   filters: {
-    formatState (item) {
-      if (item.type === 'project') {
-        if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length > 0) {
-          return '吹哨'
-        } else if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length === 0) {
-          return '办理'
-        } else if (item.state === 12 || item.state === 1001) {
-          return '响应拟办'
+    formatState(item) {
+      if (item.type === "project") {
+        if (
+          item.state === 0 &&
+          item.itemDeptDTOS &&
+          item.itemDeptDTOS.length > 0
+        ) {
+          return "吹哨";
+        } else if (
+          item.state === 0 &&
+          item.itemDeptDTOS &&
+          item.itemDeptDTOS.length === 0
+        ) {
+          return "办理";
+        } else if (item.state === 12) {
+          return "响应拟办";
         } else if (item.state === 13) {
-          return '直接办理'
+          return "直接办理";
         } else if (item.state === 5) {
-          return '不予受理'
+          return "不予受理";
         } else if (item.state === 10) {
-          return '结案'
+          return "结案";
         } else if (item.state === 11) {
-          return '结案申请'
+          return "结案申请";
         } else if (item.state === 15) {
-          return '上报网格化平台'
+          return "上报网格化平台";
         } else if (item.state === 20) {
-          return '网格化平台-受理'
+          return "网格化平台-受理";
         } else if (item.state === 25) {
-          return '网格化平台-立案'
+          return "网格化平台-立案";
         } else if (item.state === 30) {
-          return '网格化平台-派遣'
+          return "网格化平台-派遣";
         } else if (item.state === 35) {
-          return '网格化平台-中间再派'
+          return "网格化平台-中间再派";
         } else if (item.state === 40) {
-          return '网格化平台-接单'
+          return "网格化平台-接单";
         } else if (item.state === 45) {
-          return '网格化平台-处理'
+          return "网格化平台-处理";
         } else if (item.state === 50) {
-          return '网格化平台-中间督办'
+          return "网格化平台-中间督办";
         } else if (item.state === 55) {
-          return '网格化平台-催办'
+          return "网格化平台-催办";
         } else if (item.state === 60) {
-          return '网格化平台-结案'
+          return "网格化平台-结案";
         } else if (item.state === 85) {
-          return '项目延期-审核通过'
+          return "项目延期-审核通过";
         } else if (item.state === 90) {
-          return '项目熔断-审核通过'
+          return "项目熔断-审核通过";
         }
-      } else if (item.type === 'issue' || item.type === 'init') {
+      } else if (item.type === "issue" || item.type === "init") {
         if (item.state === 0) {
-          return '审核通过'
+          return "审核通过";
         } else if (item.state === 1) {
-          return '回应'
+          return "回应";
         } else if (item.state === 2) {
-          return '关闭'
+          return "关闭";
         } else if (item.state === 3) {
-          return '转议题'
+          return "转议题";
         }
-      } else if (item.type === 'issue-project') {
-        return '转项目'
+      } else if (item.type === "issue-project") {
+        return "转项目";
       }
-    }
+    },
   },
   computed: {
-    dataRule () {
+    dataRule() {
       return {
         handleAdvice: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         outHandleAdvice: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         handleCategory: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         deptResultDTOS: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         evaluateDeptDTOS: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
         handlerDeptIdRule: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+          {
+            required: true,
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
-        categoryIds: [
-          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
-        ]
-      }
-    }
+      };
+    },
   },
   watch: {
-    'postDataForm.handleAdvice': function (val) {
-      this.dataForm.handleAdvice = val
+    "postDataForm.handleAdvice": function(val) {
+      this.dataForm.handleAdvice = val;
     },
-    'postDataForm.outHandleAdvice': function (val) {
-      this.dataForm.outHandleAdvice = val
+    "postDataForm.outHandleAdvice": function(val) {
+      this.dataForm.outHandleAdvice = val;
     },
-    'postDataForm.handleCategory': function (val) {
+    "postDataForm.handleCategory": function(val) {
       if (val === 1) {
-        this.deptResultDTOSVisible = true
-        this.evaluateDeptDTOSVisible = false
-        for (let index = 0; index < this.dataForm.deptResultDTOS.length; index++) {
-          const deptResultDTO = this.dataForm.deptResultDTOS[index]
+        this.deptResultDTOSVisible = true;
+        this.evaluateDeptDTOSVisible = false;
+        for (
+          let index = 0;
+          index < this.dataForm.deptResultDTOS.length;
+          index++
+        ) {
+          const deptResultDTO = this.dataForm.deptResultDTOS[index];
           if (deptResultDTO.selected === true) {
             // this.postDataForm.deptResultDTOS.push(deptResultDTO)
           }
         }
       } else if (val === 10) {
         if (this.dataForm.evaluateDeptDTOS.length === 0) {
-          return
+          return;
         }
-        this.evaluateDeptDTOSVisible = true
-        this.deptResultDTOSVisible = false
+        this.evaluateDeptDTOSVisible = true;
+        this.deptResultDTOSVisible = false;
       } else {
-        this.evaluateDeptDTOSVisible = false
-        this.deptResultDTOSVisible = false
+        this.evaluateDeptDTOSVisible = false;
+        this.deptResultDTOSVisible = false;
       }
-      if (val === 12 || val === 13) {
-        this.categoryVisible = true
-      } else {
-        this.categoryVisible = false
-      }
-    }
+    },
   },
-  created: function () {
-    this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/uploadImg?token=${Cookies.get('token')}`
+  created: function() {
+    this.uploadUrl = `${
+      window.SITE_CONFIG["apiURL"]
+    }/oss/file/uploadImg?token=${Cookies.get("token")}`;
   },
   methods: {
-    getCategoryList () {
-      return this.$http.get('/events/category/list').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        var data = res.data
-        this.getSelectedNode(data, data)
-        this.categoryOptions = data
-      }).catch(() => { })
-    },
-    getSelectedNode (nodeData, parent) {
-      nodeData.forEach(item => {
-        if ('children' in item && item.children.length === 0) {
-          delete item.children
-        } else if ('children' in item && item.children.length) {
-          this.getSelectedNode(item.children, item)
-        }
-      })
+    //刷新
+    refreshProgress(){
+      this.timeloading = true;
+      this.$http 
+        .get(`/events/platform/item/get/${this.dataForm.id}`)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+         
+            return this.$message.error(res.msg);
+          }
+          this.getInfo();
+          // console.log(res)
+        })
+        .catch(() => {});
     },
-    beforeAvatarUpload (file) {
+    beforeAvatarUpload(file) {
       if (this.postDataForm.outHandleImagesPC.length === 3) {
-        this.$message.error('最多上传3张图片!')
-        return false
+        this.$message.error("最多上传3张图片!");
+        return false;
       }
-      this.loading = true
-      this.isAble = true
-      const isJPG = file.type === 'image/jpeg'
-      const isPNG = file.type === 'image/png'
+      this.loading = true;
+      this.isAble = true;
+      const isJPG = file.type === "image/jpeg";
+      const isPNG = file.type === "image/png";
       // 判断是否符合格式要求
       if (!isJPG && !isPNG) {
-        this.$message.error('上传文件必须是jpg、png格式!')
-        this.loading = false
-        this.isAble = false
-        return false
+        this.$message.error("上传文件必须是jpg、png格式!");
+        this.loading = false;
+        this.isAble = false;
+        return false;
       }
     },
-    handleAvatarSuccess (res, file) {
-      this.loading = false
-      this.isAble = false
+    handleAvatarSuccess(res, file) {
+      this.loading = false;
+      this.isAble = false;
       if (res === null || res.data === null || res.data.imgUrl === null) {
-        this.$message.error('文件上传失败！')
-        return false
+        this.$message.error("文件上传失败！");
+        return false;
       }
-      this.postDataForm.outHandleImagesPC.push({ url: res.data.imgUrl, thumbnail: res.data.thumbnail, fileType: 1, recordType: 1, fileName: res.data.fileName })
-      this.hideUploadOut = this.postDataForm.outHandleImagesPC.length >= 3
+      this.postDataForm.outHandleImagesPC.push({
+        url: res.data.imgUrl,
+        thumbnail: res.data.thumbnail,
+        fileType: 1,
+        recordType: 1,
+        fileName: res.data.fileName,
+      });
+      this.hideUploadOut = this.postDataForm.outHandleImagesPC.length >= 3;
     },
-    handelError () {
-      this.loading = false
-      this.loadingIn = false
-      this.isAble = false
-      this.$message.error('上传文件失败!')
+    handelError() {
+      this.loading = false;
+      this.loadingIn = false;
+      this.isAble = false;
+      this.$message.error("上传文件失败!");
     },
-    handleRemove (file, fileList) {
+    handleRemove(file, fileList) {
       for (var i = 0; i < this.postDataForm.outHandleImagesPC.length; i++) {
-        let item = this.postDataForm.outHandleImagesPC[i]
+        let item = this.postDataForm.outHandleImagesPC[i];
         if (item.url === file.url) {
-          this.postDataForm.outHandleImagesPC.splice(i, 1)
+          this.postDataForm.outHandleImagesPC.splice(i, 1);
         }
       }
-      this.hideUploadOut = this.postDataForm.outHandleImagesPC.length >= 3
+      this.hideUploadOut = this.postDataForm.outHandleImagesPC.length >= 3;
     },
-    handlePictureCardPreview (file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
     },
-    beforeAvatarUploadIn (file) {
+    beforeAvatarUploadIn(file) {
       if (this.postDataForm.handleImagesPC.length === 3) {
-        this.$message.error('最多上传3张图片!')
-        return false
+        this.$message.error("最多上传3张图片!");
+        return false;
       }
-      this.loadingIn = true
-      this.isAble = true
-      const isJPG = file.type === 'image/jpeg'
-      const isPNG = file.type === 'image/png'
+      this.loadingIn = true;
+      this.isAble = true;
+      const isJPG = file.type === "image/jpeg";
+      const isPNG = file.type === "image/png";
       // 判断是否符合格式要求
       if (!isJPG && !isPNG) {
-        this.$message.error('上传文件必须是jpg、png格式!')
-        this.loadingIn = false
-        this.isAble = false
-        return false
+        this.$message.error("上传文件必须是jpg、png格式!");
+        this.loadingIn = false;
+        this.isAble = false;
+        return false;
       }
     },
-    handleAvatarSuccessIn (res, file) {
-      this.loadingIn = false
-      this.isAble = false
+    handleAvatarSuccessIn(res, file) {
+      this.loadingIn = false;
+      this.isAble = false;
       if (res === null || res.data === null || res.data.imgUrl === null) {
-        this.$message.error('文件上传失败！')
-        return false
+        this.$message.error("文件上传失败！");
+        return false;
       }
-      this.postDataForm.handleImagesPC.push({ url: res.data.imgUrl, thumbnail: res.data.thumbnail, fileType: 1, recordType: 1, fileName: res.data.fileName })
-      this.hideUploadIn = this.postDataForm.handleImagesPC.length >= 3
+      this.postDataForm.handleImagesPC.push({
+        url: res.data.imgUrl,
+        thumbnail: res.data.thumbnail,
+        fileType: 1,
+        recordType: 1,
+        fileName: res.data.fileName,
+      });
+      this.hideUploadIn = this.postDataForm.handleImagesPC.length >= 3;
     },
-    handelErrorIn () {
-      this.loading = false
-      this.loadingIn = false
-      this.isAble = false
-      this.$message.error('上传文件失败!')
+    handelErrorIn() {
+      this.loading = false;
+      this.loadingIn = false;
+      this.isAble = false;
+      this.$message.error("上传文件失败!");
     },
-    handleRemoveIn (file, fileList) {
+    handleRemoveIn(file, fileList) {
       for (var i = 0; i < this.postDataForm.handleImagesPC.length; i++) {
-        let item = this.postDataForm.handleImagesPC[i]
+        let item = this.postDataForm.handleImagesPC[i];
         if (item.url === file.url) {
-          this.postDataForm.handleImagesPC.splice(i, 1)
+          this.postDataForm.handleImagesPC.splice(i, 1);
         }
       }
-      this.hideUploadIn = this.postDataForm.handleImagesPC.length >= 3
+      this.hideUploadIn = this.postDataForm.handleImagesPC.length >= 3;
     },
-    handlePictureCardPreviewIn (file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
+    handlePictureCardPreviewIn(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
     },
-    backToItemDeal () {
-      this.$parent.selectComponent = 'ItemDeal'
+    backToItemDeal() {
+      this.$parent.selectComponent = "ItemDeal";
     },
-    getOptions () {
+    getOptions() {
       this.$http
         .get(`/sys/user/deptOptions/getDeptAuthByUser`)
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg)
+           
+            return this.$message.error(res.msg);
           }
-          this.options = res.data.options
+          this.options = res.data.options;
         })
-        .catch(() => {})
+        .catch(() => {});
     },
-    visibleChange (val) {
-      if (this.dataForm.handleResultDTOS.length === 0 && this.dataForm.handlerDeptIdRule === '' && val === true) {
-        return this.$message.error('请先选择操作人部门！')
+    visibleChange(val) {
+      if (
+        this.dataForm.handleResultDTOS.length === 0 &&
+        this.dataForm.handlerDeptIdRule === "" &&
+        val === true
+      ) {
+        return this.$message.error("请先选择操作人部门！");
       }
       // 处理选择【结案申请】时，隐藏居民处理意见
       if (this.postDataForm.handleCategory === 11) {
-        this.hideResident = true
+        this.hideResident = true;
       } else {
-        this.hideResident = false
+        this.hideResident = false;
       }
     },
-    changeHandle (value, selectedData) {
-      this.postDataForm.handlerDept = this.$refs['name'].getCheckedNodes()[0].label
-      this.postDataForm.handlerDeptId = this.$refs['name'].getCheckedNodes()[0].value
-      this.getHandleResultDTOS()
+    changeHandle(value, selectedData) {
+      this.postDataForm.handlerDept = this.$refs[
+        "name"
+      ].getCheckedNodes()[0].label;
+      this.postDataForm.handlerDeptId = this.$refs[
+        "name"
+      ].getCheckedNodes()[0].value;
+      this.getHandleResultDTOS();
     },
     // 获取处理项
-    getHandleResultDTOS () {
-      this.dataForm.handleResultDTOS = []
-      this.dataForm.deptResultDTOS = []
-      this.dataForm.evaluateDeptDTOS = []
-      this.postDataForm.handleCategory = ''
-      this.postDataForm.deptResultDTOS = []
-      this.postDataForm.evaluateDeptDTOS = []
-      this.deptResult = []
-      this.$http.post(`/events/item/getHandleResultDTOS`, { itemId: this.dataForm.id, deptId: this.postDataForm.handlerDeptId }).then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.dataForm.handleResultDTOS = res.data.handleResultDTOS
-        this.dataForm.deptResultDTOS = res.data.deptResultDTOS
-        this.dataForm.evaluateDeptDTOS = res.data.evaluateDeptDTOS
-      }).catch(() => { })
+    getHandleResultDTOS() {
+      this.dataForm.handleResultDTOS = [];
+      this.dataForm.deptResultDTOS = [];
+      this.dataForm.evaluateDeptDTOS = [];
+      this.postDataForm.handleCategory = "";
+      this.postDataForm.deptResultDTOS = [];
+      this.postDataForm.evaluateDeptDTOS = [];
+      this.deptResult = [];
+      this.$http
+        .post(`/events/item/getHandleResultDTOS`, {
+          itemId: this.dataForm.id,
+          deptId: this.postDataForm.handlerDeptId,
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.dataForm.handleResultDTOS = res.data.handleResultDTOS;
+          this.dataForm.deptResultDTOS = res.data.deptResultDTOS;
+          this.dataForm.evaluateDeptDTOS = res.data.evaluateDeptDTOS;
+        })
+        .catch(() => {});
     },
-    initBmap (latitude, longitude) {
-      this.map = new BMap.Map('map')
-      const point = new BMap.Point(longitude, latitude)
-      var marker = new BMap.Marker(point)
-      this.map.addOverlay(marker)
-      this.map.centerAndZoom(point, 13)
-      this.map.enableScrollWheelZoom(true)
+    initBmap(latitude, longitude) {
+      this.map = new BMap.Map("map");
+      const point = new BMap.Point(longitude, latitude);
+      var marker = new BMap.Marker(point);
+      this.map.addOverlay(marker);
+      this.map.centerAndZoom(point, 13);
+      this.map.enableScrollWheelZoom(true);
     },
-    init () {
-      this.isAble = false
+    init() {
+      this.isAble = false;
       this.$nextTick(() => {
         if (this.dataForm.id) {
-          this.postDataForm.handleAdvice = ''
-          this.postDataForm.outHandleAdvice = ''
-          this.postDataForm.handleCategory = ''
-          this.postDataForm.deptResultDTOS = []
-          this.postDataForm.evaluateDeptDTOS = []
-          this.getInfo()
-          this.getCommentList()
-          this.getCategoryList()
+          this.postDataForm.handleAdvice = "";
+          this.postDataForm.outHandleAdvice = "";
+          this.postDataForm.handleCategory = "";
+          this.postDataForm.deptResultDTOS = [];
+          this.postDataForm.evaluateDeptDTOS = [];
+          this.getInfo();
+          this.getCommentList();
         }
-      })
+      });
     },
-    clickImg (url) {
-      this.previewImgList = []
-      this.previewImgList.push(url)
+    clickImg(url) {
+      this.previewImgList = [];
+      this.previewImgList.push(url);
     },
     // 获取信息
-    getInfo () {
-      this.$http.get(`/events/item/${this.dataForm.id}`).then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.dataForm = {
-          ...this.dataForm,
-          ...res.data
-        }
-        this.dataForm.handleProgressResultDTOS.forEach((item, index, arr) => {
-          // if (index === arr.length - 1) {
-          //   item.type = 'issue-project'
-          // } else {
-          //   item.type = 'project'
-          // }
-          item.type = 'project' // 2022.9.4 需求变更
-        })
-        this.dataForm.issueProgressResultDTOS.forEach((item, index, arr) => {
-          if (index === arr.length - 1) {
-            item.type = 'init'
-          } else {
-            item.type = 'issue'
+    getInfo() {
+      this.$http
+        .get(`/events/item/${this.dataForm.id}`)
+        .then(({ data: res }) => {
+          this.timeloading = false;
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
           }
-        })
-        this.timeLineList = [...this.dataForm.handleProgressResultDTOS, ...this.dataForm.issueProgressResultDTOS]
-        this.$nextTick(() => {
-          this.timeLineList.forEach((item, index) => {
-            const oDiv = document.getElementById(`content${index}`)
-            const oBorder = oDiv.parentNode.parentNode.parentNode.firstChild
-            if (item.type === 'issue' || item.type === 'issue-project') {
-              oBorder.style.borderLeft = '1px solid #ffa546'
-            } else if (item.type === 'project') {
-              oBorder.style.borderLeft = '1px solid #009688'
+          this.dataForm = {
+            ...this.dataForm,
+            ...res.data,
+          };
+          this.dataForm.handleProgressResultDTOS.forEach((item, index, arr) => {
+            if (index === arr.length - 1) {
+              item.type = "issue-project";
+            } else {
+              item.type = "project";
+            }
+          });
+          this.dataForm.issueProgressResultDTOS.forEach((item, index, arr) => {
+            if (index === arr.length - 1) {
+              item.type = "init";
+            } else {
+              item.type = "issue";
+            }
+          });
+          this.timeLineList = [
+            ...this.dataForm.handleProgressResultDTOS,
+            ...this.dataForm.issueProgressResultDTOS,
+          ];
+          console.log(this.timeLineList)
+          this.$nextTick(() => {
+            this.timeLineList.forEach((item, index) => {
+              const oDiv = document.getElementById(`content${index}`);
+              const oBorder = oDiv.parentNode.parentNode.parentNode.firstChild;
+              if (item.type === "issue" || item.type === "issue-project") {
+                oBorder.style.borderLeft = "1px solid #ffa546";
+              } else if (item.type === "project") {
+                oBorder.style.borderLeft = "1px solid #009688";
+              }
+            });
+          });
+          this.initBmap(
+            this.dataForm.issueLatitude,
+            this.dataForm.issueLongitude
+          );
+          for (
+            let index = 0;
+            index < res.data.handleResultDTOS.length;
+            index++
+          ) {
+            const handleResultDTO = res.data.handleResultDTOS[index];
+            if (handleResultDTO.select === true) {
+              this.dataForm.handleCategory = handleResultDTO.processResult;
             }
-          })
-        })
-        this.initBmap(this.dataForm.issueLatitude, this.dataForm.issueLongitude)
-        for (let index = 0; index < res.data.handleResultDTOS.length; index++) {
-          const handleResultDTO = res.data.handleResultDTOS[index]
-          if (handleResultDTO.select === true) {
-            this.dataForm.handleCategory = handleResultDTO.processResult
           }
-        }
-      }).catch(() => { })
+        })
+        .catch(() => {});
     },
-    deleteComment (val) {
-      this.$confirm('确定要屏蔽该评论吗？屏蔽后不可恢复。', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.$http['post']('/events/item/deleteComment', { commentIds: [val] }).then(({ data: res }) => {
-          if (res.code !== 0) {
-            return this.$message.error(res.msg)
-          }
-          this.$message({
-            message: this.$t('prompt.success'),
-            type: 'success',
-            duration: 500,
-            onClose: () => {
-              this.getCommentList()
-            }
-          })
-        }).catch(() => { })
-      }).catch(() => {
-
+    deleteComment(val) {
+      this.$confirm("确定要屏蔽该评论吗？屏蔽后不可恢复。", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(() => {
+          this.$http["post"]("/events/item/deleteComment", {
+            commentIds: [val],
+          })
+            .then(({ data: res }) => {
+              if (res.code !== 0) {
+                return this.$message.error(res.msg);
+              }
+              this.$message({
+                message: this.$t("prompt.success"),
+                type: "success",
+                duration: 500,
+                onClose: () => {
+                  this.getCommentList();
+                },
+              });
+            })
+            .catch(() => {});
+        })
+        .catch(() => {});
     },
-    pageSizeChangeHandleNew (val) {
-      this.pageIndex = 1
-      this.limitVal = val
-      this.getCommentList()
+    pageSizeChangeHandleNew(val) {
+      this.pageIndex = 1;
+      this.limitVal = val;
+      this.getCommentList();
     },
-    pageCurrentChangeHandleNew (val) {
-      this.pageIndex = val
-      this.getCommentList()
+    pageCurrentChangeHandleNew(val) {
+      this.pageIndex = val;
+      this.getCommentList();
     },
-    getCommentList () {
-      this.$http.get('/events/item/comments', { params: { id: this.dataForm.id, order: this.order, orderField: this.orderField, page: this.pageIndex, limit: this.limitVal }
-      }).then(({ data: res }) => {
-        if (res.code !== 0) {
-          this.commentsDTOs = []
-          this.total = 0
-          return this.$message.error(res.msg)
-        }
-        this.commentsDTOs = res.data.list
-        this.total = res.data.total
-      }).catch(() => { })
+    getCommentList() {
+      this.$http
+        .get("/events/item/comments", {
+          params: {
+            id: this.dataForm.id,
+            order: this.order,
+            orderField: this.orderField,
+            page: this.pageIndex,
+            limit: this.limitVal,
+          },
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.commentsDTOs = [];
+            this.total = 0;
+            return this.$message.error(res.msg);
+          }
+          this.commentsDTOs = res.data.list;
+          this.total = res.data.total;
+        })
+        .catch(() => {});
     },
     // 表单提交
-    dataFormSubmitHandle: debounce(function () {
-      this.postDataForm.categoryId = this.categoryIds[this.categoryIds.length - 1]
-      this.postDataForm.deptResultDTOS = []
-      for (let i = 0; i < this.deptResult.length; i++) {
-        for (let j = 0; j < this.dataForm.deptResultDTOS.length; j++) {
-          if (this.deptResult[i] === this.dataForm.deptResultDTOS[j].deptId) {
-            this.postDataForm.deptResultDTOS.push(this.dataForm.deptResultDTOS[j])
-            break
+    dataFormSubmitHandle: debounce(
+      function() {
+        this.postDataForm.deptResultDTOS = [];
+        for (let i = 0; i < this.deptResult.length; i++) {
+          for (let j = 0; j < this.dataForm.deptResultDTOS.length; j++) {
+            if (this.deptResult[i] === this.dataForm.deptResultDTOS[j].deptId) {
+              this.postDataForm.deptResultDTOS.push(
+                this.dataForm.deptResultDTOS[j]
+              );
+              break;
+            }
           }
         }
-      }
-      this.postDataForm.id = this.dataForm.id
-      if (this.postDataForm.handleCategory === '') {
-        return this.$message.error('请选择处理选项')
-      }
-      if (this.deptResultDTOSVisible) {
-        if (this.postDataForm.deptResultDTOS === undefined || this.postDataForm.deptResultDTOS.length <= 0) {
-          return this.$message.error('请选择流转对象')
+        this.postDataForm.id = this.dataForm.id;
+        if (this.postDataForm.handleCategory === "") {
+          return this.$message.error("请选择处理选项");
         }
-      } else {
-        this.postDataForm.deptResultDTOS = []
-      }
-      if (this.categoryVisible) {
-        if (this.postDataForm.categoryId === undefined || this.postDataForm.categoryId === '') {
-          return this.$message.error('请选择所属类别')
+        if (this.deptResultDTOSVisible) {
+          if (
+            this.postDataForm.deptResultDTOS === undefined ||
+            this.postDataForm.deptResultDTOS.length <= 0
+          ) {
+            return this.$message.error("请选择流转对象");
+          }
+        } else {
+          this.postDataForm.deptResultDTOS = [];
         }
-      }
-      if (this.postDataForm.outHandleAdvice === '' && this.postDataForm.handleCategory !== 11) {
-        return this.$message.error('回复居民意见不能为空')
-      }
-      if (this.postDataForm.outHandleAdvice.length > 500 && this.postDataForm.handleCategory !== 11) {
-        return this.$message.error('回复居民意见不能超过500字')
-      }
-      if (this.postDataForm.handleAdvice === '') {
-        return this.$message.error('项目处理意见不能为空')
-      }
-      if (this.postDataForm.handleAdvice.length > 500) {
-        return this.$message.error('项目处理意见不能超过500字')
-      }
-      if (this.evaluateDeptDTOSVisible) {
-        this.postDataForm.evaluateDeptDTOS = this.dataForm.evaluateDeptDTOS
-        if (this.postDataForm.evaluateDeptDTOS.length !== this.dataForm.evaluateDeptDTOS.length) {
-          return this.$message.error('请完善满意度调查')
+        if (
+          this.postDataForm.outHandleAdvice === "" &&
+          this.postDataForm.handleCategory !== "11"
+        ) {
+          return this.$message.error("回复居民意见不能为空");
         }
-      } else {
-        this.postDataForm.evaluateDeptDTOS = []
-      }
-      this.isAble = true
-      // 将对象遍历成数组
-      for (let oimg = 0; oimg < this.postDataForm.outHandleImagesPC.length; oimg++) {
-        this.postDataForm.outHandleImages[oimg] = this.postDataForm.outHandleImagesPC[oimg].url
-      }
-      for (let himg = 0; himg < this.postDataForm.handleImagesPC.length; himg++) {
-        this.postDataForm.handleImages[himg] = this.postDataForm.handleImagesPC[himg].url
-      }
-      this.$http['post'](
-        '/events/item/itemHandleSubmit', this.postDataForm).then(({ data: res }) => {
-        if (res.code !== 0) {
-          this.isAble = false
-          return this.$message.error(res.msg)
+        if (
+          this.postDataForm.outHandleAdvice.length > 500 &&
+          this.postDataForm.handleCategory !== "11"
+        ) {
+          return this.$message.error("回复居民意见不能超过500字");
+        }
+        if (this.postDataForm.handleAdvice === "") {
+          return this.$message.error("项目处理意见不能为空");
         }
-        this.$message({
-          message: this.$t('prompt.success'),
-          type: 'success',
-          duration: 500,
-          onClose: () => {
-            this.visible = false
-            this.$emit('refreshDataList')
+        if (this.postDataForm.handleAdvice.length > 500) {
+          return this.$message.error("项目处理意见不能超过500字");
+        }
+        if (this.evaluateDeptDTOSVisible) {
+          this.postDataForm.evaluateDeptDTOS = this.dataForm.evaluateDeptDTOS;
+          if (
+            this.postDataForm.evaluateDeptDTOS.length !==
+            this.dataForm.evaluateDeptDTOS.length
+          ) {
+            return this.$message.error("请完善满意度调查");
           }
-        })
-        this.$parent.selectComponent = 'ItemDeal'
-      }).catch(() => { })
-    }, 1000, { 'leading': true, 'trailing': false })
-
-  }
-}
+        } else {
+          this.postDataForm.evaluateDeptDTOS = [];
+        }
+        this.isAble = true;
+        // 将对象遍历成数组
+        for (
+          let oimg = 0;
+          oimg < this.postDataForm.outHandleImagesPC.length;
+          oimg++
+        ) {
+          this.postDataForm.outHandleImages[
+            oimg
+          ] = this.postDataForm.outHandleImagesPC[oimg].url;
+        }
+        for (
+          let himg = 0;
+          himg < this.postDataForm.handleImagesPC.length;
+          himg++
+        ) {
+          this.postDataForm.handleImages[
+            himg
+          ] = this.postDataForm.handleImagesPC[himg].url;
+        }
+        this.$http["post"]("/events/item/itemHandleSubmit", this.postDataForm)
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              this.isAble = false;
+              return this.$message.error(res.msg);
+            }
+            this.$message({
+              message: this.$t("prompt.success"),
+              type: "success",
+              duration: 500,
+              onClose: () => {
+                this.visible = false;
+                this.$emit("refreshDataList");
+              },
+            });
+            this.$parent.selectComponent = "ItemDeal";
+          })
+          .catch(() => {});
+      },
+      1000,
+      { leading: true, trailing: false }
+    ),
+  },
+};
 </script>
 
 <style>
-  .hide .el-upload--picture-card {
-    display: none;
-  }
+.hide .el-upload--picture-card {
+  display: none;
+}
 </style>
 
 <style lang="scss">
@@ -957,6 +1054,19 @@ export default {
       border-radius: 10px;
       background: #ccc;
     }
+
+    .refresh {
+      position: absolute;
+      top: -10px;
+      right: 0;
+      width: 35px;
+      height: 30px;
+      font-size: 23px;
+      line-height: 30px;
+      .el-icon-refresh{
+        font-size: 20px;
+      }
+    }
   }
   .handle-operation {
     padding-top: 20px;