[update]-标协会议token换成变量；标协会议的增加

src/views/MessagePage/MeetingDetailModal.vue

@@ -65,6 +65,35 @@
       </a-row>
     </section>
     <!--会议信息end-->
+    <!--开票邮寄信息begin-->
+    <section class="logistics-info">
+      <h3 class="title">开票邮寄信息</h3>
+      <div>
+        <span class="collapse-span color-blue" @click="showMoreInfo = !showMoreInfo">{{showMoreInfo ? '收起': '查看'}}</span>
+      </div>
+      <div class="wrap-table" :class="{'hide': !showMoreInfo}">
+        <a-table
+          ref="table"
+          size="middle"
+          rowKey="id"
+          :scroll="{x:true}"
+          :pagination="false"
+          :columns="columns"
+          :dataSource="logisticsInfoList"
+          class="j-table-force-nowrap"
+          :class="{'hide': !showMoreInfo}"
+        >
+        <span slot="action" slot-scope="record" class="action-span-cell">
+          <a @click="lookLogistics(record)" v-if="record.postStatus === 1">查看物流</a>
+        </span>
+          <!--          <p slot="expandedRowRender" slot-scope="record" style="margin: 0">-->
+          <!--            {{ record.sendDate }}-->
+          <!--          </p>-->
+        </a-table>
+      </div>
+    </section>
+    <!--开票邮寄信息end-->
+
     <!--报名信息begin-->
     <!--  除开国际研讨会嘉宾身份个人信息的显示   -->
     <section class="base-info" v-if="!(model.meetingType === 3 && situationInfo.identity === 1 )">
@@ -427,16 +456,18 @@
     <!--会议资料begin-->
     <section class="base-info">
       <h3 class="title">会议资料</h3>
-      <a-row :gutter="24" class="flex-col">
-        <a-col :span="12">
-          <label>会议资料：</label>
-          <span style="width: 100%"><preview-file style="width: 80%" :file-id="model.meetingData" :is-meeting-data-bool="true"></preview-file></span>
-        </a-col>
-      </a-row>
+      <file-table :file-id="model.meetingData" :is-meeting-data-bool="true"></file-table>
     </section>
     <!--会议资料end-->
-    <!--开票邮寄信息begin-->
-    <section class="payment-info">
+
+    <!--会议纪要begin-->
+    <section class="base-info">
+      <h3 class="title">会议纪要</h3>
+      <file-table :file-id="model.meetingMinute" :is-meeting-data-bool="false"></file-table>
+    </section>
+    <!--会议纪要end-->
+    <!--到账信息 begin 2021-12-10 版需求变更去掉了-->
+<!--    <section class="payment-info">
       <h3 class="title">付款信息</h3>
       <div class="payment-info-box">
         <section class="payment-info-title">付款信息</section>
@@ -447,32 +478,8 @@
         </template>
         <a-list v-else :data-source="[]"/>
       </div>
-    </section>
+    </section>-->
     <!--到账信息end-->
-    <!--开票邮寄信息begin-->
-    <section class="logistics-info">
-      <h3 class="title">开票邮寄信息</h3>
-      <div class="wrap-table">
-        <a-table
-          ref="table"
-          size="middle"
-          rowKey="id"
-          :scroll="{x:true}"
-          :pagination="false"
-          :columns="columns"
-          :dataSource="logisticsInfoList"
-          class="j-table-force-nowrap"
-        >
-        <span slot="action" slot-scope="record" class="action-span-cell">
-          <a @click="lookLogistics(record)" v-if="record.postStatus === 1">查看物流</a>
-        </span>
-          <!--          <p slot="expandedRowRender" slot-scope="record" style="margin: 0">-->
-          <!--            {{ record.sendDate }}-->
-          <!--          </p>-->
-        </a-table>
-      </div>
-    </section>
-    <!--开票邮寄信息end-->
 
     <template slot="footer">
       <a-button @click="handleCancel">关闭</a-button>
@@ -482,6 +489,7 @@
 
 <script>
 import PreviewFile from '@comp/jero/PreviewFile'
+import FileTable from '@/views/MessagePage/modules/FileTable'
 import JEllipsis from '@comp/jero/JEllipsis'
 import {getMeetInfoById, queryCommonProjectById} from '@api/incomePaymentsApi'
 import {getSingUpUserInfo} from '@api/incomePaymentsApi'
