Merge branch 'main' into tab20260208

src/views/bigscreenDesigner/designer/index.vue

@@ -312,11 +312,12 @@
           label="配置"
         >
           <dynamicForm
-            ref="formData"
+            ref="formData1"
             :options="widgetOptions.setup"
             :layer-widget="layerWidget"
             :widget-index="widgetIndex"
             :widget-params-config="widgetParamsConfig"
+            @handleCollapse="handleCollapse"
             @onChanged="(val) => widgetValueChanged('setup', val)"
           />
         </el-tab-pane>
@@ -344,7 +345,15 @@
         </el-tab-pane>
       </el-tabs>
     </div>
-
+     <el-dialog
+       title="下钻配置"
+       :visible.sync="dialogVisibleDrillDrown"
+       width="100%"
+       class="dialogDrillDrown"
+     >
+      
+       <drill-drown-setting @submitDrillDrownData="submitDrillDrownData" :screenData="screenData"></drill-drown-setting>
+     </el-dialog>
     <content-menu
       :visible.sync="visibleContentMenu"
       :style-obj="styleObj"
@@ -369,7 +378,7 @@ import dynamicForm from "./components/dynamicForm.vue";
 import draggable from "vuedraggable";
 import VueRulerTool from "vue-ruler-tool"; // 大屏设计页面的标尺插件
 import contentMenu from "./components/contentMenu";
-
+import DrillDrownSetting from "./components/drillDrownSetting";
 export default {
   name: "Login",
   components: {
@@ -378,11 +387,13 @@ export default {
     widget,
     dynamicForm,
     contentMenu,
+    DrillDrownSetting
   },
   mixins: [mixin],
   data() {
     return {
       grade: false,
+      dialogVisibleDrillDrown:false,
       layerWidget: [],
       widgetTools: widgetTools, // 左侧工具栏的组件图标，将js变量加入到当前作用域
       widthLeftForTools: 200, // 左侧工具栏宽度
@@ -390,7 +401,10 @@ export default {
       widthLeftForOptions: 300, // 右侧属性配置区
       widthPaddingTools: 18,
       toolIsShow: true, // 左侧工具栏是否显示
-
+      screenData:{
+        dashboard: {  },
+        widgets: []
+      },
       bigscreenWidth: 1920, // 大屏设计的大小
       bigscreenHeight: 1080,
 
@@ -498,6 +512,14 @@ export default {
     });
   },
   methods: {
+    submitDrillDrownData(data){
+      this.dialogVisibleDrillDrown=false
+      this.$refs.formData1.changeDrillData(data)
+    },
+    handleCollapse(val){
+      this.dialogVisibleDrillDrown=true
+      this.screenData=val.drill_drown_setting?val.drill_drown_setting:this.screenData
+    },
     // 获取图层数据
     getLayerData(val) {
       const layerWidgetArr = [];
@@ -510,6 +532,7 @@ export default {
         if (val[i].value.paramsKeys) {
           obj.paramsKeys = val[i].value.paramsKeys;
         }
+
         const options = val[i].options["setup"];
         options.forEach((el) => {
           if (el.name == "layerName") {
@@ -641,6 +664,7 @@ export default {
         options: tool.options,
       };
       // 处理默认值
+      console.log(widgetType)
       const widgetJsonValue = this.getWidgetConfigValue(widgetJson);
 
       widgetJsonValue.value.position.left =
@@ -663,7 +687,6 @@ export default {
         widgetJson.value.position
       );
       this.setWidgetConfigValue(widgetJson.options.data, widgetJson.value.data);
-
       return widgetJson;
     },
     setWidgetConfigValue(config, configValue) {