From 21d240a79dbf17337072330edd6f8fc960c60eb1 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Thu, 19 May 2022 19:10:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shequzhili/event/cpts/event-detail.vue    |   6 +-
 .../shequzhili/event/cpts/event-info.vue      | 277 ++++++++++++++----
 .../event/cpts/process-form-demand.vue        |  38 ++-
 .../event/cpts/process-form-project.vue       |  20 ++
 .../shequzhili/event/cpts/process-form.vue    |   5 +
 .../modules/shequzhili/event/eventList.vue    |  10 +-
 6 files changed, 286 insertions(+), 70 deletions(-)

diff --git a/src/views/modules/shequzhili/event/cpts/event-detail.vue b/src/views/modules/shequzhili/event/cpts/event-detail.vue
index 5cbca207..ce2cbf93 100644
--- a/src/views/modules/shequzhili/event/cpts/event-detail.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-detail.vue
@@ -24,7 +24,7 @@
                v-for="src in info.imageList"
                @click="watchImg(src)" />
         </div>
-        <div v-if="info.voiceList.length>0"
+        <div v-if="info.voiceList&&info.voiceList.length>0"
              class="info-prop">
           <span class="info-title-2">语音：</span>
           <audio controls>
@@ -96,7 +96,9 @@ export default {
 
   computed: {},
 
-  watch: {},
+  watch: {
+
+  },
 
   mounted () {
     this.getApiData();
diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index 2ef97212..84905e41 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -1,4 +1,4 @@
-h3<template>
+<template>
   <div class="">
     <div v-if="pageType == 'add'">
       <el-card>
@@ -9,43 +9,47 @@ h3<template>
                    @changeUserId="changeUserId"></event-add>
       </el-card>
 
-    </div>
-    <div v-if="pageType == 'add'"
-         class="process-form">
-      <el-card>
-        <h3>处理</h3>
-        <process-form ref="ref_processinfo"
-                      :demandUserId="demandUserId"
-                      :demandUserName="demandUserName"
-                      :demandUserMobile="demandUserMobile"></process-form>
-
-        <div class="div-btn ">
-          <el-button size="small"
-                     @click="handleClose">关闭</el-button>
-          <el-button style="margin-left:20px"
-                     type="primary"
-                     size="small"
-                     @click="handleComfirm">确定</el-button>
-        </div>
-      </el-card>
+      <div class="process-form">
+        <el-card>
+          <h3>处理</h3>
+          <process-form ref="ref_processinfo_add"
+                        :demandUserId="demandUserId"
+                        :demandUserName="demandUserName"
+                        :demandUserMobile="demandUserMobile"></process-form>
+
+          <div class="div-btn ">
+            <el-button size="small"
+                       @click="handleClose">关闭</el-button>
+            <el-button style="margin-left:20px"
+                       type="primary"
+                       size="small"
+                       @click="handleComfirm">确定</el-button>
+          </div>
+        </el-card>
+      </div>
     </div>
 
-    <div class="g-page"
-         v-if="pageType == 'dispose'">
+    <div v-if="pageType == 'dispose'||pageType == 'info'"
+         class="g-page">
       <div class="g-left">
         <el-card>
           <h3>事件详情</h3>
           <event-detail ref="ref_detail"
                         :eventId="eventId"></event-detail>
+          <div v-if="eventDetailData.operationId"
+               class="div-btn ">
+            <el-button size="small"
+                       @click="handleClose">关闭</el-button>
+
+          </div>
         </el-card>
 
-        <div class="process-form">
+        <div v-if="!eventDetailData.operationId"
+             class="process-form">
           <el-card>
             <h3>处理</h3>
-            <process-form ref="ref_processinfo"
-                          :demandUserId="demandUserId"
-                          :demandUserName="demandUserName"
-                          :demandUserMobile="demandUserMobile"></process-form>
+            <process-form ref="ref_processinfo_dispose"
+                          :eventId="eventId"></process-form>
 
             <div class="div-btn ">
               <el-button size="small"
@@ -76,35 +80,98 @@ h3<template>
                   </div>
                 </div>
 
-                <div class="detail">
-                  <div class="detail-field">处理部门：</div>
-                  <div class="detail-value">{{ item.departmentName }}</div>
+                <div v-if="item.type==='event'">
+                  <div class="detail">
+                    <div class="detail-field">回复人：</div>
+                    <div class="detail-value">{{ item.publicReply }}</div>
+                  </div>
+                  <div class="detail">
+                    <div class="detail-field">回复内容：</div>
+                    <div class="detail-value">{{ item.departmentName }}</div>
+                  </div>
                 </div>
 
-                <div class="detail"
-                     v-if="item.processName != '转项目' && item.publicReply">
-                  <div class="detail-field">说 明：</div>
-                  <div class="detail-value">
-                    <fold-text :row="3">{{ item.publicReply }}</fold-text>
+                <div v-if="item.type==='project'">
+                  <div v-if="item.processName==='回复'">
+                    <div class="detail">
+                      <div class="detail-field">回复人：</div>
+                      <div class="detail-value">{{ item.publicReply }}</div>
+                    </div>
+                    <div class="detail">
+                      <div class="detail-field">回复内容：</div>
+                      <div class="detail-value">{{ item.departmentName }}</div>
+                    </div>
+                  </div>
+                  <div v-else>
+                    <div class="detail">
+                      <div class="detail-field">处理部门：</div>
+                      <div class="detail-value">{{ item.departmentName }}</div>
+                    </div>
+
+                    <div class="detail"
+                         v-if="item.processName == '处理响应' && item.assistanceUnitName">
+                      <div class="detail-field">协 办：</div>
+                      <div class="detail-value">
+                        <fold-text :row="3">{{ item.assistanceUnitName }}</fold-text>
+                      </div>
+                    </div>
+                    <div class="detail"
+                         v-if="item.processName != '转项目' && item.publicReply">
+                      <div class="detail-field">说 明：</div>
+                      <div class="detail-value">
+                        <fold-text :row="3">{{ item.publicReply }}</fold-text>
+                      </div>
+                    </div>
+
+                    <div class="detail"
+                         v-if="item.processName != '转项目' && item.internalRemark">
+                      <div class="detail-field">内部备注：</div>
+                      <div class="detail-value">
+                        <fold-text :row="3">{{ item.internalRemark }}</fold-text>
+                      </div>
+                    </div>
+                    <div v-if="item.internalFile&&item.internalFile.length>0"
+                         class="detail">
+                      <div class="attachement-list">
+                        <a :href="att.url"
+                           target="_blank"
+                           :key="att.url"
+                           v-for="att in item.internalFile">
+                          <i class="el-icon-folder-opened"></i>
+                          {{ att.name }}
+                        </a>
+                      </div>
+                    </div>
                   </div>
                 </div>
 
-                <div class="detail"
-                     v-if="item.processName != '转项目' && item.internalRemark">
-                  <div class="detail-field">内部备注：</div>
-                  <div class="detail-value">
-                    <fold-text :row="3">{{ item.internalRemark }}</fold-text>
+                <div v-if="item.type==='demand'">
+                  <div v-if="item.processName==='回复'">
+                    <div class="detail">
+                      <div class="detail-field">回复人：</div>
+                      <div class="detail-value">{{ item.publicReply }}</div>
+                    </div>
+                    <div class="detail">
+                      <div class="detail-field">回复内容：</div>
+                      <div class="detail-value">{{ item.departmentName }}</div>
+                    </div>
                   </div>
-                </div>
-                <div class="detail">
-                  <div class="attachement-list">
-                    <a :href="att.url"
-                       target="_blank"
-                       :key="att.url"
-                       v-for="att in item.internalFile">
-                      <i class="el-icon-folder-opened"></i>
-                      {{ att.name }}
-                    </a>
+                  <div v-if="item.processName==='需求完成'">
+                    <div class="detail">
+                      <div class="detail-field">服务方：</div>
+                      <div class="detail-value">{{ item.serviceParty }}</div>
+                    </div>
+                    <div class="detail">
+                      <div class="detail-field">实际服务时间：</div>
+                      <div class="detail-value">{{ item.actualServiceTime }}</div>
+                    </div>
+                  </div>
+                  <div v-if="item.processName==='转服务'">
+                    <div class="detail">
+                      <div class="detail-field">服务时间：</div>
+                      <div class="detail-value">{{ item.serviceTime }}</div>
+                    </div>
+
                   </div>
                 </div>
               </div>
@@ -143,10 +210,13 @@ function iniData () {
     demand: {},
     project: {},
 
+    //新增
     demandUserId: '',
     demandUserName: '',
     demandUserMobile: '',
 
+    eventDetailData: {},
+
     projectProcess: [],
 
   };
@@ -191,9 +261,29 @@ export default {
     if (this.pageType === 'dispose') {
       this.getProjectProcess()
     }
+
+    if (this.eventId) {
+      this.getEventDetail()
+    }
   },
 
   methods: {
+    //加载组织数据
+    async getEventDetail () {
+      const url = "/gov/project/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+
+        this.eventDetailData = { ...data };
+      } else {
+        this.$message.error(msg);
+      }
+    },
     changeName (val) {
 
       this.demandUserName = val
@@ -240,8 +330,16 @@ export default {
 
       console.log('eventInfo', this.eventInfoData)
     },
-
     handleComfirm () {
+      if (this.pageType === 'add') {
+        this.handelAdd()
+      }
+      if (this.pageType === 'dispose') {
+        this.handelDispose()
+      }
+    },
+
+    handelAdd () {
       if (this.pageType === 'add') {
         this.$refs.ref_add.getEventInfo()
         if (this.$refs.ref_add.okflag) {
@@ -254,28 +352,28 @@ export default {
         console.log('eventInfo', this.eventInfoData)
       }
 
-      this.$refs.ref_processinfo.getProcessInfo()
-      if (this.$refs.ref_processinfo.okflag) {
+      this.$refs.ref_processinfo_add.getProcessInfo()
+      if (this.$refs.ref_processinfo_add.okflag) {
 
-        this.formData.operationType = this.$refs.ref_processinfo.operationType
-        this.formData.categoryList = this.$refs.ref_processinfo.categoryList
+        this.formData.operationType = this.$refs.ref_processinfo_add.operationType
+        this.formData.categoryList = this.$refs.ref_processinfo_add.categoryList
 
         if (this.formData.operationType === '0') {
 
           this.project = {}
           this.demand = {}
-          this.replayInfo = this.$refs.ref_processinfo.replayInfo
+          this.replayInfo = this.$refs.ref_processinfo_add.replayInfo
           console.log('replayInfo', this.replayInfo)
           //回复属性赋值
           this.eventInfoData.content = this.replayInfo.content
           this.eventInfoData.status = this.replayInfo.status
-          this.eventInfoData.categoryList = this.$refs.ref_processinfo.categoryList
+          this.eventInfoData.categoryList = this.$refs.ref_processinfo_add.categoryList
 
 
         } else if (this.formData.operationType === '1') {
           this.replayInfo = {}
           this.demand = {}
-          this.project = this.$refs.ref_processinfo.project
+          this.project = this.$refs.ref_processinfo_add.project
           //项目的属性同事件一样
           this.project.gridId = this.eventInfoData.gridId
           console.log('projectInfo', this.project)
@@ -283,7 +381,7 @@ export default {
         } else if (this.formData.operationType === '2') {
           this.replayInfo = {}
           this.project = {}
-          this.demand = this.$refs.ref_processinfo.demand
+          this.demand = this.$refs.ref_processinfo_add.demand
           //需求的属性同事件一样
           this.demand.gridId = this.eventInfoData.gridId
           this.demand.reportUserName = this.eventInfoData.name//上报人姓名同需求上报人姓名
@@ -330,6 +428,67 @@ export default {
       } else {
       }
     },
+
+    handelDispose () {
+      this.$refs.ref_processinfo_dispose.getProcessInfo()
+      if (this.$refs.ref_processinfo_dispose.okflag) {
+
+        this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType
+        this.formData.categoryList = this.$refs.ref_processinfo_dispose.categoryList
+
+        if (this.formData.operationType === '0') {
+
+          this.project = {}
+          this.demand = {}
+          this.replayInfo = this.$refs.ref_processinfo_dispose.replayInfo
+          this.replayInfo.icEventId = this.eventId
+          console.log('replayInfo', this.replayInfo)
+          //回复属性赋值
+          let url = '/gov/project/icEvent/reply'
+          this.submitDispose(url, this.replayInfo)
+
+        } else if (this.formData.operationType === '1') {
+          this.replayInfo = {}
+          this.demand = {}
+          this.project = this.$refs.ref_processinfo_dispose.project
+          //项目的属性同事件一样
+
+          this.project.icEventId = this.eventId
+          console.log('projectInfo', this.project)
+          let url = '/gov/project/icEvent/icEventToProject'
+          this.submitDispose(url, this.project)
+
+        } else if (this.formData.operationType === '2') {
+          this.replayInfo = {}
+          this.project = {}
+          this.demand = this.$refs.ref_processinfo_dispose.demand
+          //需求的属性同事件一样
+          this.demand.IcEventId = this.eventId
+          console.log('demond', this.demand)
+          let url = '/gov/project/icEvent/icEventToDemand'
+          this.submitDispose(url, this.demand)
+        }
+
+      } else {
+        return false
+      }
+
+    },
+    async submitDispose (url, params) {
+
+      const { data, code, msg } = await requestPost(url, {
+
+        ...params,
+      });
+      if (code === 0) {
+
+        this.$message.success("操作成功！");
+
+        this.$emit("handleOk");
+      } else {
+      }
+    },
+
     handleClose () {
       if (this.pageType === 'add') {
         this.eventInfo = this.$refs.ref_add.resetData()
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-demand.vue b/src/views/modules/shequzhili/event/cpts/process-form-demand.vue
index e35b93ae..560667fe 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-demand.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-demand.vue
@@ -292,6 +292,10 @@ export default {
       type: String,
       default: "",
     },
+    eventId: {
+      type: String,
+      default: "",
+    },
 
   },
   watch: {
@@ -318,12 +322,40 @@ export default {
     // this.formData = { ...this.formDataTemp }
     this.initMap()
 
-    this.formData.demandUserName = this.demandUserName
-    this.formData.demandUserMobile = this.demandUserMobile
-    this.formData.demandUserId = this.demandUserId
+    if (this.eventId) {
+      this.getEventInfo()
+    } else {
+      this.formData.demandUserName = this.demandUserName
+      this.formData.demandUserMobile = this.demandUserMobile
+      this.formData.demandUserId = this.demandUserId
+    }
+
+
   },
 
   methods: {
+    //加载组织数据
+    async getEventInfo () {
+      const url = "/gov/project/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+        this.formData.demandUserName = data.name
+        this.formData.demandUserMobile = data.mobile
+        this.formData.demandUserId = data.reportUserId
+        this.formData.reportTime = data.createdTime
+        this.formData.gridId = data.gridId
+        this.formData.reportUserMobile = data.name
+        this.formData.reportUserName = data.mobile
+
+      } else {
+        this.$message.error(msg);
+      }
+    },
     async getDemandOptions () {
       const url = "/heart/icresidemanddict/demandoption"
       let params = {}
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-project.vue b/src/views/modules/shequzhili/event/cpts/process-form-project.vue
index c0ab2067..ee62b518 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-project.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-project.vue
@@ -326,6 +326,11 @@ export default {
     this.getAssistanceUnitList();
     this.getTagList()
     this.formData = { ...this.formDataTemp }
+    if (this.eventId) {
+      this.getEventInfo()
+    } else {
+
+    }
   },
 
   methods: {
@@ -404,7 +409,22 @@ export default {
       this.visibleTagPanel = false;
     },
 
+    async getEventInfo () {
+      const url = "/gov/project/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
 
+        this.formData.gridId = data.gridId
+
+      } else {
+        this.$message.error(msg);
+      }
+    },
     async getProjectInfo () {
       this.okflag = false
       this.$refs["ref_form"].validate((valid, messageObj) => {
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index ad31c9dc..eb48d64a 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -41,6 +41,7 @@
 
       <div v-if="operationType==='2'">
         <process-form-demand ref="ref_process_form_demond"
+                             :eventId="eventId"
                              :demandUserId="demandUserId"
                              :demandUserName="demandUserName"
                              :demandUserMobile="demandUserMobile"></process-form-demand>
@@ -127,6 +128,10 @@ export default {
       type: String,
       default: "",
     },
+    eventId: {
+      type: String,
+      default: "",
+    },
   },
 
   watch: {
diff --git a/src/views/modules/shequzhili/event/eventList.vue b/src/views/modules/shequzhili/event/eventList.vue
index db5414ce..585657dc 100644
--- a/src/views/modules/shequzhili/event/eventList.vue
+++ b/src/views/modules/shequzhili/event/eventList.vue
@@ -153,11 +153,10 @@
 
           <el-table-column prop="imageList"
                            align="center"
-                           label="图片"
-                           :show-overflow-tooltip="true">
+                           label="图片">
             <template slot-scope="scope">
               <el-image v-if="scope.row.imageList&&scope.row.imageList.length>0"
-                        style="width: 100px; height: 100px"
+                        style="width: 40px; height: 40px"
                         :src="scope.row.imageList[0]"
                         :preview-src-list="scope.row.imageList">
               </el-image>
@@ -166,8 +165,7 @@
           </el-table-column>
           <el-table-column prop="voiceList"
                            align="center"
-                           label="音频"
-                           :show-overflow-tooltip="true">
+                           label="音频">
             <template slot-scope="scope">
               <img class="img-voice"
                    v-if="scope.row.voiceList&&scope.row.voiceList.length>0"
@@ -311,7 +309,7 @@ export default {
     }
 
     return {
-      pageType: "list", // 列表list 新增add  处理dispose 详情info 议题详情issue-info
+      pageType: "list", // 列表list 新增add  处理dispose 详情info 
       agencyId: '',
       gridList: [],//所属网格list--场所区域
       tableData: [],