From 5a42f8fa018bd9e5a5f63cf5026311d9e3a54f6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 2 Aug 2024 17:13:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=9F=E5=88=8A=E6=95=B0=E6=8D=AE=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Sidebar.vue            |   6 +-
 src/components/common/langs/en.js            |  49 +-
 src/components/common/langs/zh.js            |  32 +-
 src/components/page/evaluationsis_report.vue | 800 +++++++++++++++++++
 src/router/index.js                          |   8 +
 5 files changed, 870 insertions(+), 25 deletions(-)
 create mode 100644 src/components/page/evaluationsis_report.vue

diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 521bdde..79fcc89 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -362,7 +362,11 @@ export default {
                 {
                     icon: 'el-icon-data-analysis',
                     index: 'citationanalysis',
-                    title: this.$t('sidebar.analysis')
+                    title: this.$t('sidebar.datasis'),
+                    subs: [
+                        { icon: 'el-icon-data-analysis', index: 'citationanalysis', title: this.$t('sidebar.analysis') },
+                        { icon: 'el-icon-data-analysis', index: 'evaluationsis', title: this.$t('sidebar.evaluationsis') }
+                    ]
                 },
                 {
                     icon: 'el-icon-chat-line-square',
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 055be14..bfcf8ff 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -52,7 +52,7 @@ const en = {
 		reviewerimporterror: 'import error',
 		monitor: 'Monitor',
 		monitor1: 'Manuscript situation',
-		document:'Manuscript List',
+		document: 'Manuscript List',
 		chief: 'Chief editor',
 		chief1: 'Chief editor list',
 		chief2: 'Journal list',
@@ -94,7 +94,9 @@ const en = {
 		userManSys9: 'Editors & Staff',
 		userManSys11: 'Journal Agreement',
 		analyp: 'Manager',
+		datasis: 'Journal Data Statistics',
 		analysis: 'Journal Evaluation System',
+		evaluationsis: 'Journal Evaluation Statistics',
 		rev_ewer: 'Reviewer',
 		rev_ewer1: 'Peer Review',
 		rev_ewer2: 'Review History',
@@ -124,13 +126,13 @@ const en = {
 		mailbox3: 'Mailbox template',
 		tools: 'Assistant tools',
 		ReArticles: 'Rejected Manuscripts',     // 被拒稿件
-		editorialBoard:'Boss System',
-		editorialBoard1:'Board Management',
-		editorialBoard2:'Young Scientist Management',
-		editorialBoard3:'Journal Management',
-		chiefInspector:'Chief Inspector',
-		journalArticleCount:'Journal Article Count',
-		managingDirector:'Managing Director'
+		editorialBoard: 'Boss System',
+		editorialBoard1: 'Board Management',
+		editorialBoard2: 'Young Scientist Management',
+		editorialBoard3: 'Journal Management',
+		chiefInspector: 'Chief Inspector',
+		journalArticleCount: 'Journal Article Count',
+		managingDirector: 'Managing Director'
 	},
 	home: {
 		authortop: 'Author guide',
@@ -147,6 +149,17 @@ const en = {
 		act1: 'Dealing',
 		act2: 'Finished'
 	},
+	evaluationsis: {
+		EmploymentRate: 'Employment Rate',
+		contry: 'Contry',
+		zr: 'To Change Into',
+		zc: 'Transfer Out',
+		articles: 'Total Number Of Articles',
+		boardMembers: 'Number Of Editorial Board Members',
+		InternationalDistributionNumber: 'International Distribution Of Editorial Board Members',
+		InternationalDistributionTotal: 'total',
+		InternationalDistributionArticles: 'International Distribution Of Articles',
+	},
 	charact: {
 		role: 'Role',
 		role1: 'Role editor',
@@ -154,17 +167,17 @@ const en = {
 		role3: 'Reviewer',
 		role4: 'Youth editorial board',
 	},
-	journalArticleCount:{
-		yearTitle:'Total annual submission volume',
-		monthTitle:'Monthly submission volume',
-		dataTitle:'Submission volume',
+	journalArticleCount: {
+		yearTitle: 'Total annual submission volume',
+		monthTitle: 'Monthly submission volume',
+		dataTitle: 'Submission volume',
 	},
-	journalArticleTable:{
-		title:'journal',
-		time:'time',
-		
-	},protocol:{
-		PublishingAgreementInfo:'Please enter the publishing agreement'
+	journalArticleTable: {
+		title: 'journal',
+		time: 'time',
+
+	}, protocol: {
+		PublishingAgreementInfo: 'Please enter the publishing agreement'
 	}
 
 }
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 95a3b3c..c8d6b7f 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -93,7 +93,9 @@ const zh = {
 		userManSys9: '期刊编辑',
 		userManSys11: '期刊协议',
 		analyp: '管理',
+		datasis: '数据统计',
 		analysis: '引用统计',
+		evaluationsis: '评价统计',
 		rev_ewer: '审稿人',
 		rev_ewer1: '审稿',
 		rev_ewer2: '审稿记录',
@@ -146,6 +148,24 @@ const zh = {
 		act1: '审查中',
 		act2: '已完结'
 	},
+	evaluationsis: {
+		EmploymentRate: '录用率',
+		contry: '国家',
+		articles: '全部文章数',
+		zr: '转入',
+		zc: '转出',
+		
+		
+
+boardMembers: '编委人数',
+		
+
+InternationalDistributionNumber: '编委国际化分布',
+InternationalDistributionArticles: '文章国际化分布',
+
+InternationalDistributionTotal: '总计',
+
+	},
 	charact: {
 		role: '角色',
 		role1: '主编',
@@ -156,12 +176,12 @@ const zh = {
 		yearTitle: '年度总投稿量',
 		monthTitle: '月度投稿量', dataTitle: '投稿量',
 	},
-	journalArticleTable:{
-		title:'期刊',
-		time:'时间',
-		
-	},protocol:{
-		PublishingAgreementInfo:'请输入出版协议'
+	journalArticleTable: {
+		title: '期刊',
+		time: '时间',
+
+	}, protocol: {
+		PublishingAgreementInfo: '请输入出版协议'
 	}
 }
 
diff --git a/src/components/page/evaluationsis_report.vue b/src/components/page/evaluationsis_report.vue
new file mode 100644
index 0000000..0b5f1ea
--- /dev/null
+++ b/src/components/page/evaluationsis_report.vue
@@ -0,0 +1,800 @@
+<template>
+    <div>
+        <div class="crumbs">
+            <el-breadcrumb separator="/">
+                <el-breadcrumb-item> <i class="el-icon-data-analysis"></i> Journal Evaluation Statistics </el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+        <div
+            class="container"
+            v-loading="loading"
+            element-loading-text="Loading..."
+            element-loading-spinner="el-icon-loading"
+            element-loading-background="rgba(0, 0, 0, 0.8)"
+        >
+            <div class="handle-box">
+                <el-select
+                    v-model="journal_id"
+                    filterable
+                    placeholder="Please select a Journal"
+                    value-key="groupID"
+                    style="width: 300px"
+                    @change="chan_id"
+                >
+                    <el-option v-for="item in evaList" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+                </el-select>
+            </div>
+
+            <div id="myChart" class="schart" style="width: 40%; height: calc(70vh * 0.25); margin: 0 auto; float: right; z-index: 20"></div>
+            <!-- <div style="width: 100%; height: 200px; margin: 0 auto; margin-bottom: 40px; overflow: hidden">
+                
+                <div id="myChart" class="schart" style="width: 50%; height: 100%; margin: 0 auto; float: right"></div>
+            </div> -->
+
+            <div id="myChartgjhp" class="schart" style="width: 100%; height: 70vh; margin: 0 auto"></div>
+            <!-- <div style="width: 100%; display: flex; align-items: center; justify-content: space-between"> -->
+
+            <!-- </div> -->
+
+            <!-- 国家内外(饼状图) -->
+        </div>
+    </div>
+</template>
+
+<script>
+var p_year = new Date().getFullYear() - 1;
+var year = new Date().getFullYear();
+export default {
+    data() {
+        return {
+            evaList: [],
+            user_id: localStorage.getItem('U_id'),
+            user_cap: localStorage.getItem('U_role'),
+            loading: false,
+            df_jour: [],
+            tableData: [],
+            journal_id: '',
+            journal_data: {},
+
+            myChart1: '',
+            myChart: '',
+            myChartgjh: '',
+            myChartgjhp: '',
+            Ech_1: [
+                {
+                    value: 0,
+                    name: '国内'
+                },
+                {
+                    value: 0,
+                    name: '国外'
+                }
+            ],
+            Ech_2: [],
+            Ech_3: [],
+            Ech_4_1: [],
+            Ech_4_2: [],
+            Ech_5: [],
+            tab_le6: [],
+            tab_le7_1: [],
+            tab_le7_2: [],
+            tab_le8_1: [],
+            tab_le8_2: [],
+            category: [
+                {
+                    title: this.$t('evaluationsis.articles'),
+                    key: 'mq'
+                },
+                {
+                    title: this.$t('evaluationsis.zr'),
+                    key: 'zr'
+                },
+                {
+                    title: this.$t('evaluationsis.zc'),
+                    key: 'zc'
+                }
+                // {
+                //     title: '录用率',
+                //     key: 'lyl'
+                // }
+            ],
+            option: {
+                legend: {
+                    // type: 'scroll',
+                    // orient: 'vertical',
+                    right: 0
+                    // top: 10,
+                    // bottom: 20
+                },
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'shadow'
+                    }
+                },
+                dataset: {
+                    source: []
+                },
+                xAxis: {
+                    type: 'category',
+                    axisLabel: {
+                        // formatter: function (value) {
+                        //     console.log('value at line 86:', value);
+                        //     // 格式化标签，例如只显示年月日
+                        // }
+                    }
+                },
+                yAxis: {
+                    gridIndex: 0
+                },
+                grid: [
+                    {
+                        top: '25%',
+                        width: '100%',
+                        bottom: '5%',
+                        left: 0,
+                        containLabel: true
+                    }
+                ],
+
+                series: []
+            },
+
+            optiongjh: {
+                title: {
+                    text: '文章国际化分布'
+                },
+                tooltip: {
+                    trigger: 'axis',
+                    axisPointer: {
+                        type: 'shadow'
+                    }
+                },
+                legend: {},
+                grid: [
+                    {
+                        top: 50,
+                        width: '100%',
+                        bottom: '34%',
+                        left: 10,
+                        containLabel: true
+                    },
+                    {
+                        top: '33%',
+                        width: '100%',
+                        bottom: 0,
+                        left: 10,
+                        containLabel: true
+                    }
+                ],
+                xAxis: [],
+                yAxis: [
+                    { gridIndex: 0, type: 'value', boundaryGap: [0, 0.01] },
+                    { gridIndex: 1, type: 'value', boundaryGap: [0, 0.01] }
+                ],
+
+                series: []
+            },
+
+            name: [
+                { title: p_year + '', key: 'p_year' },
+                { title: year + '', key: 'year' }
+            ]
+        };
+    },
+    watch: {
+        // df_jour: function(val) {
+        // 	var _this = this;
+        // 	_this.$nextTick(function() {
+        // 		this.drawLine1();
+        // 		this.drawLine2();
+        // 		this.drawLine3();
+        // 		this.drawLine4();
+        // 		this.drawLine5();
+        // 	});
+        // },
+    },
+    mounted() {
+        this.getData();
+        // this.drawLine();
+    },
+    created() {},
+    computed: {
+        opened() {}
+    },
+    methods: {
+        async chan_id(value) {
+            this.loading = true;
+            console.log('value at line 138:', value);
+            this.$echarts.init(document.getElementById('myChart')).clear();
+            this.$echarts.init(document.getElementById('myChartgjhp')).clear();
+            this.journal_id = value;
+            console.log('this.evaList at line 169:', this.evaList);
+            this.journal_data = this.evaList.find((e) => e.journal_id == this.journal_id);
+
+            await this.initEcharts();
+            await this.initEchartsgjh();
+            this.loading = false;
+        },
+        // 获取数据
+        async getData() {
+            this.loading = true;
+
+            this.$api
+                .post('api/Super/editorJournal', {
+                    editor_id: this.user_id
+                })
+                .then(async (res) => {
+                    if (res.code == 0) {
+                        this.loading = false;
+                        this.evaList = res.data.list;
+                        this.journal_id = res.data.list[0].journal_id;
+                        console.log('this.evaList at line 169:', this.evaList);
+                        this.journal_data = this.evaList.find((e) => e.journal_id == this.journal_id);
+
+                        await this.initEcharts();
+                        await this.initEchartsgjh();
+                    } else {
+                        this.loading = false;
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.loading = false;
+                    this.$message.error(err);
+                });
+        },
+        initEcharts() {
+            this.myChart = this.$echarts.init(document.getElementById('myChart'));
+
+            const downloadJson = { ...this.journal_data.board };
+            var option = {
+                title: {
+                    text: `${this.$t('evaluationsis.InternationalDistributionNumber')} `,
+                    textStyle: {
+                        fontSize: 14
+                    },
+                    // top: index == 0 ? '27%' : '62%',
+                    right: '10%',
+                    textAlign: 'left'
+                },
+                tooltip: {
+                    trigger: 'item',
+                    // formatter函数动态修改tooltip样式
+                    formatter: '{a} <br/>{b}: {c} ({d}%)'
+                },
+                legend: {
+                    show: false,
+                    // type: 'scroll',
+                    orient: 'vertical',
+                    right: 10,
+                    top: 20,
+                    bottom: 20,
+                    data: Object.keys(downloadJson.country).map(function (key) {
+                        return key;
+                    })
+                },
+                label: {
+                    formatter: '\n  {b|{b}：}{c}',
+
+                    rich: {
+                        b: {
+                            color: '#4C5058',
+                            fontSize: 12,
+                            fontWeight: 'bold',
+                            lineHeight: 10
+                        }
+                    }
+                },
+                series: [
+                    {
+                        name: this.$t('evaluationsis.boardMembers'),
+
+                        type: 'pie',
+                        radius: '65%',
+                        center: ['40%', '65%'],
+                        data: Object.keys(downloadJson.country).map(function (key) {
+                            return {
+                                name: key,
+                                value: downloadJson.country[key]
+                            };
+                        }),
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+
+            this.myChart.setOption(option);
+            console.log('option at line 194:', option);
+        },
+        uniqueArr(arr1, arr2) {
+            //合并两个数组
+            arr1.push(...arr2); //或者arr1 = [...arr1,...arr2]
+            //去重
+            let arr3 = Array.from(new Set(arr1)); //let arr3 = [...new Set(arr1)]
+            console.log(arr3);
+            return arr3;
+        },
+
+        async initEchartsgjh(type, title) {
+            this.myChartgjhp = this.$echarts.init(document.getElementById('myChartgjhp'));
+            var p_year = [];
+            var year = [];
+            var xAxis = [];
+            var series = [];
+            var legend = [];
+            var title = [];
+            var category = this.category;
+            var sourceList = [];
+            var product = ['product'];
+
+            var xcategory = this.category.map((e) => e.title);
+            console.log('xcategory at line 306:', xcategory);
+            for (let i in this.journal_data['p_year'].gjh) {
+                p_year.push(i);
+            }
+            for (let i in this.journal_data['year'].gjh) {
+                year.push(i);
+            }
+            var yAxisData = this.uniqueArr(p_year, year);
+            console.log('yAxisData at line 333:', yAxisData);
+            var str = '';
+            this.name.forEach((e, index) => {
+                var otherInfo = { ...this.journal_data[e.key] };
+                console.log('otherInfo at line 312:', otherInfo);
+                var value = [];
+                var sourceListYear = [];
+                this.category.forEach((v, i) => {
+                    sourceListYear.push({ value: this.journal_data[e.key][v.key] ? this.journal_data[e.key][v.key] : 0, ...otherInfo });
+                });
+
+                console.log('sourceListYear at line 359:', sourceListYear);
+                series[index] = {
+                    name: e.title,
+                    type: 'bar',
+                    label: {
+                        position: 'top',
+                        show: true
+                    },
+                    hoverAnimation: true, // 悬浮的动画加上
+                    xAxisIndex: 0,
+                    yAxisIndex: 0,
+                    data: sourceListYear,
+                    barWidth: 20
+                };
+                var strValue = Number(this.journal_data[e.key]['lyl']) * 100;
+                if (index == 0) {
+                    str += `${e.title} : ${Number(strValue).toFixed(2)}%  \n\n`;
+                } else {
+                    str += `${e.title} : ${Number(strValue).toFixed(2)}%`;
+                }
+            });
+
+            title[0] = {
+                text: this.$t('evaluationsis.EmploymentRate'),
+                subtext: str,
+                top: '0%',
+                left: '30%',
+                textAlign: 'left',
+                textStyle: {
+                    fontSize: 14
+                }
+            };
+            this.name.forEach((e, index) => {
+                var otherInfo = { ...this.journal_data[e.key] };
+
+                title[index + 1] = {
+                    text:
+                        !localStorage.getItem('langs') || localStorage.getItem('langs') == 'en'
+                            ? `${this.$t('evaluationsis.InternationalDistributionArticles')} in ${e.title} `
+                            : `${e.title} 年 ${this.$t('evaluationsis.InternationalDistributionArticles')}`,
+                    // subtext: '总计 ',
+                    top: index == 0 ? '27%' : '62%',
+                    left: '0%',
+                    textAlign: 'left',
+                    textStyle: {
+                        fontSize: 14
+                    }
+                };
+                legend.push(e.title);
+
+                series[index + 3] = {
+                    name: e.title,
+                    type: 'bar',
+
+                    label: {
+                        position: 'top',
+                        show: true
+                    },
+                    hoverAnimation: true, // 悬浮的动画加上
+                    data: [],
+
+                    // type: 'bar',
+                    barWidth: 20
+                };
+                var value = [];
+                yAxisData.forEach((v, i) => {
+                    value.push({ value: this.journal_data[e.key].gjh[v] ? this.journal_data[e.key].gjh[v] : 0, ...otherInfo });
+                });
+                series[index + 3] = { ...series[index + 3], xAxisIndex: index + 1, yAxisIndex: index + 1, data: value };
+                console.log('series at line 352:', series);
+            });
+
+            console.log('series at line 352:', series);
+
+            var option = {
+                color: ['#80FFA5', '#00DDFF', '#37A2FF', '#FF0087', '#FFBF00'],
+                // color: ['#bfa', '#baf', 'pink', '#baf'], // 配置数据颜色
+                grid: [
+                    // 配置第一个折线图的位置
+                    {
+                        left: '5%',
+                        right: '2%',
+                        width: '400',
+                        top: '5%',
+                        height: '15%'
+                    },
+                    // 配置第二个折线图位置
+                    {
+                        left: '5%',
+                        right: '2%',
+                        top: '35%',
+                        height: '20%'
+                    },
+                    // 配置第二个折线图位置
+                    {
+                        left: '5%',
+                        right: '2%',
+                        top: '75%',
+                        height: '20%'
+                    },
+                    {
+                        left: '5%',
+                        right: '2%',
+                        width: '900',
+                        top: '5%',
+                        height: '15%'
+                    }
+                ],
+                tooltip: {
+                    trigger: 'axis',
+                    // formatter函数动态修改tooltip样式
+                    formatter: function (params) {
+                        var that = this;
+                        console.log('params at line 430:', params);
+                        if (params) {
+                            var htmlStr = '';
+                            // htmlStr += params[0].name.replace(/\-/g, '/') + '<br/>'; //x轴的名称
+
+                            if (params[0].axisIndex == 0) {
+                                htmlStr += '<div>';
+                                htmlStr += params[0].name + '<br/>';
+                                //圆点后面显示的文本
+                                for (var i = 0; i < params.length; i++) {
+                                    var param = params[i]; // 存一份item项
+                                    console.log('param at line 404:', param);
+                                    var seriesName = param.seriesName; //图例名称
+                                    var value = param.value; //y轴值
+                                    var color = param.color; //图例颜色
+
+                                    htmlStr +=
+                                        '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:' +
+                                        color +
+                                        ';"></span>';
+                                    htmlStr += `${param.seriesName}: ${value}<br/>`; //2023年
+
+                                    htmlStr += '</div>';
+                                }
+                            } else if (params[0].axisIndex == 1 || params[0].axisIndex == 2) {
+                                htmlStr += '<div>';
+                                htmlStr +=
+                                    !localStorage.getItem('langs') || localStorage.getItem('langs') == 'en'
+                                        ? 'Contry' + `：` + params[0].name + '<br/>'
+                                        : '国家' + ` ：` + params[0].name + '<br/>';
+                                //圆点后面显示的文本
+                                for (var i = 0; i < params.length; i++) {
+                                    var param = params[i]; // 存一份item项
+                                    console.log('param at line 404:', param);
+                                    var seriesName = param.seriesName; //图例名称
+                                    var value = param.value; //y轴值
+                                    var color = param.color; //图例颜色
+
+                                    htmlStr +=
+                                        '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:' +
+                                        color +
+                                        ';"></span>';
+                                    htmlStr += `${param.seriesName}: ${value}<br/>`; //2023年
+
+                                    htmlStr += '</div>';
+                                }
+                            }
+
+                            return htmlStr;
+                        } else {
+                            return;
+                        }
+                    },
+                    backgroundColor: '#ccc',
+                    borderWidth: 1,
+                    borderColor: '#ccc',
+                    padding: 10,
+                    textStyle: {
+                        color: '#000',
+                        fontSize: 12,
+                        align: 'left'
+                    }
+                },
+
+                title: title,
+                legend: {
+                    show: true,
+                    // left: '0',
+                    x: 'center',
+                    y: '0',
+                    data: legend,
+                    textStyle: {
+                        fontSize: 12
+                    }
+                },
+
+                // 将上下两个tootip合成一个
+                axisPointer: {
+                    link: { xAxisIndex: [1, 2] }
+                },
+                xAxis: [
+                    {
+                        gridIndex: 0,
+                        type: 'category',
+                        scale: true,
+
+                        axisLabel: { interval: 0, show: true, fontSize: 12 },
+                        axisTick: {
+                            alignWithLabel: true
+                        },
+                        splitLine: {
+                            show: false
+                        },
+                        data: xcategory //x轴时间的数据
+                    },
+                    {
+                        gridIndex: 1,
+                        type: 'category',
+                        scale: true,
+
+                        axisLabel: { interval: 0, show: true, fontSize: 12 },
+                        axisTick: {
+                            alignWithLabel: true
+                        },
+                        splitLine: {
+                            show: false
+                        },
+                        data: yAxisData //x轴时间的数据
+                    },
+                    {
+                        gridIndex: 2,
+                        type: 'category',
+                        scale: true,
+
+                        axisLabel: { interval: 0, show: true, fontSize: 12 },
+                        axisTick: {
+                            alignWithLabel: true
+                        },
+                        splitLine: {
+                            show: false
+                        },
+                        data: yAxisData //x轴时间的数据
+                    }
+                ],
+                yAxis: [
+                    {
+                        type: 'value',
+                        name: '',
+                        nameLocation: 'center',
+                        gridIndex: 0,
+                        nameGap: 30,
+                        nameTextStyle: {
+                            fontSize: 12
+                        },
+                        axisLabel: {
+                            fontSize: 12
+                        },
+                        min: function (value) {
+                            return parseInt(value.min);
+                        },
+                        max: function (value) {
+                            return parseInt(value.max * 1.05);
+                        },
+                        scale: true,
+                        boundaryGap: [0, '100%'],
+                        splitLine: {
+                            show: false
+                        }
+                        // splitNumber: 4 //设置坐标轴的分割段数
+                    },
+                    {
+                        type: 'value',
+                        name: '',
+                        nameLocation: 'center',
+                        nameGap: 50,
+                        gridIndex: 1,
+                        nameTextStyle: {
+                            fontSize: 12,
+                            fontWeight: '500'
+                        },
+                        axisLabel: {
+                            fontSize: 12
+                        },
+                        min: function (value) {
+                            return parseInt(value.min);
+                        },
+                        max: function (value) {
+                            return parseInt(value.max * 1.05);
+                        },
+                        scale: false,
+                        boundaryGap: [0, '100%'],
+                        splitLine: {
+                            show: false
+                        }
+                        // splitNumber: 4 //设置坐标轴的分割段数
+                    },
+
+                    {
+                        type: 'value',
+                        name: '',
+                        nameLocation: 'center',
+                        gridIndex: 2,
+                        nameGap: 30,
+                        nameTextStyle: {
+                            fontSize: 12
+                        },
+                        axisLabel: {
+                            fontSize: 12
+                        },
+                        min: function (value) {
+                            return parseInt(value.min);
+                        },
+                        max: function (value) {
+                            return parseInt(value.max * 1.05);
+                        },
+                        scale: true,
+                        boundaryGap: [0, '100%'],
+                        splitLine: {
+                            show: false
+                        }
+                        // splitNumber: 4 //设置坐标轴的分割段数
+                    }
+
+                    // {
+                    //     type: 'value',
+                    //     name: '负荷/百分比',
+                    //     nameLocation: 'center',
+                    //     gridIndex: 1,
+                    //     nameGap: 42,
+                    //     nameTextStyle: {
+                    //         fontSize: 12
+                    //     },
+                    //     axisLabel: {
+                    //         fontSize: 12
+                    //     },
+                    //     // min: function (value) {
+                    //     //   return parseInt(value.min);
+                    //     // },
+                    //     // max: function (value) {
+                    //     //   return parseInt(value.max * 1.05);
+                    //     // },
+                    //     scale: true,
+                    //     boundaryGap: [0, '100%'],
+                    //     splitLine: {
+                    //         show: false
+                    //     },
+                    //     splitNumber: 4 //设置坐标轴的分割段数
+                    // }
+                ],
+                dataZoom: [
+                    {
+                        type: 'inside',
+                        // startValue: this.y1Data.length - 4, // 放置最后4个数组
+                        // endValue: this.y1Data.length - 1,
+                        xAxisIndex: [0, 1] // 显示 0 1 的数据，这个要加，不加的话，悬浮提示就会出问题
+                    }
+                ],
+                series: series
+            };
+
+            await this.myChartgjhp.setOption(option);
+            // await this.myChartgjh.setOption(this.getgjhData('year', this.name[1].title));
+        }
+        // async initEchartsgjh() {
+        //     this.myChartgjhp = this.$echarts.init(document.getElementById('myChartgjhp'));
+
+        //     var option = { ...this.optiongjh };
+        //     var datas = [];
+        //     var series = [];
+        //     var p_year = [];
+        //     var year = [];
+        //     var xAxis = [];
+        //     for (let i in this.journal_data['p_year'].gjh) {
+        //         p_year.push(i);
+        //     }
+        //     for (let i in this.journal_data['year'].gjh) {
+        //         year.push(i);
+        //     }
+        //     var yAxisData = this.uniqueArr(p_year, year);
+        //     this.name.forEach((e, index) => {
+        //         xAxis[index] = {
+        //             type: 'category',
+        //             gridIndex: index,
+        //             axisLabel: {
+        //                 interval: 0
+        //                 // formatter: function (value) {
+        //                 //     console.log('value at line 86:', value);
+        //                 //     // 格式化标签，例如只显示年月日
+        //                 // }
+        //             },
+        //             data: yAxisData
+        //         };
+        //         series[index] = {
+        //             name: e.title,
+        //             type: 'bar',
+        //             barWidth: 20,
+        //             label: {
+        //                 position: 'top',
+        //                 show: true
+        //             },
+        //             data: []
+        //         };
+        //         var value = [];
+        //         yAxisData.forEach((v, i) => {
+        //             console.log('v at line 292:', v, i);
+        //             value.push(this.journal_data[e.key].gjh[v] ? this.journal_data[e.key].gjh[v] : 0);
+        //         });
+        //         if (index == 0) {
+        //             series[index] = { ...series[index], data: value };
+        //         } else {
+        //             series[index] = { ...series[index], xAxisIndex: index, yAxisIndex: index, data: value };
+        //         }
+        //     });
+
+        //     option.xAxis = xAxis;
+        //     option.series = series;
+
+        //     await this.myChartgjhp.setOption(option);
+        //     // await this.myChartgjh.setOption(this.getgjhData('year', this.name[1].title));
+        // }
+    }
+};
+</script>
+
+<style scoped>
+.handle-box {
+    margin-bottom: 20px;
+}
+
+.table {
+    width: 100%;
+    font-size: 14px;
+    margin-bottom: 30px;
+}
+
+.ta_tit {
+    text-align: center;
+    margin: 50px 0 20px 0;
+}
+
+.schart-box {
+    width: 100%;
+    margin-bottom: 50px;
+    /* display: inline-block; */
+}
+
+.schart-box .schart {
+    width: 100%;
+    height: 300px;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 760db11..feb5e10 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -545,6 +545,14 @@ export default new Router({
 					},
 					hidden: true
 				},
+				{
+					path: '/evaluationsis', //引用情况分析
+					component: () => import('../components/page/evaluationsis_report.vue'),
+					meta: {
+						title: 'Journal Evaluation Statistics'
+					},
+					hidden: true
+				},
 				{
 					path: '/TMRGPT', //TMRGPT
 					component: () => import('../components/page/tmrGPT'),