From 3f30dc377315d9921e408aa4c8ce9dfe652f954b Mon Sep 17 00:00:00 2001
From: fengyu <fengyu@example.com>
Date: Thu, 8 Sep 2022 11:07:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E5=86=B2=E7=AA=814?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/events/item-deal-detail-view.vue  | 909 ++++++++++--------
 1 file changed, 491 insertions(+), 418 deletions(-)

diff --git a/src/views/modules/events/item-deal-detail-view.vue b/src/views/modules/events/item-deal-detail-view.vue
index 161039e8..5bd65783 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">
@@ -192,7 +192,7 @@
                       show-word-limit
                       placeholder="请您填写项目的实际办理情况(自己处理、吹哨报到、内部协调)，便于相关部门了解项目的实际情况"></el-input>
           </el-form-item>
-          <el-form-item label="当前办理情况:" prop="handleAdvice" v-if="!isShowDeal  && typeKey == 'grid_party'" >
+          <el-form-item label="当前办理情况:" prop="handleAdvice" v-if="!isShowDeal" >
                 <span>网格层面无法办理，请点击“吹哨报到”，写明当前办理情况及无法办理的原因。<br/>
                       网格层面已办理完成，请上传照片，点击“结案申请”，写明答复依据、办理结果等要素（态度要真诚、容易接受，语言要朴实简练，杜绝出现错字别字、表述不清等现象，此内容经区级平台核查后，反馈给诉求人）。
                 </span>
@@ -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,143 @@ 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') {
+    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 '回应'
+          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 +566,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,282 +829,351 @@ 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)
-          }
-          this.checkParentName = res.data.parentDeptName
-
-          if (res.data.typeKey == 'grid_party') {
-            this.postDataForm.outHandleAdvice = '您的诉求, ' + res.data.parentDeptName + '社区正在全力办理'
-          } else {
-            this.postDataForm.outHandleAdvice =
-              '您的诉求, ' + res.data.parentDeptName + '街道正在协调办理，请您耐心等待'
+            return this.$message.error(res.msg);
           }
-          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('请选择处理选项')
+        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 (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;
@@ -1113,7 +1182,7 @@ export default {
         ) {
           this.postDataForm.outHandleImages[
             oimg
-          ] = this.postDataForm.outHandleImagesPC[oimg].url
+          ] = this.postDataForm.outHandleImagesPC[oimg].url;
         }
         for (
           let himg = 0;
@@ -1122,61 +1191,64 @@ 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.postDataForm.outHandleImages = this.postDataForm.handleImages;
+        console.log(this.postDataForm);
+        
+        this.$confirm(messageTitle, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
 
-        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 })
+        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>
@@ -1229,6 +1301,7 @@ export default {
         margin-left: 140px !important;
       }
       }
+   
 
   }
 </style>