fix: 统一命名

src/assets/css/components/index.scss

@@ -42,8 +42,8 @@
 @import './views/chartHeader';
 @import './views/charts/chartMap';
 @import 'views/charts/chartRelationShipList';
-@import './views/report/builtinReport';
+@import 'views/report/report';
-@import './components/rightBox/report/builtinReportBox';
+@import 'components/rightBox/report/reportBox';
 
 @import './views/charts2/panel';
 @import './views/charts2/networkOverviewLine';

src/assets/css/components/views/report/report.scss

@@ -1,21 +1,22 @@
-.cn-builtin {
+.cn-report {
   background: #fff;
   margin: 10px;
   height: calc(100% - 20px) !important;
   display: flex;
   flex-direction: row;
-  .cn-builtin-left {
+  .cn-report-left {
     width: 288px;
     height: 100%;
     border-right: 1px solid  #E7EAED;
     position: relative;
-    .cn-builtin-left-title {
+    overflow: auto;
+    .cn-report-left-title {
       padding: 28px 0 26px 13px;
       font-size: 16px;
       color: #333333;
       letter-spacing: 0;
     }
-    .cn-builtin-left-menu {
+    .cn-report-left-menu {
       width: 250px;
       word-break: normal;
       margin: auto;
@@ -25,13 +26,13 @@
       padding: 14px;
       cursor: pointer;
     }
-    .cn-builtin-left-menu.cn-active {
+    .cn-report-left-menu.cn-active {
       background: #F4FAFF;
       border-radius: 2px;
       color: #0091FF;
     }
   }
-  .cn-builtin-right {
+  .cn-report-right {
     flex: 1;
     .list-page .main-container {
       padding: 0;

src/router/index.js

@@ -21,7 +21,7 @@ const routes = [
       },
       {
         path: '/report/builtIn',
-        component: () => import('@/views/report/reportTest')
+        component: () => import('@/views/report/Report')
       },
       {
         path: '/entityExplorer',

src/views/report/Report.vue

@@ -1,18 +1,18 @@
 <template>
-  <div class="cn-builtin">
+  <div class="cn-report">
-    <div class="cn-builtin-left">
+    <div class="cn-report-left">
       <loading :loading="builtinLeftLoading"></loading>
-      <div class="cn-builtin-left-title">
+      <div class="cn-report-left-title">
         {{$t('report.category')}}
       </div>
-      <div class="cn-builtin-left-menu" :class="{'cn-active': !builtinId}" @click="builtinTabs(null)">
+      <div class="cn-report-left-menu" :class="{'cn-active': !builtinId}" @click="builtinTabs(null)">
         {{$t('dns.all')}}
       </div>
-      <div class="cn-builtin-left-menu" :class="{'cn-active': builtinId === item.id}" v-for="item in builtinReportLeftMenu" :key="item.id" @click="builtinTabs(item.id)">
+      <div class="cn-report-left-menu" :class="{'cn-active': builtinId === item.id}" v-for="item in builtinReportLeftMenu" :key="item.id" @click="builtinTabs(item.id)">
         {{item.name}}
       </div>
     </div>
-    <div class="cn-builtin-right">
+    <div class="cn-report-right">
       <cn-data-list
           ref="dataList"
           :tableId="tableId"
@@ -34,7 +34,7 @@
         </template>
         <template #default>
           <loading :loading="builtinRightLoading"></loading>
-          <builtin-report-table
+          <report-table
               ref="dataTable"
               :api="url"
               :custom-table-title="tools.customTableTitle"
@@ -73,7 +73,7 @@
 
 <script>
 import { get } from '@/utils/http'
-import builtinReportTable from '@/components/table/report/reportTestTable'
+import ReportTable from '@/components/table/report/ReportTable'
 import cnDataList from '@/components/table/CnDataList'
 import dataListMixin from '@/mixins/data-list'
 import { api } from '@/utils/api'
@@ -148,7 +148,7 @@ export default {
         'report.november',
         'report.december'
       ],
-      tableId: 'builtinReportTable',
+      tableId: 'reportTable',
       builtinLeftLoading: false,
       builtinRightLoading: false,
       getNum: -1
@@ -171,7 +171,7 @@ export default {
   components: {
     Loading,
     cnDataList,
-    builtinReportTable,
+    ReportTable,
     ReportBox
   },
   mounted () {