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:
始于初见
2026-01-04 14:51:40 +08:00
parent f688274667
commit 9e337cb164
10 changed files with 511 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/index.js
View File

@@ -19,8 +19,8 @@ const service = axios.create({
// baseURL: 'https://submission.tmrjournals.com/', //正式 记得切换
// baseURL: 'http://www.tougao.com/', //测试本地 记得切换
// baseURL: 'http://192.168.110.110/tougao/public/index.php/',
baseURL: '/api', //本地
// baseURL: '/', //正式
// baseURL: '/api', //本地
baseURL: '/', //正式
});

10
src/components/common/common.vue
View File

@@ -2,12 +2,12 @@
//记得切换
//正式
// const mediaUrl = '/public/';
// const baseUrl = '/';
const mediaUrl = '/public/';
const baseUrl = '/';
const mediaUrl = 'https://submission.tmrjournals.com/public/';
// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
const baseUrl = '/api'
// const mediaUrl = 'https://submission.tmrjournals.com/public/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
// const baseUrl = '/api'
// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';

16
src/components/common/langs/en.js
View File

@@ -102,6 +102,7 @@ const en = {
article: 'Articles for',
articleNum: 'Articles',
info: 'The following data is',
Fee: 'Fee',
wos: 'Wos',
all: 'All references',
factor: 'Factor',
@@ -114,6 +115,21 @@ const en = {
level: 'Level',
editorinchief: 'Editor In Chief',
journal_topic: 'Research areas',
// 1. 录入弹窗 (image_e6d8fa.png)
feeDialogTitle: 'Adjustment of Article Processing Charge (APC)',
feeWarningTitle: 'Financial Configuration Alert',
feeWarningDesc: 'Modifying the APC is a critical update. The new rate will be applied prospectively to all new submissions upon confirmation.',
feeLabel: 'New APC Amount (USD)',
placeholder: 'Enter amount',
confirmUpdate: 'Update Standard',
cancel: 'Cancel',
// 2. 二次确认弹窗 (image_e6d449.png)
doubleConfirmTitle: 'Final Regulatory Confirmation',
doubleConfirmContent: 'Are you sure you want to authorize this rate change? This adjustment will immediately synchronize with the billing system and impact all future financial settlements.',
// 3. 反馈
updateSuccess: 'The journal APC standard has been successfully updated.'
},

11
src/components/common/langs/zh.js
View File

@@ -100,6 +100,7 @@ const zh = {
citeNum: '引用数量',
articleNum: '文章数量',
ArticleInfo: '文章信息', website: '网站',
Fee: '费用',
email: '邮箱',
abbr: '缩写',
edit: '编辑',
@@ -112,6 +113,16 @@ const zh = {
all: '全部引用',
factor: '影响因子',
Sameperiod: '同期',
feeDialogTitle: '期刊稿件处理费（APC）调整',
feeWarningTitle: '核心财务参数修改提示',
feeWarningDesc: 'APC金额属于期刊核心计费参数。一旦更新，系统将立即启用新标准并应用于所有新投递的稿件。',
feeLabel: '新计费标准 (USD)',
placeholder: '请输入金额',
confirmUpdate: '更新标准',
cancel: '取消',
doubleConfirmTitle: '最终操作确认',
doubleConfirmContent: '确定要授权此项金额变更吗？此操作具有法律效力上的即时性，将直接影响后续所有财务结算流程。',
updateSuccess: '期刊计费标准已成功更新。'
},
paperArticleCount: {
Periodroll: '期卷',

85
src/components/page/JournalManagement/JournalManagement/common.vue
View File

@@ -46,10 +46,15 @@
<div class="item">
<span class="title">{{ $t('JournalCitationAnalysis.level') }} :</span><span>{{ scope.row.level }}</span>
</div>
<div class="item" v-if="scope.row.journal_topic">
<span class="title">{{ $t('JournalCitationAnalysis.journal_topic') }} :</span
><span>{{ scope.row.journal_topic }}</span>
</div>
<!-- <div class="item">
<span class="title">{{ $t('JournalCitationAnalysis.Fee') }} :</span><span>{{ scope.row.fee }}</span > <el-button @click="openEditDialog(scope.row)" plain type="primary" size="mini" style="position: relative;top: 2px;vertical-align: text-bottom; padding: 2px 4px; margin-left: 10px;"><i class="el-icon-edit" style="margin-right: 4px"></i> {{ $t('articleListEditor.edit') }}</el-button>
</div> -->
</div>
</template>
</el-table-column>
@@ -295,6 +300,41 @@
>
<common-agreement ref="commonAgreementRef" :journal="currentJournal" :urlList="urlList"></common-agreement>
</el-drawer>
<el-dialog
:title="$t('JournalCitationAnalysis.feeDialogTitle')"
:visible.sync="feeDialogVisible"
width="800px"
>
<el-alert
:title="$t('JournalCitationAnalysis.feeWarningTitle')"
type="warning"
:description="$t('JournalCitationAnalysis.feeWarningDesc')"
show-icon
:closable="false"
/>
<el-form label-position="top" style="margin-top: 20px;">
<el-form-item :label="$t('JournalCitationAnalysis.feeLabel')" required>
<el-input-number
v-model="tempFee"
:precision="2"
:min="0"
:placeholder="$t('JournalCitationAnalysis.placeholder')"
style="width: 100%"
controls-position="right"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="feeDialogVisible = false">
{{ $t('JournalCitationAnalysis.cancel') }}
</el-button>
<el-button type="primary" @click="validateAndConfirm">
{{ $t('JournalCitationAnalysis.confirmUpdate') }}
</el-button>
</div>
</el-dialog>
</div>
</template>
@@ -322,6 +362,9 @@ export default {
},
data() {
return {
feeDialogVisible: false, // 控制录入弹窗
tempFee: 0, // 录入的临时金额
activeJournalId: null, // 当前修改的期刊ID
mediaUrl: this.Common.mediaUrl,
baseUrl: this.Common.baseUrl,
activeNames: [],
@@ -444,6 +487,48 @@ export default {
await this.getDate();
},
methods: {
// 点击页面上的 Edit 按钮触发
openEditDialog(row) {
this.activeJournalId = row.id;
this.tempFee = row.fee; // 初始值为当前金额
this.feeDialogVisible = true;
},
// 点击录入弹窗的“确认更新”触发
async validateAndConfirm() {
if (this.tempFee === undefined || this.tempFee === null) {
this.$message.error(this.$t('JournalCitationAnalysis.placeholder'));
return;
}
// 弹出您截图中的 Final Confirmation
try {
await this.$confirm(
this.$t('JournalCitationAnalysis.doubleConfirmContent'),
this.$t('JournalCitationAnalysis.doubleConfirmTitle'),
{
confirmButtonText: this.$t('GroupClassification.submit'),
cancelButtonText: this.$t('JournalCitationAnalysis.cancel'),
type: 'warning',
center: true
}
);
// 用户点击了 Confirm Update，执行 API 保存
this.executeSave();
} catch (error) {
// 用户取消了确认
}
},
async executeSave() {
// 这里调用您的后端接口
// const res = await api.updateFee(this.activeJournalId, this.tempFee);
this.$message.success(this.$t('JournalCitationAnalysis.updateSuccess'));
this.feeDialogVisible = false;
this.getDate(); // 刷新列表数据
},
async handleAvatarSuccess2(res, file) {
if (res.code == 0) {
this.detailForm.editor_qrcode = res.upurl;

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

@@ -559,7 +559,7 @@
ref="uploadFile"
class="upload-demo up_newstyle"
:action="upload_articleCopyright"
accept=".pdf,.rar,.zip"
accept=".pdf, .zip"
name="figurecopyright"
:before-upload="beforeupload_articleCopyright"
:on-error="uperr_coverLetter"

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

@@ -506,7 +506,7 @@
ref="uploadFile"
class="upload-demo up_newstyle"
:action="upload_articleCopyright"
accept=".pdf,.rar,.zip"
accept=".pdf, .zip"
name="figurecopyright"
:before-upload="beforeupload_articleCopyright"
:on-error="uperr_coverLetter"

187
src/components/page/articleDetailEditor.vue
View File

@@ -550,10 +550,19 @@
</el-col>
</el-row>
<el-row :gutter="24" v-if="form.is_figure_copyright == 1">
<el-row :gutter="24">
<el-col :span="24">
<el-button type="text" style="position: absolute; top: -2px; right: 14px" @click="reOpenDialog">
<i class="el-icon-edit"></i> Upload
</el-button>
<h4>Figure Copyright Declaration :</h4>
<p class="fi_new">
<div style="line-height: 22px;padding-left: 10px;margin-top: 2px;color: #333;">
<p v-if="form.is_figure_copyright == 2">I confirm that all figures in this manuscript are original.</p>
<p v-if="form.is_figure_copyright == 1">I confirm that all figures in this manuscript used with proper permission.</p>
</div>
<p class="fi_new" v-if="fileL_articleCopyright.length > 0" style="margin-top: 10px;">
<a v-for="item in fileL_articleCopyright" :href="mediaUrl + item.file_url">
<img src="../../assets/img/icon_0.png" />
<span>
@@ -563,6 +572,17 @@
<i class="el-icon-download download"></i>
</a>
</p>
<FigureCopyright
:article_id="form.articleId"
:visible.sync="copyrightDialogVisible"
v-model="is_figure_copyright"
:upload-action="upload_articleCopyright"
:file-list="newfilearticleCopyrightList"
@on-success="upSuccess_articleCopyright"
@on-remove="removefilearticleCopyright"
@on-preview="dowloadFile"
/>
<br clear="both" />
</el-col>
</el-row>
@@ -659,7 +679,6 @@
>( {{ iken.rated }} )</span
>
<span
style="color: #888; float: right; margin-right: 20px"
@click="handleClick(iken, 'detail')"
>Detail</span
@@ -964,7 +983,7 @@
<p style="line-height: 20px">
Manuscript submission :
<b>{{ form.username }}</b>
<span style="margin: 0 5px;color: #409EFF ;">({{ form.user_email }})</span>
<span style="margin: 0 5px; color: #409eff">({{ form.user_email }})</span>
submitted to
<b>{{ journal_me }}</b>
</p>
@@ -1009,9 +1028,9 @@
<el-button type="" @click="FinalDecisionVisible = false">Cancel</el-button>
</span>
</el-dialog>
<!-- 审稿详情 start-->
<!-- 审稿详情 start-->
<reviewerDetail ref="reviewerDetail" v-if="reviewerVisible" :reviewerDetail="reviewerDetail" destroy-on-close></reviewerDetail>
<!-- 审稿详情 end-->
<!-- 审稿详情 end-->
<el-dialog title="Edit H Index" :visible.sync="HEditVisible" width="400px" :close-on-click-modal="false">
<div style="margin: 0 0 20px 10px; font-weight: bold">{{ HIxForm.realname }}</div>
<div style="margin: 0 0 20px 10px">Email :{{ HIxForm.email }}</div>
@@ -1026,8 +1045,8 @@
</span>
</el-dialog>
<el-dialog title="Change Status" :visible.sync="editVisible" width="550px" v-loading="loading1" :close-on-click-modal="false">
<el-form ref="editform" :model="editform" label-width="170px">
<el-dialog title="Change Status" :visible.sync="editVisible" width="750px" v-loading="loading1" :close-on-click-modal="false">
<el-form ref="editform" :model="editform" label-width="220px">
<el-form-item label="">
<span slot="label">
<i style="color: #f56c6c">*</i>
@@ -1043,9 +1062,27 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="Comments for authors :" v-show="editform.state == 4">
<el-input type="textarea" rows="3" v-model="editform.proposal_content" placeholder="" resize="4"> </el-input>
</el-form-item>
<!-- <el-form-item label="Figure Copyright Declaration:" v-show="editform.state == 4">
<div class="copyright-declaration-wrapper">
<el-radio-group v-model="editform.is_figure_copyright">
<el-radio label="2"> I confirm that all figures in this manuscript are original. </el-radio>
<el-radio label="1"> I confirm that all figures are used with proper permission. </el-radio>
<el-input
v-if="editform.is_figure_copyright == '1'"
type="textarea"
rows="3"
v-model="editform.is_figure_copyright_content"
placeholder=""
resize="4"
>
</el-input>
</el-radio-group>
</div>
</el-form-item> -->
<el-form-item label="Transfer :" v-show="editform.state == 3 && form.transList.length == 0">
<el-select v-model="editform.trsjournal" placeholder="Please select">
<el-option :key="0" label="No Transfer" :value="0"></el-option>
@@ -1240,7 +1277,6 @@
</el-collapse>
<div style="line-height: 20px" v-if="isShowAI">
<p style="overflow: hidden; margin-bottom: 8px">
<span style="float: left">{{
currentArticleData.ai_review.is_finish == 2
@@ -1328,7 +1364,6 @@
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="" @click="isShowAI = false">Close</el-button>
</span>
</el-dialog>
@@ -1338,13 +1373,16 @@
<script>
import timetalk from './time_talk';
import reviewerDetail from '../../components/page/components/articleDetail/reviewerdetail.vue';
import FigureCopyright from '../../components/page/components/articleDetail/FigureCopyright.vue';
export default {
components: {
timetalk,
reviewerDetail
reviewerDetail,
FigureCopyright
},
data() {
return {
copyrightDialogVisible: false, // 控制弹窗开关
reviewerDetail: {},
corresList: [],
finalDecisionData: {},
@@ -1384,6 +1422,7 @@ export default {
totalpageFileList: [],
supplementaryFileList: [],
fileL_articleCopyright: [],
newfilearticleCopyrightList: [],
manuscirptFileList: [],
responseFileList: [],
authorList_name: '',
@@ -1649,7 +1688,9 @@ export default {
finalList: [],
reviewList: [],
underReview: ['1'],
finalDecision: ['1']
finalDecision: ['1'],
is_figure_copyright: '',
figurecopyright_file: ''
};
},
async created() {
@@ -1670,6 +1711,10 @@ export default {
manuscirptUrl: function () {
return this.baseUrl + this.form.manuscirpt;
},
//图片版权
upload_articleCopyright: function () {
return this.baseUrl + 'api/Article/up_file/type/figurecopyright';
},
upload_coverLetter: function () {
return this.baseUrl + 'api/Article/up_file/type/coverLetter';
},
@@ -1721,6 +1766,39 @@ export default {
}
},
methods: {
reOpenDialog() {
// 强制先关闭，确保状态发生位移
this.copyrightDialogVisible = false;
this.$nextTick(() => {
this.copyrightDialogVisible = true;
});
},
// 下载文件
dowloadFile(file) {
let filePath = '/public/' + file.url;
let fileName = file.name;
// 获取heads中的filename文件名
let downloadElement = document.createElement('a');
// 创建下载的链接
downloadElement.href = filePath; // 下载后文件名
downloadElement.download = fileName;
downloadElement.target = '_blank';
document.body.appendChild(downloadElement);
// 点击下载
downloadElement.click();
// 下载完成移除元素
document.body.removeChild(downloadElement);
},
removefilearticleCopyright(file, fileList) {
this.figurecopyright_file = '';
this.newfilearticleCopyrightList = [];
},
//图片版权
upSuccess_articleCopyright(res, file) {
this.initFileList();
console.log(this.form);
},
crateRevision(item) {
// 二次询问
this.$confirm('Do you want to send a review invitation?', 'Tip', {
@@ -1847,28 +1925,26 @@ export default {
},
// 算平均分
avegeCount(arry) {
// 1. 计算有有效评分的数量
var ratedLength = arry.map(item => item.rated).filter(rated => rated && rated > 0).length;
let all = 0;
// 2. 累加总分
for (let i = 0; i < arry.length; i++) {
all += Number(arry[i].rated || 0); // 加上 || 0 防止出现 undefined 导致计算失败
}
// 1. 计算有有效评分的数量
var ratedLength = arry.map((item) => item.rated).filter((rated) => rated && rated > 0).length;
// 3. 核心判断逻辑
// 如果没有评分的人(ratedLength 为 0)，或者总分就是 0，直接返回 "-"
// 否则计算平均分并保留一位小数
let str = (ratedLength > 0 && all > 0)
? (all / ratedLength).toFixed(1)
: "-";
let all = 0;
// 2. 累加总分
for (let i = 0; i < arry.length; i++) {
all += Number(arry[i].rated || 0); // 加上 || 0 防止出现 undefined 导致计算失败
}
return str;
},
// 3. 核心判断逻辑
// 如果没有评分的人(ratedLength 为 0)，或者总分就是 0，直接返回 "-"
// 否则计算平均分并保留一位小数
let str = ratedLength > 0 && all > 0 ? (all / ratedLength).toFixed(1) : '-';
return str;
},
// 算终审分
finalCount(arry) {
var ratedLength = arry.map(item => item.rated).filter(rated => rated&&rated>0).length;
var ratedLength = arry.map((item) => item.rated).filter((rated) => rated && rated > 0).length;
let str = 0;
let all = 0;
let sgr = 0;
@@ -1927,7 +2003,6 @@ export default {
return maxItem && maxItem.repeat ? maxItem.repeat.length : 0;
},
handleClick(item, type, repeatItem) {
this.reviewerDetail = item;
this.reviewerVisible = true;
this.$nextTick(() => {
@@ -2346,6 +2421,11 @@ export default {
this.form.username = res.article.account;
this.form.user_email = res.article.user_email;
this.form.is_figure_copyright = res.article.is_figure_copyright;
this.is_figure_copyright =
res.article.is_figure_copyright == 1 || res.article.is_figure_copyright == 2
? res.article.is_figure_copyright.toString()
: '';
this.form.title = res.article.title;
this.form.journal = res.article.journal_id;
this.form.journalname = res.article.journalname;
@@ -2531,6 +2611,17 @@ export default {
this.totalpageFileList = res.totalpage;
this.supplementaryFileList = res.supplementary;
this.fileL_articleCopyright = res.figurecopyright ? res.figurecopyright : [];
if (this.fileL_articleCopyright.length > 0) {
var figurecopyright_file = fileL_articleCopyright[this.fileL_articleCopyright.length - 1];
this.figurecopyright_file = figurecopyright_file.file_url;
this.newfilearticleCopyrightList = [
{
name: 'Figure Copyright Declaration File',
url: this.figurecopyright_file
}
];
this.$forceUpdate();
}
})
.catch((err) => {
console.log(err);
@@ -3124,4 +3215,40 @@ td {
.scoringRulesItem {
margin-top: 10px;
}
.copyright-declaration-wrapper {
background-color: #f8f9fb;
padding: 6px 6px;
border-radius: 8px;
border: 1px solid #e4e7ed;
margin-top: 10px;
}
.copyright-declaration-wrapper :deep(.el-radio-group) {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px;
}
.copyright-declaration-wrapper :deep(.el-radio) {
height: auto;
white-space: normal;
line-height: 1.2;
display: flex;
align-items: flex-start;
}
.copyright-declaration-wrapper :deep(.el-radio__input) {
margin-top: 3px;
}
.copyright-declaration-wrapper :deep(.el-radio:hover) {
color: #333;
}
.copyright-declaration-wrapper :deep(.el-radio.is-checked .el-radio__label) {
font-weight: 500;
}
</style>

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

@@ -240,6 +240,27 @@
(.rar,.zip)</div>
</el-upload>
</p>
<!-- <br clear="both">
<h4>Figure Copyright Declaration :</h4>
<p>
<el-form-item label="Please select the copyright status of your figures:">
<el-radio-group :value="value" @input="$emit('input', $event)" style="display: flex; flex-direction: column; gap: 15px">
<el-radio label="2">I confirm that all figures in this manuscript are original.</el-radio>
<el-radio label="1">I confirm that all figures in this manuscript used with proper permission.</el-radio>
</el-radio-group>
</el-form-item>
<el-upload class="upload-demo" :action="upload_figurecopyright" accept=".pdf, .zip"
name="figurecopyright" :before-upload="beforeupload_figurecopyright"
:on-error="uperr_coverLetter" :on-success="upSuccess_figurecopyright" :limit="1"
:on-exceed="alertlimit" :on-remove="removefilearticleCopyright" >
<div class="el-upload__text" style="padding:8px 5px;" >
<em>Click Upload</em>
</div>
<div class="el-upload__tip" slot="tip" style="color: #888; left: 80px; font-size: 13px">
Upload the copyright permission letters or license documents figures. (file format:
.pdf, .zip)<br />
</div></el-upload>
</p> -->
<br clear="both">
<h4><b style="margin-right:5px;color: red;">*</b>Response to reviewers :</h4>
<p>
@@ -461,6 +482,18 @@
<i class="el-icon-download download"></i>
</a>
</p>
<br clear="both" v-if="fileL_articleCopyright.length>0">
<h4 v-if="fileL_articleCopyright.length>0">Figure Copyright Declaration: </h4>
<p>
<a v-for="item in fileL_articleCopyright" :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>
<common-word-html :articleId="articleId" style="box-sizing: border-box"
@@ -491,6 +524,7 @@
},
fileMesForm: {
manuscirpt: '',
// figurecopyright: '',
picturesAndTables: '',
responseFile: '',
supplementary:'', //
@@ -510,6 +544,7 @@
coverLetterFileList: [],
picturesAndTablesFileList: [],
totalpageFileList: [],
fileL_articleCopyright: [],
manuscirptFileList: [],
supplementaryFileList:[],
fileL_supplementary:[],
@@ -530,6 +565,9 @@
upload_coverLetter: function() {
return this.baseUrl + 'api/Article/up_file/type/coverLetter';
},
upload_figurecopyright: function () {
return this.baseUrl + '/api/Article/up_file/type/figurecopyright';
},
upload_picturesAndTables: function() {
return this.baseUrl + 'api/Article/up_file/type/picturesAndTables';
},
@@ -604,6 +642,7 @@
this.coverLetterFileList = res.coverLetter;
this.picturesAndTablesFileList = res.picturesAndTables;
this.manuscirptFileList = res.manuscirpt;
this.fileL_articleCopyright = res.figurecopyright&&res.figurecopyright.length>0?res.figurecopyright:[];
this.totalpageFileList = res.totalpage;
this.supplementaryFileList = res.supplementary;
})
@@ -711,7 +750,18 @@
this.$message.error('service error: ' + res.msg);
}
},
upSuccess_figurecopyright(res, file) {
if (res.code == 0) {
this.fileMesForm.figurecopyright = 'figurecopyright/' + res.upurl;
this.fileL_figurecopyright = [{}];
this.fileL_figurecopyright[0].name = 'Figure Copyright Declaration File';
this.fileL_figurecopyright[0].url = 'figurecopyright/' + res.upurl;
} else {
this.$message.error('service error: ' + res.msg);
}
console.log(this.form);
},
removefilesupplementary() {
this.fileMesForm.supplementary = '';
this.fileL_supplementary = [];
@@ -727,6 +777,11 @@
// }
// });
},
removefilearticleCopyright() {
this.fileMesForm.figurecopyright = '';
this.fileL_figurecopyright = [];
},
// 上传文件
addWordTablesList(tables) {
@@ -762,8 +817,9 @@
.then((res) => {that. addWordTablesList(that.wordTables);});
},
async onSubmit() {
console.log(this.fileMesForm)
var that=this;
//验证文件
if (this.fileMesForm.manuscirpt == undefined || this.fileMesForm.manuscirpt == '') {
this.$message.error(
@@ -775,6 +831,7 @@
'Required information is not allowed to be empty.');
return false;
}
this.loading = true;
await this.$api
.post('api/Article/RepairBack', this.fileMesForm)
@@ -811,6 +868,8 @@
//检验上传文件的格式
beforeupload_coverLetter(file) {},
beforeupload_picturesAndTables(file) {},
beforeupload_figurecopyright(file) {},
beforeupload_manuscirpt(file) {
let flieArr = file.name.split(".")
let fileSuffix = flieArr[flieArr.length - 1];
@@ -1133,10 +1192,11 @@ that.wordTables=wordTables
.art_author_btn>h4 {
float: left;
width: 180px;
padding: 8px 20px 0 0;
width: 190px;
padding: 8px 15px 0 0;
letter-spacing: -0.5px;
text-align: right;
font-size: 13px;
}
.art_author_btn>p {

169
src/components/page/components/articleDetail/FigureCopyright.vue Normal file
View File

@@ -0,0 +1,169 @@
<template>
<el-dialog
title="Figure Copyright Declaration"
width="650px"
:visible="visible"
:close-on-click-modal="false"
append-to-body
@close="handleClose"
>
<div style="color: #333; line-height: 24px">
<el-form label-position="top">
<!-- <el-form-item label="Please select the copyright status of your figures:">
<el-radio-group :value="value" @input="$emit('input', $event)" style="display: flex; flex-direction: column; gap: 15px">
<el-radio label="2">I confirm that all figures in this manuscript are original.</el-radio>
<el-radio label="1">I confirm that all figures in this manuscript used with proper permission.</el-radio>
</el-radio-group>
</el-form-item> -->
<transition name="el-fade-in">
<el-form-item v-if="value == '1'" style="">
<div style="position: relative; top: 4px; margin-left: 14px">
<el-upload
ref="uploadFile"
class="upload-demo up_newstyle"
:action="uploadAction"
accept=".pdf, .zip"
name="figurecopyright"
:file-list="fileList"
:on-success="handleSuccess"
:on-remove="handleRemove"
:on-error="handleError"
:on-exceed="handleExceed"
:on-preview="handlePreview"
:limit="1"
>
<div class="el-upload__text" @click="clearUploadedCopyrightFile">
<em>Upload</em>
</div>
<div class="el-upload__tip" slot="tip" style="color: #888; left: 80px; font-size: 13px">
Upload the copyright permission letters or license documents figures. (file format: .pdf, .zip)<br />
</div>
</el-upload>
</div>
</el-form-item>
</transition>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="" @click="handleClose">Cancel</el-button> <el-button type="primary" @click="handleSave">Save</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: 'FigureCopyrightDialog',
props: {
value: { type: [String, Number], default: '' }, // 对应 form.is_figure_copyright
article_id: { type: [String, Number], default: '' }, // 对应 form.article_id
visible: { type: Boolean, default: false },
uploadAction: { type: String, required: true }, // 上传接口
fileList: { type: Array, default: () => [] } // 文件列表
},
computed: {},
methods: {
handleSave() {
console.log(this.fileList);
if(this.value==1){
if (this.fileList.length == 0) {
this.$message.warning('Please upload the copyright permission letters or license documents figures.');
return;
}
}
const loading = this.$loading({
lock: true,
text: 'Loading...',
background: 'rgba(0, 0, 0, 0.7)'
});
var data={
article_id: this.article_id,
figure_copyright: this.value,
user_id: localStorage.getItem('U_id'),
type: 'figurecopyright',
url: this.value==1?this.fileList[0].url:'',
// is_figure_copyright: this.value
}
var this_ = this;
this.$api
.post('api/Article/addFigureCopyrightForEditor',data)
.then(async (res) => {
loading.close();
if (res.status == 1) {
this.$message.success('success');this.$emit('update:visible', false);this_.$emit('on-success');this.dialogVisible = false;
}else{
this.$message.error(res.msg);
}
}).catch(() => {
loading.close();
})
},
handleClose() {
this.$emit('update:visible', false);
},
clearUploadedCopyrightFile() {
this.$refs['uploadFile'].clearFiles();
},
handleSuccess(res, file, fileList) {
if (res.code == 0) {
if (res.code == 0) {
this.fileList = [{}];
this.fileList[0].name = 'Figure Copyright Declaration File';
this.fileList[0].url = 'figurecopyright/' + res.upurl;
} else {
this.$message.error('service error: ' + res.msg);
this.fileList = [];
}
console.log(this.form);
// this.onStaging(5);
} else {
this.$message.error('service error: ' + res.msg);
}
// this.$emit('on-success', { res, file, fileList });
},
handleRemove(file, fileList) {
this.$emit('on-remove', { file, fileList });
},
handleError(err) {
this.$message.error('Upload failed');
},
handleExceed() {
this.$message.warning('Only 1 file is allowed');
},
handlePreview(file) {
this.$emit('on-preview', file);
}
}
};
</script>
<style scoped>
::v-deep .up_newstyle {
margin-left: 10px;
}
::v-deep .up_newstyle .el-upload--text {
background-color: #006699;
border: 1px solid #006699;
padding: 0 7px;
/* margin-left: 10px; */
}
::v-deep .up_newstyle .el-upload__text em {
color: #fff !important;
font-size: 12px;
}
</style>