详情

6 years ago · 0f182f3ce3
3 changed files with 150 additions and 6 deletions
--- 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) {
--- a/src/views/modules/events/detail.vue
+++ 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>
--- 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) {