1
This commit is contained in:
xulu
@@ -3,7 +3,7 @@
|
||||
<div class="crumbs">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item>
|
||||
<i class="el-icon-collection"></i> <span class="top_dao">Editor-in-Chief historical manuscripts</span>
|
||||
<i class="el-icon-document-copy"></i> <span class="top_dao"> Editor-in-Chief historical manuscripts</span>
|
||||
</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
@@ -12,40 +12,45 @@
|
||||
<el-select v-model="TaBle2.journal_id" filterable placeholder="Please select a journal" @change="handlejournal"
|
||||
style="width: 300px;">
|
||||
<el-option v-for="item in cate_jour" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
|
||||
</el-select><br><br>
|
||||
</el-select>
|
||||
<p style="float: right;color: #fb8c19;font-size: 14px;margin: 8px 20px 0 0;">From Aug. 2021-New manuscript system updated</p>
|
||||
<br><br>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-card class="box-card">
|
||||
<div class="ma_title">
|
||||
<h2>
|
||||
<!-- <img src="../../assets/img/icon_3.png" alt="" class="icon_img"> -->
|
||||
Accepted manuscripts.
|
||||
</h2>
|
||||
</div>
|
||||
<ul class="ta1_uli">
|
||||
<li v-for="item in tableData2">
|
||||
<h5>{{item.type}}</h5>
|
||||
<h3>
|
||||
<span v-if="item.state==5" style="background-color: #1e93cd;">{{item.state}}</span>
|
||||
{{item.title}}
|
||||
<router-link :to="{path:'/man_text',query:{Art_id:item.article_id}}">
|
||||
<el-button type="primary" plain style="float: right;">Detail</el-button>
|
||||
<el-table :data="tableData2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
|
||||
<el-table-column prop="title" label="Title"></el-table-column>
|
||||
<el-table-column prop="journal_title" label="Journal name"></el-table-column>
|
||||
<el-table-column prop="type" label="Type" width="120"></el-table-column>
|
||||
<el-table-column label="Major" width="200">
|
||||
<template slot-scope="scope" v-if="scope.row.major!=null && scope.row.major!='Others'">
|
||||
{{scope.row.major}} > {{scope.row.cmajor}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ctime" label="Submitted time" width="140"></el-table-column>
|
||||
<el-table-column prop="abstrart" label="Abstrart">
|
||||
<template slot-scope="scope">
|
||||
{{scope.row.abstrart | ellipsis}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label=" " width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<router-link :to="{path:'/man_text_ls',query:{Art_id:scope.row.article_id}}">
|
||||
<el-button type="primary" plain>Detail</el-button>
|
||||
</router-link>
|
||||
</h3>
|
||||
<h6>{{item.author}}</h6>
|
||||
<h4><span>{{head_line}}.</span><br>
|
||||
<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
|
||||
</li>
|
||||
<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
|
||||
</ul>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
|
||||
:total="link_Tota2" @current-change="handlePageChange2">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<div class="pagination">
|
||||
<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
|
||||
:total="link_Tota2" @current-change="handlePageChange2">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -154,6 +159,16 @@
|
||||
},
|
||||
|
||||
},
|
||||
filters: {
|
||||
ellipsis(value) {
|
||||
if (!value) return "";
|
||||
if (value.length > 200) {
|
||||
value = value.slice(0, 200);
|
||||
return value.slice(0, value.lastIndexOf(" ")) + "...";
|
||||
}
|
||||
return value;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
}
|
||||
@@ -161,80 +176,8 @@
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.ma_title {
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
color: #006699;
|
||||
}
|
||||
|
||||
.ma_title h2 {
|
||||
font-size: 20px;
|
||||
color: #006699;
|
||||
margin: 10px 0;
|
||||
/* white-space: nowrap; */
|
||||
}
|
||||
|
||||
.ma_title .icon_img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.ta1_uli li {
|
||||
list-style: none;
|
||||
border-bottom: 1px dashed #e0e0e0;
|
||||
/* box-shadow: 0 0 10px #e1e1e1; */
|
||||
padding: 10px 20px 20px 20px;
|
||||
background-color: #fff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ta1_uli li:hover {
|
||||
/* background: #fafafa; */
|
||||
}
|
||||
|
||||
.ta1_uli li h3 {
|
||||
color: #000;
|
||||
margin-top: 8px;
|
||||
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.ta1_uli li h3>span {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.ta1_uli li h4 {
|
||||
/* color: #6f6f6f; */
|
||||
margin-top: 8px;
|
||||
font-weight: normal;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.ta1_uli li h4 span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.ta1_uli li h5 {
|
||||
color: #006699;
|
||||
margin-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.ta1_uli li h6 {
|
||||
font-weight: normal;
|
||||
font-family: Calibri;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
.table {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user