From 0f182f3ce37d693d3a4351cc4f387b74a74467fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E9=87=91=E9=B9=8F?= <daofugui@163.com>
Date: Fri, 6 Sep 2019 21:09:29 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/events/close.vue   |  18 +++-
 src/views/modules/events/detail.vue  | 123 +++++++++++++++++++++++++++
 src/views/modules/events/process.vue |  15 +++-
 3 files changed, 150 insertions(+), 6 deletions(-)
 create mode 100644 src/views/modules/events/detail.vue

diff --git a/src/views/modules/events/close.vue b/src/views/modules/events/close.vue
index a6811a52..b59b4cd9 100644
--- a/src/views/modules/events/close.vue
+++ b/src/views/modules/events/close.vue
@@ -68,7 +68,7 @@
         <el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('events:close:look')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('look') }}</el-button>
+            <el-button v-if="$hasPermission('events:close:look')" type="text" size="small" @click="detailAction(scope.row.id)">{{ $t('look') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -81,8 +81,8 @@
         @size-change="pageSizeChangeHandle"
         @current-change="pageCurrentChangeHandle">
       </el-pagination>
-      <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <!-- 弹窗 -->
+      <detail v-if="detailVisible" ref="detail" @refreshDataList="getDataList"></detail>
     </div>
   </el-card>
 </template>
@@ -90,6 +90,7 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './epdcevents-add-or-update'
+import Detail from './detail'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -98,6 +99,7 @@ export default {
         getDataListURL: '/events/issue/page',
         getDataListIsPage: true
       },
+      detailVisible: false,
       dataForm: {
         startTime: '',
         endTime: '',
@@ -128,12 +130,20 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    Detail
   },
   created: function () {
     this.getStreetList()
   },
   methods: {
+    detailAction (id) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detail.dataForm.id = id
+        this.$refs.detail.init()
+      })
+    },
     getStreetList () {
       this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
         if (res.code !== 0) {
diff --git a/src/views/modules/events/detail.vue b/src/views/modules/events/detail.vue
new file mode 100644
index 00000000..4f7e66fd
--- /dev/null
+++ b/src/views/modules/events/detail.vue
@@ -0,0 +1,123 @@
+<template>
+  <el-dialog :visible.sync="visible" :title="$t('verifyLabel')" :close-on-click-modal="false" :close-on-press-escape="false">
+    <el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+      <el-form-item label="发布人">
+        <p>{{dataForm.nickName}}</p>
+      </el-form-item>
+      <el-form-item label="发布时间">
+        <p>{{dataForm.distributeTime}}</p>
+      </el-form-item>
+      <el-form-item label="议题内容">
+        <p>{{dataForm.issueContent}}</p>
+      </el-form-item>
+      <el-form-item>
+        <span>支持 {{dataForm.approveNum}}</span>
+        <span>反对 {{dataForm.opposeNum}}</span>
+        <span>评论 {{dataForm.commentNum}}</span>
+      </el-form-item>
+      <el-form-item label="工作反馈">
+        <el-timeline :reverse="false">
+          <el-timeline-item v-for="(feedbackDTO, index) in dataForm.feedbackDTOList" :key="index" :timestamp="feedbackDTO.createdTime" placement="top">
+            <el-card>
+              <p>【{{feedbackDTO.stateName}}】{{feedbackDTO.createdTime}}</p>
+              <p>{{feedbackDTO.advice}}</p>
+            </el-card>
+          </el-timeline-item>
+        </el-timeline>
+      </el-form-item>
+      <el-form-item label="评论">
+        <el-collapse v-for="(commentsDTO, index) in commentsDTOs" :key="index" :name="index">
+          <el-collapse-item>
+            <template slot="title">
+              {{commentsDTO.content}}
+            </template>
+            <div>{{commentsDTO.replyComment ? commentsDTO.replyComment.content : ''}}</div>
+          </el-collapse-item>
+          <el-button @click="pingbi(commentsDTO.content)">屏蔽评论</el-button>
+        </el-collapse>
+        <el-pagination
+        :current-page="pageIndex"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limitVal"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandleNew"
+        @current-change="pageCurrentChangeHandleNew">
+      </el-pagination>
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: '',
+        nickName: '',
+        distributeTime: '',
+        issueContent: '',
+        feedbackDTOList: []
+      },
+      order: '',
+      orderField: '',
+      pageIndex: 1,
+      limitVal: 10,
+      total: 0,
+      commentsDTOs: []
+    }
+  },
+  methods: {
+    init () {
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.getInfo()
+          this.getCommentList()
+        }
+      })
+    },
+    pingbi (val) {
+      console.log(val)
+    },
+    getInfo () {
+      this.$http.get(`/events/issue/issueContentDetail/${this.dataForm.id}`).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.dataForm = {
+          ...this.dataForm,
+          ...res.data
+        }
+      }).catch(() => {})
+    },
+    pageSizeChangeHandleNew (val) {
+      this.pageIndex = 1
+      this.limitVal = val
+      this.getCommentList()
+    },
+    pageCurrentChangeHandleNew (val) {
+      this.pageIndex = val
+      this.getCommentList()
+    },
+    getCommentList () {
+      this.$http.get('/events/issue/comments', { params: { id: this.dataForm.id, order: this.order, orderField: this.orderField, page: this.pageIndex, limit: this.limitVal }
+      }).then(({ data: res }) => {
+        if (res.code !== 0) {
+          this.commentsDTOs = []
+          this.total = 0
+          return this.$message.error(res.msg)
+        }
+        this.commentsDTOs = res.data.list
+        this.total = res.data.total
+      }).catch(() => {})
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/events/process.vue b/src/views/modules/events/process.vue
index 491fdf3a..23dfeef9 100644
--- a/src/views/modules/events/process.vue
+++ b/src/views/modules/events/process.vue
@@ -68,7 +68,7 @@
         <el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('events:issue:look')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('look') }}</el-button>
+            <el-button v-if="$hasPermission('events:issue:look')" type="text" size="small" @click="detailAction(scope.row.id)">{{ $t('look') }}</el-button>
             <el-button v-if="$hasPermission('events:issue:deal')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('deal') }}</el-button>
           </template>
         </el-table-column>
@@ -84,6 +84,7 @@
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <detail v-if="detailVisible" ref="detail" @refreshDataList="getDataList"></detail>
     </div>
   </el-card>
 </template>
@@ -91,6 +92,7 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './process-add-or-update'
+import Detail from './detail'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -99,6 +101,7 @@ export default {
         getDataListURL: '/events/issue/page',
         getDataListIsPage: true
       },
+      detailVisible: false,
       dataForm: {
         startTime: '',
         endTime: '',
@@ -129,12 +132,20 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    Detail
   },
   created: function () {
     this.getStreetList()
   },
   methods: {
+    detailAction (id) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detail.dataForm.id = id
+        this.$refs.detail.init()
+      })
+    },
     getStreetList () {
       this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
         if (res.code !== 0) {