1

src/components/page/guest_articleDetail.vue

@@ -155,6 +155,22 @@
 									<br clear="both">
 								</el-col>
 							</el-row>
+							<el-row :gutter="24" v-if="supplementaryFileList">
+								<el-col :span="24">
+									<h4>Supplementary Material : </h4>
+									<p class="fi_new">
+										<a v-for="item in supplementaryFileList" :href="mediaUrl + item.file_url">
+											<img src="../../assets/img/icon_0.png">
+											<span>
+												<font>Uploader : </font>{{item.username}}
+												<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
+											</span>
+											<i class="el-icon-download download"></i>
+										</a>
+									</p>
+									<br clear="both">
+								</el-col>
+							</el-row>
 						</div>
 					</div>
 					<div class="art_caozuo_">
@@ -311,6 +327,7 @@
 				picturesAndTablesFileList: [],
 				totalpageFileList: [],
 				manuscirptFileList: [],
+				supplementaryFileList: [],
 				authorList_name: '',
 				activeNames: ['2'],
 				editform: {
@@ -672,7 +689,6 @@
 						console.log(err);
 					});
 
-
 				// 留言板列表
 				this.$api
 					.post('api/Article/getArticleDialogs', {
@@ -684,6 +700,7 @@
 					.catch((err) => {
 						console.log(err);
 					});
+					
 			},
 			//初始化filelist
 			initFileList() {
@@ -696,6 +713,7 @@
 						this.picturesAndTablesFileList = res.picturesAndTables;
 						this.manuscirptFileList = res.manuscirpt;
 						this.totalpageFileList = res.totalpage;
+						this.supplementaryFileList = res.supplementary;
 					})
 					.catch(err => {
 						console.log(err);