提交一波,继续处理数据结构

packages/bigscreen/designer/components/componentConfig.vue

@@ -50,6 +50,13 @@
             <ai-select placeholder="请选择类型" v-model="item.display" :select-list="summaryOps" size="mini"/>
           </config-item>
         </template>
+        <template v-if="/tabs/.test(config.type)">
+          <group-item v-for="(tab,i) in config.tabs" :key="i" :label="tab.label">
+            <config-item :label="comp.label" v-for="(comp,j) in tab.comps" :key="i+'_'+j">
+              <chart-picker v-model="comp.type" :tpls="layers"/>
+            </config-item>
+          </group-item>
+        </template>
         <template v-if="/Chart/.test(config.type)">
           <config-item label="图表模板">
             <chart-picker v-model="config.config" @input="v=>config.echartOps=$echartTpls[v]"/>
@@ -212,16 +219,17 @@
 </template>
 
 <script>
-import ConfigItem from "./configItem.vue";
+import ConfigItem from "./configItem";
 import AiDialogBtn from "dui/packages/layout/AiDialogBtn";
-import {monitorTypes} from "../config";
+import {layers, monitorTypes} from "../config";
 import JsonEditor from "./jsonEditor.vue";
 import ChartPicker from "./chartPicker.vue";
 import AiDvSummary from "@dui/dv/layout/AiDvSummary/AiDvSummary";
+import GroupItem from "./groupItem";
 
 export default {
   name: 'componentConfig',
-  components: {ChartPicker, JsonEditor, AiDialogBtn, ConfigItem},
+  components: {GroupItem, ChartPicker, JsonEditor, AiDialogBtn, ConfigItem},
   props: {
     config: {default: () => ({})},
     instance: Function,
@@ -243,7 +251,8 @@ export default {
         {label: "右上", id: "rt"},
         {label: "左下", id: "lb"},
         {label: "右下", id: "rb"}
-      ]
+      ],
+      layers
     }
   },
   computed: {