From 5c4435ba555da1187113cb3eec24499c8169cb64 Mon Sep 17 00:00:00 2001
From: fengyu <fengyu@example.com>
Date: Tue, 6 Sep 2022 23:18:14 +0800
Subject: [PATCH] update dealDetail

---
 package-lock.json                             | 126 +--
 public/index.html                             |   2 +-
 .../modules/events/item-deal-detail-view.vue  | 859 +++++++++++-------
 3 files changed, 571 insertions(+), 416 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0f5287e3..fa531388 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3002,9 +3002,9 @@
           }
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         },
         "lru-cache": {
@@ -4780,9 +4780,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         }
       }
@@ -5128,9 +5128,9 @@
           }
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "isarray": {
           "version": "1.0.0",
@@ -5151,9 +5151,9 @@
           },
           "dependencies": {
             "graceful-fs": {
-              "version": "4.2.9",
-              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-              "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+              "version": "4.2.10",
+              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+              "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
               "dev": true
             }
           }
@@ -5884,9 +5884,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         }
       }
@@ -6109,9 +6109,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         }
       }
@@ -6129,9 +6129,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         }
       }
@@ -6701,9 +6701,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         }
       }
     },
@@ -6982,16 +6982,16 @@
           },
           "dependencies": {
             "graceful-fs": {
-              "version": "4.2.9",
-              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-              "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+              "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.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "inherits": {
           "version": "1.0.2",
@@ -7264,9 +7264,9 @@
           }
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "gulp-rename": {
           "version": "1.1.0",
@@ -9055,9 +9055,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true,
           "optional": true
         }
@@ -9197,9 +9197,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "strip-bom": {
           "version": "2.0.0",
@@ -10142,9 +10142,9 @@
           }
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "minimatch": {
           "version": "3.0.4",
@@ -10928,9 +10928,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         }
       }
     },
@@ -13405,9 +13405,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         },
         "isarray": {
@@ -15242,9 +15242,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         }
       }
     },
@@ -15340,9 +15340,9 @@
           },
           "dependencies": {
             "graceful-fs": {
-              "version": "4.2.9",
-              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-              "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+              "version": "4.2.10",
+              "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+              "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
               "dev": true
             }
           }
@@ -15408,9 +15408,9 @@
           }
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "json-schema-traverse": {
           "version": "0.4.1",
@@ -16349,9 +16349,9 @@
           "integrity": "sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8="
         },
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ=="
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
         },
         "readable-stream": {
           "version": "1.0.34",
@@ -16511,9 +16511,9 @@
       },
       "dependencies": {
         "graceful-fs": {
-          "version": "4.2.9",
-          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
-          "integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
+          "version": "4.2.10",
+          "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+          "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
           "dev": true
         }
       }
diff --git a/public/index.html b/public/index.html
index d3933eb7..dbfb845a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,7 +40,7 @@
   <!-- 开发环境 -->
   <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
   <script>
-      window.SITE_CONFIG['apiURL'] = 'https://epdc-shibei-test.elinkservice.cn/epdc-api'
+      window.SITE_CONFIG['apiURL'] = 'https://epdc-shibei.elinkservice.cn/epdc-api'
   </script>
   <% } %>
   <!-- 集成测试环境 -->
diff --git a/src/views/modules/events/item-deal-detail-view.vue b/src/views/modules/events/item-deal-detail-view.vue
index 027b1f27..d058a6d3 100644
--- a/src/views/modules/events/item-deal-detail-view.vue
+++ b/src/views/modules/events/item-deal-detail-view.vue
@@ -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}`"
@@ -282,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: [],
@@ -323,16 +326,16 @@ export default {
       limitVal: 10,
       total: null,
       postDataForm: {
-        id: '',
-        handleAdvice: '',
-        outHandleAdvice: '',
-        handleCategory: '',
+        id: "",
+        handleAdvice: "",
+        outHandleAdvice: "",
+        handleCategory: "",
         deptResultDTOS: [],
         evaluateDeptDTOS: [],
         handleImagesPC: [],
         outHandleImagesPC: [],
         handleImages: [],
-        outHandleImages: []
+        outHandleImages: [],
       },
       deptResultDTOSVisible: false,
       evaluateDeptDTOSVisible: false,
@@ -340,465 +343,604 @@ export default {
       options: [],
       loading: false,
       loadingIn: false,
-      uploadUrl: '',
+      uploadUrl: "",
       hideUploadOut: false,
       hideUploadIn: false,
-      dialogImageUrl: '',
+      dialogImageUrl: "",
       dialogVisible: false,
-      hideResident: false
-    }
+      hideResident: false,
+    };
   },
-  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 '办理'
+    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 '响应拟办'
+          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",
+          },
+        ],
+      };
+    },
   },
   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;
       }
-    }
+    },
   },
-  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: {
-    beforeAvatarUpload (file) {
+    //刷新
+    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) {
       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.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'
-          }
-        })
-        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.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.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.deptResultDTOSVisible) {
+          if (
+            this.postDataForm.deptResultDTOS === undefined ||
+            this.postDataForm.deptResultDTOS.length <= 0
+          ) {
+            return this.$message.error("请选择流转对象");
+          }
+        } else {
+          this.postDataForm.deptResultDTOS = [];
         }
-      } 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 === "" &&
+          this.postDataForm.handleCategory !== "11"
+        ) {
+          return this.$message.error("回复居民意见不能为空");
+        }
+        if (
+          this.postDataForm.outHandleAdvice.length > 500 &&
+          this.postDataForm.handleCategory !== "11"
+        ) {
+          return this.$message.error("回复居民意见不能超过500字");
         }
-        this.$message({
-          message: this.$t('prompt.success'),
-          type: 'success',
-          duration: 500,
-          onClose: () => {
-            this.visible = false
-            this.$emit('refreshDataList')
+        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("请完善满意度调查");
           }
-        })
-        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">
@@ -912,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;