zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
xulu
2022-03-16 17:55:52 +08:00
parent c8b0dd1097
commit f51397cbff
4 changed files with 256 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/css/main.css
View File

@@ -319,7 +319,7 @@ a {
color: #006699; color: #006699;
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
.art_state_upagain>span:hover { .art_state_upagain>span:hover {
@@ -543,24 +543,19 @@ a {
right: -65px; right: -65px;
} }
.art_file { .art_file {}
border-top: 1px solid #eee;
padding: 20px 0 0 0;
margin: 25px 0 0 0;
}
.art_file>h4 { .art_file>h4 {
margin: 8px 0 5px 0; margin: 8px 0 5px 30px;
float: left; float: left;
width: 116px; color: #777;
text-align: right; font-weight: normal;
} }
.art_file>p { .art_file>p {
margin: 6px 0 0 20px; margin: 6px 0 0 10px;
margin-bottom: 10px; margin-bottom: 10px;
float: left; float: left;
} }

250
src/components/page/articleList.vue
View File

@@ -7,8 +7,8 @@
</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="container"> <div class="container_state">
<div class="handle-box"> <div class="handle-box" style="margin: 20px 0;">
<el-select v-model="query.journal" @change="getdate" placeholder="Please select journal"> <el-select v-model="query.journal" @change="getdate" placeholder="Please select journal">
<el-option :key="0" label="All journals" :value="0"></el-option> <el-option :key="0" label="All journals" :value="0"></el-option>
<el-option v-for="item in items" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option> <el-option v-for="item in items" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
@@ -26,9 +26,9 @@
<el-button type="primary" icon="el-icon-edit-outline" @click="addArticle" style="float: right;width: 200px;">New <el-button type="primary" icon="el-icon-edit-outline" @click="addArticle" style="float: right;width: 200px;">New
Submission</el-button> Submission</el-button>
</div> </div>
<el-table :data="tableData" border ref="multipleTable">
<!-- <el-table :data="tableData" border ref="multipleTable">
<el-table-column type="index" label="No." width="55" align="center"></el-table-column> <el-table-column type="index" label="No." width="55" align="center"></el-table-column>
<!-- <el-table-column prop="article_id" label="ID" width="55" align="center"></el-table-column> -->
<el-table-column label="Title" align="center"> <el-table-column label="Title" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-badge is-dot :hidden="scope.row.editor_act==1?false:true" class="item"> <el-badge is-dot :hidden="scope.row.editor_act==1?false:true" class="item">
@@ -44,58 +44,57 @@
<el-button size="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">detail</el-button> <el-button size="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">detail</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
-->
<div shadow="never" v-for="item in tableData" class="mangu_list"> <div shadow="never" v-for="item in tableData" class="mangu_list" :style="item.state,'1' | stateChange">
<div style="padding: 20px;"> <div style="padding: 20px 20px 20px 20px;position: relative;" :style="item.state,'2' | stateChange">
<p style="color: #006699;"> <p>
<font style="color: #666b7a;">ID : </font> <font style="color: #666b7a;">ID : </font>
{{item.accept_sn}} {{item.accept_sn}}
</p> </p>
<p class="man_title">{{item.title}}</p> <p class="man_title" @click="esy_mtps(item.article_id)">{{item.title}}</p>
<p class="man_con"> <p class="man_con">
<span>{{item.type | ellipsis}}</span> <span>{{item.type | ellipsis}}</span>
<b style="color: #006699;font-weight: normal;">{{item.journalname}}</b> <b style="font-weight: normal;">{{item.journalname}}</b>
</p> </p>
<p> <p>
<font style="color: #666b7a;"> <font style="color: #666b7a;">
<i class="el-icon-time" style="margin: 0 5px 0 0;"></i> <i class="el-icon-time" style="margin: 0 5px 0 0;"></i>
Update Time : Update Time :
</font> </font>
<b style="font-weight: normal;">{{item.ctime}}</b> <b style="font-weight: normal;margin: 0 0 0 5px;">{{item.ctime}}</b>
</p> </p>
<div class="man_state" :style="item.state | stateColor"> <div class="man_state" :style="item.state,'3' | stateChange">
{{item.state | stateChange}} <b :style="item.state,'4' | stateChange">
{{item.state,'tst' | stateChange}}
</b>
</div>
<div class="man_btn">
<!-- <span @click="esy_mtps(item.article_id)"><i class="el-icon-document"></i>Manuscript process</span>
<font> | </font> -->
<span @click="esy_deta(item.article_id)"><i class="el-icon-document-copy"></i>My Manuscript</span>
</div> </div>
</div> </div>
<div class="man_btn">
<span @click="esy_mtps(item.article_id)"><i class="el-icon-document"></i>Manuscript process</span> <div class="man_progess" v-if="item.state==4" :style="item.state,'2' | stateChange">
<font> | </font>
<span @click="esy_deta(item.article_id)"><i class="el-icon-document-copy"></i>Detail</span>
<font> | </font>
<span @click="esy_file(item.article_id)"><i class="el-icon-folder-opened"></i>Files</span>
</div>
<div class="man_progess">
<font style="color: #666b7a;"> <font style="color: #666b7a;">
Latest Progress : Latest Progress :
</font> </font>
<b style="margin: 0 0 0 5px;">{{item.state | stateChange}} </b> <b style="margin: 0 0 0 5px;">{{item.state,'tst' | stateChange}} </b>
<router-link :to="{path:'/articleList',query:{art_id:item.article_id}}" v-if="item.state==4" style="color: #333;"> <router-link :to="{path:'/articleProcessRevision',query:{id:item.article_id}}" v-if="item.state==4" style="color: #333;">
: <span style="margin: 0 0 0 5px;">click to</span> : <span style="margin: 0 0 0 5px;">click to</span>
<img src="../../assets/img/right_band.png" style="width: 14px;margin: 0 3px 0 10px;">
<b style="margin-left: 5px;color: #006699;text-decoration: underline;">Major revision</b> <b style="margin-left: 5px;color: #006699;text-decoration: underline;">Major revision</b>
</router-link> </router-link>
</div> </div>
</div> </div>
<div class="pagination"> <div class="pagination">
<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex" :page-size="query.pageSize" <el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex" :page-size="query.pageSize"
:total="Total" @current-change="handlePageChange"></el-pagination> :total="Total" @current-change="handlePageChange"></el-pagination>
</div> </div>
</div> </div>
<!-- 文章内容 --> <!-- 文章内容 -->
<el-dialog title="Basic information" :visible.sync="artextVisible" width="600px"> <el-dialog title="Manuscript Basic Information" :visible.sync="artextVisible" width="800px">
<div class="art_state_message"> <div class="art_state_message">
<p> <p>
<font>Title :</font><b>{{artextForm.title}}</b> <font>Title :</font><b>{{artextForm.title}}</b>
@@ -109,7 +108,6 @@
<p v-if="artextForm.special_num > 0"> <p v-if="artextForm.special_num > 0">
<font>Special Issues :</font><b>{{ artextForm.special_title }}</b> <font>Special Issues :</font><b>{{ artextForm.special_title }}</b>
</p> </p>
<p> <p>
<font>Journal :</font><b>{{artextForm | journal_me}}</b> <font>Journal :</font><b>{{artextForm | journal_me}}</b>
</p> </p>
@@ -132,7 +130,7 @@
<font>ORCID iD : </font>{{item.orcid}} <font>ORCID iD : </font>{{item.orcid}}
</p> </p>
<p> <p>
<font>First author : </font> <font>First Author : </font>
<b v-if="item.isSuper">Yes</b> <b v-if="item.isSuper">Yes</b>
<b v-if="!item.isSuper">No</b> <b v-if="!item.isSuper">No</b>
</p> </p>
@@ -169,14 +167,7 @@
<p v-if="artextForm.fund"> <p v-if="artextForm.fund">
<font>Fund :</font><b>{{artextForm.fund}}</b> <font>Fund :</font><b>{{artextForm.fund}}</b>
</p> </p>
</div> </div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="artextVisible=false">OK</el-button>
</span>
</el-dialog>
<!-- 文章文件 -->
<el-dialog title="Basic information files" :visible.sync="artfileVisible" width="600px">
<div class="art_file" style="margin-top: 0;border-top-color:#fff;padding-top: 0;"> <div class="art_file" style="margin-top: 0;border-top-color:#fff;padding-top: 0;">
<h4 v-if="coverLetterFileList">Cover letter : </h4> <h4 v-if="coverLetterFileList">Cover letter : </h4>
<p v-if="coverLetterFileList"> <p v-if="coverLetterFileList">
@@ -224,9 +215,10 @@
<br clear="both"> <br clear="both">
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="artfileVisible=false">OK</el-button> <el-button type="primary" @click="artextVisible=false">OK</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@@ -259,7 +251,6 @@
authorList_name: '', authorList_name: '',
editVisible: false, editVisible: false,
artextVisible: false, artextVisible: false,
artfileVisible: false,
Total: 0 Total: 0
}; };
}, },
@@ -284,7 +275,6 @@
this.$api this.$api
.post('api/Article/getArticle', this.query) .post('api/Article/getArticle', this.query)
.then(res => { .then(res => {
console.log(res);
this.Total = res.total; this.Total = res.total;
for (let i = 0; i < res.data.length; i++) { for (let i = 0; i < res.data.length; i++) {
let date = new Date(parseInt(res.data[i].ctime) * 1000); let date = new Date(parseInt(res.data[i].ctime) * 1000);
@@ -308,36 +298,7 @@
addArticle() { addArticle() {
this.$router.push('/articleAdd'); this.$router.push('/articleAdd');
}, },
//格式化状态输出
stateFormat(row, column) {
let str = '';
switch (row.state) {
case 0:
str = this.$t('artstate.state0');
break;
case 1:
str = this.$t('artstate.state1');;
break;
case 2:
str = this.$t('artstate.state2');;
break;
case 3:
str = this.$t('artstate.state3');;
break;
case 4:
str = this.$t('artstate.state4');;
break;
case 5:
str = this.$t('artstate.state5');;
break;
case 6:
str = this.$t('artstate.state6');;
break;
default:
str = 'error!!';
}
return str;
},
// 分页导航 // 分页导航
handlePageChange(val) { handlePageChange(val) {
this.$set(this.query, 'pageIndex', val); this.$set(this.query, 'pageIndex', val);
@@ -356,14 +317,6 @@
// } // }
}, },
tableRowClassName({
row,
rowIndex
}) {
if (row.editor_act == 1) {
return 'hasChange-row';
}
},
// 点击稿件进程 // 点击稿件进程
esy_mtps(e) { esy_mtps(e) {
@@ -374,7 +327,7 @@
} }
}); });
}, },
// 点击稿件内容 // 点击稿件内容文件
esy_deta(e) { esy_deta(e) {
this.$api this.$api
.post('api/Article/getArticleDetail', { .post('api/Article/getArticleDetail', {
@@ -409,18 +362,12 @@
} }
} }
this.authorList_name = "Author : " + alist_name.join(""); this.authorList_name = "Author : " + alist_name.join("");
// 弹出框
this.artextVisible = true this.artextVisible = true
}) })
.catch(err => { .catch(err => {
console.log(err); console.log(err);
}); });
},
// 点击稿件文件
esy_file(e) {
this.$api this.$api
.post('api/Article/getFilelistByArticleID', { .post('api/Article/getFilelistByArticleID', {
articleId: e articleId: e
@@ -430,15 +377,13 @@
this.picturesAndTablesFileList = res.picturesAndTables; this.picturesAndTablesFileList = res.picturesAndTables;
this.manuscirptFileList = res.manuscirpt; this.manuscirptFileList = res.manuscirpt;
this.totalpageFileList = res.totalpage; this.totalpageFileList = res.totalpage;
this.artfileVisible = true
}) })
.catch(err => { .catch(err => {
console.log(err); console.log(err);
}); });
}, },
formatDate(timestamp) { formatDate(timestamp) {
var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-'; var Y = date.getFullYear() + '-';
@@ -515,65 +460,85 @@
return frag; return frag;
}, },
// 稿件状态 // 稿件状态,颜色
stateChange(value) { stateChange(value, num) {
let str = ''; let str = '';
let sgr = '';
let skr = '';
let sfr = '';
let slr = '';
switch (value) { switch (value) {
case 0: case 0:
str = 'Received'; str = '#e1b0271F;';
sfr = '#e1b0270A;';
sgr = '#e1b0274D;';
skr = '#e1b027;';
slr = 'Received';
break; break;
case 1: case 1:
str = 'With editor'; str = '#5a90e11F;';
sfr = '#5a90e10A;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'With editor';
break; break;
case 2: case 2:
str = 'Under review'; str = '#5a90e11F;';
sfr = '#5a90e10A;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Under review';
break; break;
case 3: case 3:
str = 'Reject'; str = '#8888881F;';
sfr = '#8888880A;';
sgr = '#8888884D;';
skr = '#888888;';
slr = 'Reject';
break; break;
case 4: case 4:
str = 'Revision'; str = '#5a90e11F;';
sfr = '#5a90e10A;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Revision';
break; break;
case 5: case 5:
str = 'Accepted'; str = '#5fab3b1F;';
sfr = '#5fab3b0A;';
sgr = '#5fab3b4D;';
skr = '#5fab3b;';
slr = 'Accepted';
break; break;
case 6: case 6:
str = 'Fininal decision'; str = '#5a90e11F;';
sfr = '#5a90e10A;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Fininal decision';
break; break;
default: default:
str = 'error!!'; str = '#8888881F;';
sfr = '#8888880A;';
sgr = '#8888884D;';
skr = '#888888;';
slr = 'error!!';
} }
return str; if (num == '1') {
}, return 'border-color:'+sgr;
// 稿件状态颜色 }
stateColor(value) { if (num == '2') {
let str = ''; return 'background-color:'+sfr;
switch (value) { }
case 0: if (num == '3') {
str = 'background-color: #B5C334;'; return 'background-color:'+str;
break; }
case 1: if (num == '4') {
str = 'background-color: #f75822;'; return 'color:'+skr;
break; }
case 2: if (num == 'tst') {
str = 'background-color: #0ebee1;'; return slr;
break;
case 3:
str = 'background-color: #f3170f;';
break;
case 4:
str = 'background-color: #5a90e1;';
break;
case 5:
str = 'background-color: #91cc75;';
break;
case 6:
str = 'background-color: #27727B;';
break;
default:
str = 'background-color: #888;';
} }
return str;
}, },
journal_me(e) { journal_me(e) {
var frag = e.journalname; var frag = e.journalname;
@@ -640,15 +605,23 @@
color: #333; color: #333;
margin: 0 0 20px 0; margin: 0 0 20px 0;
font-size: 14px; font-size: 14px;
position: relative; /* position: relative; */
border-radius: 5px; border-radius: 5px;
border: 1px solid #EBEEF5; border: 1px solid #EBEEF5;
background-color: #fff;
} }
.mangu_list .man_title { .mangu_list .man_title {
margin: 10px 0 18px 0; margin: 10px 0 18px 0;
font-weight: bolder; font-weight: bolder;
letter-spacing: -0.5px;
font-size: 16px; font-size: 16px;
cursor: pointer;
display: inline-block;
}
.mangu_list .man_title:hover {
text-decoration: underline;
} }
.mangu_list .man_con { .mangu_list .man_con {
@@ -660,7 +633,7 @@
font-size: 12px; font-size: 12px;
margin: 0 25px 0 0; margin: 0 25px 0 0;
color: #006699; color: #006699;
background-color: #d4f1ff; background-color: #e0edf3;
padding: 2px 8px; padding: 2px 8px;
} }
@@ -669,13 +642,16 @@
right: 0; right: 0;
top: 0; top: 0;
color: #fff; color: #fff;
padding: 5px 15px; text-align: center;
padding: 6px 18px;
letter-spacing: -0.5px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
/* border-top-left-radius: 3px; */
} }
.mangu_list .man_progess { .mangu_list .man_progess {
padding: 15px 20px; padding: 15px 20px;
border-top: 1px solid #EBEEF5; border-top: 1px solid #5a90e126;
} }
@@ -686,8 +662,8 @@
.mangu_list .man_btn { .mangu_list .man_btn {
color: #006699; color: #006699;
position: absolute; position: absolute;
bottom: 70px; bottom: 25px;
right: 20px; right: 25px;
font-size: 15px; font-size: 15px;
} }
@@ -705,4 +681,8 @@
.mangu_list .man_btn font { .mangu_list .man_btn font {
margin: 0 18px; margin: 0 18px;
} }
.art_state_message {
margin: 0 20px 0 0;
}
</style> </style>