@@ -541,7 +549,8 @@ export default {
   components: {
     PreviewFile,
     JEllipsis,
-    JImageUpload
+    JImageUpload,
+    FileTable
   },
   props: {
     // 是否是从会议点进来的  默认走消息
@@ -565,7 +574,9 @@ export default {
       // 到账信息
       paymentInfoList: [],
       // 开票邮寄信息
-      logisticsInfoList: []
+      logisticsInfoList: [],
+      // 显示更多的开票邮寄信息
+      showMoreInfo: false
     }
   },
   computed: {
@@ -833,4 +844,30 @@ h3.title::before {
   width: 100px;
   height: 100px
 }
-</style>
+
+// 查看 开票邮寄信息
+.logistics-info{
+  position: relative;
+  .wrap-table.hide{
+    height: 0;
+    display: none;
+    transition: all 0.5s ease-out;
+  }
+  .wrap-table{
+    transition: all 0.5s ease-out;
+  }
+  //.ant-table.hide{
+  //  height: 0;
+  //  display: none;
+  //}
+}
+.collapse-span {
+  cursor: pointer;
+  color: #069f99 !important;
+  line-height: 24px;
+  display: inline-block;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+</style>

src/views/MessagePage/modules/FileTable.vue

@@ -0,0 +1,141 @@
+<!--会议详情 里面写的 会议资料、会议纪要 的表格显示-->
+<template>
+<div class="file-table">
+  <a-table
+    ref="table"
+    size="middle"
+    rowKey="id"
+    :scroll="{x:true}"
+    :pagination="false"
+    :columns="columns"
+    :dataSource="fileList"
+    class="j-table-force-nowrap"
+  >
+      <span slot="action" slot-scope="record" class="action-span-cell">
+        <a class="color-blue" @click="handleDownLoad(record)">下载</a>
+        <a class="color-blue" @click="handlePreview(record)">查看</a>
+      </span>
+  </a-table>
+</div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {ACCESS_TOKEN} from '@/store/mutation-types'
+import {getFileInfo} from '@/api/api'
+import {downloadFile} from '@api/manage'
+const columns = [
+  {
+    title: '文件名',
+    align: 'center',
+    dataIndex: 'name'
+  },
+  {
+    title: '上传时间',
+    align: 'center',
+    dataIndex: 'createTime'
+  },
+  {
+    title: '操作',
+    align: 'center',
+    dataIndex: '',
+    scopedSlots: {customRender: 'action'}
+  }
+]
+
+export default {
+  name: 'FileTable',
+  props: {
+    /*
+    * 文件id
+    * */
+    fileId: {
+      type: String,
+      required: false
+    },
+    /* 是否是会议资料 会议资料有下载的限制 */
+    isMeetingDataBool:{
+      type:Boolean,
+      required: false,
+      default:false
+    }
+  },
+  data() {
+    return {
+      fileInfo: {},
+      fileList: [],
+      columns
+    }
+  },
+  mounted() {
+    this.getFileInfo(this.fileId)
+  },
+  watch: {
+    fileId: {
+      immediate: true,
+      handler(val) {
+        this.initFileList(val)
+      }
+    }
+  },
+  methods: {
+    /*
+    * 通过文件id获取文件的相关信息
+    * */
+    getFileInfo(id) {
+      return new Promise(resolve => {
+        let result = {}
+        getFileInfo({id: id}).then(res => {
+          if (res.success) {
+            result = res.result
+          }
+        }).finally(() => {
+          resolve(result)
+        })
+      })
+    },
+    /*
+    * 获取文件信息
+    * */
+    async initFileList(fileIds) {
+      if (fileIds) {
+        const fileList = []
+        let arr = fileIds.split(',')
+        for (let i = 0; i < arr.length; i++) {
+          let fileObj = {}
+          fileObj = await this.getFileInfo(arr[i])
+          fileList.push({id: fileObj.id, name: fileObj.fileName, createTime: fileObj.createTime})
+        }
+        this.fileList = [...fileList]
+      } else {
+        this.fileList = []
+      }
+    },
+    handleDownLoad(file) {
+      console.log(file)
+      if(this.isMeetingDataBool){
+        // 会议资料更换了接口
+        downloadFile(`sys/common/userDownload/${file.id}`, file.name)
+      }else {
+        downloadFile(`sys/common/download/${file.id}`, file.name)
+      }
+    },
+    handlePreview(file) {
+      if (file && file.id) {
+        const fileFullUrl = `${window._CONFIG['domianWebSocketURL']}/sys/common/download/${file.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}`
+        let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+        // let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+        window.open(url)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.color-blue + .color-blue{
+  padding-left: 20px;
+}
+
+
+</style>