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

自动化

Browse Source
This commit is contained in:
始于初见
2024-12-22 17:11:36 +08:00
parent 3d658f030d
commit dcea82e412
47 changed files with 174271 additions and 5675 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,9 @@
<el-breadcrumb-item> <i class="el-icon-uthorVisiblelx-cascades"></i> Submit manuscript </el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="step_list" style="width: 960px; position: relative">
<div style="display: flex;justify-content: space-between;">
<div>
<div class="step_list" style="width: 960px; position: relative">
<div v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''">
<div>
<i :class="item.icon"></i>
@@ -15,39 +17,8 @@
<p class="bor_der"></p>
</div>
<br clear="both" />
<!-- <p
style="position: absolute;line-height: 20px;color: #999;left:990px;top: 600px;width: 280px;font-size: 14px;">
We encourage authors to upload a Cover Letter file and Highlights is also be encouraged. That will help
authors let editors quickly obtain information and evaluate the
scientific value of their research correctly.
<br>Please remind our editor in the cover letter if you want your manuscript processed quickly.
<br>Please note that manuscripts with at least one of the following characteristics will be included in
the
journal's manuscript fast track:
<br>
<font style="color: #006699;">1.Interest:</font> This manuscript has a novel perspective.
<br>
<font style="color: #006699;">2.Importance:</font> This manuscript belongs to the focus area.
<br>
<font style="color: #006699;">3.Value:</font> This manuscript belongs to the advanced topic and can
attract wide
attention.
</p> -->
<p style="position: absolute; line-height: 20px; color: #999; left: 990px; top: 120px; width: 280px; font-size: 14px">
We highly encourage authors to upload a Cover Letter file and Highlights, as this will assist editors in quickly obtaining
accurate information and evaluating the scientific value of their research. If you would like your manuscript to be
processed quickly, please kindly remind our editor in the cover letter.
<br />Additionally, please take note that manuscripts exhibiting at least one of the following characteristics will be
considered for the journal's fast track process:
<br />
<font style="color: #006699">Interest:</font> The manuscript presents a unique perspective.
<br />
<font style="color: #006699">Importance:</font> The manuscript aligns with the journal's focus area.
<br />
<font style="color: #006699">Value:</font> The manuscript addresses an advanced topic that has the potential to garner
widespread attention.
</p>
</div>
<div class="manu_add" style="width: 960px" v-loading="loading">
<el-form ref="articleform" :model="form" :rules="rules" label-width="160px">
<div class="bag_color" v-if="show_step == 1">
@@ -438,7 +409,7 @@
</el-form-item> -->
<el-form-item label="Manuscirpt :" prop="manuscirpt" label-width="200px">
<el-upload
ref="uploadFile"
ref="uploadFileManuscirpt"
class="upload-demo up_newstyle"
:action="upload_manuscirpt"
accept=".docx"
@@ -452,7 +423,7 @@
:file-list="fileL_manuscirpt"
:on-preview="dowloadFile"
>
<div class="el-upload__text" @click="clearUploadedFile">
<div class="el-upload__text" @click="removefilemanuscirpt">
<em>Upload</em>
</div>
<div class="el-upload__tip" slot="tip">
@@ -733,6 +704,55 @@
</div>
</el-form>
</div>
</div>
<div
style="
padding: 0;
background: none;
margin-top: 30px;
line-height: 20px;
color: #999;
left: 990px;
top: 120px;
width: 400px;
font-size: 14px;
"
>
<p
style="
width: 400px;
border: 1px solid #ebeef5;
font-size: 12px;
line-height: 16px;
background-color: #fff;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 10px;
box-sizing: border-box;
"
>
We encourage authors to upload a Cover Letter file and Highlights is also be encouraged. That will help authors let editors
quickly obtain information and evaluate the scientific value of their research correctly.
<br />Please remind our editor in the cover letter if you want your manuscript processed quickly. <br />Please note that
manuscripts with at least one of the following characteristics will be included in the journal's manuscript fast track:
<br />
<font style="color: #006699">1.Interest:</font> This manuscript has a novel perspective.
<br />
<font style="color: #006699">2.Importance:</font> This manuscript belongs to the focus area.
<br />
<font style="color: #006699">3.Value:</font> This manuscript belongs to the advanced topic and can attract wide attention.
</p>
<common-word-html
v-show="show_step == 3"
:articleId="stagingID"
imgHeight="120px"
v-if="isShowCommonWord&&stagingID"
style="margin-top: 10px; box-sizing: border-box; background-color: #fff"
></common-word-html>
</div>
</div>
<el-dialog title="" :visible.sync="licensebox" width="500px">
<span style="word-wrap: break-word; word-break: normal; line-height: 22px">
Creative Commons Licensing<br /><br />
@@ -879,6 +899,7 @@ export default {
usercap: localStorage.getItem('U_role'),
ms_alias: localStorage.getItem('ms_journal_alias'),
stagingID: this.$route.query.id,
isShowCommonWord: false,
move_step: 1, //进行步骤
show_step: 1, //显示内容
items: [],
@@ -1290,10 +1311,20 @@ export default {
value: 'journal_topic_id', // 自定义要映射的键名
label: 'title',
children: 'children'
}
},
tables: [],
wordimgList: [],
tablesHtml: [],
imagesHtml: []
};
},
watch: {
collapseValue: {
handler(e) {
console.log(e);
},
immediate: true
},
form: {
handler(e) {
// console.log(e)
@@ -1313,6 +1344,9 @@ export default {
}
},
computed: {
collapseValue() {
return localStorage.getItem('collapse');
},
upload_articleApproval: function () {
return this.baseUrl + 'api/Article/up_approval_file';
},
@@ -1585,30 +1619,30 @@ export default {
// 邮箱用户模糊搜索
chaMateFit(value, cb, num) {
console.log('num at line 1587:', value)
console.log('num at line 1587:', value);
// var mailRegular = /^\w+([-+._']\w+)*@\w+(\.[a-zA-Z]{2,3}){1,2}$/
var mailRegular = /^\w+([-+._']\w+)*@/;
// if (mailRegular.test(value)) {
this.form.authorList[num].load = true;
// this.$forceUpdate();
this.$api
.post('api/Article/getRelationAuthorByEmail', {
email: value,
page: 1,
limit: 10
})
.then((res) => {
var restaurants = res.data.authors;
for (let i in restaurants) {
restaurants[i].value = restaurants[i].email + ' | ' + restaurants[i].firstname + restaurants[i].lastname;
}
var results = value ? restaurants.filter(this.createMata(value)) : restaurants;
console.log('🚀 ~ .then ~ results177:', results);
// 调用 callback 返回建议列表的数据
cb(results);
this.form.authorList[num].load = false;
this.$forceUpdate();
});
this.form.authorList[num].load = true;
// this.$forceUpdate();
this.$api
.post('api/Article/getRelationAuthorByEmail', {
email: value,
page: 1,
limit: 10
})
.then((res) => {
var restaurants = res.data.authors;
for (let i in restaurants) {
restaurants[i].value = restaurants[i].email + ' | ' + restaurants[i].firstname + restaurants[i].lastname;
}
var results = value ? restaurants.filter(this.createMata(value)) : restaurants;
console.log('🚀 ~ .then ~ results177:', results);
// 调用 callback 返回建议列表的数据
cb(results);
this.form.authorList[num].load = false;
this.$forceUpdate();
});
// }
},
@@ -2062,7 +2096,7 @@ export default {
this.$message.error('Only ZIP files can be uploaded (file format: .zip).');
return false;
}
// const iszip =
// file.type === 'application/x-zip-compressed';
// if (!iszip) {
@@ -2073,12 +2107,14 @@ export default {
},
beforeupload_totalpage(file) {},
beforeupload_manuscirpt(file) {
console.log('file at line 2075:', file);
let flieArr = file.name.split('.');
let fileSuffix = flieArr[flieArr.length - 1];
if (fileSuffix != 'docx') {
this.$message.error('Only word and compressed files can be uploaded(.docx)');
return false;
}
// const ismau =
// file.type === 'application/msword' ||
// file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
@@ -2147,12 +2183,48 @@ export default {
this.$message.error('service error：' + res.msg);
}
},
upSuccess_manuscirpt(res, file) {
addWordTablesList(tables) {
console.log('tables at line 2187:', tables)
console.log('this.fileMesForm at line 2189:', this.stagingID)
var data = {
article_id: this.stagingID,
list: tables.map(e=>( {
table: JSON.stringify([...e]),
type: 0,
html_data: ''
})),
};
this.$api.post('api/Article/addArticleTable', data).then((res) => {
this.isShowCommonWord=true
});
},
upLoadWordTables() {},
upSuccess_manuscirpt(res, File) {
// console.log('file at line 2174:', file.raw)
if (File) {
var that = this;
const reader = new FileReader();
reader.onload = function (e) {
that.$commonJS.extractWordTablesToArrays(File.raw, function (wordTables) {
console.log('tablesHtml at line 61:', wordTables);
that.addWordTablesList(wordTables);
});
};
reader.readAsArrayBuffer(File.raw);
}
if (res.code == 0) {
this.form.manuscirpt = 'manuscirpt/' + res.upurl;
this.fileL_manuscirpt = [{}];
this.isShowCommonWord=false
this.fileL_manuscirpt[0].name = 'Manuscirpt File';
this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
this.onStaging(5);
} else {
this.$message.error('service error: ' + res.msg);
@@ -2197,10 +2269,10 @@ export default {
});
},
removefilepicturesAndTables(file, fileList) {
console.log('file at line 2199:', file)
if(!file){
return false
}
console.log('file at line 2199:', file);
if (!file) {
return false;
}
this.form.picturesAndTables = '';
this.fileL_picturesAndTables = [];
this.$api
@@ -2218,10 +2290,34 @@ return false
removefiletotalpage(file, fileList) {
this.form.totalpage = '';
},
clearFileManuscript() {
this.wordimgList = [];
this.imagesHtml = '';
this.tables = [];
this.tablesHtmlHtml = '';
this.isShowCommonWord=false;
this.$api
.post('api/Article/reloadArticleImages', {
article_id: this.stagingID
})
.then((res) => {});
this.$api
.post('api/Article/reloadArticleTable', {
article_id: this.stagingID
})
.then((res) => {});
},
removefilemanuscirpt(file, fileList) {
console.log('fileList at line 2337:', file, fileList);
if (this.form.manuscirpt != '') {
}
this.form.manuscirpt = '';
this.fileL_manuscirpt = [];
this.$api
this.$refs['uploadFileManuscirpt'].clearFiles();
this.clearFileManuscript();
if(this.form.manuscirptId){
this.$api
.post('api/Article/delArticleFile', {
file_id: this.form.manuscirptId
})
@@ -2232,6 +2328,8 @@ return false
this.$message.error(res.msg);
}
});
}
},
removefilesupplementary() {
this.form.supplementary = '';
@@ -2492,6 +2590,7 @@ return false
// this.$message.error('First author and corresponding author must be exist');
// return;
}
this.move_step = 3; //进行步骤
this.show_step = 3; //显示内容
}
@@ -2517,6 +2616,8 @@ return false
// 暂存
onStaging(e) {
var that = this;
console.log('e at line 2584:', e);
if (e == 1) {
var flist = this.keywordsList;
var fstr = '';
@@ -2538,6 +2639,12 @@ return false
}
});
} else if (e == 2) {
this.isShowCommonWord=false;
setTimeout(() => {
this.isShowCommonWord=true;
// that.getWordTablesList();
// that.getWordimgList();
}, 200);
// for (let i = 0; i < this.form.authorList.length; i++) {
// if (this.form.authorList[i].art_aut_id == undefined) {
// this.form.authorList[i].art_aut_id = 0
@@ -2609,6 +2716,13 @@ return false
.then((res) => {
if (res.code == 0) {
this.form.manuscirptId = res.data.file_id;
console.log('this.form.manuscirpt at line 2652:', this.form.manuscirpt);
console.log('1111111111111111111111111111');
setTimeout(() => {
// that.getWordTablesList();
// that.getWordimgList();
}, 500);
} else {
this.$message.error(res.msg);
}
@@ -3192,4 +3306,7 @@ return false
.partyAry > div > p > font {
color: #777;
}
</style>
::v-deep .el-collapse-item__header {
background-color: transparent !important;
}
</style>