From 3008b640b50657a8b1ded45b3bbb2ec104dfb18e Mon Sep 17 00:00:00 2001
From: hanyuxia <hanyuxia@geedgenetworks.com>
Date: Tue, 14 Dec 2021 17:21:37 +0800
Subject: [PATCH] =?UTF-8?q?CN-242=20Cyptocurrency--=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/components/components/charts/panel.scss | 5 ++---
 src/components/charts/ChartTableActiveIp.vue           | 2 +-
 src/components/rightBox/settings/ChartBox.vue          | 2 +-
 src/utils/constants.js                                 | 4 ++--
 src/views/charts/Chart.vue                             | 4 ++--
 src/views/charts/Panel.vue                             | 7 +++++--
 6 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/assets/css/components/components/charts/panel.scss b/src/assets/css/components/components/charts/panel.scss
index 5ee2b6ed..cc9954e5 100644
--- a/src/assets/css/components/components/charts/panel.scss
+++ b/src/assets/css/components/components/charts/panel.scss
@@ -86,9 +86,8 @@
   font-weight:normal;
 }
 
-.cn-chart__crypto-header{
-  font-size:15px;
-  font-family: SimHei;
+.cn-panel-crypto {
+  grid-template-columns: repeat(36, 1fr) !important;
 }
 
 .cn-panel, .cn-panel>.cn-chart__tabs>.el-tabs__content>.el-tab-pane, .cn-chart__group .cn-chart__body {
diff --git a/src/components/charts/ChartTableActiveIp.vue b/src/components/charts/ChartTableActiveIp.vue
index 1c2a9c22..bde28488 100644
--- a/src/components/charts/ChartTableActiveIp.vue
+++ b/src/components/charts/ChartTableActiveIp.vue
@@ -2,7 +2,7 @@
   <div class="cn-chart cn-chart__table">
     <div class="cn-chart__header chart-header-position" >
       <slot name="chartErrorInfo"></slot>
-      <div class="header__title cn-chart__crypto-header">
+      <div class="header__title ">
         <slot name="title"></slot>
       </div>
       <div class="header__operations">
diff --git a/src/components/rightBox/settings/ChartBox.vue b/src/components/rightBox/settings/ChartBox.vue
index f841fe99..df858e1d 100644
--- a/src/components/rightBox/settings/ChartBox.vue
+++ b/src/components/rightBox/settings/ChartBox.vue
@@ -56,7 +56,7 @@
 
               <el-option :key="panelTypeAndRouteMapping.trafficSummary" :label="$t('trafficSummary.trafficSummary')" :value="panelTypeAndRouteMapping.trafficSummary"></el-option>
               <el-option :key="panelTypeAndRouteMapping.networkAppPerformance" :label="$t('networkAppPerformance.networkAppPerformance')" :value="panelTypeAndRouteMapping.networkAppPerformance"></el-option>
-              <el-option :key="panelTypeAndRouteMapping.cyptocurrency" :label="$t('overall.cyptocurrency')" :value="panelTypeAndRouteMapping.cyptocurrency"></el-option>
+              <el-option :key="panelTypeAndRouteMapping.cryptocurrency" :label="$t('overall.cryptocurrency')" :value="panelTypeAndRouteMapping.cryptocurrency"></el-option>
               <el-option :key="panelTypeAndRouteMapping.dnsServiceInsights" :label="$t('dnsServiceInsights.dnsServiceInsights')" :value="panelTypeAndRouteMapping.dnsServiceInsights"></el-option>
               <el-option :key="panelTypeAndRouteMapping.ipEntityDetail" :label="$t('entities.ipEntityDetail')" :value="panelTypeAndRouteMapping.ipEntityDetail"></el-option>
               <el-option :key="panelTypeAndRouteMapping.domainEntityDetail" :label="$t('entities.domainEntityDetail')" :value="panelTypeAndRouteMapping.domainEntityDetail"></el-option>
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 85a0aa2e..f4cf295d 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -27,7 +27,7 @@ export const fromRoute = {
   user: 'user',
   galaxyProxy: 'galaxyProxy',
   chart: 'chart',
-  cyptocurrency: 'cyptocurrency'
+  cryptocurrency: 'cryptocurrency'
 }
 
 /* panel类别和名称之间的映射 */
@@ -38,7 +38,7 @@ export const panelTypeAndRouteMapping = {
   ipEntityDetail: 4,
   domainEntityDetail: 5,
   appEntityDetail: 6,
-  cyptocurrency: 7
+  cryptocurrency: 7
 }
 
 /* operationLog state 执行状态属性 值与名称之间的映射 */
diff --git a/src/views/charts/Chart.vue b/src/views/charts/Chart.vue
index 5e5acf46..79ec06c9 100644
--- a/src/views/charts/Chart.vue
+++ b/src/views/charts/Chart.vue
@@ -93,7 +93,7 @@
       </chart-error>
     </template>
     <template #title v-if="layout.indexOf(layoutConstant.HEADER) > -1"  >
-      <span  :class="{ 'cn-chart__crypto-header':(isEchartsTimeBar||isEchartsCategoryBar)}">{{chartInfo.i18n ? $t(chartInfo.i18n) : chartInfo.name}}</span>
+      {{chartInfo.i18n ? $t(chartInfo.i18n) : chartInfo.name}}
     </template>
     <template #operations v-if="layout.indexOf(layoutConstant.HEADER) > -1">
       <div class="header__operation header__operation--echarts" v-if="chart.type === 31">
@@ -459,7 +459,7 @@
               :errorInfo="errorInfo"
       >
       </chart-error>
-      <div class="header__title cn-chart__crypto-header" >
+      <div class="header__title" >
         <span :title="chartInfo.i18n ? $t(chartInfo.i18n) : chartInfo.name">{{chartInfo.i18n ? $t(chartInfo.i18n) : chartInfo.name}}</span>
       </div>
 
diff --git a/src/views/charts/Panel.vue b/src/views/charts/Panel.vue
index e4d93318..96f7b5a4 100644
--- a/src/views/charts/Panel.vue
+++ b/src/views/charts/Panel.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="padding: 10px 0 20px 20px;" v-if="!isEntityDetail">
-    <div class="cn-panel" id="cn-panel">
+    <div id="cn-panel" :class="(isCryptocurrency)?'cn-panel cn-panel-crypto':'cn-panel'">
       <div class="panel__time">
         <DateTimeRange class="date-time-range" :start-time="timeFilter.startTime" :end-time="timeFilter.endTime" ref="dateTimeRange" @change="reload"/>
         <TimeRefresh class="date-time-range" @change="timeRefreshChange" :end-time="timeFilter.endTime"/>
@@ -104,10 +104,13 @@ export default {
       // entity详情的chart
       detailTabs: [],
       detailChartList: [],
-      currentTab: ''
+      currentTab: '',
+      isCryptocurrency: false// 是否为挖矿列表
     }
   },
   async mounted () {
+    const path = this.$route.path
+    this.isCryptocurrency = this.$route.path.indexOf('cryptocurrency') > -1
     await this.init()
     if (!this.$_.isEmpty(this.detailTabs)) {
       this.currentTab = this.detailTabs[0].id + ''