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

编辑工作台列表

Browse Source
This commit is contained in:
徐哼唧L
2023-06-15 17:30:41 +08:00
parent 6571b8c42f
commit 3ed242a6b2
1 changed files with 291 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

314
src/components/page/articleListEditor_A.vue
View File

@@ -31,10 +31,214 @@
<el-button type="primary" icon="el-icon-search" @click="handleSearch" style="margin:0 0 10px 0;">Search <el-button type="primary" icon="el-icon-search" @click="handleSearch" style="margin:0 0 10px 0;">Search
</el-button> </el-button>
</div> </div>
<div v-for="item in tableData" class="mangu_list">
<div>
<span style="color: #666b7a;">Status :</span>
<font
style="margin-right: 15px;font-size: 16px;font-weight: bold;letter-spacing: -0.5px;">
{{stateFormat(item.state)}}
</font>
<b v-if="item.state!=5" @click="testvis(item)" class="btnCliArt">
<i class="el-icon-edit"></i> Change
</b>
<b v-if="item.state==5" @click="prodBegin(item)" class="btnCliArt">
<i class="el-icon-paperclip"></i> Begin Produce
</b>
<font style="color: #666b7a;margin-left: 80px;">ID : </font>
<span
style="background-color: #006699;width: 20px;color: #fff;margin: 0 2px 0 0;font-weight: bold;padding: 2px 4px;"
v-if="item.special_num>0">S
</span>
{{item.accept_sn}}
<b @click="showdetaileditor(item)" class="btnCliArt" style="margin-left: 15px;">
<i class="el-icon-collection"></i> Detail
</b>
</div>
<div class="man_title">
<el-badge is-dot :hidden="item.author_act==1?false:true">
<b @click="showdetaileditor(item)">
{{item.title}}
</b>
</el-badge>
</div>
<div>
<div style="float: left;width: 60%;">
<div>
<span style="color: #666b7a;">Repetition :</span>
<font style="margin-right: 16px;font-size: 15px;font-weight: bold;">
{{item.repetition}} %
</font>
<b @click="changeRepe(item)" class="btnCliArt">
<i class="el-icon-edit"></i> Change
</b>
</div>
<div style="margin: 8px 0;">
<span style="color: #666b7a;">Countries :</span>
<font v-for="(iken, index) in item.countrys">
{{iken}}
<font v-if="index!=item.countrys.length-1">,</font>
</font>
</div>
<div style="display: flex;margin-top: 10px;">
<span style="color: #666b7a;margin-right: 10px;">Corresponding Author :</span>
<div>
<p v-if="item.realname!=''">
<font style="color: #999;">Name:</font>
{{item.realname}}
</p>
<p v-if="item.email!=''" style="margin: 8px 0 5px 0;">
<font style="color: #999;">Email:</font>
{{item.email}}
<b @click="linkEmail(item)" class="btnCliArt" style="margin-left: 15px;">
<i class="el-icon-message"></i> Email
</b>
<b @click="linkEmailist(item)" v-if="item.emailh==1" class="btnCliArt" style="margin-left: 15px;">
<i class="el-icon-refresh-left"></i> History
</b>
</p>
<p v-if="item.phone!=''">
<font style="color: #999;">Phone:</font>
{{item.phone}}
</p>
</div>
</div>
<div style="margin-top: 10px;">
<span style="color: #666b7a;margin: 2px 5px 0 0;">Remarks :</span>
<font style="margin-right: 10px;line-height: 24px;">{{item.remarks}}</font>
<b @click="testedit(item)" class="btnCliArt">
<i class="el-icon-edit"></i> Change
</b>
</div>
</div>
<div style="display: flex;margin-left: 20px;float: right;">
<div style="text-align: center;background-color: #0066990d;padding: 20px;min-width: 160px;">
<b style="font-size: 16px;letter-spacing: -0.5px;">Reviewer Decision :</b>
<p style="height: 5px;"></p>
<p v-for="(iken, index) in item.review">
Reviewer{{index+1}} score : <b style="color: #db890e;font-size: 18px;">{{iken.rated}}</b>
</p>
<p v-if="item.review.length>0" style="color: #db890e;font-size: 15px;margin: 5px 0;">
Average : <b style="font-size: 18px;">{{avegeCount(item.review)}}</b>
</p>
<p>
<el-button v-for="(iken, index) in item.review" :type="iken.state==2?'danger':'success'"
circle style="padding: 5px;"></el-button>
</p>
<p style="margin-top: 10px;">
<b @click="articleReviewer(item)" class="btnCliArt">
<i class="el-icon-edit"></i> Peer-Review
</b>
<!-- <el-button size="mini" type="primary" icon="el-icon-user" @click="articleReviewer(item)">
Peer-Review</el-button> -->
</p>
</div>
<div style="background-color: #006699cc;width: 1.5px;margin: 0 20px;"></div>
<div style="text-align: center;background-color: #0066990d;padding: 20px;min-width: 160px;">
<b style="font-size: 16px;letter-spacing: -0.5px;">AI scoring :</b>
<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #db890e;"
v-if="item.reportList.length>0">
<font style="font-size: 14px;font-weight: normal;color: #333;">Initial review score :</font>
{{item.scoring}}
</p>
<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;"
v-if="item.reportList.length==0">
<font style="font-size: 14px;font-weight: normal;">Initial review score :</font>
{{item.scoring}}
</p>
<p v-if="item.scoring!=0&&item.H!=null" style="color: #999;">{{item.H.google_editor}}
</p>
<p v-if="item.scoring!=0&&item.H!=null&&item.H.google_time!=0" style="color: #999;">
{{formatDate(item.H.google_time)}}
</p>
<b @click="aiSoring(item)" class="btnCliArt" v-if="item.reportList.length>0" style="margin-top: 10px;display: block;">
<i class="el-icon-edit"></i> Edit Hindex
</b>
<!-- <el-button @click="aiSoring(item)" size="mini" type="primary" icon="el-icon-edit"
v-if="item.reportList.length>0" style="margin-top: 1px;">Edit Hindex</el-button> -->
<p v-if="item.review.length>0"
style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #db890e66;color: #db890e;">
<font style="font-size: 14px;font-weight: normal;">Final review score :</font>
{{finalCount(item)}}
</p>
</div>
</div>
<br clear="both">
</div>
</div>
<el-table :data="tableData" border stripe class="table" ref="multipleTable" <el-table :data="tableData" border stripe class="table" ref="multipleTable"
header-cell-class-name="table-header" empty-text="New messages (0)"> header-cell-class-name="table-header" empty-text="New messages (0)">
<el-table-column type="index" label="No." width="55" align="center"></el-table-column> <el-table-column type="index" label="No." width="50" align="center"></el-table-column>
<el-table-column width="180" label="Manuscript ID" align="center"> <el-table-column label="Base Information" width="380px">
<template slot-scope="scope">
<p class="tab_tie_col">
<span>ID: </span>
<span
style="background-color: #006699;width: 20px;color: #fff;margin: 0 2px 0 0;font-weight: bold;padding: 2px 4px;"
v-if="scope.row.special_num>0">S
</span>
{{scope.row.accept_sn}}
<el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain
style="margin-left: 5px;">
Put into special issue
</el-button>
</p>
<p class="tab_tie_col">
<el-badge is-dot :hidden="scope.row.author_act==1?false:true">
<b class="titArtHov" @click="showdetaileditor(scope.row)"
style="font-size: 15px;letter-spacing: -0.5px;margin-right: 5px;">
{{scope.row.title}}
</b>
<!-- <b @click="showdetaileditor(scope.row)" class="btnCliArt">
<i class="el-icon-tickets"></i> Detail
</b> -->
<!-- <el-button size="mini" type="primary" plain icon="el-icon-tickets"
@click="showdetaileditor(scope.row)">Detail</el-button> -->
</el-badge>
</p>
<p class="tab_tie_col">
<span>Status :</span>
<font
style="margin-right: 15px;color: #006699;font-size: 15px;font-weight: bold;letter-spacing: -0.5px;">
{{stateFormat(scope.row.state)}}
</font>
<b v-if="scope.row.state!=5" @click="testvis(scope.row)" class="btnCliArt">
<i class="el-icon-edit"></i> Change
</b>
<b v-if="scope.row.state==5" @click="prodBegin(scope.row)" class="btnCliArt"
style="color: #2a9916;">
<i class="el-icon-edit"></i> Begin Produce
</b>
</p>
<p class="tab_tie_col">
<span>Repetition :</span>
<font style="margin-right: 15px;color: #006699;font-size: 15px;font-weight: bold;">
{{scope.row.repetition}} %
</font>
<b @click="changeRepe(scope.row)" class="btnCliArt">
<i class="el-icon-edit"></i> Change
</b>
</p>
<p class="tab_tie_col">
<span>Countries :</span>
<font v-for="(item, index) in scope.row.countrys">
{{item}}
<font v-if="index!=scope.row.countrys.length-1">,</font>
</font>
</p>
<p class="tab_tie_col">
<span>Email :</span>
<el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square"
@click="linkEmailist(scope.row)" v-if="scope.row.emailh==1">History</el-button>
<el-button size="mini" type="primary" plain icon="el-icon-message"
@click="linkEmail(scope.row)">Email</el-button>
</p>
</template>
</el-table-column>
<!-- <el-table-column width="180" label="Manuscript ID" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="margin-bottom: 5px;"> <p style="margin-bottom: 5px;">
<span <span
@@ -47,8 +251,8 @@
<el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain style="margin-top: 10px;"> <el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain style="margin-top: 10px;">
Put into special issue</el-button> Put into special issue</el-button>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="title" label="Title" align="center"> <!-- <el-table-column prop="title" label="Title" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="text-align: left;"> <p style="text-align: left;">
<el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item"> <el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item">
@@ -56,7 +260,7 @@
</el-badge> </el-badge>
</p> </p>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="" align="center" width="145"> <el-table-column label="" align="center" width="145">
<template slot="header"> <template slot="header">
<div>Reviewer</div> <div>Reviewer</div>
@@ -77,7 +281,7 @@
Peer-Review</el-button> Peer-Review</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label=""> <el-table-column width="220px">
<template slot="header"> <template slot="header">
<div style="white-space:nowrap;text-align: center;">Corresponding</div> <div style="white-space:nowrap;text-align: center;">Corresponding</div>
<div style="text-align: center;">Author</div> <div style="text-align: center;">Author</div>
@@ -97,7 +301,7 @@
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Email" align="center" width="110"> <!-- <el-table-column label="Email" align="center" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="text-align: center;margin-bottom: 10px;" v-if="scope.row.emailh==1"> <div style="text-align: center;margin-bottom: 10px;" v-if="scope.row.emailh==1">
<el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square" <el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square"
@@ -108,18 +312,18 @@
@click="linkEmail(scope.row)">Email</el-button> @click="linkEmail(scope.row)">Email</el-button>
</div> </div>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="Countries" align="center" width="100"> <!-- <el-table-column label="Countries" align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<p v-for="(item, index) in scope.row.countrys"> <p v-for="(item, index) in scope.row.countrys">
{{item}} {{item}}
<font v-if="index!=scope.row.countrys.length-1">,</font> <font v-if="index!=scope.row.countrys.length-1">,</font>
</p> </p>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="AI scoring" align="center" width="150"> <el-table-column label="AI scoring" align="center" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #006699;cursor: pointer;" <p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #006699;"
v-if="scope.row.reportList.length>0"> v-if="scope.row.reportList.length>0">
<font style="font-size: 14px;font-weight: normal;">Initial review score :</font> <font style="font-size: 14px;font-weight: normal;">Initial review score :</font>
{{scope.row.scoring}} {{scope.row.scoring}}
@@ -136,13 +340,14 @@
</p> </p>
<el-button @click="aiSoring(scope.row)" size="mini" type="primary" plain icon="el-icon-edit" <el-button @click="aiSoring(scope.row)" size="mini" type="primary" plain icon="el-icon-edit"
v-if="scope.row.reportList.length>0">Edit Hindex</el-button> v-if="scope.row.reportList.length>0">Edit Hindex</el-button>
<p v-if="scope.row.review.length>0" style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #00669966;color: #006699;"> <p v-if="scope.row.review.length>0"
style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #00669966;color: #006699;">
<font style="font-size: 14px;font-weight: normal;">Final review score :</font> <font style="font-size: 14px;font-weight: normal;">Final review score :</font>
{{finalCount(scope.row)}} {{finalCount(scope.row)}}
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Status" align="center" width="130"> <!-- <el-table-column label="Status" align="center" width="130">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="margin-bottom: 5px;">{{stateFormat(scope.row.state)}}</p> <p style="margin-bottom: 5px;">{{stateFormat(scope.row.state)}}</p>
<el-button v-if="scope.row.state!=5" @click="testvis(scope.row)" size="mini" type="primary" plain <el-button v-if="scope.row.state!=5" @click="testvis(scope.row)" size="mini" type="primary" plain
@@ -151,22 +356,25 @@
icon="el-icon-collection-tag">Begin icon="el-icon-collection-tag">Begin
Produce</el-button> Produce</el-button>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="Repetition" align="center" width="120"> <!-- <el-table-column label="Repetition" align="center" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="margin-bottom: 5px;">{{scope.row.repetition}} %</p> <p style="margin-bottom: 5px;">{{scope.row.repetition}} %</p>
<el-button @click="changeRepe(scope.row)" size="mini" type="primary" plain icon="el-icon-edit"> <el-button @click="changeRepe(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">
Change</el-button> Change</el-button>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="Remarks" align="center"> <el-table-column label="Remarks">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="margin-bottom: 5px;text-align: left;">{{scope.row.remarks}}</p> <font style="margin-right: 10px;">{{scope.row.remarks}}</font>
<el-button @click="testedit(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">Change <b @click="testedit(scope.row)" class="btnCliArt">
</el-button> <i class="el-icon-edit"></i> Change
</b>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagination"> <div class="pagination">
<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex" <el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
:page-size="query.pageSize" :total="Total" @current-change="handlePageChange"></el-pagination> :page-size="query.pageSize" :total="Total" @current-change="handlePageChange"></el-pagination>
@@ -404,7 +612,7 @@
state: -1, state: -1,
act: 1, act: 1,
pageIndex: 1, pageIndex: 1,
pageSize: 50 pageSize: 20
}, },
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
@@ -1093,10 +1301,70 @@
height: 40px; height: 40px;
} }
.item {
margin-top: 5px; .tab_tie_col {
margin-bottom: 5px;
color: #333;
word-wrap: break-word;
word-break: normal;
} }
.tab_tie_col>span {
color: #888;
margin: 0 5px 0 0;
font-size: 13px;
}
.btnCliArt {
color: #006699;
font-weight: normal;
}
.btnCliArt:hover {
cursor: pointer;
text-decoration: underline;
}
.btnCliArt i {
margin-right: 2px;
}
.mangu_list {
color: #333;
margin: 0 0 20px 0;
font-size: 14px;
padding: 20px;
border-radius: 5px;
border: 1px solid #EBEEF5;
background-color: #fff;
position: relative;
}
.mangu_list:hover {
box-shadow: 0 2px 12px 0 #0066991a;
}
.mangu_list>div {
margin-bottom: 8px;
}
.mangu_list .man_title {
margin: 2px 100px 10px 0;
font-weight: bolder;
letter-spacing: -0.5px;
font-size: 16px;
cursor: pointer;
display: inline-block;
line-height: 22px;
}
.mangu_list .man_title b:hover {
text-decoration: underline;
}
.gugeList { .gugeList {
font-size: 14px; font-size: 14px;
border: 2px dashed #eee; border: 2px dashed #eee;