2
src/components/page/articleProcess.vue
View File

@@ -101,7 +101,7 @@
articleId: this.$route.query.id, articleId: this.$route.query.id,
userName: localStorage.getItem('U_name'), userName: localStorage.getItem('U_name'),
loading: false, loading: false,
reverse: false, reverse: true,
artMes: { artMes: {
articleId: this.$route.query.id articleId: this.$route.query.id
}, },

180
src/components/page/articleProcessRevision.vue
View File

@@ -16,7 +16,7 @@
</div> </div>
<div class="container_state" v-loading="loading"> <div class="container_state" v-loading="loading">
<p class="art_suthor_message"> <p class="art_suthor_message">
ID : {{artMes.accept_sn}} <font style="color: #888;">ID : {{artMes.accept_sn}}</font>
<b>{{artMes.title}} <b>{{artMes.title}}
<i @click="man_detal()" class="det_cssep">Manuscript Detail</i> <i @click="man_detal()" class="det_cssep">Manuscript Detail</i>
</b> </b>
@@ -42,10 +42,9 @@
Coment from editor Coment from editor
</h2> </h2>
<div class="art_author_peng"> <div class="art_author_peng">
files <span>202-50-60</span> <img src="../../assets/img/icon_0.png">
</div> files
<div class="art_author_peng"> <span>202-50-60</span>
files <span>202-50-60</span>
</div> </div>
</div> </div>
@@ -54,52 +53,51 @@
<div class="art_file_btn_text"> <div class="art_file_btn_text">
author author
</div> </div>
<h4>Manuscirpt :</h4> <h4>Cover letter :</h4>
<p> <p>
<el-upload class="upload-demo" :action="upload_coverLetter" accept=".pdf, .doc, .docx" <el-upload class="upload-demo" :action="upload_coverLetter" accept=".pdf, .doc, .docx" name="coverLetter"
name="coverLetter" :before-upload="beforeupload_coverLetter" :on-error="uperr_coverLetter" :on-success="upSuccess_coverLetter" :before-upload="beforeupload_coverLetter" :on-error="uperr_coverLetter" :on-success="upSuccess_coverLetter"
:limit="1" :on-exceed="alertlimit" :on-remove="removefilecoverLetter"> :limit="1" :on-exceed="alertlimit" :on-remove="removefilecoverLetter">
<div class="el-upload__text" style="padding:8px 5px;"> <div class="el-upload__text" style="padding:8px 5px;">
<em>Click Upload</em> <em>Click Upload</em>
</div> </div>
<div class="el-upload__tip" slot="tip">Only pdf and word files can be uploaded(.pdf,.doc,.docx)</div> <div class="el-upload__tip" slot="tip">Only pdf and word files can be uploaded (.pdf,.doc,.docx)</div>
</el-upload> </el-upload>
</p> </p>
<br clear="both"> <br clear="both">
<h4>manuscirptFileList :</h4> <h4>Manuscirpt :</h4>
<p> <p>
<el-upload class="upload-demo" :action="upload_manuscirpt" accept=".doc, .docx, .rar, .zip" <el-upload class="upload-demo" :action="upload_manuscirpt" accept=".doc, .docx, .rar, .zip" name="manuscirpt"
name="manuscirpt" :before-upload="beforeupload_manuscirpt" :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :before-upload="beforeupload_manuscirpt" :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt"
:limit="1" :on-exceed="alertlimit" :on-remove="removefilemanuscirpt"> :limit="1" :on-exceed="alertlimit" :on-remove="removefilemanuscirpt">
<div class="el-upload__text" style="padding:8px 5px;"> <div class="el-upload__text" style="padding:8px 5px;">
<em>Click Upload</em> <em>Click Upload</em>
</div> </div>
<div class="el-upload__tip" slot="tip">Only word and compressed files(.doc,.docx,.rar,.zip)</div> <div class="el-upload__tip" slot="tip">Only word and compressed files (.doc,.docx,.rar,.zip)</div>
</el-upload> </el-upload>
</p> </p>
<br clear="both"> <br clear="both">
<h4>Figures :</h4> <h4>Figures :</h4>
<p> <p>
<el-upload class="upload-demo" :action="upload_picturesAndTables" <el-upload class="upload-demo" :action="upload_picturesAndTables" accept=".jpg, .png, .rar, .zip" name="picturesAndTables"
accept=".jpg, .png, .rar, .zip" name="picturesAndTables" :before-upload="beforeupload_picturesAndTables" :before-upload="beforeupload_picturesAndTables" :on-error="uperr_coverLetter" :on-success="upSuccess_picturesAndTables"
:on-error="uperr_coverLetter" :on-success="upSuccess_picturesAndTables" :limit="30" :on-exceed="alertlimit" :limit="30" :on-exceed="alertlimit" :on-remove="removefilepicturesAndTables">
:on-remove="removefilepicturesAndTables">
<div class="el-upload__text" style="padding:8px 5px;"> <div class="el-upload__text" style="padding:8px 5px;">
<em>Click Upload</em> <em>Click Upload</em>
</div> </div>
<div class="el-upload__tip" slot="tip">Only compressed files can be uploaded(.rar,.zip)</div> <div class="el-upload__tip" slot="tip">Only compressed files can be uploaded (.rar,.zip)</div>
</el-upload> </el-upload>
</p> </p>
<br clear="both"> <br clear="both">
<h4>Title page :</h4> <h4>Title page :</h4>
<p> <p>
<el-upload class="upload-demo" :action="upload_totalpage" accept=".doc, .docx, .rar, .zip" <el-upload class="upload-demo" :action="upload_totalpage" accept=".doc, .docx, .rar, .zip" name="totalpage"
name="totalpage" :before-upload="beforeupload_totalpage" :on-error="uperr_coverLetter" :on-success="upSuccess_totalpage" :before-upload="beforeupload_totalpage" :on-error="uperr_coverLetter" :on-success="upSuccess_totalpage" :limit="1"
:limit="1" :on-exceed="alertlimit" :on-remove="removefiletotalpage"> :on-exceed="alertlimit" :on-remove="removefiletotalpage">
<div class="el-upload__text" style="padding:8px 5px;"> <div class="el-upload__text" style="padding:8px 5px;">
<em>Click Upload</em> <em>Click Upload</em>
</div> </div>
<div class="el-upload__tip" slot="tip">Only word and compressed files(.doc,.docx,.rar,.zip)</div> <div class="el-upload__tip" slot="tip">Only word and compressed files (.doc,.docx,.rar,.zip)</div>
</el-upload> </el-upload>
</p> </p>
<br clear="both"> <br clear="both">
@@ -112,19 +110,19 @@
<h2> <h2>
Communication Communication
</h2> </h2>
<div v-for="(item, index) in talkMsgs" class="kuang_communtion_conmt"> <div v-for="item in talkMsgs" class="kuang_communtion_conmt">
<div v-if="item.username != username" class="talk_aued"> <div v-if="item.username != userName" class="talk_aued">
<p> <p>
Author : Editor :
</p> </p>
<el-card> <el-card>
<p>{{ item.ad_content }}</p> <p>{{ item.ad_content }}</p>
</el-card> </el-card>
<b>{{formatDate(item.ad_ctime)}}</b> <b>{{formatDate(item.ad_ctime)}}</b>
</div> </div>
<div v-if="item.username == username" class="talk_aued talk_edit"> <div v-if="item.username == userName" class="talk_aued talk_edit">
<p> <p>
Editor : Author :
</p> </p>
<el-card> <el-card>
<p>{{ item.ad_content }}</p> <p>{{ item.ad_content }}</p>
@@ -146,9 +144,8 @@
</el-row> </el-row>
</div> </div>
<el-dialog title="Manuscript Detail" :visible.sync="Detailvisible" width="800px"> <el-dialog title="Manuscript Basic Information" :visible.sync="Detailvisible" width="800px">
<div class="art_state_message"> <div class="art_state_message">
<h3>Basic information</h3>
<p> <p>
<font>Title :</font><b>{{artMes.title}}</b> <font>Title :</font><b>{{artMes.title}}</b>
</p> </p>
@@ -183,7 +180,7 @@
<font>ORCID iD : </font>{{item.orcid}} <font>ORCID iD : </font>{{item.orcid}}
</p> </p>
<p> <p>
<font>First author : </font> <font>First Author : </font>
<b v-if="item.isSuper">Yes</b> <b v-if="item.isSuper">Yes</b>
<b v-if="!item.isSuper">No</b> <b v-if="!item.isSuper">No</b>
</p> </p>
@@ -214,7 +211,7 @@
<p> <p>
<font>Abstrart :</font><b>{{artMes.abstrart}}</b> <font>Abstrart :</font><b>{{artMes.abstrart}}</b>
</p> </p>
<p> <p v-if="artMes.keyWords">
<font>KeyWords :</font><b>{{artMes.keyWords}}</b> <font>KeyWords :</font><b>{{artMes.keyWords}}</b>
</p> </p>
<p v-if="artMes.fund"> <p v-if="artMes.fund">
@@ -222,8 +219,60 @@
</p> </p>
</div> </div>
<div class="art_file">
<h4 v-if="coverLetterFileList">Cover letter : </h4>
<p v-if="coverLetterFileList">
<a v-for="item in coverLetterFileList" :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" v-if="coverLetterFileList">
<h4 v-if="picturesAndTablesFileList">Figures : </h4>
<p v-if="picturesAndTablesFileList">
<a v-for="item in picturesAndTablesFileList" :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" v-if="picturesAndTablesFileList">
<h4>Title page : </h4>
<p>
<a v-for="item in totalpageFileList" :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">
<h4>Manuscirpt : </h4>
<p>
<a v-for="item in manuscirptFileList" :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">
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="Detailvisible=false">OK</el-button>
</span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@@ -247,7 +296,11 @@
article_id: this.$route.query.id, article_id: this.$route.query.id,
ad_content: '' ad_content: ''
}, },
talkMsgs: [] talkMsgs: [],
coverLetterFileList: [],
picturesAndTablesFileList: [],
totalpageFileList: [],
manuscirptFileList: [],
}; };
}, },
created: function() { created: function() {
@@ -315,6 +368,23 @@
console.log(err); console.log(err);
}); });
//初始化filelist
this.$api
.post('api/Article/getFilelistByArticleID', {
articleId: this.articleId
})
.then(res => {
this.coverLetterFileList = res.coverLetter;
this.picturesAndTablesFileList = res.picturesAndTables;
this.manuscirptFileList = res.manuscirpt;
this.totalpageFileList = res.totalpage;
})
.catch(err => {
console.log(err);
});
// 留言板列表 // 留言板列表
this.$api this.$api
.post('api/Article/getArticleDialogs', { .post('api/Article/getArticleDialogs', {
@@ -360,7 +430,7 @@
this.initarticle() this.initarticle()
}); });
}, },
// 上传文件 // 上传文件
onSubmit() { onSubmit() {
this.$refs.articleform.validate((valid) => { this.$refs.articleform.validate((valid) => {
@@ -402,8 +472,8 @@
} }
}); });
}, },
//检验上传文件的格式 //检验上传文件的格式
beforeupload_coverLetter(file) {}, beforeupload_coverLetter(file) {},
beforeupload_picturesAndTables(file) {}, beforeupload_picturesAndTables(file) {},
@@ -462,9 +532,9 @@
removefilemanuscirpt(file, fileList) { removefilemanuscirpt(file, fileList) {
this.msgform.manuscirpt = ''; this.msgform.manuscirpt = '';
}, },
statetostr(mystate) { statetostr(mystate) {
let str = ''; let str = '';
switch (mystate) { switch (mystate) {
@@ -600,6 +670,10 @@
font-style: normal; font-style: normal;
} }
.art_suthor_message .det_cssep:hover {
text-decoration: underline;
}
.art_author_ { .art_author_ {
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
border-radius: 5px; border-radius: 5px;
@@ -616,7 +690,7 @@
.art_author_list { .art_author_list {
border-bottom: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6;
padding: 15px 0 25px 0; padding: 15px 0 25px 10px;
} }
.art_author_list b { .art_author_list b {
@@ -641,25 +715,39 @@
} }
.art_author_peng { .art_author_peng {
margin: 20px 0 10px 0; margin: 20px 0 10px 10px;
line-height: 24px; line-height: 24px;
} }
.art_author_peng>img {
width: 15px;
vertical-align: text-bottom;
margin: 0 10px 0 0;
}
.art_author_peng span { .art_author_peng span {
color: #888; color: #888;
margin: 0 0 0 15px; margin: 0 0 0 15px;
} }
.art_author_btn>div{
.art_author_btn>div {
margin-bottom: 30px; margin-bottom: 30px;
color: #006699; color: #006699;
} }
.art_author_btn>h4{
.art_author_btn>h4 {
float: left; float: left;
width: 170px; width: 110px;
padding: 8px 0 0 0;
} }
.art_author_btn>p{
.art_author_btn>p {
float: left; float: left;
margin: 0 0 30px 0; margin: 0 0 30px 0;
}
.el-upload__tip {
margin-left: 6px;
} }
</style> </style>