style: 样式调整

src/assets/css/components/views/charts/chartAppBasicInfo.scss

@@ -1,10 +1,4 @@
-.cn-panel2 {
+.cn-chart__app-basic {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .cn-chart__app-basic {
   display: flex;
   flex-direction: column;
   .cn-chart__body {
@@ -103,8 +97,4 @@
       }
     }
   }
-        }
-      }
-    }
-  }
 }

src/assets/css/components/views/charts/chartCryptocurrencyEventList.scss

@@ -1,9 +1,4 @@
-.cn-panel2 {
+.cn-chart__table.eventList {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        .cn-chart__table.eventList {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -67,8 +62,4 @@
       }
     }
   }
-        }
-      }
-    }
-  }
 }

src/assets/css/components/views/charts/chartDomainDnsRecord.scss

@@ -1,10 +1,4 @@
-.cn-panel2 {
+.cn-chart__dns-record {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .cn-chart__dns-record {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -31,8 +25,5 @@
       color: #3976CB;
     }
   }
-        }
-      }
-    }
-  }
 }
+

src/assets/css/components/views/charts/chartDomainWhois.scss

@@ -1,13 +1,4 @@
-.cn-panel2 {
+.cn-chart__whois {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .cn-chart__whois {
   overflow: auto;
-        }
-      }
-    }
-  }
 }
+

src/assets/css/components/views/charts/chartSingleValue.scss

@@ -1,10 +1,4 @@
-.cn-panel2 {
+.cn-chart__single-value {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .cn-chart__single-value {
   &.cn-chart__single-value--detail-overview.cn-chart__single-value--icon-left {
     .single-value__icon {
       width: 38px;
@@ -216,8 +210,5 @@
       }
     }
   }
-        }
-      }
-    }
-  }
 }
+

src/assets/css/components/views/charts/chartTable.scss

@@ -1,13 +1,7 @@
-.cn-panel2 {
+.active-ip.cn-chart__table {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .active-ip.cn-chart__table {
   height: calc(100% - 47px) !important;
-        }
+}
-        .cn-chart__table{
+.cn-chart__table{
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -74,8 +68,4 @@
       margin-left: 10px;
     }
   }
-        }
-      }
-    }
-  }
 }

src/assets/css/components/views/charts/ipBasicInfo.scss

@@ -1,10 +1,4 @@
-.cn-panel2 {
+.cn-chart__ip-basic {
-  position: relative;
-  .chart-list {
-    .vue-grid-layout>.vue-grid-item {
-      .cn-chart {
-        height: 100% !important;
-        .cn-chart__ip-basic {
   display: flex;
   .el-descriptions {
     padding-top: 30px;
@@ -22,8 +16,5 @@
   .el-descriptions__content {
     color: #3976CB;
   }
-        }
-      }
-    }
-  }
 }
+

src/assets/css/components/views/charts/panel.scss

@@ -196,7 +196,7 @@
         &>.cn-chart {
           position: relative;
           border-radius: 2px;
-          height: calc(100% - 47px);
+          height: 100%;
           width: 100%;
           .chart-drawing {
             height: 100%;