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

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

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