18：02
This commit is contained in:
@fawn-nine
@@ -14,21 +14,18 @@
|
||||
<!-- 内容 -->
|
||||
<el-row :gutter="20" class="content_box mt20">
|
||||
<!-- 文章引用 -->
|
||||
<el-col class="item borderBottom passStatus">
|
||||
<div class="" style="margin: 20px 0;">
|
||||
<h4>Add Reference <span class="el-icon-check pass status"> Pass</span></h4>
|
||||
<p class="mt20">Please proofread against the reference documents identified by the system, you can modify the content of existing documents, you can modify the ordering of adjacent items, and you can add your reference entries.</p>
|
||||
<p class="mt10"><img src="../../assets/img/icon_9.png" alt="" class="icon_img"> <el-link @click="goAddReferences(thisArtcleId)" type="primary" > Click here to edit</el-link> </p>
|
||||
<el-col :class="['item', 'borderBottom', Ainfo.refer_state.state? 'passborder' : 'notPassborder']">
|
||||
<h5 :class="['statusTop', Ainfo.refer_state.state? 'passStatus' : 'notPassStatus']">
|
||||
<span v-if="Ainfo.refer_state.state" class="el-icon-check pass status"> Complete</span>
|
||||
<span v-else class="el-icon-pie-chart notPass status"> Pending</span>
|
||||
</h5>
|
||||
<div class="con">
|
||||
<h4>References </h4>
|
||||
<p class="mt20">The references for this article have been compiled <i class="tip">{{Ainfo.refer_state.num}}</i> entries recorded in total.</p>
|
||||
<!-- <p class="mt10"><img src="../../assets/img/icon_9.png" alt="" class="icon_img"> <el-link @click="goAddReferences(thisArtcleId)" type="primary" > Click here to edit</el-link> </p> -->
|
||||
<p class="mt10"><el-button @click="goAddReferences(thisArtcleId)" icon="el-icon-edit" type="text">Edit</el-button></p>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col class="item notPassStatus">
|
||||
<div class="" style="margin: 20px 0;">
|
||||
<h4>Add Reference <span class="el-icon-pie-chart notPass status"> Some information needs to be improved</span> </h4>
|
||||
<p class="mt20">Please proofread against the reference documents identified by the system, you can modify the content of existing documents, you can modify the ordering of adjacent items, and you can add your reference entries.</p>
|
||||
<p class="mt10"><img src="../../assets/img/icon_9.png" alt="" class="icon_img"> <el-link @click="goAddReferences(thisArtcleId)" type="primary" > Click here to edit</el-link> </p>
|
||||
</div>
|
||||
|
||||
</el-col>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 答疑 -->
|
||||
<div class="mt20 helpcontent">
|
||||
@@ -36,10 +33,7 @@
|
||||
<span class="el-icon-info help"></span>
|
||||
<div>
|
||||
<h4>Any questions/Help</h4>
|
||||
<p class="mt20">If you do not understand the operation items on this page or need help, you can find us in the following ways:</p>
|
||||
<p class="mt20">- Way one</p>
|
||||
<p class="mt10">- Way two</p>
|
||||
<p class="mt10">- Way three</p>
|
||||
<p class="mt20">If you experience any problems, please contact us by <i class="tip">publisher@tmrjournals.com</i></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,10 +47,17 @@
|
||||
user_name: localStorage.getItem('U_relname'),
|
||||
thisArtcleId: this.$route.query.id,
|
||||
// 引用表单数据
|
||||
ReferenceList:[]
|
||||
ReferenceList:[],
|
||||
Ainfo:{
|
||||
refer_state:{
|
||||
state:null,
|
||||
num: null
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getInfoStatu()
|
||||
},
|
||||
methods:{
|
||||
// 跳转到引用编辑页面
|
||||
@@ -67,23 +68,50 @@
|
||||
id: id
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 获取资料状态
|
||||
getInfoStatu(){
|
||||
this.$api
|
||||
.post('/api/Article/getPreacceptStatus', {
|
||||
'article_id': this.$route.query.id
|
||||
})
|
||||
.then(res => {
|
||||
if(res.code == 0){
|
||||
// console.log(res, 'res')
|
||||
this.Ainfo = {
|
||||
refer_state:{
|
||||
state: res.data.refer_state.state,
|
||||
num:res.data.refer_state.num
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tip{background: #e6effb; padding: 4px; font-style: normal; border-radius:10px ;}
|
||||
.passborder{border:1px solid #f0f9eb;}
|
||||
.notPassborder{border:1px solid #fdf6ec;}
|
||||
.con{padding: 20px;}
|
||||
.statusTop{height:30px;}
|
||||
.borderBottom{ border-bottom:1px solid #f1f1f1; margin-bottom: 20px; }
|
||||
.help{font-size: 22px; margin-right: 10px;}
|
||||
.el-alert__title{font-size: 26px;}
|
||||
.mt20{margin-top: 20px;}
|
||||
.content_box{padding:15px 10px; border:3px dashed #eff6ff; }
|
||||
.content_box .item{position: relative; padding-left: 20px !important;}
|
||||
.passStatus{ border-left:solid 5px #67C23A;}
|
||||
.notPassStatus{border-left:solid 5px #e6a23c;}
|
||||
.content_box .item .status{ padding: 5px ; border-radius: 5px; font-size: 12px;}
|
||||
.content_box .item .status.pass{background: #f0f9eb; color: #67C23A;}
|
||||
.content_box .item .status.notPass{background: #fdf6ec; color: #e6a23c;}
|
||||
/* .content_box{padding:15px 10px; border:3px dashed #eff6ff; } */
|
||||
.content_box .item{padding: 0 !important; border-radius: 20px 20px 0 0; overflow: hidden;}
|
||||
.passStatus{ background: #f0f9eb;}
|
||||
.notPassStatus{background: #fdf6ec;}
|
||||
.content_box .item .status{ font-size: 16px; padding:0 10px; line-height: 30px; }
|
||||
.content_box .item .status.pass{ color: #67c23a;}
|
||||
.content_box .item .status.notPass{ color: #e6a23c;}
|
||||
.flexbox{display: flex;}
|
||||
p{color: #333;}
|
||||
.mt10{margin-top: 10px;}
|
||||
|
||||
Reference in New Issue
Block a user