bug修改

src/views/index.vue

@@ -72,6 +72,7 @@
               <el-table
                 :data="noticeList"
                 border
+                @row-click="noticeRowClick"
               >
                 <el-table-column prop="publishTitle" label="标题" :show-overflow-tooltip="true" />
                 <el-table-column prop="releaseTime" label="日期" width="140" />
@@ -89,6 +90,7 @@
               <el-table
                 :data="typeList"
                 border
+                @row-click="regulRowClick"
               >
                 <el-table-column prop="publishTitle" label="标题" :show-overflow-tooltip="true" />
                 <el-table-column prop="releaseTime" label="日期" width="140" />
@@ -106,10 +108,11 @@
               <el-table
                 :data="problemList"
                 border
+                @row-click="problemRowClick"
               >
                 <el-table-column prop="serviceTitle" label="标题" :show-overflow-tooltip="true" />
                 <el-table-column prop="createTime" label="日期" width="140" />
-                <el-table-column prop="isReply" label="是否反馈" width="140" >
+                <el-table-column prop="isReply" label="是否反馈" width="140">
                   <template slot-scope="scope">
                     <span>{{ scope.row.isReply == 1 ? '未反馈' : '已反馈' }}</span>
                   </template>
@@ -157,14 +160,40 @@
         </el-row>
       </el-form>
     </el-dialog>
+    <!-- 查看详情对话框 -->
+    <el-dialog title="查询详情" :visible.sync="detail" width="800px" append-to-body :close-on-click-modal="false">
+      <div class="dialog-content">
+        <div class="title-content">
+          <div>
+            <span class="content-span">{{ this.detailData.type === 'problem' ? this.detailData.serviceTitle : this.detailData.publishTitle }}</span>
+            <span v-if="this.detailData.informationType !== undefined">{{ '(' + this.detailData.informationType + ')' }}</span>
+          </div>
+        </div>
+        <div v-if="this.detailData.type !== 'problem'" class="release-conteng">
+          <div style="padding-right: 20px">发布人：{{ this.detailData.pubByName }}</div>
+          <div style="padding-left: 20px">发布时间：{{ this.detailData.releaseTime }}</div>
+        </div>
+        <hr>
+        <div class="content-detail">{{ this.detailData.type == 'problem' ? this.detailData.serviceContent : this.detailData.pubContent }}</div>
+        <div class="file-content">
+          <div class="file-title">附件：</div>
+          <div class="file-name-content" v-if="this.detailData.type === 'problem'">
+            <div v-for="item in fileData" class="file-name" @click="problemDownload(item)">{{ item.fileName + ' ' }}</div>
+          </div>
+          <div class="file-name-content" v-if="this.detailData.type !== 'problem'" >
+            <div v-for="item in fileData" class="file-name" @click="regulAnnounceDownload(item)">{{ item.fileName + ' ' }}</div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { carList, carListInforma } from '@/api/homePage'
 import { announceList } from '@/api/announcement'
-import { regulList } from '@/api/policiesRegul'
-import { problemList } from '@/api/problemFeedback'
+import { reguDetail, regulList } from '@/api/policiesRegul'
+import { problemDetail, problemList } from '@/api/problemFeedback'
 export default {
   name: 'Index',
   data() {
@@ -175,6 +204,7 @@ export default {
       markerPoint: [], // 地图点位数组
       form: {},
       open: false,
+      detail: false,
       // 企业信息数据
       informationData: {
         isCompleteEnterpriseInfo: true,
@@ -188,7 +218,22 @@ export default {
       },
       noticeList: [], // 最新公告数据
       typeList: [], // 最新政策法规数据
-      problemList: [] // 最新问题反馈数据
+      problemList: [], // 最新问题反馈数据
+      detailData: {
+        pubByName: '', // 发布人
+        publishTitle: '', // 发布标题
+        pubContent: '', // 发布内容
+        releaseTime: '', // 发布时间
+        informationType: '', // 类型
+        files: [], // 文件
+        reply: '', //
+        replayFiles: [], // 反馈信息附件列表
+        serviceTitle: '',
+        serviceContent: '',
+        type: ''
+      },
+      fileData: [],
+      replayFiles: []
     }
   },
   mounted() {
@@ -198,6 +243,56 @@ export default {
     this.getList()
   },
   methods: {
+    /** 获取公告详情 */
+    noticeRowClick(row) {
+      console.log('row', row)
+      reguDetail(row.id).then(response => {
+        this.detailData = response.data
+        this.detailData.pubContent = response.data.pubContent.replace(/<p\s*\/?>/g, '')
+        this.detailData.pubContent = this.detailData.pubContent.replace(/<br\s*\/?>/g, '')
+        this.detailData.pubContent = this.detailData.pubContent.replace(/<\s*\/?p>/g, '')
+        this.fileData = response.data.files
+        console.log('response.data.files', response.data.files)
+        this.detail = true
+      })
+    },
+    /** 获取政策法规详情 */
+    regulRowClick(row) {
+      console.log('row', row)
+      reguDetail(row.id).then(response => {
+        this.detailData = response.data
+        this.detailData.pubContent = response.data.pubContent.replace(/<p\s*\/?>/g, '')
+        this.detailData.pubContent = this.detailData.pubContent.replace(/<br\s*\/?>/g, '')
+        this.detailData.pubContent = this.detailData.pubContent.replace(/<\s*\/?p>/g, '')
+        this.fileData = response.data.files
+        this.detailData.type = 'regul'
+        console.log('response.data.files', response.data.files)
+        this.detail = true
+      })
+    },
+    /** 获取问题反馈详情 */
+    problemRowClick(row) {
+      console.log('row', row)
+      problemDetail(row.id).then(response => {
+        this.detailData = response.data
+        this.fileData = response.data.serviceFiles
+        this.replayFiles = response.data.replayFiles
+        this.detailData.type = 'problem'
+        console.log('response.data.files', response.data.files)
+        this.detail = true
+      })
+    },
+
+    /** 问题反馈文件下载 */
+    problemDownload(data) {
+      console.log('data', data)
+      window.open(data.fileUrl)
+    },
+    /** 公告 政策法规文件下载 */
+    regulAnnounceDownload(data) {
+      console.log('data', data)
+      window.open(data.path)
+    },
     /** 获取最新公告，最新政策法规，最新问题反馈方法 */
     getList() {
       announceList({ pageNum: 1, pageSize: 5 }).then(response => {
@@ -472,5 +567,44 @@ export default {
 .table-two tr:nth-child(6n + 2) {
   background-color: #ffffff;
 }
+
+.dialog-content {
+  .title-content {
+    text-align: center;
+    margin-bottom: 14px;
+    .content-span {
+      font-size: 18px;
+      font-weight: bold;
+      display: inline
+    }
+  }
+  .content-detail {
+    margin-bottom: 14px;
+    height: 300px;
+    overflow-y: scroll;
+  }
+  .file-content {
+    display: inline-block;
+    .file-title {
+      display: inline-block;
+      vertical-align: top;
+    }
+    .file-name-content {
+      display: inline-block;
+      .file-name {
+        color: #20a0ff;
+        cursor: pointer;
+        margin-bottom: 4px
+      }
+    }
+  }
+  .release-conteng {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 14px
+  }
+}
 </style>