fix(视图):尝试解决源码运行，视图类型样式错乱的问题

frontend/src/styles/index.scss

@@ -396,30 +396,30 @@ div:focus {
 }
 
 .blackTheme .el-textarea__inner {
-    color: var(--TableColor) !important;  
-    background-color: var(--MainBG) !important;    
+    color: var(--TableColor) !important;
+    background-color: var(--MainBG) !important;
 }
 .blackTheme .el-textarea__inner:not(:focus) {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     border-color: var(--border-color-input) !important;
 }
 
 .blackTheme .el-input__inner {
     background-color: var(--MainBG) !important;
-    color: var(--TableColor) !important;    
+    color: var(--TableColor) !important;
 }
 .blackTheme .el-input__inner:not(:focus) {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     border-color: var(--border-color-input) !important;
 }
 
 .blackTheme .el-input-number__decrease {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     background-color: var(--MainBG) !important;
     border: none !important;
 }
 .blackTheme .el-input-number__increase {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     background-color: var(--MainBG) !important;
     border: none !important;
 }
@@ -431,13 +431,13 @@ div:focus {
 
 .el-pagination {
     button:disabled {
-        color: var(--TableColor) !important;  
+        color: var(--TableColor) !important;
         background-color: var(--MainBG) !important;
     }
 }
 
 /* .blackTheme .el-pager li {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     background-color: var(--MainBG) !important;
 } */
 
@@ -450,11 +450,11 @@ div:focus {
 }
 
 .blackTheme .fu-quick-search input {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
     background-color: var(--MainBG) !important;
 }
 .blackTheme .vue-treeselect__single-value {
-    color: var(--TableColor) !important;  
+    color: var(--TableColor) !important;
 }
 .blackTheme .el-tag.el-tag--info {
     background-color: var(--ContentBG);
@@ -474,13 +474,13 @@ div:focus {
 
 .blackTheme .main-area-input {
     input.el-input__inner {
-        color: var(--TableColor) !important;  
+        color: var(--TableColor) !important;
         background-color: var(--ContentBG) !important;
     }
     .el-input-group__append {
         background-color: var(--ContentBG) !important;
         border-color: var(--ContentBG) !important;
-    }    
+    }
 }
 
 .blackTheme .el-tree {
@@ -531,7 +531,7 @@ div:focus {
 }
 
 .blackTheme:not(.in-panel) .elx-table--main-wrapper {
-    
+
     .body--wrapper {
         background-color: var(--TableBG) !important;
     }
@@ -684,3 +684,12 @@ div:focus {
   background: linear-gradient(to right, #fff, rgba(255,255,255,0)) !important;
 }
 
+.chart-type .el-radio__input{
+  display: none!important;
+}
+
+.chart-type .el-radio__label{
+  padding-left: 0!important;
+}
+
+

frontend/src/views/chart/view/ChartEdit.vue

@@ -1880,22 +1880,11 @@ export default {
     height: calc(100% - 6px);
   }
 
-  .chart-type{
-    padding: 4px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-  }
-
   .chart-icon{
     width: 20px;
     height: 20px;
   }
 
-  .chart-type>>>.el-radio__input{
-    display: none !important;
-  }
-
   .el-radio{
     margin:5px;
   }