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

0

Browse Source
This commit is contained in:
徐哼唧L
2022-12-09 16:18:12 +08:00
parent dc4d87a990
commit 5ed3073b6e
130 changed files with 41608 additions and 2013 deletions
Download Patch File Download Diff File Expand all files Collapse all files

247
src/components/page/Dashboard.vue
View File

@@ -71,40 +71,36 @@
</div>
<div class="top-content">
<span>
<p>Welcome to the TMR Publishing Group online manuscript submission and tracking system.</p>
<p>Welcome to the TMR Publishing Group online manuscript submission and tracking system.
</p>
<p>Please go through our instructions for authors before submitting.</p>
<p>
<el-link type="primary" href="/articleAdd">Click here</el-link> to submit your manuscript.
<el-link type="primary" href="/articleAdd">Click here</el-link> to submit your
manuscript.
</p>
<el-divider></el-divider>
<p>If you experience any problems, please contact us by publisher@tmrjournals.com</p>
</span>
</div>
</el-card>
<el-card shadow="hover" style="margin-top: 20px;color: #ff200d;font-weight: bold;" v-if="this.user_id==24||this.user_id==25">
<div slot="header" class="clearfix">
<span>整改事项</span>
</div>
<div class="top-content" style="line-height: 30px;" v-html="shixiang">
{{shixiang}}
</div>
</el-card>
</div>
<div v-if="this.usercap.includes('editor')">
<el-link type="primary" href="/authorApplyReviewer" v-if="!this.usercap.includes('reviewer') && this.userrole != 0">
<div class="join_bth">
<el-link type="primary" href="/authorApplyReviewer"
v-if="!this.usercap.includes('reviewer') && this.userrole != 0" class="join_bth">
<div>
Apply to join the reviewer team
</div>
</el-link>
</div>
<div class="join_link" v-if="this.usercap.includes('editor')">
<!-- 意见反馈，联系我们 -->
<el-card style="width:100%;margin-top: 20px;" class="new_scard">
<el-card style="width:100%;" class="new_scard">
<div slot="header" class="clearfix">
<span>Contact Us</span>
</div>
<p>2/77 Prince regent drive</p>
<p>Half moon bay, Auckland 2012</p>
<p>New Zealand</p>
<p><b style="color: #666;font-size: 14px;cursor: text;">Telephone :</b> +64 02108293806</p>
<p><b style="color: #666;font-size: 14px;cursor: text;">Email:</b> publisher@tmrjournals.com</p>
@@ -114,12 +110,14 @@
<el-col :span="14">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<el-badge :value="this.usermsgList.length" :hidden="this.usermsgList.length>0?false:true" class="item">
<el-badge :value="this.usermsgList.length" :hidden="this.usermsgList.length>0?false:true"
class="item">
<span>{{$t('home.usermsg')}}</span>
</el-badge>
</div>
<el-table :data="usermsgList" border class="msg-table">
<el-table-column label="Date" width="150" :formatter="dateFormate" prop="ctime"></el-table-column>
<el-table :data="usermsgList" border class="msg-table" empty-text="New messages (0)">
<el-table-column label="Date" width="150" :formatter="dateFormate" prop="ctime">
</el-table-column>
<el-table-column label="Message" prop="content"></el-table-column>
<el-table-column label="" width="80" align="center">
<template slot-scope="scope">
@@ -130,15 +128,20 @@
</el-card>
</el-col>
<el-col :span="9">
<div class="join_link" v-if="!this.usercap.includes('editor')">
<div class="join_link" v-if="!this.usercap.includes('editor')" style="padding-top: 5px;">
<!-- 如果你想投稿 请点击 -->
<p v-if="this.usercap.includes('author')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<p v-if="this.usercap.includes('author')" style="white-space:nowrap">Click to <img
src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/articleAdd"><b>submit a new manuscript.</b></el-link>
</p>
<!-- 查看已投稿件列表 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
<!-- 如果你想提意见 请点击 -->
<!-- <p v-if="userrole != 0" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<el-link href="/comOpinion"><b>submit to suggest.</b></el-link>
</p> -->
<!-- 查看已投稿件列表 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img
src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/articleList"><b>view the list of your manuscripts.</b></el-link>
</p>
<!-- 如果您想申请专刊 -->
@@ -146,22 +149,32 @@
<el-link href="/"><b>apply to set up Special Issue.</b></el-link>
</p> -->
<!-- 如果你是审稿人 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img
src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/peerewer"><b>review the manuscript as a reviewer. </b></el-link>
</p>
<!-- 查看审稿记录 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img
src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/perhistory"><b>view your review records. </b></el-link>
</p>
<!-- 同行评审系统 -->
<!-- <p>Click to <img src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/"><b>quickly jump to the Peer Review System.</b></el-link>
</p> -->
<!-- 如果您想下载审稿证书 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
<!-- 如果你想申请专刊 -->
<!-- <p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<el-link href=""><b> </b></el-link>
</p> -->
<!-- 如果你想申请编委 -->
<!-- <p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img src="../../assets/img/icon_9.png"
alt="" class="icon_img">
<el-link href=""><b> </b></el-link>
</p> -->
<!-- 如果您想下载审稿证书 -->
<p v-if="this.usercap.includes('reviewer')" style="white-space:nowrap">Click to <img
src="../../assets/img/icon_9.png" alt="" class="icon_img">
<el-link href="/perhistory"><b>view and download your review certificates.</b></el-link>
</p>
<!-- 意见反馈，联系我们 -->
@@ -172,13 +185,40 @@
+64 02108293806 <br>Email: publisher@tmrjournals.com </b>
</p> -->
<div v-if="!this.usercap.includes('editor')">
<el-link type="primary" href="/authorApplyReviewer" v-if="this.userrole != 0">
<div class="join_bth">
<el-link type="primary" href="/authorApplyReviewer" v-if="this.userrole != 0" class="join_bth">
<div>
Apply to join the reviewer team
</div>
</el-link>
</div>
<el-card style="width:400px;margin-top: 30px;" class="new_scard">
<el-card style="width:450px;" class="new_scard">
<div slot="header" class="clearfix">
<span>Feedback and Suggestions</span>
</div>
<el-form ref="probleform" :model="proForm" :rules="rules" label-width="170px">
<el-form-item label="Problem classification :" prop="problem_id">
<el-select v-model="proForm.problem_id" filterable placeholder="Please select">
<el-option v-for="item in dysfuncte" :key="item.problem_id"
:label="item.problem_title" :value="item.problem_id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Problem description :" prop="suggest_desc">
<el-input v-model="proForm.suggest_desc" type="textarea" :rows="3"></el-input>
</el-form-item>
<el-form-item label="Screenshots :" label-width="170px">
<el-upload class="avatar-uploader" :action="baseUrl+'api/Suggest/upImg'"
:show-file-list="false" name="img" :on-success="handleAvatarSuccess"
:on-error="handleAvatarError" :before-upload="beforeAvatarUpload">
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<el-form-item style="margin-bottom: 0;">
<el-button type="primary" @click="onSubmit">Submit</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="width:450px;margin-top: 30px;" class="new_scard">
<div slot="header" class="clearfix">
<span>Contact Us</span>
</div>
@@ -188,7 +228,7 @@
</el-card>
</div>
</el-col>
</el-col>
<!--<el-col :span="12">
@@ -220,19 +260,31 @@
usercap: localStorage.getItem('U_role'),
userdata: '',
usermsgList: [],
shixiang: '',
baseUrl: this.Common.baseUrl,
proForm: {
user_id: localStorage.getItem('U_id'),
suggest_url: ''
},
imageUrl: '',
dysfuncte: [],
rules: {
problem_id: [{
required: true,
message: 'Please select the question type',
trigger: 'blur'
}],
suggest_desc: [{
required: true,
message: 'Please enter a description of the problem',
trigger: 'blur'
}]
}
};
},
created: function() {
// this.getUserdata();
this.getDate()
this.initUserMsg();
if (this.user_id == 24) {
this.shixiang =
'1. 底栏政策需要完善，标准，细节要求同TMR。<br/>2. 补充编委会栏目，编委人数大于20人。<br/>3. 将每篇文章已出版文章配合适摘要图。<br/>4. 选择合适得期刊主题色。<br/>5. 12.20上线前10天，文章online文章需要大于5篇。<br/>6. 2022年第一期不再实行页码编码，改为文章编码。<br/>'
}
if (this.user_id == 25) {
this.shixiang = '1. 编委国际化水平应达到50%<br/>'
}
},
components: {
Schart
@@ -306,7 +358,68 @@
},
goaddarticle() {
this.$router.push('/articleAdd');
}
},
// 意见反馈
getDate() {
this.$api
.post('api/Suggest/getProblem', this.proForm)
.then(res => {
if (res.code == 0) {
this.dysfuncte = res.data
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
this.$message.error(err);
});
},
onSubmit() {
this.$refs.probleform.validate(valid => {
if (valid) {
this.$api
.post('api/Suggest/addSuggest', this.proForm)
.then(res => {
if (res.code == 0) {
this.$refs.probleform.resetFields();
this.$message.success('Comments submitted successfully!');
this.$router.push('/comOpinionSuccess');
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
this.$message.error(err);
});
} else {
this.$message.error('Failed to submit. Please ensure the integrity of the information!');
return false;
}
});
},
//上传图片
handleAvatarSuccess(res, file) {
if (res.code == 0) {
this.proForm.suggest_url = res.data.icon;
} else {
this.$message.error(res.msg);
}
this.imageUrl = URL.createObjectURL(file.raw);
},
handleAvatarError(res, file) {
// this.$message.error(res);
},
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 1;
if (!isLt2M) {
this.$message.error('The picture size cannot exceed 1M!');
}
return isLt2M;
},
}
};
</script>
@@ -376,6 +489,10 @@
}
.join_bth {
margin: 20px 0 30px 0;
}
.join_bth div {
color: #fff;
text-align: center;
border-radius: 4px;
@@ -384,16 +501,15 @@
line-height: 50px;
background-color: #006699;
font-size: 20px;
margin-top: 20px;
}
.join_bth:hover {
.join_bth div:hover {
cursor: pointer;
text-decoration: underline;
}
.join_link {
margin-top: 20px;
/* margin-top: 20px; */
}
.join_link p {
@@ -430,4 +546,47 @@
vertical-align: middle;
color: #006699;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
width: 100px;
height: 100px;
}
.avatar-uploader_small {
height: 100px;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
.avatar-uploader_small .el-upload {
width: 80px;
height: 80px;
}
.avatar-uploader_small .avatar-uploader-icon {
line-height: 80px;
margin-left: -30px;
}
.avatar {
width: 100px;
height: 100px;
display: block;
}
</style>