From 4e9604ea3d0c9323eb80e63c0f3ee2c40c228a56 Mon Sep 17 00:00:00 2001
From: wanggongfeng <1305282856@qq.com>
Date: Thu, 8 Sep 2022 11:44:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=B2=E7=AA=815?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/events/appeal-detail-view.vue     |   4 +-
 .../modules/events/item-close-detail-view.vue |   4 +-
 .../modules/events/item-deal-detail-view.vue  | 920 ++++++++----------
 .../events/item-examine-detail-view.vue       |   4 +-
 4 files changed, 430 insertions(+), 502 deletions(-)

diff --git a/src/views/modules/events/appeal-detail-view.vue b/src/views/modules/events/appeal-detail-view.vue
index 38654ec6..dd560e50 100644
--- a/src/views/modules/events/appeal-detail-view.vue
+++ b/src/views/modules/events/appeal-detail-view.vue
@@ -205,9 +205,11 @@ export default {
     formatState (item) {
       if (item.type === 'project') {
         if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length > 0) {
-          return '吹哨'
+          return '网格吹哨'
         } else if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length === 0) {
           return '回应'
+        } else if (item.state === 1) {
+          return '社区吹哨'
         } else if (item.state === 5) {
           return '不予受理'
         } else if (item.state === 10) {
diff --git a/src/views/modules/events/item-close-detail-view.vue b/src/views/modules/events/item-close-detail-view.vue
index d92e525c..5e7fc4c1 100644
--- a/src/views/modules/events/item-close-detail-view.vue
+++ b/src/views/modules/events/item-close-detail-view.vue
@@ -177,9 +177,11 @@ export default {
     formatState (item) {
       if (item.type === 'project') {
         if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length > 0) {
-          return '吹哨'
+          return '网格吹哨'
         } else if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length === 0) {
           return '回应'
+        } else if (item.state === 1) {
+          return '社区吹哨'
         } else if (item.state === 5) {
           return '不予受理'
         } else if (item.state === 10) {
diff --git a/src/views/modules/events/item-deal-detail-view.vue b/src/views/modules/events/item-deal-detail-view.vue
index 53eb6fb2..45019d7f 100644
--- a/src/views/modules/events/item-deal-detail-view.vue
+++ b/src/views/modules/events/item-deal-detail-view.vue
@@ -126,7 +126,7 @@
             </el-cascader>
           </el-form-item>
           <el-form-item label="办理意见:"
-                        
+
                         prop="handleCategory">
             <el-select v-model="postDataForm.handleCategoryShow"
                        placeholder="请选择" @visible-change="visibleChange">
@@ -221,17 +221,17 @@
                   <el-radio label="涉及党组织、党员、监察对象的检举、控告和申诉，建议您到市北区纪委监委信访室（延吉路80号）反映问题，举报电话：12388">8. 涉及党组织、党员、监察对象的检举、控告和申诉，建议您到市北区纪委监委信访室（延吉路80号）反映问题，举报电话：12388</el-radio>
                   <el-radio label="不在市北区管辖范围的事项">9. 不在市北区管辖范围的事项</el-radio>
                   <el-radio label="其他不予受理的事项">10. 其他不予受理的事项</el-radio>
-                  
+
                 </el-radio-group>
           </el-form-item>
           <el-form-item label="办理人:" prop="handlePeopleName"  >
                   <el-input v-model="postDataForm.handlePeopleName"></el-input>
                   </el-form-item>
-                     
+
                   <el-form-item label="办理人办公电话:" prop="handlePeopleMobile"  >
                     <el-input v-model="postDataForm.handlePeopleMobile"></el-input>
                 </el-form-item>
-  
+
           <el-form-item label="处理意见图片:" v-loading="loadingIn" prop="handleImagesPC">
             <el-upload
                     :action="uploadUrl"
@@ -342,45 +342,45 @@
 </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 {
-      idea: "",
-      isWhistle: true, //吹哨按钮
+      idea: '',
+      isWhistle: true, // 吹哨按钮
       isShowDeal: false,
-      checkParentName: "",
+      checkParentName: '',
       timeloading: true,
-      map: "",
+      map: '',
       innerVisible: false,
       showAdvice: true,
-      typeKey: "", //社区标识
+      typeKey: '', // 社区标识
       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: [],
@@ -390,20 +390,20 @@ export default {
       limitVal: 10,
       total: null,
       postDataForm: {
-        id: "",
-        handlePeopleName: "",
-        handlePeopleMobile: "",
-        handleAdvice: "",
-        outHandleAdvice: "",
-        handleCategory: "",
-        handleCategoryShow: "",
+        id: '',
+        handlePeopleName: '',
+        handlePeopleMobile: '',
+        handleAdvice: '',
+        outHandleAdvice: '',
+        handleCategory: '',
+        handleCategoryShow: '',
         deptResultDTOS: [],
         evaluateDeptDTOS: [],
         handleImagesPC: [],
         outHandleImagesPC: [],
         handleImages: [],
         outHandleImages: [],
-        categoryId: "",
+        categoryId: ''
       },
       deptResultDTOSVisible: false,
       evaluateDeptDTOSVisible: false,
@@ -411,143 +411,138 @@ export default {
       options: [],
       loading: false,
       loadingIn: false,
-      uploadUrl: "",
+      uploadUrl: '',
       hideUploadOut: false,
       hideUploadIn: false,
-      dialogImageUrl: "",
+      dialogImageUrl: '',
       dialogVisible: false,
       hideResident: true,
       categoryVisible: false,
       categoryIds: [],
-      categoryOptions: [],
-    };
+      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
+    formatState (item) {
+      if (item.type === 'project') {
+        if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length > 0
         ) {
-          return "回应";
+          return '网格吹哨'
+        } else if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length === 0) {
+          return '回应'
+        } else if (item.state === 1) {
+          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 === 12 || item.state === 1001) {
-          return "响应拟办";
+          return '响应拟办'
         } else if (item.state === 13) {
-          return "直接办理";
+          return '直接办理'
         } else if (item.state === 14) {
-          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 === 65) {
-          return "网格化平台-办理";
+          return '网格化平台-办理'
         } else if (item.state === 70) {
-          return "网格化平台-批转";
+          return '网格化平台-批转'
         } else if (item.state === 75) {
-          return "网格化平台-退单";
+          return '网格化平台-退单'
         } else if (item.state === 80) {
-          return "网格化平台-办结";
+          return '网格化平台-办结'
         } else if (item.state === 85) {
-          return "项目延期-审核通过";
+          return '项目延期-审核通过'
         } else if (item.state === 90) {
-          return "项目熔断-审核通过";
+          return '项目熔断-审核通过'
         } else {
-          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",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         outHandleAdvice: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         handleCategoryShow: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         deptResultDTOS: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         evaluateDeptDTOS: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         handlerDeptIdRule: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
+            message: this.$t('validate.required'),
+            trigger: 'blur'
+          }
         ],
         // handlePeopleName: [
         //   {
@@ -566,261 +561,261 @@ export default {
         categoryIds: [
           {
             required: true,
-            message: this.$t("validate.required"),
-            trigger: "blur",
-          },
-        ],
-      };
-    },
+            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.handleCategoryShow": function(val) {
-      if (this.typeKey == "community_party") {
+    'postDataForm.handleCategoryShow': function (val) {
+      if (this.typeKey == 'community_party') {
         if (val == 6) {
-          this.isShowDeal = true;
-          this.showAdvice = false;
-          this.isWhistle = false;
+          this.isShowDeal = true
+          this.showAdvice = false
+          this.isWhistle = false
           this.postDataForm.handleAdvice = '历史遗留暂不具备解决条件的事项'
         } else {
-          this.isShowDeal = false;
-          this.showAdvice = true;
-          this.isWhistle = true;
+          this.isShowDeal = false
+          this.showAdvice = true
+          this.isWhistle = true
           this.postDataForm.handleAdvice = ''
         }
       }
       if (val === 1) {
-        this.deptResultDTOSVisible = false;
-        this.evaluateDeptDTOSVisible = false;
+        this.deptResultDTOSVisible = false
+        this.evaluateDeptDTOSVisible = false
         for (
           let index = 0;
           index < this.dataForm.deptResultDTOS.length;
           index++
         ) {
-          const deptResultDTO = this.dataForm.deptResultDTOS[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;
+        this.categoryVisible = true
       } else {
-        this.categoryVisible = false;
+        this.categoryVisible = false
       }
     },
-    "postDataForm.handleCategory": function(val) {
+    'postDataForm.handleCategory': function (val) {
       if (val === 1) {
-        this.deptResultDTOSVisible = false;
-        this.evaluateDeptDTOSVisible = false;
+        this.deptResultDTOSVisible = false
+        this.evaluateDeptDTOSVisible = false
         for (
           let index = 0;
           index < this.dataForm.deptResultDTOS.length;
           index++
         ) {
-          const deptResultDTO = this.dataForm.deptResultDTOS[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;
+        this.categoryVisible = true
       } else {
-        this.categoryVisible = false;
+        this.categoryVisible = false
       }
-    },
+    }
   },
-  created: function() {
+  created: function () {
     this.uploadUrl = `${
-      window.SITE_CONFIG["apiURL"]
-    }/oss/file/uploadImg?token=${Cookies.get("token")}`;
+      window.SITE_CONFIG['apiURL']
+    }/oss/file/uploadImg?token=${Cookies.get('token')}`
   },
   methods: {
-    refreshProgress() {
-      this.timeloading = true;
+    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);
+            return this.$message.error(res.msg)
           }
-          this.getInfo();
+          this.getInfo()
           // console.log(res)
         })
-        .catch(() => {});
+        .catch(() => {})
     },
-    getCategoryList() {
+    getCategoryList () {
       return this.$http
-        .get("/events/category/list")
+        .get('/events/category/list')
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
           }
-          var data = res.data;
-          this.getSelectedNode(data, data);
-          this.categoryOptions = data;
+          var data = res.data
+          this.getSelectedNode(data, data)
+          this.categoryOptions = data
         })
-        .catch(() => {});
+        .catch(() => {})
     },
-    getSelectedNode(nodeData, parent) {
+    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);
+        if ('children' in item && item.children.length === 0) {
+          delete item.children
+        } else if ('children' in item && item.children.length) {
+          this.getSelectedNode(item.children, item)
         }
-      });
+      })
     },
-    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;
+        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;
+        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) {
-      console.log(1111);
+    visibleChange (val) {
+      console.log(1111)
       if (
         this.dataForm.handleResultDTOS.length === 0 &&
-        this.dataForm.handlerDeptIdRule === "" &&
+        this.dataForm.handlerDeptIdRule === '' &&
         val === true
       ) {
-        return this.$message.error("请先选择操作人部门！");
+        return this.$message.error('请先选择操作人部门！')
       }
       // 处理选择【结案申请】时，隐藏居民处理意见
       // if (this.postDataForm.handleCategory === 11) {
@@ -829,351 +824,282 @@ export default {
       //   this.hideResident = false;
       // }
     },
-    changeHandle(value, selectedData) {
-      let node = this.$refs.name.getCheckedNodes()[0];
+    changeHandle (value, selectedData) {
+      let node = this.$refs.name.getCheckedNodes()[0]
 
-      console.log(node);
+      console.log(node)
       this.postDataForm.handlerDept = this.$refs[
-        "name"
-      ].getCheckedNodes()[0].label;
+        'name'
+      ].getCheckedNodes()[0].label
       this.postDataForm.handlerDeptId = this.$refs[
-        "name"
-      ].getCheckedNodes()[0].value;
-      this.getHandleResultDTOS();
+        'name'
+      ].getCheckedNodes()[0].value
+      this.getHandleResultDTOS()
     },
     // 获取处理项
-    getHandleResultDTOS() {
-      this.dataForm.handleResultDTOS = [];
-      this.dataForm.deptResultDTOS = [];
-      this.dataForm.evaluateDeptDTOS = [];
-      this.postDataForm.handleCategoryShow = "";
-      this.postDataForm.deptResultDTOS = [];
-      this.postDataForm.evaluateDeptDTOS = [];
-      this.deptResult = [];
+    getHandleResultDTOS () {
+      this.dataForm.handleResultDTOS = []
+      this.dataForm.deptResultDTOS = []
+      this.dataForm.evaluateDeptDTOS = []
+      this.postDataForm.handleCategoryShow = ''
+      this.postDataForm.deptResultDTOS = []
+      this.postDataForm.evaluateDeptDTOS = []
+      this.deptResult = []
       this.$http
         .post(`/events/item/getHandleResultDTOS`, {
           itemId: this.dataForm.id,
-          deptId: this.postDataForm.handlerDeptId,
+          deptId: this.postDataForm.handlerDeptId
         })
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
           }
-          this.checkParentName = res.data.parentDeptName;
-         
-            if(res.data.typeKey == 'grid_party'){
-              this.postDataForm.outHandleAdvice ="您的诉求, "+ res.data.parentDeptName + "社区正在全力办理";
-            }else{
-              this.postDataForm.outHandleAdvice =
-              "您的诉求, "+res.data.parentDeptName + "街道正在协调办理，请您耐心等待";
-            }
-          this.dataForm.handleResultDTOS = res.data.handleResultDTOS;
-          this.typeKey = res.data.typeKey;
+          this.checkParentName = res.data.parentDeptName
+
+          if (res.data.typeKey == 'grid_party') {
+            this.postDataForm.outHandleAdvice = '您的诉求, ' + res.data.parentDeptName + '社区正在全力办理'
+          } else {
+            this.postDataForm.outHandleAdvice =
+              '您的诉求, ' + res.data.parentDeptName + '街道正在协调办理，请您耐心等待'
+          }
+          this.dataForm.handleResultDTOS = res.data.handleResultDTOS
+          this.typeKey = res.data.typeKey
           if (
             res.data.handleResultDTOS &&
             res.data.handleResultDTOS.length > 0 &&
-            res.data.typeKey == "grid_party"
+            res.data.typeKey == 'grid_party'
           ) {
             this.postDataForm.handleCategoryShow =
-              res.data.handleResultDTOS[0].processResult;
+              res.data.handleResultDTOS[0].processResult
           }
-          this.dataForm.deptResultDTOS = res.data.deptResultDTOS;
-          this.dataForm.evaluateDeptDTOS = res.data.evaluateDeptDTOS;
+          this.dataForm.deptResultDTOS = res.data.deptResultDTOS
+          this.dataForm.evaluateDeptDTOS = res.data.evaluateDeptDTOS
         })
-        .catch(() => {});
+        .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.handleCategoryShow = "";
-          this.postDataForm.deptResultDTOS = [];
-          this.postDataForm.evaluateDeptDTOS = [];
-          this.getInfo();
-          this.getCommentList();
-          this.getCategoryList();
+          this.postDataForm.handleAdvice = ''
+          this.postDataForm.outHandleAdvice = ''
+          this.postDataForm.handleCategoryShow = ''
+          this.postDataForm.deptResultDTOS = []
+          this.postDataForm.evaluateDeptDTOS = []
+          this.getInfo()
+          this.getCommentList()
+          this.getCategoryList()
         }
-      });
+      })
     },
-    clickImg(url) {
-      this.previewImgList = [];
-      this.previewImgList.push(url);
+    clickImg (url) {
+      this.previewImgList = []
+      this.previewImgList.push(url)
     },
     // 获取信息
-    getInfo() {
+    getInfo () {
       this.$http
         .get(`/events/item/${this.dataForm.id}`)
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            return this.$message.error(res.msg);
+            return this.$message.error(res.msg)
           }
-          this.timeloading = false;
+          this.timeloading = false
           this.dataForm = {
             ...this.dataForm,
-            ...res.data,
-          };
+            ...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 需求变更
-          });
+            item.type = 'project' // 2022.9.4 需求变更
+          })
           this.dataForm.issueProgressResultDTOS.forEach((item, index, arr) => {
             if (index === arr.length - 1) {
-              item.type = "init";
+              item.type = 'init'
             } else {
-              item.type = "issue";
+              item.type = 'issue'
             }
-          });
+          })
           this.timeLineList = [
             ...this.dataForm.handleProgressResultDTOS,
-            ...this.dataForm.issueProgressResultDTOS,
-          ];
+            ...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";
+              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];
+            const handleResultDTO = res.data.handleResultDTOS[index]
             if (handleResultDTO.select === true) {
-              this.dataForm.handleCategoryShow = handleResultDTO.processResult;
+              this.dataForm.handleCategoryShow = 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.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.handleCategoryShow =
-                  handleResultDTO.processResult;
-              }
-            }
-          })
-          .catch(() => {});
-      });
-    },
-    deleteComment(val) {
-      this.$confirm("确定要屏蔽该评论吗？屏蔽后不可恢复。", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+    deleteComment (val) {
+      this.$confirm('确定要屏蔽该评论吗？屏蔽后不可恢复。', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
-          this.$http["post"]("/events/item/deleteComment", {
-            commentIds: [val],
+          this.$http['post']('/events/item/deleteComment', {
+            commentIds: [val]
           })
             .then(({ data: res }) => {
               if (res.code !== 0) {
-                return this.$message.error(res.msg);
+                return this.$message.error(res.msg)
               }
               this.$message({
-                message: this.$t("prompt.success"),
-                type: "success",
+                message: this.$t('prompt.success'),
+                type: 'success',
                 duration: 500,
                 onClose: () => {
-                  this.getCommentList();
-                },
-              });
+                  this.getCommentList()
+                }
+              })
             })
-            .catch(() => {});
+            .catch(() => {})
         })
-        .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() {
+    getCommentList () {
       this.$http
-        .get("/events/item/comments", {
+        .get('/events/item/comments', {
           params: {
             id: this.dataForm.id,
             order: this.order,
             orderField: this.orderField,
             page: this.pageIndex,
-            limit: this.limitVal,
-          },
+            limit: this.limitVal
+          }
         })
         .then(({ data: res }) => {
           if (res.code !== 0) {
-            this.commentsDTOs = [];
-            this.total = 0;
-            return this.$message.error(res.msg);
+            this.commentsDTOs = []
+            this.total = 0
+            return this.$message.error(res.msg)
           }
-          this.commentsDTOs = res.data.list;
-          this.total = res.data.total;
+          this.commentsDTOs = res.data.list
+          this.total = res.data.total
         })
-        .catch(() => {});
+        .catch(() => {})
     },
 
     // 表单提交
     dataFormSubmitHandle: debounce(
-      function(type = "") {
+      function (type = '') {
         this.postDataForm.categoryId = this.categoryIds[
           this.categoryIds.length - 1
-        ];
-        this.postDataForm.deptResultDTOS = [];
+        ]
+        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;
+              )
+              break
             }
           }
         }
-        this.postDataForm.id = this.dataForm.id;
-        if (this.postDataForm.handleCategoryShow === "") {
-          return this.$message.error("请选择处理选项");
-        }
-        if(type == 11){
-          if (this.postDataForm.handlePeopleName === "") {
-          return this.$message.error("请输入办理人姓名！");
-        }
-        if (this.postDataForm.handlePeopleMobile === "") {
-          return this.$message.error("请输入办理人办公电话！");
+        this.postDataForm.id = this.dataForm.id
+        if (this.postDataForm.handleCategoryShow === '') {
+          return this.$message.error('请选择处理选项')
         }
+        if (type == 11) {
+          if (this.postDataForm.handlePeopleName === '') {
+            return this.$message.error('请输入办理人姓名！')
+          }
+          if (this.postDataForm.handlePeopleMobile === '') {
+            return this.$message.error('请输入办理人办公电话！')
+          }
         }
         if (this.deptResultDTOSVisible) {
           if (
             this.postDataForm.deptResultDTOS === undefined ||
             this.postDataForm.deptResultDTOS.length <= 0
           ) {
-            return this.$message.error("请选择流转对象");
+            return this.$message.error('请选择流转对象')
           }
         } else {
-          this.postDataForm.deptResultDTOS = [];
+          this.postDataForm.deptResultDTOS = []
         }
         if (this.categoryVisible) {
           if (
             this.postDataForm.categoryId === undefined ||
-            this.postDataForm.categoryId === ""
+            this.postDataForm.categoryId === ''
           ) {
-            return this.$message.error("请选择所属类别");
+            return this.$message.error('请选择所属类别')
           }
         }
         if (
-          this.postDataForm.outHandleAdvice === "" &&
+          this.postDataForm.outHandleAdvice === '' &&
           this.postDataForm.handleCategoryShow !== 11
         ) {
-          return this.$message.error("回复居民意见不能为空");
+          return this.$message.error('回复居民意见不能为空')
         }
         if (
           this.postDataForm.outHandleAdvice.length > 500 &&
           this.postDataForm.handleCategoryShow !== 11
         ) {
-          return this.$message.error("回复居民意见不能超过500字");
+          return this.$message.error('回复居民意见不能超过500字')
         }
-        if (this.postDataForm.handleAdvice === "") {
-          return this.$message.error("项目处理意见不能为空");
+        if (this.postDataForm.handleAdvice === '') {
+          return this.$message.error('项目处理意见不能为空')
         }
         if (this.postDataForm.handleAdvice.length > 500) {
-          return this.$message.error("项目处理意见不能超过500字");
+          return this.$message.error('项目处理意见不能超过500字')
         }
         if (this.evaluateDeptDTOSVisible) {
-          this.postDataForm.evaluateDeptDTOS = this.dataForm.evaluateDeptDTOS;
+          this.postDataForm.evaluateDeptDTOS = this.dataForm.evaluateDeptDTOS
           if (
             this.postDataForm.evaluateDeptDTOS.length !==
             this.dataForm.evaluateDeptDTOS.length
           ) {
-            return this.$message.error("请完善满意度调查");
+            return this.$message.error('请完善满意度调查')
           }
         } else {
-          this.postDataForm.evaluateDeptDTOS = [];
+          this.postDataForm.evaluateDeptDTOS = []
         }
-        this.isAble = true;
+        this.isAble = true
         // 将对象遍历成数组
         for (
           let oimg = 0;
@@ -1182,7 +1108,7 @@ export default {
         ) {
           this.postDataForm.outHandleImages[
             oimg
-          ] = this.postDataForm.outHandleImagesPC[oimg].url;
+          ] = this.postDataForm.outHandleImagesPC[oimg].url
         }
         for (
           let himg = 0;
@@ -1191,64 +1117,61 @@ export default {
         ) {
           this.postDataForm.handleImages[
             himg
-          ] = this.postDataForm.handleImagesPC[himg].url;
+          ] = this.postDataForm.handleImagesPC[himg].url
         }
-        let messageTitle = "";
+        let messageTitle = ''
         if (type == 1) {
-         
-          //代表吹哨按钮
-          if (this.typeKey == "community_party") {
-            messageTitle = "此案件尚未办结，确定吹哨给街道办理"
-            this.postDataForm.handleCategory = 15;
-          } else if (this.typeKey == "grid_party") {
-            messageTitle = "此案件尚未办结，确定吹哨给社区办理"
-            this.postDataForm.handleCategory = 1;
+          // 代表吹哨按钮
+          if (this.typeKey == 'community_party') {
+            messageTitle = '此案件尚未办结，确定吹哨给街道办理'
+            this.postDataForm.handleCategory = 15
+          } else if (this.typeKey == 'grid_party') {
+            messageTitle = '此案件尚未办结，确定吹哨给社区办理'
+            this.postDataForm.handleCategory = 1
           }
         } else {
-          messageTitle = "此案件已办结，确定申请结案"
-          this.postDataForm.handleCategory = 11;
+          messageTitle = '此案件已办结，确定申请结案'
+          this.postDataForm.handleCategory = 11
         }
-        let imagesAttr = this.postDataForm.handleImagesPC;
+        let imagesAttr = this.postDataForm.handleImagesPC
         imagesAttr.forEach((item) => {
-          item.uid = item.uid + "77000";
-        });
-        this.postDataForm.outHandleImagesPC = imagesAttr;
+          item.uid = item.uid + '77000'
+        })
+        this.postDataForm.outHandleImagesPC = imagesAttr
 
-        this.postDataForm.outHandleImages = this.postDataForm.handleImages;
-        console.log(this.postDataForm);
-        
-        this.$confirm(messageTitle, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
+        this.postDataForm.outHandleImages = this.postDataForm.handleImages
+        console.log(this.postDataForm)
 
-        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(() => {});
-      }).catch(() => {this.isAble = false});;
-      
+        this.$confirm(messageTitle, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          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(() => {})
+        }).catch(() => { this.isAble = false })
       },
       1000,
       { leading: true, trailing: false }
-    ),
-  },
-};
+    )
+  }
+}
 </script>
 
 <style>
@@ -1301,7 +1224,6 @@ export default {
         margin-left: 140px !important;
       }
       }
-   
 
   }
 </style>
diff --git a/src/views/modules/events/item-examine-detail-view.vue b/src/views/modules/events/item-examine-detail-view.vue
index f274876f..a9267fc0 100644
--- a/src/views/modules/events/item-examine-detail-view.vue
+++ b/src/views/modules/events/item-examine-detail-view.vue
@@ -247,9 +247,11 @@ export default {
     formatState (item) {
       if (item.type === 'project') {
         if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length > 0) {
-          return '吹哨'
+          return '网格吹哨'
         } else if (item.state === 0 && item.itemDeptDTOS && item.itemDeptDTOS.length === 0) {
           return '回应'
+        } else if (item.state === 1) {
+          return '社区吹哨'
         } else if (item.state === 5) {
           return '不予受理'
         } else if (item.state === 10) {