This commit is contained in:
xulu
2021-09-25 16:15:06 +08:00
parent ae37533b0e
commit ec5e69418b
31 changed files with 4045 additions and 787 deletions

View File

@@ -69,97 +69,94 @@
<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>
<i> 录用率 &lt; 50% </i>
</div> <!-- 查重 -->
<!-- <div>
<b>Check duplicate</b>
<div class="schart-box" style="width: 400px;">
<div id="myChart1" class="schart"></div>
</div>
</div> -->
<!-- 外审合格率 -->
<div>
<b>Qualified rate of external audit</b>
<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
class="pro_ges">></el-progress>
</div>
<!-- 时间 -->
<div>
<b>Processing time</b>
<div class="schart-box" style="width: 600px;">
<div id="myChart2" class="schart"></div>
</div>
</div>
<!-- 引用数 -->
<div>
<b>Cited times</b>
<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
</div>
<!-- 投稿量 -->
<div>
<b>Contribution volume</b>
<span v-if="this.tableData!=''">{{this.tableData.ZL.TGL}}</span>
</div>
<!-- 发文量 myChart3 -->
<div>
<b>Document statistics
<br><br>
<span style="color: #999;font-size: 14px;margin-right: 10px;">发文量 > 30/</span>
</b>
<!-- (年折线) -->
<div class="schart-box" style="width: 50%;">
<div id="myChart3" class="schart"></div>
</div>
</div>
<!-- 文章类型 -->
<div>
<b>Article type</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart4" class="schart"></div>
</div>
<i>综述比例 < 30% ; 论著比例> 50%</i>
</div>
<!-- 文章国际化 -->
<div>
<b>Article analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart7" class="schart"></div>
</div>
</div>
<!-- 国际化 -->
<div>
<b>Authors analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart5" class="schart"></div>
</div>
<i> 作者来源 > 10个国家 </i>
</div>
<!-- 编委 -->
<div>
<b>Editorial board members analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart6" class="schart"></div>
</div>
<i>编委国际化 > 70%区域期刊编委国际化 > 60%</i>
</div>
<!-- 外审合格率 -->
<div>
<b>Qualified rate of external audit</b>
<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
class="pro_ges">></el-progress>
</div>
<!-- 时间 -->
<div>
<b>Processing time</b>
<div class="schart-box" style="width: 600px;">
<div id="myChart2" class="schart"></div>
</div>
</div>
<!-- 引用数 -->
<div>
<b>Cited times</b>
<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
</div>
<!-- 投稿量 -->
<div>
<b>Contribution volume</b>
<span v-if="this.tableData!=''">{{this.tableData.ZL.TGL}}</span>
</div>
<!-- 发文量 myChart3 -->
<div>
<b>Document statistics
<br><br>
<span style="color: #fd9e06;font-size: 14px;margin-right: 10px;">发文量 > 30/</span>
</b>
<!-- (年折线) -->
<div class="schart-box" style="width: 50%;">
<div id="myChart3" class="schart"></div>
</div>
</div>
<!-- 文章类型 -->
<div>
<b>Article type</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart4" class="schart"></div>
</div>
<i>综述比例 &lt; 30% ; 论著比例 > 50%</i>
</div>
<!-- 文章国际化 -->
<div>
<b>Article analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart7" class="schart"></div>
</div>
</div>
<!-- 国际化 -->
<div>
<b>Authors analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart5" class="schart"></div>
</div>
<i> 作者来源 > 10个国家 </i>
</div>
<!-- 编委 -->
<div>
<b>Editorial board members analysis</b>
<div class="schart-box lei_xing" style="width: 400px;">
<div id="myChart6" class="schart"></div>
</div>
<i>编委国际化 > 70%区域期刊编委国际化 > 60%</i>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -414,7 +411,7 @@
},
tooltip: {
trigger: 'item',
formatter: '{b}: {c} piece ({d}%)'
formatter: '{b}: {c} ({d}%)'
},
legend: {
bottom: '1%',
@@ -509,7 +506,16 @@
},
tooltip: {
trigger: 'item',
formatter: '{b}: {c} piece ({d}%)'
// 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%',
@@ -665,10 +671,10 @@
let mess_txt = this.tableData.ZL.GNW;
this.Ech7_D.push({
value: mess_txt.n,
name: 'domestic'
name: 'Domestic'
}, {
value: mess_txt.w,
name: 'abroad'
name: 'Abroad'
});
// 基于准备好的dom初始化echarts实例
let myChart7 = this.$echarts.init(document.getElementById('myChart7'))
@@ -676,7 +682,7 @@
myChart7.setOption({
tooltip: {
trigger: 'item',
formatter: '{b}: {c}piece ({d}%)'
formatter: '{b}: {c} ({d}%)'
},
legend: {
bottom: '1%',
@@ -748,8 +754,9 @@
font-style: normal;
margin-left: 16px;
display: inline-block;
color: #999;
color: #fd9e06;
font-size: 14px;
font-weight: bold;
}
.pro_ges {