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

tijiao

Browse Source
This commit is contained in:
始于初见
2025-03-21 09:06:56 +08:00
parent aa69846e09
commit 46f3923a06
21 changed files with 880 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/components/page/articleAdd.vue
View File

@@ -20,7 +20,7 @@
</div>
<div class="manu_add" style="width: 960px" v-loading="loading">
<el-form ref="articleform" :model="form" :rules="rules" label-width="160px">
<el-form ref="articleform" :model="form" :rules="rules" label-width="120px">
<div class="bag_color" v-if="show_step == 1">
<div>
<h3>Manuscript Information</h3>
@@ -56,8 +56,8 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="Research areas :" prop="major">
<common-major-list :list="majorValueList" @load="(e)=>this.majorValueList=e"></common-major-list>
<el-form-item label="Research areas :" prop="major" label-width="160px">
<common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
<!-- <el-select
v-model="form.major_a"
placeholder="Please select major"
@@ -102,7 +102,7 @@
></el-option>
</el-select> -->
</el-form-item>
<el-form-item label="Manuscript Title :" prop="title">
<el-form-item label="Manuscript Title :" prop="title" label-width="160px">
<el-input v-model="form.title" placeholder="Please enter title"></el-input>
</el-form-item>
<el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="300px">
@@ -189,17 +189,19 @@
>
</el-input>
</el-form-item>
<el-form-item label="Article Processing Charge :" v-if="ms_alias == null" label-width="180px">
<el-form-item label="Article Processing Charge :" v-if="form.journal != 0" label-width="180px">
$ {{ getFee(form.journal) }}
<div style="color: #8c8d8f"v-if=" getFee(form.journal)&&getFee(form.journal)!='0.00'">
<i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing fee applies to papers submitted and ultimately accepted for publication after January 1, 2025. For authors seeking to apply for fee discounts, please <a
<div style="color: #8c8d8f" v-if="getFee(form.journal) && getFee(form.journal) != '0.00'">
<i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing fee
applies to papers submitted and ultimately accepted for publication after January 1, 2025. For
authors seeking to apply for fee discounts, please
<a
style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
href="https://www.tmrjournals.com/apc/"
target="_blank"
>click here</a
> to view detailed policies.
>
to view detailed policies.
</div>
</el-form-item>
<div style="text-align: center; margin: 40px 0 0 0">
@@ -967,7 +969,7 @@
export default {
data() {
return {
majorValueList:[],
majorValueList: [],
baseUrl: this.Common.baseUrl,
usercap: localStorage.getItem('U_role'),
ms_alias: localStorage.getItem('ms_journal_alias'),
@@ -1008,7 +1010,7 @@ export default {
],
form: {
article_id: 0,
journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : 1,
journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : '',
username: localStorage.getItem('U_name'),
user_id: localStorage.getItem('U_id'),
title: '',
@@ -1196,21 +1198,20 @@ export default {
}
],
major: [
{
required: true,
validator: (rule, value, callback) => {
console.log('value at line 1202:', this.form);
var major=this.majorValueList.map(item => item.selectedValue[item.selectedValue.length - 1]).toString(',')
if (major=='') {
{
required: true,
validator: (rule, value, callback) => {
console.log('value at line 1202:', this.form);
var major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
if (major == '') {
callback(new Error('Please select the Research areas'));
} else {
callback();
}
// 如果你需要在此处使用 this 访问 Vue 实例的数据，使用箭头函数保持上下文
// 其他逻辑
}
}
// 如果你需要在此处使用 this 访问 Vue 实例的数据，使用箭头函数保持上下文
// 其他逻辑
}
}
],
abstrart: [
{
@@ -2509,10 +2510,27 @@ export default {
this.form.checkedjours = [];
this.form.istransfer = false;
this.form.becomeRev = false;
if (this.$route.query.id) {
this.saveArticle();
}
this.initMajor();
// this.getTopics()
},
saveArticle() {
// api/Article/changeJournal
this.$api
.post('api/Article/changeJournal', {
article_id: this.$route.query.id,
journal_id: this.form.journal
})
.then((res) => {
if (res.code == 0) {
} else {
// this.$message.error(res.msg);
}
});
},
// 点击tab变化
StepCode(e) {
console.log('🚀 ~ StepCode ~ e111:', e);
@@ -2610,14 +2628,17 @@ export default {
},
// 点击进行下一步
onStep(e) {
console.log('this.majorValueList at line 2604:', this.majorValueList)
console.log('this.form at line 2622:', this.form)
onStep(e) {
console.log('this.majorValueList at line 2604:', this.majorValueList);
console.log('this.form at line 2622:', this.form);
this.$refs.articleform.validate((valid) => {
if (valid) {
if (e == 1) {
if (this.form.journal == 0 || !this.form.journal) {
this.$message.error('Please select the Journal');
return false;
}
// this.onStaging(1)
// setTimeout(() => {
// console.log('456')
@@ -2633,13 +2654,15 @@ export default {
}
}
this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
this.form.major=this.majorValueList.map(item => item.selectedValue[item.selectedValue.length - 1]).toString(',')
if(this.form.major==''){
this.$message.error('Please select the Research areas')
return false
}
this.form.major = this.majorValueList
.map((item) => item.selectedValue[item.selectedValue.length - 1])
.toString(',');
if (this.form.major == '') {
this.$message.error('Please select the Research areas');
return false;
}
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) {
this.stagingID = res.data.article_id;
this.form.article_id = res.data.article_id;
@@ -2716,7 +2739,12 @@ export default {
onStaging(e) {
var that = this;
console.log('e at line 2584:', e);
console.log('this.form at line 2622:', this.form);
if (e == 1) {
if (this.form.journal == 0 || !this.form.journal) {
this.$message.error('Please select the Journal');
return false;
}
var flist = this.keywordsList;
var fstr = '';
for (var fu in flist) {
@@ -2724,15 +2752,14 @@ export default {
fstr += flist[fu].ke.trim() + ',';
}
}
console.log('this.form at line 2707:', this.form)
console.log('this.form at line 2707:', this.form);
this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
this.form.major=this.majorValueList.map(item => item.selectedValue[item.selectedValue.length - 1]).toString(',')
if(this.form.major==''){
this.$message.error('Please select the Research areas')
return false
}
this.form.major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
if (this.form.major == '') {
this.$message.error('Please select the Research areas');
return false;
}
this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
if (res.code == 0) {
this.stagingID = res.data.article_id;
this.form.article_id = res.data.article_id;
@@ -2869,10 +2896,14 @@ export default {
console.log(res.data.base);
// this.form.topics = res.data.base.topics
// 领域
this.majorValueList = res.data.majors.map(item => ({
selectedValue: Array.isArray(item.major) ? item.major : (typeof item.major === 'string' ? item.major.split(',').map(Number) : [item.major])
})); console.log('this.majorValueList at line 2853:', this.majorValueList)
this.majorValueList = res.data.majors.map((item) => ({
selectedValue: Array.isArray(item.major)
? item.major
: typeof item.major === 'string'
? item.major.split(',').map(Number)
: [item.major]
}));
console.log('this.majorValueList at line 2853:', this.majorValueList);
// this.$api
// .post('api/Major/getMajorForAddArticle', {
// journal_id: this.form.journal,
@@ -3310,26 +3341,30 @@ export default {
}
.jour_ku_all {
font-size: 12px;
font-size: 14px;
float: left;
width: 265px;
width: 48%;
padding-left: 10px;
cursor: pointer;
color: #666;
line-height: 26px;
}
.jour_ku_all:nth-child(3n + 1) {
/* .jour_ku_all:nth-child(3n + 1) {
width: 230px;
}
.jour_ku_all:nth-child(3n + 2) {
width: 220px;
}
} */
.jour_ku_all.B_style {
color: #006699;
color: #1161ea;
font-weight: bold;
font-size: 16px;
background: #ebf5ff;
border-radius: 4px;
/* border: 1px solid #b3d8ff ; */
}
.tally_jour {