style: 对panel页面组件样式进行单独scss文件的拆分

src/views/charts/Chart2.vue

@@ -70,12 +70,12 @@
       ></chart-category-bar>
 
       <chart-ip-open-port-bar
-              v-else-if="isIpOpenPortBar"
-              :chart-info="chartInfo"
-              :chart-data="chartData"
-              :result-type="resultType"
-              :query-params="queryParams"
-              @showLoading="showLoading"
+        v-else-if="isIpOpenPortBar"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :result-type="resultType"
+        :query-params="queryParams"
+        @showLoading="showLoading"
       ></chart-ip-open-port-bar>
 
       <chart-table
@@ -88,11 +88,11 @@
       ></chart-table>
 
       <chart-active-ip-table
-          v-else-if="isActiveIpTable"
-          :chart-info="chartInfo"
-          :chart-data="chartData"
-          :table="table"
-          :query-params="queryParams"
+        v-else-if="isActiveIpTable"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :table="table"
+        :query-params="queryParams"
       ></chart-active-ip-table>
 
       <chart-app-basic-info
@@ -110,32 +110,32 @@
       ></chart-domain-whois>
 
       <chart-domain-dns-record
-          v-else-if="isDomainDnsRecord"
-          :chart-info="chartInfo"
-          :chart-data="chartData"
-          :query-params="queryParams"
+        v-else-if="isDomainDnsRecord"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :query-params="queryParams"
       ></chart-domain-dns-record>
 
       <chart-cryptocurrency-event-list
-          v-else-if="isCryptocurrencyEventList"
-          :chart-info="chartInfo"
-          :chart-data="chartData"
-          :query-params="queryParams"
+        v-else-if="isCryptocurrencyEventList"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :query-params="queryParams"
       ></chart-cryptocurrency-event-list>
 
       <chart-relation-ship
-              v-else-if="isRelationShip"
-              :chart-info="chartInfo"
-              :chart-data="chartData"
-              :query-params="queryParams"
+        v-else-if="isRelationShip"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :query-params="queryParams"
       ></chart-relation-ship>
 
       <chart-san-key
-              v-else-if="isSankey"
-              :chart-info="chartInfo"
-              :chart-data="chartData"
-              :query-params="queryParams"
-              :entity="entity"
+        v-else-if="isSankey"
+        :chart-info="chartInfo"
+        :chart-data="chartData"
+        :query-params="queryParams"
+        :entity="entity"
       ></chart-san-key>
 
     </template>

src/views/charts/charts/ChartActiveIpTable.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="cn-chart__table">
+  <div class="cn-chart__table active-ip">
     <div class="cn-chart__body">
       <el-table
-          style="width: 100%"
+          style="width: 100%;height: 100%"
           tooltip-effect="light"
           :data="activeIpTable.tableData"
           :show-header="false"

src/views/charts/charts/ChartAppBasicInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="cn-chart__app-basic" :style="computePosition">
+  <div class="cn-chart__app-basic">
     <div class="cn-chart__body">
       <div style="display: flex; justify-content: space-between; width: 100%;">
         <el-descriptions :column="1" style="padding: 20px 30px;">
@@ -55,8 +55,6 @@
 </template>
 
 <script>
-import ChartSingleValue from "@/views/charts/charts/ChartSingleValue";
-import {isIpBasicInfo} from "@/views/charts/charts/tools";
 export default {
   name: "ChartAppBasicInfo",
   props: {
@@ -64,36 +62,12 @@ export default {
     chartData: [Array, Object],
     queryParams: Object
   },
-  components: {
-    ChartSingleValue
-  },
   data () {
     return {
 
     }
   },
-  watch: {
-    chartData: {
-      deep: true,
-      immediate: true,
-      handler (n) {
-      }
-    }
-  },
-  computed: {
-    computePosition() {
-      const gridColumn = `${this.chartInfo.x} / ${this.chartInfo.x + this.chartInfo.w}`
-      const gridRow = `${this.chartInfo.y} / ${this.chartInfo.y + this.chartInfo.h}`
-      return {
-        gridColumn,
-        gridRow
-      }
-    }
-  },
   mounted() {
-  },
-  setup (props) {
-    isIpBasicInfo: isIpBasicInfo(props.chartInfo.type)
   }
 }
 </script>

src/views/charts/charts/ChartDomainWhois.vue

@@ -1,5 +1,4 @@
 <template>
-
   <div class="cn-chart__whois">
     <div class="cn-chart__body">
       <div class="domain-detail-list">

src/views/charts/charts/ChartTable.vue

@@ -6,10 +6,7 @@
           tooltip-effect="light"
           :data="table.currentPageData"
       >
-        <el-table-column
-            type="index"
-            label="#"
-        >
+        <el-table-column v-if="table.currentPageData.length" type="index" label="#">
         </el-table-column>
         <el-table-column
             v-for="(c, i) in table.tableColumns"
@@ -33,7 +30,7 @@
         </el-table-column>
       </el-table>
     </div>
-    <div class="cn-chart__footer">
+    <div class="cn-chart__footer" v-if="table.tableData.length > 10">
       <chart-table-pagination
           ref="tablePagination"
           :total="table.tableData.length"
@@ -73,6 +70,7 @@ export default {
     },
   },
   mounted() {
+    console.log(this.chartData)
   }
 }
 </script>