1
This commit is contained in:
xulu
@@ -1,35 +1,18 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 期刊下拉菜单 -->
|
||||
<el-dropdown class="link_jour" trigger="click" @command="handlejournal">
|
||||
<span>
|
||||
{{ this.cate_title }}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu :default-active="onRoutes" router slot="dropdown">
|
||||
<el-dropdown-item v-for="item in cate_jour" :command="item" :index="item.journal_id">
|
||||
<i :class="item.icon"></i>{{ item.title }}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<div class="crumbs">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item>
|
||||
<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
|
||||
<svg t="1631094751843" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1661"
|
||||
width="20" height="20" style="margin-left: 50px;margin-bottom: -3px;">
|
||||
<path d="M959 863.75c-0.69-16.22-12.36-29.93-28.12-29.93H833.5V544.44c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v289.38h-132V660.94c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v172.88h-132V582.94c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v250.88H257.69v-134c0-15.69-13.8-30.72-30-30s-30 13.19-30 30v134h-70.43c-10.9 0-21.81-0.14-32.72 0h-1.4c-14.71 0-28.8 13.77-28.12 29.93s12.36 29.94 28.12 29.94h803.6c10.9 0 21.81 0.14 32.72 0h1.4c14.71 0 28.8-13.77 28.14-29.94z"
|
||||
fill="#0071C3" p-id="1662"></path>
|
||||
<path d="M874.91 130.26l-71.48 2.6-112.9 4.14-26.28 1c-15.66 0.57-30.74 13.39-30 30 0.71 15.76 13.2 30.61 30 30l71.49-2.6 58.48-2.13L741 242l-94.44 86.61-81.36 74.61c-5.95 5.46-12 10.86-18 16.29l-35-36-87.9-90.26-20.12-20.65c-11.4-11.7-30.94-11.23-42.43 0l-79.34 77.54L156.72 473l-29 28.32c-11.24 11-11.84 31.55 0 42.42 12.09 11.1 30.44 11.73 42.43 0l79.34-77.54 125.64-122.8 7.24-7.08 34.49 35.41L504.77 462l20.11 20.65c11.66 12 30.6 10.85 42.43 0l32.54-29.85 77.78-71.32 94.43-86.61L844.91 228v132.4c0 15.7 13.8 30.73 30 30s30-13.18 30-30V160.26c0-15.78-13.74-30.59-30-30z"
|
||||
fill="#FD9A16" p-id="1663"></path>
|
||||
</svg>
|
||||
<router-link :to="{path:'/man_report'}">
|
||||
<span class="top_dao" style="color: #006699;font-weight: bold;">Statistical Analysis</span>
|
||||
</router-link>
|
||||
<i class="el-icon-document-copy"></i> <span class="top_dao"> Editor-in-Chief Article</span>
|
||||
</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
<div class="container container_l">
|
||||
<el-row :gutter="24">
|
||||
<div class="container_l">
|
||||
<!-- 期刊下拉菜单 -->
|
||||
<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-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 />
|
||||
@@ -38,73 +21,154 @@
|
||||
整改事项: <br />
|
||||
<p v-html="shixiang">{{shixiang}}</p>
|
||||
</div>
|
||||
<div class="ma_title">
|
||||
<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
|
||||
width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
|
||||
<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
|
||||
fill="#0071C3" p-id="1651"></path>
|
||||
<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
|
||||
fill="#0071C3" p-id="1652"></path>
|
||||
<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
|
||||
p-id="1653"></path>
|
||||
<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
|
||||
fill="#FD9A16" p-id="1654"></path>
|
||||
</svg>
|
||||
The manuscripts are ready to get final decisions.
|
||||
</div>
|
||||
<ul class="ta1_uli">
|
||||
<li v-for="item in tableData1">
|
||||
<h5>{{item.type}}</h5>
|
||||
<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
|
||||
<h3>{{item.title}}</h3>
|
||||
</router-link>
|
||||
<h6>{{item.author}}</h6>
|
||||
<h4><span>{{head_line}}.</span><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 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">
|
||||
<div class="ma_title">
|
||||
<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
|
||||
width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
|
||||
<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
|
||||
fill="#0071C3" p-id="3891"></path>
|
||||
<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
|
||||
fill="#0071C3" p-id="3892"></path>
|
||||
<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
|
||||
fill="#FD9A16" p-id="3893"></path>
|
||||
</svg>
|
||||
Accepted manuscripts.
|
||||
</div>
|
||||
<ul class="ta1_uli">
|
||||
<li v-for="item in tableData2">
|
||||
<h5>{{item.type}}</h5>
|
||||
<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
|
||||
<h3>{{item.title}}</h3>
|
||||
</router-link>
|
||||
<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>
|
||||
<!-- <el-table :data="tableData2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
|
||||
<el-table-column prop="title" label="文章"></el-table-column>
|
||||
<el-table-column prop="url" label=""></el-table-column>
|
||||
<el-table-column prop="sort" label="" width="100" align="center"></el-table-column>
|
||||
<el-table-column label="操作" width="180" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
|
||||
<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
|
||||
</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 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.
|
||||
</h2>
|
||||
</div>
|
||||
<div class="handle-box">
|
||||
<el-date-picker v-model="jzoon.start" type="date" placeholder="Select month" value-format="yyyy-MM-dd" @change="serch_Month"
|
||||
:clearable="false" style="width: 150px;"></el-date-picker>
|
||||
<span style="margin: 0 20px;">to</span>
|
||||
<el-date-picker v-model="jzoon.end" type="date" placeholder="Select month" value-format="yyyy-MM-dd" @change="serch_Month"
|
||||
:clearable="false" style="width: 150px;"></el-date-picker>
|
||||
</div>
|
||||
<div class="data_p" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)">
|
||||
<!-- 创刊时间 -->
|
||||
<div>
|
||||
<b>Founding time：</b>
|
||||
<span v-if="this.tableData!=''">{{this.tableData.ZL.CK}}</span>
|
||||
</div>
|
||||
|
||||
<!-- 订阅期刊数 -->
|
||||
<div>
|
||||
<b>Subscribe (Journal)：</b>
|
||||
<span v-if="this.tableData!=''">{{this.tableData.HG.SUBJOURNAL}}</span>
|
||||
<i> 订阅量 > 1000人 </i>
|
||||
</div>
|
||||
|
||||
<!-- 订阅话题数 -->
|
||||
<div>
|
||||
<b>Subscribe (Topics)：</b>
|
||||
<span v-if="this.tableData!=''">{{this.tableData.HG.SUBTOPIC}}</span>
|
||||
</div>
|
||||
|
||||
<!-- 审稿人数量 -->
|
||||
<div>
|
||||
<b>Reviewers：</b>
|
||||
<span v-if="this.tableData!=''">{{this.tableData.HG.SGRSL}}</span>
|
||||
<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"
|
||||
class="pro_ges">></el-progress>
|
||||
<i> 录用率 < 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
|
||||
</div>
|
||||
|
||||
<!-- 引用数 -->
|
||||
<div>
|
||||
<b>Cited times：</b>
|
||||
<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="car_buttom_p">
|
||||
<el-col :span="12">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>Article type</span>
|
||||
</div>
|
||||
<div class="text item data_p_d">
|
||||
<!-- 文章类型 -->
|
||||
<div class="schart-box lei_xing" style="width: 400px;">
|
||||
<div id="myChart4" class="schart"></div>
|
||||
</div>
|
||||
<i>综述比例 < 30% ; 论著比例 > 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-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>Article analysis</span>
|
||||
</div>
|
||||
<div class="text item data_p_d">
|
||||
<!-- 文章国际化 -->
|
||||
<div class="schart-box lei_xing" style="width: 400px;">
|
||||
<div id="myChart7" class="schart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>Editorial board members analysis</span>
|
||||
</div>
|
||||
<div class="text item data_p_d">
|
||||
<!-- 编委 -->
|
||||
<div class="schart-box lei_xing" style="width: 400px;">
|
||||
<div id="myChart6" class="schart"></div>
|
||||
</div>
|
||||
<i>编委国际化 > 70%，区域期刊编委国际化 > 60%</i>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
@@ -117,18 +181,29 @@
|
||||
return {
|
||||
Direct_log: this.$route.query.act,
|
||||
head_line: "",
|
||||
issn_id: "",
|
||||
query: {
|
||||
user_id: localStorage.getItem('U_id')
|
||||
},
|
||||
tableData1: [],
|
||||
tableData2: [],
|
||||
TaBle2: {
|
||||
pageIndex: 1,
|
||||
pageSize: 10
|
||||
loading: false,
|
||||
jzoon: {
|
||||
issn: '',
|
||||
start: new Date(),
|
||||
end: new Date()
|
||||
},
|
||||
link_Tota2: 0,
|
||||
cate_title: [],
|
||||
tableData1: [],
|
||||
cate_jour: [],
|
||||
tableData: '',
|
||||
per_tage1: 0,
|
||||
per_tage2: 0,
|
||||
myChart1: '',
|
||||
myChart2: '',
|
||||
myChart3: '',
|
||||
Ech1_D: [],
|
||||
Ech4_D: [],
|
||||
Ech5_D: [],
|
||||
Ech6_D: [],
|
||||
Ech7_D: [],
|
||||
curStartTime: '2019-07-31 08:00:00',
|
||||
qikna: '',
|
||||
shixiang: '',
|
||||
@@ -139,10 +214,30 @@
|
||||
second: '00',
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
tableData: function(val) {
|
||||
var _this = this;
|
||||
_this.$nextTick(function() {
|
||||
if (this.tableData != '') {
|
||||
this.drawLine4();
|
||||
this.drawLine5();
|
||||
this.drawLine6();
|
||||
this.drawLine7();
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
created() {
|
||||
var date = new Date();
|
||||
var year = date.getFullYear();
|
||||
var month = String(new Date().getMonth() + 1).padStart(2, 0)
|
||||
var date = new Date().getDate().toString().padStart(2, '0')
|
||||
this.jzoon.start = year + '-01-01';
|
||||
this.jzoon.end = year + '-' + month + '-' + date;
|
||||
|
||||
if (this.Direct_log == null) {
|
||||
this.getTable();
|
||||
} else {
|
||||
@@ -175,15 +270,13 @@
|
||||
.post('api/Chief/getJournalsFromChief', this.query)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
this.cate_jour = res.data.journals
|
||||
this.cate_title = this.cate_jour[0].title
|
||||
localStorage.setItem('journal_title', this.cate_jour[0].title);
|
||||
localStorage.setItem('journal_id', this.cate_jour[0].journal_id);
|
||||
this.cate_jour = res.data.journals;
|
||||
this.head_line = this.cate_jour[0].title;
|
||||
this.query.journal_id = this.cate_jour[0].journal_id;
|
||||
this.TaBle2.journal_id = this.cate_jour[0].journal_id;
|
||||
this.jzoon.issn = this.cate_jour[0].issn;
|
||||
|
||||
this.getData();
|
||||
this.getMonthDase();
|
||||
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
@@ -230,45 +323,13 @@
|
||||
.catch(err => {
|
||||
this.$message.error(err);
|
||||
});
|
||||
this.$api
|
||||
.post('api/Chief/getHArticlesForChief', this.TaBle2)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.data.articles != '') {
|
||||
for (let i = 0; i < res.data.articles.length; i++) {
|
||||
let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
|
||||
let Y = date.getFullYear() + '-';
|
||||
let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
|
||||
let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
|
||||
res.data.articles[i].ctime = Y + M + D;
|
||||
}
|
||||
}
|
||||
this.tableData2 = res.data.articles;
|
||||
this.link_Tota2 = res.data.count || 0;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message.error(err);
|
||||
});
|
||||
},
|
||||
|
||||
// 分页导航
|
||||
handlePageChange2(val) {
|
||||
this.$set(this.TaBle2, 'pageIndex', val);
|
||||
this.getData();
|
||||
},
|
||||
|
||||
// 期刊下拉菜单点击
|
||||
handlejournal(command) {
|
||||
this.cate_title = command.title;
|
||||
localStorage.setItem('journal_title', command.title);
|
||||
localStorage.setItem('journal_id', command.journal_id);
|
||||
this.head_line = command.title;
|
||||
this.query.journal_id = command.journal_id;
|
||||
this.TaBle2.journal_id = command.journal_id;
|
||||
handlejournal() {
|
||||
// this.jzoon.issn = this.jzoon.issn;
|
||||
this.getData();
|
||||
this.getMonthDase();
|
||||
},
|
||||
|
||||
// 倒计时
|
||||
@@ -308,6 +369,296 @@
|
||||
setTimeout(this.countTime, 1000)
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// 获取分析数据
|
||||
getMonthDase() {
|
||||
this.loading = true;
|
||||
this.$api
|
||||
.post('journalsuper/Publish/getAllDateForJournal', this.jzoon)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
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(); //文章类型
|
||||
this.drawLine5(); //作者国际化
|
||||
this.drawLine6(); //编委国际化
|
||||
this.drawLine7(); //文章国际化
|
||||
}
|
||||
|
||||
this.loading = false;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
this.loading = false;
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message.error(err);
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
// 数据---月份查询
|
||||
serch_Month() {
|
||||
if (this.jzoon.dastar > this.jzoon.datend) {
|
||||
this.jzoon.datend = this.jzoon.dastar
|
||||
}
|
||||
this.tableData = '';
|
||||
this.getMonthDase();
|
||||
},
|
||||
|
||||
// 录用率进度条
|
||||
cusColorMet(pertage) {
|
||||
if (pertage < 20) {
|
||||
return '#f56c6c';
|
||||
} else if (pertage < 40) {
|
||||
return '#e6a23c';
|
||||
} else if (pertage < 60) {
|
||||
return '#6f7ad3';
|
||||
} else if (pertage < 80) {
|
||||
return '#409eff';
|
||||
} else {
|
||||
return '#67c23a';
|
||||
}
|
||||
},
|
||||
|
||||
//444文章类型--图表初始化
|
||||
drawLine4() {
|
||||
this.Ech4_D = [];
|
||||
let mess_txt = this.tableData.ZL.LX;
|
||||
for (let i in mess_txt) {
|
||||
this.Ech4_D.push({
|
||||
name: i,
|
||||
value: mess_txt[i]
|
||||
});
|
||||
}
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
let myChart4 = this.$echarts.init(document.getElementById('myChart4'))
|
||||
// 绘制饼状图
|
||||
myChart4.setOption({
|
||||
title: {
|
||||
x: '49%',
|
||||
y: 'top',
|
||||
textAlign: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
// formatter: '{b}: {c}piece ({d}%)'
|
||||
formatter: function(params) {
|
||||
if (params.name == "Review") {
|
||||
return params.name + ': ' + params.value + ' (' + params.percent + '%)【< 30%】'
|
||||
} else if (params.name == "Article") {
|
||||
return params.name + ': ' + params.value + ' (' + params.percent + '%)【＞50%】'
|
||||
} else {
|
||||
return params.name + ': ' + params.value + ' (' + params.percent + '%)'
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
bottom: '1%',
|
||||
type: 'scroll',
|
||||
orient: 'vertical',
|
||||
right: 10,
|
||||
top: 40,
|
||||
},
|
||||
series: [{
|
||||
name: 'Article type',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
center: ["35%", "60%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: '40',
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: this.Ech4_D
|
||||
}]
|
||||
}, true);
|
||||
},
|
||||
|
||||
|
||||
//555作者国际化--图表初始化
|
||||
drawLine5() {
|
||||
this.Ech5_D = [];
|
||||
let mess_txt = this.tableData.ZL.GJH;
|
||||
for (let i in mess_txt.list) {
|
||||
this.Ech5_D.push({
|
||||
name: i,
|
||||
value: mess_txt.list[i]
|
||||
});
|
||||
}
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
let myChart5 = this.$echarts.init(document.getElementById('myChart5'))
|
||||
// 绘制饼状图
|
||||
myChart5.setOption({
|
||||
title: {
|
||||
subtext: mess_txt.countrys + ' countries in total',
|
||||
x: '49%',
|
||||
y: 'top',
|
||||
textAlign: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{b}: {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
bottom: '1%',
|
||||
type: 'scroll',
|
||||
orient: 'vertical',
|
||||
right: 10,
|
||||
top: 40,
|
||||
},
|
||||
series: [{
|
||||
name: 'Author internationalization',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
center: ["35%", "60%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: '40',
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: this.Ech5_D
|
||||
}]
|
||||
}, true);
|
||||
},
|
||||
|
||||
|
||||
|
||||
//666编委国际化--图表初始化
|
||||
drawLine6() {
|
||||
this.Ech6_D = [];
|
||||
let mess_txt = this.tableData.ZL.BW;
|
||||
for (let i in mess_txt.country) {
|
||||
this.Ech6_D.push({
|
||||
name: i,
|
||||
value: mess_txt.country[i]
|
||||
});
|
||||
}
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
let myChart6 = this.$echarts.init(document.getElementById('myChart6'))
|
||||
// 绘制饼状图
|
||||
myChart6.setOption({
|
||||
title: {
|
||||
subtext: mess_txt.count + ' Editorial board member in total',
|
||||
x: '49%',
|
||||
y: 'top',
|
||||
textAlign: 'center'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{b}: {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
bottom: '1%',
|
||||
type: 'scroll',
|
||||
orient: 'vertical',
|
||||
right: 10,
|
||||
top: 40,
|
||||
},
|
||||
series: [{
|
||||
name: 'Internationalization of editorial board',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
center: ["35%", "60%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: '40',
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: this.Ech6_D
|
||||
}]
|
||||
}, true);
|
||||
},
|
||||
|
||||
|
||||
//777文章国际化--图表初始化
|
||||
drawLine7() {
|
||||
this.Ech7_D = [];
|
||||
let mess_txt = this.tableData.ZL.GNW;
|
||||
this.Ech7_D.push({
|
||||
value: mess_txt.n,
|
||||
name: 'Domestic'
|
||||
}, {
|
||||
value: mess_txt.w,
|
||||
name: 'Abroad'
|
||||
});
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
let myChart7 = this.$echarts.init(document.getElementById('myChart7'))
|
||||
// 绘制饼状图
|
||||
myChart7.setOption({
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{b}: {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
bottom: '1%',
|
||||
type: 'scroll',
|
||||
orient: 'vertical',
|
||||
right: 10,
|
||||
top: 40,
|
||||
},
|
||||
color: ['#FD9E06', '#768BFF'],
|
||||
series: [{
|
||||
name: 'Article internationalization',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
center: ["35%", "60%"],
|
||||
avoidLabelOverlap: false,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: '40',
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: this.Ech7_D
|
||||
}]
|
||||
}, true);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
onRoutes() {
|
||||
@@ -324,17 +675,31 @@
|
||||
<style scoped>
|
||||
.ma_title {
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
/* 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: 2px solid #dcdcdc;
|
||||
border-bottom: 1px dashed #e0e0e0;
|
||||
/* box-shadow: 0 0 10px #e1e1e1; */
|
||||
padding: 10px 20px 20px 20px;
|
||||
background-color: #fff;
|
||||
margin-top: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ta1_uli li:hover {
|
||||
@@ -347,6 +712,17 @@
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
.ta1_uli li h3:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
@@ -361,6 +737,8 @@
|
||||
|
||||
.ta1_uli li h4 span {
|
||||
margin-right: 10px;
|
||||
/* display: block; */
|
||||
/* margin-bottom: 2px; */
|
||||
}
|
||||
|
||||
.ta1_uli li h5 {
|
||||
@@ -377,4 +755,63 @@
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.handle-box {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.data_p>div {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.data_p>div>span {
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.data_p>div>b {
|
||||
line-height: 25px;
|
||||
width: 180px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
margin-right: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.data_p>div>i,
|
||||
.data_p_d>i {
|
||||
font-style: normal;
|
||||
margin-left: 16px;
|
||||
display: inline-block;
|
||||
color: #fd9e06;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pro_ges {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pro_ges .el-progress-bar {
|
||||
display: inline-block !important;
|
||||
width: 500px !important;
|
||||
/* margin-right: 1px; */
|
||||
}
|
||||
|
||||
.schart-box {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.schart-box .schart {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.car_buttom_p,.car_buttom_t{
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user