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

后台引用编辑前

Browse Source
This commit is contained in:
@fawn-nine
2023-07-07 10:22:27 +08:00
parent c509b53180
commit 85cc743ba0
7 changed files with 1652 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/page/PreIngestedEditor.vue
View File

@@ -47,7 +47,7 @@
<div :ref="tabsList[0].refName" class="scroll-item">
<div class="bor_style_onli">
<h4>{{tabsList[0].name}}</h4>
<div class="liter_ture">
<div class="liter_ture" v-if="0==2">
<div class="chanSelLef">
<!-- 1 -->
<div :class="showB_step ==1?'C_style':''">
@@ -170,6 +170,7 @@
</div>
</div>
</div>
<editPublicRefRdit ref="editPublicRefRdit" :chanFerForm = 'chanFerForm' :gridData = 'gridData' :p_article_id='p_article_id' @ChanFerMashUp="ChanFerMashUp" @refrashComp="refrashComp" @changeRefer="changeRefer"></editPublicRefRdit>
</div>
</div>
@@ -284,7 +285,7 @@
{{msgform.title}}
</p> -->
<div class="talkDialog">
<timetalk :talkMsgs="talkMsgs" :msgform="msgform" @talksave="getTalkList"></timetalk>
<timetalk :talkMsgs="talkMsgs" :msgform="msgform" @talksave="getTalkList" ></timetalk>
</div>
</el-dialog>
@@ -292,6 +293,7 @@
</template>
<script>
import editPublicRefRdit from './editPublicRefRdit' // 公共引用编辑页面
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
@@ -532,7 +534,7 @@
editFomauthor: {},
addFomschool: {},
editFomschool: {},
showB_step: 1,
chanFerForm: [],
refProcess: 0,
refReal: 0,
@@ -700,6 +702,11 @@
},
methods: {
// 刷新引用组件
refrashComp(){
this.$refs.editPublicRefRdit.$forceUpdate()
console.log('editPublicRefRdit')
},
// 跳转邮件
linkEmail() {
this.$router.push({
@@ -885,6 +892,9 @@
this.showB_step = 2
}
}
this.$nextTick(()=>{ // 更新引用列表
this.$refs.editPublicRefRdit.init(this.chanFerForm)
})
})
.catch(err => {
console.log(err);
@@ -1395,6 +1405,7 @@
// 5----重新获取加载参考文献
changeRefer(val) {
console.log('重新获取参考文献')
this.$api
.post('api/Production/getReferList', {
'p_article_id': this.p_article_id
@@ -1409,6 +1420,7 @@
.catch(err => {
console.log(err);
});
},
@@ -2174,7 +2186,8 @@
},
components: {
quillEditor,
timetalk
timetalk,
editPublicRefRdit
},
}
</script>

478
src/components/page/ReferenceEditor.vue
View File

@@ -92,12 +92,15 @@
<li>
<p>- If you want to discard all references and import a new batch of reference information, please click <el-button type="text" @click="removeAll">Delete and re-import</el-button>.</p>
</li>
<li>
<p>- Please do not forget to recheck all references in the <span class="status ok float" ><i class="el-icon-circle-check"></i></span> status.</p>
</li>
</ul>
</div>
<div class="refenceCentent mt20">
<el-table :data="tableData" ref="multipleTable"
empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">
<!-- <el-table-column type="index" label="No." width="55" align="center"></el-table-column> -->
<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
<el-table-column label="state" width="55" align="center">
<template slot-scope="scope">
<span class="status ok" v-if="scope.row.refer_doi != '' && scope.row.author != ''" >
@@ -110,14 +113,20 @@
</el-table-column>
<el-table-column label="Title" align="left">
<template slot-scope="scope">
<div style="text-align: left;" v-if="scope.row.refer_doi != '' && scope.row.author != ''">
<!-- journal 形式 -->
<div style="text-align: left;" v-if="scope.row.refer_type == 'journal'">
<p>{{scope.row.author}},{{scope.row.title}}, <em>{{scope.row.joura}}</em> ,{{scope.row.dateno}}<br/></p>
<a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>
</div>
<p class="wrongLine" style="text-align: left;" v-else>
{{scope.row.refer_content}}
<!-- book 形式 -->
<div style="text-align: left;" v-if="scope.row.refer_type == 'book'">
<p>{{scope.row.author}},{{scope.row.title}},{{scope.row.dateno}}<br/></p>
<a class="doiLink" :href="scope.row.isbn" target="_blank">{{scope.row.isbn}}</a>
</div>
<!-- other 形式 -->
<p class="wrongLine" style="text-align: left;" v-if="scope.row.refer_type == 'other'">
{{scope.row.refer_frag}}
</p>
</template>
</el-table-column>
<el-table-column align="center" width="360">
@@ -136,36 +145,87 @@
</div>
</div>
<!-- 修改引用 -->
<el-dialog v-loading="addLoading" :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="500px" @close="cancelSave">
<p class="yinyongPre c888">现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。</p>
<p v-if="dialogTitle == 'Add'">There is no Doi data: <el-switch v-model="contentVisible"></el-switch></p>
<el-form v-show="!contentVisible" :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
<el-dialog v-loading="addLoading" :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="800px" @close="cancelSave">
<p class="yinyongPre c888">Now you are starting to add or modify this reference. If this reference has a DOI, you can directly copy it into the DOI input box and submit it. If this reference doesn’t have the DOI, please turn on the No DOI button, and write all details of this reference according to the hints.</p>
<el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="150px" class="editForm mt10">
<!-- 内容开关 -->
<el-form-item label="Doi:" required prop="refer_doi" >
<el-input v-model="refenceForm.refer_doi" ></el-input>
<el-form-item label="Source:" >
<el-select v-model="SourceType" placeholder="please pick">
<el-option
v-for="item in sourceOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<!-- Journal -->
<div v-show="SourceType == 'journal' || SourceType == 'doi'" >
<el-form-item label="Doi:" required prop="doi" >
<el-input v-model="refenceForm.doi" >
<el-button @click="gotoFormate" slot="append" >Formate</el-button>
</el-input>
</el-form-item>
</div>
<el-form-item >
<div class="line"></div>
</el-form-item>
<!-- 中间部分 -->
<div v-show="SourceType !='other'">
<el-form-item label="Author(s):" required prop="author" >
<el-input v-model="refenceForm.author" ></el-input>
<p class="zhushi">Six or less authors are required to list all authors while more than six authors are required to list three of them with “et al”</p>
</el-form-item>
<el-form-item label="Title:" required prop="title" >
<el-input v-model="refenceForm.title" placeholder="eg: Tradit Med Res"></el-input>
<p class="zhushi">Abbreviated Journal Title</p>
</el-form-item>
<el-form-item label="Publication Details:" required prop="dateno" >
<el-input v-model="refenceForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
<p class="zhushi">Year;Volume(issue):Inclusive page numbers.</p>
</el-form-item>
</div>
<div v-show="SourceType == 'journal'">
<el-form-item label="Joura:" required prop="joura" >
<el-input v-model="refenceForm.joura" placeholder=""></el-input>
</el-form-item>
<el-form-item label="DOI/URL:" required prop="doilink" >
<el-input v-model="refenceForm.doilink" placeholder="eg:https://doi.org/10.1002/cncr.30667"></el-input>
</el-form-item>
</div>
<!-- Book -->
<div v-show="SourceType =='book'">
<el-form-item label="ISBN:" required prop="isbn" >
<el-input v-model="refenceForm.isbn" ></el-input>
</el-form-item>
</div>
<!-- others -->
<div v-show="SourceType =='other'">
<el-form-item label="Content:" required prop="content" >
<el-input type="textarea" rows="5" v-model="refenceForm.content" placeholder="please refer to the AMA manual of style (10th ed.)"></el-input>
</el-form-item>
</div>
</el-form>
<el-form v-show="contentVisible" :model="refenceLinkForm" :rules="refenceLinkFormrules" ref="refenceLinkForm" label-width="80px" class="editForm mt10">
<!-- 内容开关 -->
<!-- <el-form-item label="There is no Doi data" label-width="160px">
<el-switch v-model="contentVisible"></el-switch>
</el-form-item> -->
<el-form-item label="author:" required prop="author" >
<el-input v-model="refenceLinkForm.author" placeholder="eg:Kagabu M, Nagasawa T, Fukagawa D, et al."></el-input>
<!-- <el-form :model="refenceLinkForm" :rules="refenceLinkFormrules" ref="refenceLinkForm" label-width="80px" class="editForm mt10">
<el-form-item label="Author(s):" required prop="author" >
<el-input v-model="refenceLinkForm.author" placeholder=""></el-input>
</el-form-item>
<span>Six or less authors are required to list all authors while more than six authors are required to list three of them with “et al”</span>
<el-form-item label="title:" required prop="title" >
<el-input v-model="refenceLinkForm.title" placeholder="eg:Immunotherapy for Uterine Cervical Cancer."></el-input>
<el-input v-model="refenceLinkForm.title" placeholder="eg: Tradit Med Res"></el-input>
</el-form-item>
<el-form-item label="joura:" required prop="joura" >
<el-form-item label="Source:" required prop="joura" >
<el-input v-model="refenceLinkForm.joura" placeholder="eg:Healthcare (Basel)."></el-input>
</el-form-item>
<el-form-item label="dateno:" required prop="dateno" >
<el-input v-model="refenceLinkForm.dateno" placeholder="eg:2019 Sep 17;7(3):108."></el-input>
<el-form-item label="Publication Details:" required prop="dateno" >
<el-input v-model="refenceLinkForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
</el-form-item>
<span>Year;Volume(issue):Inclusive page numbers.</span>
<el-form-item label="doilink:" required prop="doilink" >
<el-input v-model="refenceLinkForm.doilink" placeholder="eg:https://doi.org/10.1002/cncr.30667"></el-input>
</el-form-item>
</el-form>
</el-form> -->
<span slot="footer" class="dialog-footer">
<el-button @click="cancelSave">Cancel</el-button>
<el-button type="primary" @click="saveChange" v-if="dialogTitle == 'Edit'">Save</el-button>
@@ -219,7 +279,21 @@
importIoading: false,
baseUrl: this.Common.baseUrl,
addLoading:false,
contentVisible:false,
SourceType:'journal',
sourceOptions:[
{
value: 'journal',
label: 'journal'
},
{
value: 'book',
label: 'book'
},
{
value: 'other',
label: 'other'
},
],
// 引用数据列表
tableData:[
],
@@ -238,39 +312,72 @@
},
// 引用表单
refenceForm:{
refer_doi:'',
doi:'',
article_id:null,
p_refer_id:null, // 当前行一行的引用序号
pre_p_refer_id:null, // 上一行
refer_type:'', // 类型
joura:'',
author:'',
doilink:'',
dateno:'',
isbn:'',
content:'',
title:''
},
refenceFormrules:{
refer_doi:[
doi:[
{ required: true, message: 'The Doi cannot be empty', trigger: 'blur' },
]
},
// 引用表单
refenceLinkForm:{
author:'',
title:'',
joura:'',
dateno:'',
doilink:'',
pre_p_refer_id:null, // 当前行一行的引用序号,
article_id: null,
p_refer_id: null
},
refenceLinkFormrules:{
],
joura:[
{ required: true, message: 'The Joura cannot be empty', trigger: 'blur' },
],
author:[
{ required: true, message: 'The author cannot be empty', trigger: 'blur' },
{ required: true, message: 'The Author(s) cannot be empty', trigger: 'blur' },
],
title:[
{ required: true, message: 'The title cannot be empty', trigger: 'blur' },
],
dateno:[
{ required: true, message: 'The dateno cannot be empty', trigger: 'blur' },
],
doilink:[
{ required: true, message: 'The doilink cannot be empty', trigger: 'blur' },
]
{ required: true, message: 'The doi/url cannot be empty', trigger: 'blur' },
],
dateno:[
{ required: true, message: 'The Publication Details cannot be empty', trigger: 'blur' },
],
isbn:[
{ required: true, message: 'The ISBN cannot be empty', trigger: 'blur' },
],
content:[
{ required: true, message: 'The Content cannot be empty', trigger: 'blur' },
],
},
// 引用表单
// refenceLinkForm:{
// author:'',
// title:'',
// joura:'',
// dateno:'',
// doilink:'',
// pre_p_refer_id:null, // 当前行一行的引用序号,
// article_id: null,
// p_refer_id: null,
// },
// refenceLinkFormrules:{
// author:[
// { required: true, message: 'The author cannot be empty', trigger: 'blur' },
// ],
// title:[
// { required: true, message: 'The title cannot be empty', trigger: 'blur' },
// ],
// dateno:[
// { required: true, message: 'The dateno cannot be empty', trigger: 'blur' },
// ],
// doilink:[
// { required: true, message: 'The doilink cannot be empty', trigger: 'blur' },
// ]
// },
dialogTitle:''
}
},
@@ -280,6 +387,27 @@
this.holeLoading = true
},
methods:{
// 格式化
gotoFormate(){
this.$refs['refenceForm'].validateField('doi', (callback)=>{
if(callback == ''){
this.$api
.post('/api/Preaccept/searchDoi',{'doi': this.refenceForm.doi})
.then(res => {
console.log(res)
if(res.code == 0 ){
//this.tableData = res.data.refers
}else{
this.$message.error(res.msg)
}
this.holeLoading = false
}).catch(()=>{})
}else{
console.log('不合格')
}
})
},
// 全页面加载动画
openFullScreen1() {
this.holeLoading = true;
@@ -349,22 +477,20 @@
change(row, optitle){
this.dialogTitle = optitle
this.editboxVisible = true
// console.log(this.refenceForm.content,55555)
this.$nextTick(() => {
if(row.is_web == 0){
// 有doi row.is_web: 00
this.refenceForm.refer_doi = row.refer_doi
console.log(row,'row')
this.refenceForm.doi = row.refer_doi
this.refenceForm.p_refer_id = row.p_refer_id
}else{
// 无doi row.is_web: 1
this.contentVisible = true
this.refenceLinkForm.article_id = this.$route.query.id
this.refenceLinkForm.p_refer_id = row.p_refer_id
this.refenceLinkForm.author = row.author
this.refenceLinkForm.title = row.title
this.refenceLinkForm.joura = row.joura
this.refenceLinkForm.dateno = row.dateno
this.refenceLinkForm.doilink = row.doilink
}
this.SourceType = row.refer_type
this.refenceForm.author = row.author
this.refenceForm.title = row.title
this.refenceForm.joura = row.joura
this.refenceForm.dateno = row.dateno
this.refenceForm.doilink = row.doilink
this.refenceForm.content = row.refer_frag
this.refenceForm.joura = row.joura
this.refenceForm.isbn = row.isbn
})
},
@@ -376,58 +502,88 @@
this.$refs['refenceForm'].clearValidate();
this.$refs['refenceForm'].resetFields();
this.$refs['refenceLinkForm'].clearValidate();
this.$refs['refenceLinkForm'].resetFields();
// this.$refs['refenceLinkForm'].clearValidate();
// this.$refs['refenceLinkForm'].resetFields();
this.refenceForm.refer_doi = ''
this.refenceForm.doi = ''
this.dialogTitle = ''
},
// 编辑引用
saveChange(){
if(this.contentVisible){ // 无doi形式
this.editNoneDoi()
}else{
this.editHaveDoi()
}
},
// 编辑无doi
editNoneDoi(){
this.$refs.refenceLinkForm.validate((valid) => {
this.addLoading = true
if(valid){
this.$api
.post('api/Preaccept/editReferNotdoi', this.refenceLinkForm)
.then(res => {
if (res.code == 0) {
this.addLoading = false
this.$message.success('successed!')
this.cancelSave()
this.getRefData()
var journalValid = false
var bookValid = false
var otherValid = false
if(this.SourceType == 'journal') {
// Journal形式
var doi = ''
var author = ''
var title = ''
var dateno = ''
var joura = ''
var doilink = ''
this.$refs['refenceForm'].validateField('doi',(callback)=>{
doi = callback
})
this.$refs['refenceForm'].validateField('author',(callback)=>{
author = callback
})
this.$refs['refenceForm'].validateField('title',(callback)=>{
title = callback
})
this.$refs['refenceForm'].validateField('dateno',(callback)=>{
dateno = callback
})
this.$refs['refenceForm'].validateField('joura',(callback)=>{
joura = callback
})
this.$refs['refenceForm'].validateField('doilink',(callback)=>{
doilink = callback
})
doi == '' && author == '' && title == '' && dateno == '' && joura == '' && doilink == '' ? journalValid = true :''
}else if(this.SourceType == 'book'){
// book 形式
var author = ''
var title = ''
var dateno = ''
var isbn = ''
this.$refs['refenceForm'].validateField('author',(callback)=>{
author = callback
})
this.$refs['refenceForm'].validateField('title',(callback)=>{
title = callback
})
this.$refs['refenceForm'].validateField('dateno',(callback)=>{
dateno = callback
})
this.$refs['refenceForm'].validateField('isbn',(callback)=>{
isbn = callback
})
author == '' && title == '' && dateno == '' && isbn == '' ? bookValid = true : ''
}else if(this.SourceType == 'other'){
// others 形式
var content = ''
this.$refs['refenceForm'].validateField('content',(callback)=>{
content = callback
})
content == '' ? otherValid = true : ''
}
// console.log(otherValid,99)
} else {
this.$message.error(res.msg);
if(journalValid || bookValid || otherValid){ // 有任意一个模式符合验证规则就提交
this.editRefSave()
}
})
.catch(err => {
this.$message.error(err);
});
}
})
},
// 编辑有doi
editHaveDoi(){
this.$refs.refenceForm.validate((valid) => {
// 提交引用修改
editRefSave(){
this.refenceForm.refer_type = this.SourceType
this.addLoading = true
if(valid){
console.log(this.refenceForm)
this.$api
.post('api/Preaccept/editRefer', {
// 'article_id': this.$route.query.id,
'p_refer_id': this.refenceForm.p_refer_id,
'doi': this.refenceForm.refer_doi
})
.post('api/Preaccept/editRefer', this.refenceForm)
.then(res => {
if (res.code == 0) {
this.addLoading = false
@@ -444,44 +600,77 @@
.catch(err => {
this.$message.error(err);
});
}else{
}
})
},
// 保存新增
saveAdd(){
if(this.contentVisible){ // 无doi形式
this.$refs.refenceLinkForm.validate((valid) => {
if(valid){
var journalValid = false
var bookValid = false
var otherValid = false
if(this.SourceType == 'journal') {
// Journal形式
var doi = ''
var author = ''
var title = ''
var dateno = ''
var joura = ''
var doilink = ''
this.$refs['refenceForm'].validateField('doi',(callback)=>{
doi = callback
})
this.$refs['refenceForm'].validateField('author',(callback)=>{
author = callback
})
this.$refs['refenceForm'].validateField('title',(callback)=>{
title = callback
})
this.$refs['refenceForm'].validateField('dateno',(callback)=>{
dateno = callback
})
this.$refs['refenceForm'].validateField('joura',(callback)=>{
joura = callback
})
this.$refs['refenceForm'].validateField('doilink',(callback)=>{
doilink = callback
})
doi == '' && author == '' && title == '' && dateno == '' && joura == '' && doilink == '' ? journalValid = true :''
}else if(this.SourceType == 'book'){
// book 形式
var author = ''
var title = ''
var dateno = ''
var isbn = ''
this.$refs['refenceForm'].validateField('author',(callback)=>{
author = callback
})
this.$refs['refenceForm'].validateField('title',(callback)=>{
title = callback
})
this.$refs['refenceForm'].validateField('dateno',(callback)=>{
dateno = callback
})
this.$refs['refenceForm'].validateField('isbn',(callback)=>{
isbn = callback
})
author == '' && title == '' && dateno == '' && isbn == '' ? bookValid = true : ''
}else if(this.SourceType == 'other'){
// others 形式
var content = ''
this.$refs['refenceForm'].validateField('content',(callback)=>{
content = callback
})
content == '' ? otherValid = true : ''
}
// console.log(otherValid,99)
if(journalValid || bookValid || otherValid){ // 有任意一个模式符合验证规则就提交
this.refenceForm.refer_type = this.SourceType
// console.log(this.refenceForm,99)
this.addLoading = true
this.$api
.post('api/Preaccept/addReferNotdoi', this.refenceLinkForm)
.then(res => {
if (res.code == 0) {
this.addLoading = false
this.$message.success('successed!')
this.editboxVisible = false
this.getRefData()
this.cancelSave()
}
})
.catch(err => {
this.$message.error(err);
});
}
})
}else{ // 有doi形式
this.$refs.refenceForm.validate((valid) => {
if(valid){
this.addLoading = true
this.$api
.post('api/Preaccept/addRefer', {
'article_id': this.$route.query.id,
'pre_p_refer_id': this.refenceForm.p_refer_id,
'doi': this.refenceForm.refer_doi
})
.post('api/Preaccept/addRefer', this.refenceForm)
.then(res => {
if (res.code == 0) {
this.addLoading = false
@@ -501,12 +690,13 @@
.catch(err => {
this.$message.error(err);
});
}else{
this.$message.error('error submit!!');
return false;
}
})
return false
}
},
beforeupload_manuscirpt(file) {
let flieArr = file.name.split(".")
@@ -595,17 +785,18 @@
},
// 添加一行
addLine(row, optitle){
//console.log(row)
// console.log(row)
this.dialogTitle = optitle
// this.$refs['refenceForm'].clearValidate()
this.editboxVisible = true
this.refenceForm.p_refer_id = row.p_refer_id
this.refenceForm.pre_p_refer_id = row.p_refer_id
this.refenceForm.article_id = this.$route.query.id
this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
this.refenceLinkForm.article_id = this.$route.query.id
// this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
//this.refenceLinkForm.article_id = this.$route.query.id
this.$nextTick(()=>{
this.$refs['refenceForm'].clearValidate(['refer_doi']);
this.$refs['refenceForm'].clearValidate(['doi']);
})
},
@@ -678,11 +869,13 @@
},
},
watch: {
contentVisible: {
SourceType : {
handler(newVal, oldVal) {
this.$nextTick(()=>{
this.$refs['refenceLinkForm'].clearValidate()
// console.log('清空验证信息')
// this.$refs['refenceLinkForm'].clearValidate()
this.$refs['refenceForm'].clearValidate()
// this.$refs['refenceForm'].resetFields() // 表单重置
})
},
// immediate: true,
@@ -693,6 +886,7 @@
</script>
<style scoped>
.line{border: 1px dashed #ebebeb; margin: 15px 0;}
.tip{background: #e6effb; padding: 2px; font-style: normal; border-radius:10px ;}
.wrongLine{ color: #f15f44;}
.doiLink{color: #409EFF;}
@@ -721,7 +915,7 @@
.noneData{ margin:30px 0; padding: 20px; border:3px dashed #F8F8F8; }
.noneData img{display: block; margin: 10px auto; opacity: .5; width: 100px;}
.nodatatext{color: #666; text-align: center;}
.inlinebutton{}
.zhushi{color: #999; font-size: 12px;}
.whoDo{background: #EEF7F9; padding: 30px;}
.whoDo ul{padding-left: 20px;}

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

@@ -326,7 +326,7 @@
Only Word and compressed files can be uploaded (file format: .docx).
</div>
</el-upload>
</a>
</el-form-item>
<el-form-item label="Supplementary Material :" label-width="200px">
<el-upload class="upload-demo up_newstyle" :action="upload_supplementary" accept=".zip"

248
src/components/page/articleListEditor_E.vue
View File

@@ -192,7 +192,7 @@
<!-- Html排版 -->
<el-dialog title="HTML layout" :visible.sync="HtmlVisible" width="900px" :close-on-click-modal="false">
<el-dialog title="HTML layout" :visible.sync="HtmlVisible" width="900px" :close-on-click-modal="false" @close="CancelHtml">
<div style="margin: 0 0 0 10px;" class="htmlfile">
<h3 style="font-size: 16px;margin-bottom: 25px;line-height: 22px;letter-spacing: -0.5px;word-break: break-word;"
v-html="UpHtpFIle.title"></h3>
@@ -223,16 +223,48 @@
can be uploaded(.pdf)</div>
</el-upload>
</div> -->
<div style="border-top: 2px dashed #0066994d;margin: 20px 0 0 0;padding: 20px 0 0 0;">
<font style="font-size: 16px;">Html Layout :</font>
<p style="border-top: 2px dashed #0066994d;margin: 20px 0 0 0;padding: 20px 0 0 0;"> </p>
<el-collapse v-model="collapseActiveNames">
<el-collapse-item name="html">
<template slot="title">
Html Layout :
<span style="margin-left: 15px;color: #666;" v-if="UpHtpFIle.mains==''">No Layout</span>
<span style="margin-left: 15px;color: #0b4b6a;" v-if="UpHtpFIle.mains!=''">Typesetting
completed</span>
<el-button type="primary" icon="el-icon-document-copy" @click="htmlLayout()"
<span style="margin-left: 15px;color: #0b4b6a;" v-if="UpHtpFIle.mains!=''">Typesetting completed</span>
<!-- <el-button v-if="UpHtpFIle.mains==''" type="text" plain icon="el-icon-document-copy" @click="showCreateHtmlItem()"
style="margin-left: 20px;">
<font v-if="UpHtpFIle.mains==''">Creat Html Proofread</font>
<font v-if="UpHtpFIle.mains!=''">Edit Html Proofread</font>
<font >Create Html Proofread</font>
</el-button> -->
<el-button v-if="UpHtpFIle.mains!=''" type="primary" plain icon="el-icon-document-copy" @click="htmlLayout()"
style="margin-left: 20px;">
<font >Edit Html Proofread</font>
</el-button>
</template>
<div>
<!-- 生成选项 -->
<div v-if="UpHtpFIle.mains==''">
<el-radio v-model="createType" label="1">使用稿件最终版生成html</el-radio>
<el-radio v-model="createType" label="2">重新上传word文件生成html</el-radio>
<!-- 方式是重新上传，且没有上传文件时，按钮不可用 -->
<el-button type="primary" @click="htmlLayout" class="import" v-if="createType=='2' && fileL_manuscirpt != '' || createType=='1'">Create Html Proofread</el-button>
<!-- 文件上传 -->
<div style="margin: 20px 0 0 0" v-if="createType == '2'">
<el-upload ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
accept=".docx" name="completedManuscirpt" :before-upload="beforeupload_manuscirpt"
:on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
:on-exceed="alertlimit" :on-remove="removefilemanuscirpt" :file-list="fileL_manuscirpt"
>
<div class="el-upload__text" @click="clearUploadedFile">
<em>Upload File</em>
</div>
<!-- <div class="el-upload__tip" slot="tip">
Only Word and compressed files can be uploaded (file format: .docx).
</div> -->
</el-upload>
</div>
<!-- end -->
</div>
<!-- end -->
<div class="titHtml" v-if="UpHtpFIle.mains!=''">
<div v-for="(item,index) in UpHtpFIle.mains">
<p v-html="item.content" v-if="item.width==0"></p>
@@ -242,12 +274,52 @@
</font>
</p>
</div>
</div></div>
</el-collapse-item>
<el-collapse-item name="references">
<template slot="title">
References :
<span style="margin-left: 15px;color: #666;" v-if="UpHtpFIle.refers==''">Have no refernces</span>
<span style="margin-left: 15px;color: #0b4b6a;" v-if="UpHtpFIle.refers!=''">There are {{UpHtpFIle.refers.length}} pieces of data in total.</span>
<el-button type="primary" plain icon="el-icon-document-copy" @click="goEditRefernces"
style="margin-left: 20px;">
<font >Edit References</font>
</el-button>
</template>
<div>
<el-table class="table99" v-if="UpHtpFIle.refers!=''" height="400px" :header-cell-style="{background:'#eef1f6',color:'#606266'}"
:data="UpHtpFIle.refers"
stripe
style="width: 100%">
<el-table-column
type="index" align="center"
width="50">
</el-table-column>
<el-table-column
label="CONTENT" align="center"
>
<template slot-scope="scope">
<div style="text-align: left;" v-if="scope.row.refer_type == 'journal'">
<p>{{scope.row.author}},{{scope.row.title}}, <em>{{scope.row.joura}}</em> ,{{scope.row.dateno}}<br/></p>
<a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>
</div>
<div style="text-align: left;" v-if="scope.row.refer_type == 'book'">
<p>{{scope.row.author}},{{scope.row.title}},{{scope.row.dateno}}<br/></p>
<a class="doiLink" :href="scope.row.isbn" target="_blank">{{scope.row.isbn}}</a>
</div>
<p class="wrongLine" style="text-align: left;" v-if="scope.row.refer_type == 'other'">
{{scope.row.refer_frag}}
</p>
</template>
</el-table-column>
</el-table>
</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="HtmlVisible = false" plain>Cancel</el-button>
<el-button @click="CancelHtml" plain>Cancel</el-button>
</span>
</el-dialog>
@@ -258,9 +330,15 @@
import {
Loading
} from 'element-ui';
import { watch } from 'vue';
export default {
data() {
return {
articleId:null,
createType:'1', // html生成方式
collapseActiveNames:['html'], // 手风琴绑定值
// oldFile:false, // 是否用新文件生成
fileL_manuscirpt: [],
baseUrl: this.Common.baseUrl,
mediaUrl: this.Common.mediaUrl,
username: localStorage.getItem('U_name'),
@@ -291,6 +369,7 @@
article_id: '',
htmlfile: '',
mains: [],
refers:[], //引用参数
},
UpLoadFile: {
article_id: '',
@@ -309,11 +388,23 @@
chooseData: [],
loading: false,
steps_jour: 0,
form:{
manuscirpt: '',
},
fileData:'' // 上传后返回的文件url
};
},
created() {
this.getJourDate();
},
computed: {
upload_coverLetter: function() {
return this.baseUrl + 'api/Article/up_file/type/coverLetter';
},
upload_manuscirpt: function() {
return this.baseUrl + '/api/Production/up_last_artFile';
},
},
methods: {
// 获取列表
getDate() {
@@ -335,6 +426,65 @@
loading.close();
});
},
// 跳转到引用编辑页面
goEditRefernces(){
// let pid = null
this.HtmlVisible = false
//this.UpHtpFIle.refers.length > 0 ? pid = this.UpHtpFIle.refers[0].p_article_id :
this.$router.push({
name: 'publishRefernceEditor',
query: {
id: this.articleId,
pid: this.UpHtpFIle.refers[0].p_article_id
}
})
},
CancelHtml(){
this.HtmlVisible = false
this.form.manuscirpt = ''
this.fileData = ''
this.fileL_manuscirpt = []
this.createType = '1' // html生成方式
this.collapseActiveNames = ['html']
},
showCreateHtmlItem(){
this.collapseActiveNames[0] = 'html'
//console.log(this.collapseActiveNames)
},
beforeupload_manuscirpt(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;
}
},
upSuccess_manuscirpt(res, file) {
if (res.code == 0) {
this.fileData = res.upurl
this.form.manuscirpt = 'manuscirpt/' + res.upurl;
this.fileL_manuscirpt = [{}];
this.fileL_manuscirpt[0].name = "Manuscirpt File";
this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
} else {
this.$message.error('service error: ' + res.msg);
}
},
//超出传送文件个数限制
alertlimit() {
this.$message.error('The maximum number of uploaded files has been exceeded');
},
removefilemanuscirpt(file, fileList) {
this.form.manuscirpt = '';
this.fileL_manuscirpt = [];
},
clearUploadedFile() {
this.$refs['uploadFile'].clearFiles();
},
uperr_coverLetter(err) {
this.$message.error('Upload error');
},
//初始化期刊分期
getJourDate() {
@@ -640,7 +790,9 @@
// 文章html弹出层
htmlContet(e) {
this.articleId = e.article_id
this.UpHtpFIle.article_id = e.article_id
this.UpHtpFIle.refers = e.refers
this.UpHtpFIle.doi = e.doi
this.UpHtpFIle.htmlfile = e.file_html
this.UpHtpFIle.title = e.title
@@ -648,7 +800,26 @@
this.UpLoadFile.article_id = e.article_id
this.HtmlVisible = true
},
// 生成html
// CreateHtml(){
// const loading = this.$loading({
// lock: true,
// text: 'Loading...',
// spinner: 'el-icon-loading',
// background: 'rgba(0, 0, 0, 0.7)'
// });
// this.$api
// .post('api/Production/getProductionMainsByDoi', {
// doi: this.UpHtpFIle.doi,
// })
// .then(res => {
// if (res.code == 0) {
// loading.close()
// this.htmlLayout()
// }
// })
// },
// 修改文章html
htmlLayout() {
const loading = this.$loading({
@@ -659,7 +830,8 @@
});
this.$api
.post('api/Production/getProductionMainsByDoi', {
doi: this.UpHtpFIle.doi
doi: this.UpHtpFIle.doi,
file: this.fileData
})
.then(res => {
if (res.code == 0) {
@@ -741,11 +913,39 @@
this.$message.error('The maximum number of uploaded files has been exceeded');
},
}
},
// watch:{
// collapseActiveNames : {
// handler(newVal, oldVal) {
// this.$nextTick(()=>{
// this.oldFile = newVal.find((item)=>{item.name===''});
// })
// },
// // immediate: true,
// deep: true // 可以深度检测到 person 对象的属性值的变化
// }
// }
};
</script>
<style scoped>
.doiLink{color: #409EFF;}
.up_newstyle {
margin-left: 10px;
}
/deep/ .el-upload--text {
background-color: #ecf5ff;
border: 1px solid #b3d8ff !important;
padding: 0 7px;
/* margin-left: 10px; */
}
.up_newstyle .el-upload__text em {
color: #409EFF !important;
font-size: 12px;
}
.handle-box {
margin-bottom: 18px;
}
@@ -909,31 +1109,33 @@
}
/deep/.htmlfile .upload-demo .el-upload-list {
margin-top: 4px;
margin-top: -4px;
margin-left: 20px;
float: left;
width: 35px;
display: none;
width: 500px;
/* display: none; */
}
/* /deep/ .import.is-disabled{background: #ecf5ff !important; color: #8cc5ff !important; border-color: #d9ecff !important;} */
/deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item {
/* /deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item {
width: 30px !important;
}
} */
/deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item:hover {
cursor: pointer;
}
/deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item .el-upload-list__item-name {
/* /deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item .el-upload-list__item-name {
width: 30px;
}
} */
/deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
/* /deep/.htmlfile .upload-demo .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
display: none;
}
} */
/deep/.htmlfile .upload-demo .el-upload-list__item:hover .el-icon-close {
/* /deep/.htmlfile .upload-demo .el-upload-list__item:hover .el-icon-close {
display: none;
}
} */
/deep/ .table99 th{background: #e4e7ed !important; color: #777 !important;}
</style>

876
src/components/page/editPublicRefRdit.vue Normal file
View File

@@ -0,0 +1,876 @@
<template>
<div class="liter_ture" >
<div class="chanSelLef">
<!-- 1 -->
<div :class="showB_step ==1?'C_style':''">
<h3><span>1</span>Check References and Doi</h3>
<div v-if="showB_step ==1">
<p>
You need to click
<el-button type="warning" @click="StepBOper(1)" size="mini"
style="padding: 5px 8px;font-size: 12px;margin: 0 5px;">
<i class="el-icon-edit-outline"></i>
Crossref
</el-button>
 to open the website, then paste the references part of the
<a :href='mediaUrl+this.gridData' target="_blank">
<el-button type="text" size="mini"
style="font-size: 12px;margin: 0 5px;font-weight: bold;">
<i class="el-icon-download" style="font-weight: bold;"></i>
manuscript
</el-button>
</a>
to get the new references part, please paste the new one into the input box.
</p>
<el-button @click="StepBNext(2)" plain type="primary"
style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
<i class="el-icon-right"
style="font-size: 18px;position: absolute;right: 8px;top: 5px;"></i>
Next Step
</el-button>
</div>
</div>
<!-- 2 -->
<div :class="showB_step ==2?'C_style':''">
<h3><span>2</span>Check Standard</h3>
<div v-if="showB_step ==2">
<p>Convert to standard format.</p>
<p style="background-color: #fdf3e3;padding: 10px;margin: 10px 0 0 30px;">The
references
with yellow background
are problematic, so you can check and correct them yourself.</p>
<el-button @click="StepBNext(1)" type="primary" plain
style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
<i class="el-icon-back"
style="font-size: 18px;margin:0;position:absolute;left: 8px;top: 5px;"></i>
Back Step and Reset
</el-button>
</div>
</div>
</div>
<div class="chanFerAll">
<div v-if="showB_step ==1">
<el-input v-model="refAarray" type="textarea" rows="20" style="width: 100%;"
:placeholder="placeRef"></el-input>
<el-button type="primary" @click="StepBOper(2)"
style="width: 250px;margin: 20px 0 0 0;float: right;">
<i class="el-icon-document-checked"></i>
Complete and conversion
</el-button>
<br clear="both">
</div>
<div v-for="(item,index) in this.chanFerForm" v-if="showB_step ==2" class="ref_list">
<div>
<span
style="float:left;margin: 3px 10px 0 0;width: 80px;text-align: right;font-size: 14px;">DOI
:</span>
<p style="float:left;font-size: 14px;color: #555;">{{item.refer_doi}}</p>
<br clear="both">
</div>
<div v-if="item.cs==1&&item.edit_mark!=0" style="margin-bottom: 0;">
<span
style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
:</span>
<p v-if="item.author==''"
style="float:left;width:74.5%;font-size: 14px;color: #555;line-height: 20px;">
{{item.refer_frag}}
</p>
<p v-if="item.author!=''"
style="float:left;width:74.5%;font-size: 14px;color: #555;line-height: 20px;">
{{item.author}} {{item.title}} {{item.joura}}{{item.dateno}}. Available at:
{{item.doilink}}
</p>
<br clear="both">
</div>
<div v-if="item.cs==0||item.edit_mark==0" :class="item.cs==0?'BG_yell':''"
style="margin-bottom: 0;">
<span
style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
:</span>
<el-input type="textarea" v-model="item.refer_frag" autosize
style="width: 60%;display: inline-block;"></el-input>
<div style="display: inline-block;width: 50px;vertical-align: top;">
<el-button @click="ChanFerEditFrag(item,index)" type="primary"
icon="el-icon-check" size="mini" style="margin: 0 5px 0 15px;">
</el-button>
<el-button @click="ChanFerMashUp(item)" type="warning" size="mini"
style="margin: 10px 5px 0 15px;" v-if="index!=0">Up</el-button>
</div>
</div>
<b>{{index+1}}</b>
<i class="el-icon-edit-outline" @click="referMark(index)"
v-if="item.edit_mark==1&&item.cs!=0&&item.author==''"></i>
<i class="el-icon-top" @click="ChanFerMashUp(item)"
v-if="index!=0&&item.edit_mark==1&&item.cs!=0"
style="right: 40px;font-size: 10px;">up</i>
</div>
</div>
<br clear="both">
<!-- <p v-if="this.chanFerForm==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
<!-- 进度条 -->
<div v-if="refProcess==1" class="RefProBar">
<div>
<el-progress :text-inside="true" :stroke-width="24" :percentage="refReal"
:color="customColorMethod"></el-progress>
<p>
<img src="../../assets/img/Ip_spinner.gif">
<span>{{this.refReal}}%</span> completed, please wait...
</p>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return{
showB_step: 1,
baseUrl: this.Common.baseUrl,
mediaUrl: this.Common.mediaUrl,
placeRef: 'eg:\n[1]Kagabu M, Nagasawa T, Fukagawa D, et al. Immunotherapy for Uterine Cervical Cancer. Healthcare (Basel). 2019 Sep 17;7(3):108. PMID: 31533297; PMCID: PMC6787701.\nhttps://doi.org/10.3390/healthcare7030108\n\n[2]Small W Jr, Bacon MA, Bajaj A, et al. Cervical cancer: A global health crisis. Cancer. 2017 Jul 1;123(13):2404-2412. Epub 2017 May 2. PMID: 28464289.\nhttps://doi.org/10.1002/cncr.30667\n\n[3]Cohen PA, Jhingran A, Oaknin A, et al. Cervical cancer. Lancet. 2019 Jan 12;393(10167):169-182. PMID: 30638582.\nhttps://doi.org/10.1016/S0140-6736(18)32470-X',
refAarray: '',
refProcess: 0,
}
},
props:{
p_article_id:{
type:null,
required: true
},
chanFerForm:{
type:Array,
required: true
},
gridData:{
type:String,
required: true
}
},
methods:{
init(e){
this.chanFerForm = e
this.bijiao()
//console.log('更新更新')
},
bijiao(){
if(this.chanFerForm.length > 0 ){ // 如果有值，则默认展示第二步的内容
this.showB_step = 2
}
},
StepBNext(e) {
this.showB_step = e
console.log(e)
},
StepBOper(e) {
if (e == 1) {
// 弹出新的页面粘贴DOI
window.open(
"https://apps.crossref.org/SimpleTextQuery",
'_blank',
'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
)
} else if (e == 2) {
// 发送转化为标准格式
let refAarray_list = []
if (this.refAarray != '') {
refAarray_list = this.refAarray.split(/[\r\n\r\n]/)
for (var i = 0; i < refAarray_list.length; i++) {
if (refAarray_list[i] == " " || refAarray_list[i] == "") {
refAarray_list.splice(i, 1)
i = i - 1
}
if (refAarray_list[i].indexOf("https://") == 0) {
refAarray_list[i - 1] = refAarray_list[i - 1] + refAarray_list[i]
refAarray_list.splice(i, 1)
i = i - 1
}
}
// 参考文献接口
this.$api
.post('api/Production/freshRefers', {
'refers': refAarray_list,
'p_article_id': this.p_article_id
})
.then(res => {
if (res.code == 0) {
// 获取进度百分比
this.refProcess = 1
this.refReal = 0
let timeRef = setInterval(() => {
this.$api
.post('api/Production/getFragBF', {
'p_article_id': this.p_article_id
})
.then(res => {
if (res.code == 0) {
if (res.data.bf < 100) {
this.refReal = res.data.bf
} else {
clearInterval(timeRef)
this.refProcess = 0
this.$message.success(
'Successfully converted to standard format!'
);
this.changeRefer()
this.showB_step = 2
}
} else {
this.refProcess = 0
this.$message.error(res.msg);
}
})
.catch(err => {
this.refProcess = 0
console.log(err);
});
}, 3000)
}
})
.catch(err => {
console.log(err);
});
} else {
this.$message.error('Please fill in the content!');
}
}
},
customColorMethod(percentage) {
if (percentage < 20) {
return '#f95f30';
} else if (percentage < 40) {
return '#f6ac3d';
} else if (percentage < 60) {
return '#e6a23c';
} else if (percentage < 80) {
return '#afbd0d';
} else {
return '#79bd0d';
}
},
referMark(e) {
this.chanFerForm[e].edit_mark = 0
this.$forceUpdate()
},
// 5----参考文献修改最终结果
ChanFerEditFrag(e, v) {
e.article_id = this.acticleId
this.$api
.post('api/Production/editReferFrag', e)
.then(res => {
if (res.code == 0) {
this.$message.success('Successfully modified the standard format!');
this.changeRefer()
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
console.log(err);
});
},
// 刷新组件
refrashComp(){
this.$emit('refrashComp',true)
},
// 重新获取参考文献
changeRefer(){
this.$emit('changeRefer',true)
},
// 向上合并某一项
ChanFerMashUp(e){
//console.log(e,'5555')
this.$emit('ChanFerMashUp',e)
},
}
}
</script>
<style scoped>
.talkDialog{height: 500px; overflow-y: scroll;}
.contactAuthor{
margin-top: 50px; color: #8c939d;
}
.contactAuthor>p{font-size: 12px; margin-left: 0 !important;}
.contactAuthor>p>.btnCliArt{color: #409EFF;}
.contactAuthor>h4{margin-bottom: 10px;}
.handle-box {
margin-bottom: 20px;
}
.title_header {
margin-bottom: 20px;
}
.tab_post {
background-color: #fafafa;
position: absolute;
left: 25px;
top: 60px;
/* width: 220px; */
z-index: 50;
}
.tab_post>div {
margin-bottom: 30px;
cursor: pointer;
position: relative;
}
.tab_post>div h5 {
padding: 10px 10px 0 0;
margin-bottom: 5px;
border-radius: 10px;
font-size: 16px;
color: #333;
font-weight: bold;
letter-spacing: -0.6px;
}
.tab_post>div h5 span {
border: 2px solid #333;
padding: 0 7px;
margin: 0 5px 0 0;
border-radius: 15px;
font-size: 12px;
display: inline-block;
}
.tab_post>div p {
margin: 0 20px 0 33px;
color: #999;
font-size: 14px;
line-height: 18px;
}
.tab_post>div .line {
top: 50px;
left: 11px;
bottom: -25px;
position: absolute;
border: 1px dashed #999;
}
.tab_post>div:nth-child(7) .line {
border: none;
}
.tab_post>div.P_style h5 {
color: #006699;
}
.tab_post>div.P_style h5 span {
background-color: #006699;
border: 2px solid #006699;
color: #fff;
}
.tab_post>div.P_style p {
color: #333;
}
.tab_post>div.P_style .line {
/* border-color: #006699; */
}
.scroll-item {
margin: 0 30px 50px 255px;
}
.bor_style_onli {
height: 700px; overflow-y: scroll;
border: 2px solid #0066991a;
background-color: #fff;
border-radius: 5px;
padding: 20px;
}
.bor_style_onli>h4 {
margin: 0 0 20px 0;
letter-spacing: -0.5px;
}
.captcha-img.el-switch.is-disabled {
opacity: 1;
}
.captcha-img.el-switch.is-disabled .el-switch__core {
cursor: pointer;
}
.message-title {
cursor: pointer;
}
.guanSty {
min-width: 1000px;
}
.guanSty .quill-editor {
margin-bottom: 20px;
/* height: 200px; */
}
.guanSty .ql-toolbar {
border: 1px solid #DCDFE6 !important;
}
.guanSty .ql-container {
min-height: 100px !important;
border: 1px solid #DCDFE6 !important;
}
.guanSty .ql-editor {
height: 100px;
}
.guanSty .upload-demo .el-upload {
width: 55px;
float: left;
margin-left: 5px;
border: none;
text-align: left;
height: 35px;
}
.guanSty .el-upload-list {
margin-top: 4px;
margin-left: 20px;
float: left;
width: 35px;
}
.guanSty .el-upload-list .el-upload-list__item {
width: 30px !important;
}
.guanSty .el-upload-list .el-upload-list__item:hover {
cursor: pointer;
}
.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-name {
width: 30px;
}
.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
display: none;
}
.guanSty .el-upload-list__item:hover .el-icon-close {
display: none;
}
.guanSty .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
width: 140px;
height: 140px;
}
.guanSty .avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.guanSty .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 140px;
height: 140px;
line-height: 140px;
text-align: center;
}
.guanSty .avatar {
width: 140px;
height: 140px;
display: block;
}
.guanSty .upload-demo .el-upload-list__item:first-child {
margin-top: 0;
width: 300px;
}
.suoshu_jigou .el-checkbox__label {
white-space: normal;
}
.suoshu_jigou .el-checkbox__input {
vertical-align: top;
margin-top: 8px;
}
.liter_ture {
position: relative;
margin-top: 30px;
}
.chanSelLef {
float: left;
width: 30%;
margin: 0 50px 0 0;
}
.chanSelLef>p {
font-size: 14px;
color: #333;
margin: 10px 0 30px 0;
line-height: 22px;
}
.chanSelLef>div {
margin: 0 0 20px 0;
}
.chanSelLef>div>h3 {
font-size: 14px;
letter-spacing: -0.5px;
color: #999;
}
.chanSelLef>div>h3:hover {
/* text-decoration: underline; */
}
.chanSelLef>div>h3>span {
color: #fff;
background-color: #999;
padding: 2px 6px;
margin: 0 10px 0 0;
}
.chanSelLef>div>div>p {
font-size: 14px;
color: #333;
margin: 10px 0 0 32px;
line-height: 24px;
}
.chanSelLef>div.C_style>h3 {
color: #006699;
}
.chanSelLef>div.C_style>h3>span {
background-color: #006699;
}
.chanFerAll {
float: left;
position: relative;
width: 61.5%;
}
.chanFerAll .chanFerBtn {
cursor: pointer;
}
.chanFerAll .ref_list:nth-child(2n) {}
.chanFerAll .ref_list:nth-child(2n+1) {
background-color: #ecf5ff;
}
.ref_list {
padding: 20px;
position: relative;
}
.ref_list>b {
position: absolute;
top: 5px;
left: 10px;
font-size: 12px;
}
.ref_list>i {
position: absolute;
top: 10px;
right: 10px;
font-size: 16px;
color: #006699;
cursor: pointer;
}
.ref_list>div:nth-child(1) {
margin: 0 0 15px 0;
}
.ref_list>div:nth-child(1) input {}
.ref_list>div:nth-child(1) button {
float: right;
}
.ref_list>div:nth-child(2) {
margin: 0 0 15px 0;
}
.ref_list>div.BG_yell {
background-color: #fdf3e3;
padding: 15px 0;
}
.RefProBar {
position: absolute;
background: rgba(0, 0, 0, 0.7);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.RefProBar>div {
width: 76%;
position: absolute;
top: 40%;
left: 12%;
}
.RefProBar>div>p {
color: #fff;
margin: 20px 0 0 0;
}
.RefProBar>div>p>img {
width: 30px;
vertical-align: middle;
margin: 0 10px 0 5px;
}
.RefProBar>div>p>span {
font-size: 18px;
}
.upload-demo_6 {
overflow: auto;
}
.upload-demo_6 .el-upload {
margin-left: 0 !important;
width: 150px !important;
height: auto !important;
text-align: center !important;
}
.upload-demo_6 .el-upload__tip {
margin-left: 15px;
float: left;
}
.typeA_MTxt>div>div {
position: relative;
border-bottom: 1px solid #d6e5ec;
padding: 10px 0 12px 0;
}
.typeA_MTxt>div>div .el-button {
position: absolute;
right: 5px;
top: -1px;
}
.typeA_MTxt>h5 {
margin: 25px 0 15px 0;
line-height: 18px;
font-size: 13px;
color: #bbb;
font-weight: 400;
}
.bor_style_onli .load_pdf {
margin-bottom: 20px;
}
.bor_style_onli .load_pdf>img {
vertical-align: sub;
margin: 0 15px 0 0;
}
.bor_style_onli .load_pdf a i:hover {
color: #006699 !important;
transform: scale(1.3);
}
.con_firm {
font-size: 14px;
line-height: 28px;
}
.con_firm b {
margin-left: 5px;
}
.con_firm i {
font-size: 18px;
margin-right: 5px;
vertical-align: text-bottom;
}
.aMesage {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
word-break: break-all;
}
.aMes_typ {
line-height: 35px;
border-bottom: 1px solid #f1f1f1;
color: #7f0202;
font-weight: bold;
}
.aMes_tit {
color: #222;
font-weight: bold;
margin-top: 8px;
line-height: 20px;
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
}
.aMes_autor {
margin-top: 5px;
font-size: 15px;
font-family: Calibri;
}
.aMes_doi {
margin-top: 8px;
}
.aMes_doi span {
margin-left: 20px;
}
.aMes_asbimg {
margin-top: 20px;
}
.aMes_asbimg img {
float: left;
width: 290px;
}
.aMes_asbimg div {
float: left;
font-family: Calibri;
width: 430px;
padding-left: 30px;
}
.aArticle {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
word-break: break-all;
}
.aArt_doi {}
.aArt_tit {
font-size: 16px;
color: #333333;
font-weight: bold;
margin: 20px 0 15px 0;
line-height: 24px;
}
.aArt_autor {
margin-top: 5px;
font-size: 15px;
font-family: Calibri;
}
.aArt_autor img {
width: 13px;
margin-left: 3px;
}
.aArt_jigou {
margin-top: 10px;
line-height: 20px;
font-family: Calibri;
}
.aArt_abst {
margin-top: 30px;
}
.aArt_abst .titTop {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.aArt_abst .titTop b {
font-weight: normal;
display: inline-block;
padding: 8px 10px;
border: 1px solid transparent;
margin-bottom: -1px;
border-radius: 4px 4px 0 0;
cursor: pointer;
}
.aArt_abst .titTop b.Tab_col {
border: 1px solid #ddd;
border-bottom-color: #fff;
}
.aArt_abst .titHtml {
letter-spacing: .03em;
margin: 15px 10px 0 10px;
color: #444;
font-size: 15px;
line-height: 1.4;
word-break: break-word;
}
.aArt_abst>p {
margin: 25px 10px 0 10px;
text-align: justify;
color: #666;
font-size: 15px;
line-height: 1.4;
/* text-indent: 2.6rem; */
word-break: break-word;
}
.aArt_abst .titHtml .MaxPicture {
text-align: center;
}
.aArt_abst .titHtml .MaxPicture>img {
margin-bottom: 10px;
}
.aArt_abst .titHtml .MaxPicture>font {
display: block;
margin: 0 auto;
font-size: 13px;
}
</style>

152
src/components/page/publishRefernceEditor.vue Normal file
View File

@@ -0,0 +1,152 @@
<template>
<div>
<!-- publish 引用编辑页面 -->
<editPublicRefRdit ref="editPublicRefRdit" :chanFerForm = 'chanFerForm' :gridData = 'gridData' :p_article_id='p_article_id' @ChanFerMashUp="ChanFerMashUp" @refrashComp="refrashComp" @changeRefer="changeRefer"></editPublicRefRdit>
</div>
</template>
<script>
import editPublicRefRdit from './editPublicRefRdit' // 公共引用编辑页面
import {
Loading
} from 'element-ui';
export default {
data(){
return{
article_id: this.$route.query.id,
chanFerForm: [],
gridData: '',
p_article_id: this.$route.query.pid,
}
},
created(){
this.getData()
},
methods:{
// 获取p_article_id的值
getArtcleDetails(){
// 获得文章详情
const loading = this.$loading({
lock: true,
text: 'Loading...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.$api
.post('api/Article/getPreacceptArticleDetail', {'article_id': this.article_id})
.then(res => {
loading.close()
this.p_article_id = res.data.production.p_article_id
console.log(this.p_article_id)
// this.chanFerForm = res.data.refers
if(this.p_article_id != null){
this.getData()
//this.getAuthorJG();
//this.getCount();
//this.getWorldPdf();
}
this.$nextTick(()=>{
// 更新引用列表
this.$refs.editPublicRefRdit.init(this.chanFerForm)
})
})
.catch(err => {
//this.$message.error(err);
loading.close()
});
},
getData() {
// this.idform.p_article_id = this.p_article_id;
// this.detailMes.p_article_id = this.p_article_id;
// this.addFomauthor.p_article_id = this.p_article_id;
// this.addFomschool.p_article_id = this.p_article_id;
// this.UpTypeFile.p_article_id = this.p_article_id;
// console.log(this.p_article_id,5555)
const loading = this.$loading({
lock: true,
text: 'Loading...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
// 获取文章信息
// 获取参考文献
this.$api
.post('api/Production/getReferList', {
'p_article_id': this.p_article_id
})
.then(res => {
this.chanFerForm = res.data.refers
for (var i = 0; i < this.chanFerForm.length; i++) {
this.chanFerForm[i].edit_mark = 1
if (this.chanFerForm[i].refer_frag != '') {
this.showB_step = 2
}
}
this.$nextTick(()=>{
// 更新引用列表
this.$refs.editPublicRefRdit.init(this.chanFerForm)
})
loading.close()
})
.catch(err => {
loading.close()
console.log(err);
});
},
// 5----参考文献向上合并
ChanFerMashUp(e) {
console.log(e)
this.$api
.post('api/Production/referHB', e)
.then(res => {
if (res.code == 0) {
this.changeRefer(e)
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
console.log(err);
});
},
// 刷新引用组件
refrashComp(){
this.$refs.editPublicRefRdit.$forceUpdate()
console.log('editPublicRefRdit')
},
// 5----重新获取加载参考文献
changeRefer(val) {
console.log('重新获取参考文献')
this.$api
.post('api/Production/getReferList', {
'p_article_id': this.p_article_id
})
.then(res => {
this.chanFerForm = res.data.refers
for (var i = 0; i < this.chanFerForm.length; i++) {
this.chanFerForm[i].edit_mark = 1
}
console.log(this.chanFerForm)
})
.catch(err => {
console.log(err);
});
},
},
components:{
editPublicRefRdit
}
}
</script>
<style scoped>
</style>

11
src/router/index.js
View File

@@ -896,7 +896,7 @@ export default new Router({
path: '/ReferenceEditor', //用户端预收录-引用编辑
component: () => import('../components/page/ReferenceEditor'),
meta: {
title: 'ReferenceEditor'
title: 'Reference Workflow'
}
},
{
@@ -908,6 +908,15 @@ export default new Router({
title: 'PreIngestedEditor'
}
},
{
name:'publishRefernceEditor',
path: '/publishRefernceEditor', // 编辑端 - publish 引用编辑页面
component: () => import('../components/page/publishRefernceEditor'),
meta: {
title: 'Refernce Editor'
}
},
{
path: '/404',
component: () => import( /* webpackChunkName: "404" */