feat(图表): 高级样式设置界面布局调整

core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue

@@ -2,40 +2,42 @@
   <div style="width: 100%; padding-bottom: 8px">
     <el-form label-position="top" style="width: 100%">
       <div style="width: 100%; padding: 16px 8px 0">
-        <el-col :span="24">
+        <el-row :gutter="8">
-          <el-form-item
+          <el-col :span="12">
-            :effect="themes"
+            <el-form-item
-            class="form-item"
-            :class="'form-item-' + themes"
-            :label="t('components.jump_icon_color')"
-          >
-            <el-color-picker
               :effect="themes"
-              v-model="seniorStyleSetting.linkageIconColor"
+              class="form-item"
-              :trigger-width="197"
+              :class="'form-item-' + themes"
-              is-custom
+              :label="t('components.jump_icon_color')"
-              :predefine="state.predefineColors"
+            >
-              @change="themeChange"
+              <el-color-picker
-            />
+                :effect="themes"
-          </el-form-item>
+                v-model="seniorStyleSetting.linkageIconColor"
-        </el-col>
+                :trigger-width="197"
-        <el-col :span="24">
+                is-custom
-          <el-form-item
+                :predefine="state.predefineColors"
-            :effect="themes"
+                @change="themeChange"
-            class="form-item"
+              />
-            :class="'form-item-' + themes"
+            </el-form-item>
-            :label="t('components.level_display_color')"
+          </el-col>
-          >
+          <el-col :span="12">
-            <el-color-picker
+            <el-form-item
-              v-model="seniorStyleSetting.drillLayerColor"
               :effect="themes"
-              :trigger-width="197"
+              class="form-item"
-              is-custom
+              :class="'form-item-' + themes"
-              :predefine="state.predefineColors"
+              :label="t('components.level_display_color')"
-              @change="themeChange"
+            >
-            />
+              <el-color-picker
-          </el-form-item>
+                v-model="seniorStyleSetting.drillLayerColor"
-        </el-col>
+                :effect="themes"
+                :trigger-width="197"
+                is-custom
+                :predefine="state.predefineColors"
+                @change="themeChange"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </div>
     </el-form>
   </div>