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

1

Browse Source
This commit is contained in:
xulu
2022-02-23 16:34:07 +08:00
parent ec5e69418b
commit 4f5e6e1f78
62 changed files with 28419 additions and 8571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
src/components/page/man_aging.vue
View File

@@ -3,7 +3,7 @@
<div class="crumbs">
<el-breadcrumb separator="/">
<el-breadcrumb-item>
<i class="el-icon-document-copy"></i> <span class="top_dao"> Editor-in-Chief Article</span>
<i class="el-icon-document-copy"></i> <span class="top_dao"> Editor-in-Chief article</span>
</el-breadcrumb-item>
</el-breadcrumb>
</div>
@@ -11,43 +11,14 @@
<!-- 期刊下拉菜单 -->
<el-select v-model="query.journal_id" filterable placeholder="Please select a journal" @change="handlejournal" style="width: 350px;">
<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><b style="margin-left: 10px;color: #fd9e06;">WOS Standard</b><br><br>
<el-row :gutter="20" style="display: flex;">
<el-col :span="16">
<div v-if="this.query.journal_id==18||this.query.journal_id==16" style="line-height: 28px;font-size: 15px;color: #ff200d;font-weight: bold;">
{{qikna}}为预警期刊，责令限期整改<br />
时间: {{daojishi}}<br />
倒计时: {{day}}天 {{hour}}:{{min}}:{{second}}<br />
整改事项: <br />
<p v-html="shixiang">{{shixiang}}</p>
</div>
<el-card class="box-card">
<div class="ma_title">
<h2>
<!-- <img src="../../assets/img/icon_1.png" alt="" class="icon_img"> -->
The manuscripts are ready to get final decisions.
</h2>
</div>
<ul class="ta1_uli">
<li v-for="item in tableData1">
<h3><span>{{item.type}}</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>
</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="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
</ul>
</el-card>
</el-col>
<el-col :span="8">
<el-col :span="10">
<el-card class="box-card" style="margin-left: 0px;">
<div class="ma_title">
<h2>
<img src="../../assets/img/icon_6.png" alt="" class="icon_img">
Statistical Analysis.
Statistical Analysis
</h2>
</div>
<div class="handle-box">
@@ -69,7 +40,7 @@
<div>
<b>Subscribe (Journal)：</b>
<span v-if="this.tableData!=''">{{this.tableData.HG.SUBJOURNAL}}</span>
<i> 订阅量 > 1000人 </i>
<i> > 1000人 </i>
</div>
<!-- 订阅话题数 -->
@@ -82,27 +53,27 @@
<div>
<b>Reviewers：</b>
<span v-if="this.tableData!=''">{{this.tableData.HG.SGRSL}}</span>
<i> 审稿人数量 > 100人 </i>
<i> > 100 </i>
</div>
<!-- 录用率 -->
<div>
<b>Acceptance：</b>
<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage1" :color="cusColorMet"
<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="20" :percentage="per_tage1" :color="cusColorMet"
class="pro_ges">></el-progress>
<i> 录用率 &lt; 50% </i>
<i> &lt; 50% </i>
</div>
<!-- 发表的文章 -->
<div>
<b>Published articles：</b>
<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
class="pro_ges">></el-progress>
(19)2021 (18)2020 (20)2019
( <span v-if="this.tableData!=''">{{this.tableData.ZL.FWL[2021]}}</span> )2021&nbsp;
( <span v-if="this.tableData!=''">{{this.tableData.ZL.FWL[2020]}}</span> )2020&nbsp;
( <span v-if="this.tableData!=''">{{this.tableData.ZL.FWL[2019]}}</span> )2019
</div>
<!-- 引用数 -->
<div>
<div style="margin-bottom: 0;">
<b>Cited times：</b>
<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
</div>
@@ -110,10 +81,7 @@
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="20" class="car_buttom_p">
<el-col :span="12">
<el-col :span="7">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>Article type</span>
@@ -123,27 +91,11 @@
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart4" class="schart"></div>
</div>
<i>综述比例 &lt; 30% ; 论著比例 > 50%</i>
<i>Review &lt; 30% ; Article > 50%</i>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>Authors analysis</span>
</div>
<div class="text item data_p_d">
<!-- 国际化 -->
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart5" class="schart"></div>
</div>
<i> 作者来源 > 10个国家 </i>
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="20" class="car_buttom_t">
<el-col :span="12">
<el-col :span="7">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>Article analysis</span>
@@ -156,6 +108,22 @@
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="20" style="display: flex;margin-top: 20px;">
<el-col :span="12">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>Authors analysis</span>
</div>
<div class="text item data_p_d">
<!-- 国际化 -->
<div class="schart-box lei_xing" style="width: 600px;">
<div id="myChart5" class="schart"></div>
</div>
<i> > 10 </i>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card class="box-card">
<div slot="header" class="clearfix">
@@ -163,14 +131,62 @@
</div>
<div class="text item data_p_d">
<!-- 编委 -->
<div class="schart-box lei_xing" style="width: 400px;">
<div class="schart-box lei_xing" style="width: 600px;">
<div id="myChart6" class="schart"></div>
</div>
<i>编委国际化 > 70%，区域期刊编委国际化 > 60%</i>
<i> > 70%, > 60%</i>
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="20" style="display: flex;margin-top: 20px;">
<el-col :span="24">
<div v-if="this.query.journal_id==18||this.query.journal_id==16" style="line-height: 28px;font-size: 15px;color: #ff200d;font-weight: bold;">
{{qikna}}为预警期刊，责令限期整改<br />
时间: {{daojishi}}<br />
倒计时: {{day}}天 {{hour}}:{{min}}:{{second}}<br />
整改事项: <br />
<p v-html="shixiang">{{shixiang}}</p>
</div>
<el-card class="box-card">
<div class="ma_title">
<h2>
<!-- <img src="../../assets/img/icon_1.png" alt="" class="icon_img"> -->
The manuscripts ready to get final decisions（The editor invite you to comment on this manuscript）
</h2>
</div>
<ul class="ta1_uli">
<li v-for="(item,index) in tableData1">
<router-link :to="{path:'/man_text_jx',query:{Art_id:item.article_id}}">
<h3><span style="margin-right: 6px;">{{index+1}}.</span>{{item.title}}</h3>
<el-button type="primary" plain style="float: right;">Detail</el-button>
</router-link>
<h6>{{item.author}}</h6>
<h4>
<span>
<font style="color: #888;">Journal name : </font>{{item.journal_title}}.
</span>
<span>
<font style="color: #888;">Article type : </font>{{item.type}}
</span><br>
<span v-if="item.major!=null && item.major!='Others'">
<font style="color: #888;">Major : </font>{{item.major}} > {{item.cmajor}}
</span>
<span style="color: #888;">
<font>Submitted time : </font>{{item.ctime}}
</span><br>
<span v-if="item.abstrart!=''">
<font style="color: #888;">Abstrart : </font>{{item.abstrart | ellipsis}}
</span>
</h4>
</li>
<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
</ul>
</el-card>
</el-col>
</el-row>
</div>
</div>
</template>
@@ -181,7 +197,6 @@
return {
Direct_log: this.$route.query.act,
head_line: "",
issn_id: "",
query: {
user_id: localStorage.getItem('U_id')
},
@@ -195,7 +210,6 @@
cate_jour: [],
tableData: '',
per_tage1: 0,
per_tage2: 0,
myChart1: '',
myChart2: '',
myChart3: '',
@@ -326,10 +340,23 @@
},
// 期刊下拉菜单点击
handlejournal() {
// this.jzoon.issn = this.jzoon.issn;
this.getData();
this.getMonthDase();
handlejournal(params) {
this.$api
.post('api/Chief/getJournalDetail', {
'journal_id': params
})
.then(res => {
if (res.code == 0) {
this.jzoon.issn = res.data.journal.issn;
this.getData();
this.getMonthDase();
} else {
this.$message.error(res.msg);
}
})
.catch(err => {
this.$message.error(err);
});
},
// 倒计时
@@ -381,9 +408,6 @@
this.tableData = res.data;
//利用率
this.per_tage1 = parseFloat((this.tableData.HG.LYL * 100).toFixed(2));
//外审合格率
this.per_tage2 = parseFloat(((this.tableData.HG.WS.all - this.tableData.HG.WS.np) / this.tableData.HG.WS.all *
100).toFixed(2));
if (this.tableData != '') {
this.drawLine4(); //文章类型
@@ -614,7 +638,7 @@
let mess_txt = this.tableData.ZL.GNW;
this.Ech7_D.push({
value: mess_txt.n,
name: 'Domestic'
name: 'China'
}, {
value: mess_txt.w,
name: 'Abroad'
@@ -660,10 +684,14 @@
}, true);
},
},
computed: {
onRoutes() {
0
return this.$route.path.replace('/', '');
filters: {
ellipsis(value) {
if (!value) return "";
if (value.length > 380) {
value = value.slice(0, 380);
return value.slice(0, value.lastIndexOf(" ")) + "...";
}
return value;
}
},
watch: {
@@ -674,15 +702,18 @@
<style scoped>
.ma_title {
margin-bottom: 5px;
/* font-weight: bold; */
color: #006699;
margin-bottom: 10px;
font-size: 14px;
border-right: 1px solid #e1e1e1;
padding-right: 20px;
line-height: 20px;
color: #888;
}
.ma_title h2 {
font-size: 20px;
font-size: 16px;
color: #006699;
margin: 10px 0;
margin: 0 0 10px 0;
/* white-space: nowrap; */
}
@@ -709,17 +740,11 @@
.ta1_uli li h3 {
color: #000;
margin-top: 8px;
margin-right: 120px;
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
}
.ta1_uli li h3>span {
font-size: 12px;
color: #fff;
background-color: #1e93cd;
margin-right: 10px;
display: inline-block;
padding: 3px 5px;
vertical-align: bottom;
font-size: 16px;
word-wrap: break-word;
line-height: 22px;
}
@@ -730,15 +755,20 @@
.ta1_uli li h4 {
/* color: #6f6f6f; */
margin-top: 8px;
margin-right: 150px;
font-weight: normal;
font-size: 15px;
font-size: 14px;
line-height: 22px;
}
.ta1_uli li h4 span {
margin-right: 10px;
/* display: block; */
/* margin-bottom: 2px; */
margin-right: 20px;
display: inline-block;
margin-bottom: 2px;
}
.ta1_uli li h4 span>font {
font-size: 13px;
}
.ta1_uli li h5 {
@@ -752,8 +782,9 @@
.ta1_uli li h6 {
font-weight: normal;
font-family: Calibri;
font-size: 16px;
font-size: 15px;
margin-top: 10px;
margin-right: 120px;
}
.handle-box {
@@ -761,8 +792,22 @@
margin-bottom: 20px;
}
.data_p_d {
overflow-x: scroll;
}
.data_p_d::-webkit-scrollbar {
width: 5px;
height: 10px;
}
.data_p_d::-webkit-scrollbar-thumb {
background-color: #c9c9cc;
border-radius: 3px;
}
.data_p>div {
margin-bottom: 20px;
margin-bottom: 18px;
}
.data_p>div>span {
@@ -771,18 +816,21 @@
}
.data_p>div>b {
line-height: 25px;
width: 180px;
line-height: 22px;
width: 158px;
display: inline-block;
text-align: right;
margin-right: 5px;
/* margin-right: 5px; */
vertical-align: top;
font-weight: normal;
font-size: 15px;
}
.data_p>div>i,
.data_p_d>i {
font-style: normal;
margin-left: 16px;
margin-bottom: 10px;
display: inline-block;
color: #fd9e06;
font-size: 14px;
@@ -791,11 +839,13 @@
.pro_ges {
display: inline-block;
width: 130px;
margin-left: 10px;
}
.pro_ges .el-progress-bar {
display: inline-block !important;
width: 500px !important;
/* display: inline-block !important;
width: 100px !important; */
/* margin-right: 1px; */
}
@@ -806,12 +856,6 @@
.schart-box .schart {
width: 100%;
height: 150px;
height: 280px;
}
.car_buttom_p,.car_buttom_t{
margin-top: 30px;
display: flex;
}
</style>