修改

report-ui/src/views/bigscreenDesigner/designer/tools/configure/form/widget-select.js

@@ -3,7 +3,7 @@
  * @Author: qianlishi qianlishi@anji-plus.com
  * @Date: 2023-01-09 13:02:59
  * @LastEditors: qianlishi qianlishi@anji-plus.com
- * @LastEditTime: 2023-03-06 15:33:39
+ * @LastEditTime: 2023-03-24 10:27:23
  */
 
 export const widgetSelect = {
@@ -58,7 +58,19 @@ export const widgetSelect = {
           { code: 'focus', name: 'focus' },
         ],
         value: 'change',
-      }
+      },
+      [{
+        name: '组件联动',
+        list: [
+          {
+            type: 'componentLinkage',
+            label: '',
+            name: 'componentLinkage',
+            required: false,
+            value: []
+          }
+        ]
+      }]
     ],
     data: [
       {

report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarCompareChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarCompareChart",
   //参考 https://www.makeapie.com/editor.html?c=xrJwcCF3NZ
@@ -278,14 +277,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarStackchart",
   components: {},
@@ -90,14 +89,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetBarchart.vue

@@ -6,7 +6,6 @@
 
 <script>
 import { originWidgetLinkageLogic, targetWidgetLinkageLogic } from '@/views/bigscreenDesigner/designer/linkageLogic'
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarchart",
   components: {},
@@ -100,14 +99,6 @@ export default {
     targetWidgetLinkageLogic(this) // 联动-目标组件逻辑
     originWidgetLinkageLogic(this) // 联动-源组件逻辑
 
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/bar/widgetGradientColorBarchart.vue

@@ -6,7 +6,6 @@
 
 <script>
 import echarts from "echarts";
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetGradientColorBarchart", //渐变色，参考https://www.makeapie.com/editor.html?c=x0oZWoncE
   components: {},
@@ -163,14 +162,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetBarLineStackChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "widgetBarLineStackChart",
   components: {},
@@ -125,14 +124,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetBarlinechart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarlinechart",
   components: {},
@@ -128,14 +127,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/barline/widgetMoreBarLineChart.vue

@@ -6,7 +6,6 @@
 
 <script>
 import echarts from "echarts";
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "widgetMoreBarLineChart",
   components: {},
@@ -187,14 +186,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/decorate/widgetDecoratePieChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "widgetRotatePieChart",
   components: {},
@@ -240,14 +239,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     editorOptions() {

report-ui/src/views/bigscreenDesigner/designer/widget/funnel/widgetFunnel.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetFunnel",
   components: {},
@@ -108,14 +107,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/heatmap/widgetHeatmap.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "widgetHeatmap",
   components: {},
@@ -136,14 +135,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/line/widgetLineCompareChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarCompareChart",
   //参考 https://www.makeapie.com/editor.html?c=xOjLyozu2W
@@ -279,14 +278,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/line/widgetLineStackChart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetBarStackchart",
   components: {},
@@ -90,14 +89,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/line/widgetLinechart.vue

@@ -5,8 +5,10 @@
 </template>
 
 <script>
-import { originWidgetLinkageLogic, targetWidgetLinkageLogic } from '@/views/bigscreenDesigner/designer/linkageLogic'
+import {
-import { eventBusParams } from "@/utils/screen";
+  originWidgetLinkageLogic,
+  targetWidgetLinkageLogic,
+} from "@/views/bigscreenDesigner/designer/linkageLogic";
 export default {
   name: "WidgetLinechart",
   components: {},
@@ -15,7 +17,7 @@ export default {
     ispreview: Boolean,
     widgetIndex: {
       type: Number,
-      default: 0
+      default: 0,
     }, // 当前组件，在工作区变量widgetInWorkbench中的索引
   },
   data() {
@@ -82,8 +84,8 @@ export default {
       };
     },
     allComponentLinkage() {
-      return this.$store.state.designer.allComponentLinkage
+      return this.$store.state.designer.allComponentLinkage;
-    }
+    },
   },
   watch: {
     value: {
@@ -103,16 +105,8 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    targetWidgetLinkageLogic(this) // 联动-目标组件逻辑
+    targetWidgetLinkageLogic(this); // 联动-目标组件逻辑
-    originWidgetLinkageLogic(this) // 联动-源组件逻辑
+    originWidgetLinkageLogic(this); // 联动-源组件逻辑
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性
@@ -311,16 +305,20 @@ export default {
     // 处理数据
     setOptionsData(e, paramsConfig) {
       const optionsData = this.optionsData; // 数据类型 静态 or 动态
-      optionsData.dynamicData = optionsData.dynamicData || {} // 兼容 dynamicData undefined
+      optionsData.dynamicData = optionsData.dynamicData || {}; // 兼容 dynamicData undefined
-      const myDynamicData = optionsData.dynamicData
+      const myDynamicData = optionsData.dynamicData;
-      clearInterval(this.flagInter) // 不管咋，先干掉上一次的定时任务，避免多跑
+      clearInterval(this.flagInter); // 不管咋，先干掉上一次的定时任务，避免多跑
-      if (e && optionsData.dataType !== 'staticData' && Object.keys(myDynamicData.contextData).length) {
+      if (
-        const keyArr = Object.keys(myDynamicData.contextData)
+        e &&
-        paramsConfig.forEach(conf => {
+        optionsData.dataType !== "staticData" &&
+        Object.keys(myDynamicData.contextData).length
+      ) {
+        const keyArr = Object.keys(myDynamicData.contextData);
+        paramsConfig.forEach((conf) => {
           if (keyArr.includes(conf.targetKey)) {
-            myDynamicData.contextData[conf.targetKey] = e[conf.originKey]
+            myDynamicData.contextData[conf.targetKey] = e[conf.originKey];
           }
-        })
+        });
       }
       optionsData.dataType == "staticData"
         ? this.staticDataFn(optionsData.staticData)

report-ui/src/views/bigscreenDesigner/designer/widget/map/widgetLineMap.vue

@@ -4,7 +4,6 @@
   </div>
 </template>
 <script>
-import { eventBusParams } from "@/utils/screen";
 import "echarts/map/js/china.js";
 import echarts from "echarts";
 import { conversionCity } from "@/utils/china";
@@ -323,14 +322,6 @@ export default {
   },
   mounted() {
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     convertData(data) {

report-ui/src/views/bigscreenDesigner/designer/widget/percent/widgetGauge.vue

@@ -6,7 +6,6 @@
 
 <script>
 import echarts from "echarts";
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetGauge",
   components: {},
@@ -158,14 +157,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     editorOptions() {

report-ui/src/views/bigscreenDesigner/designer/widget/percent/widgetPiePercentageChart.vue

@@ -5,8 +5,7 @@
 </template>
 
 <script>
-import { targetWidgetLinkageLogic } from '@/views/bigscreenDesigner/designer/linkageLogic'
+import { targetWidgetLinkageLogic } from "@/views/bigscreenDesigner/designer/linkageLogic";
-import { eventBusParams } from "@/utils/screen";
 let per = 60;
 export default {
   name: "widgetPiePercentageChart", //百分比图参考：https://www.makeapie.com/editor.html?c=xFkzKG-bpl
@@ -16,7 +15,7 @@ export default {
     ispreview: Boolean,
     widgetIndex: {
       type: Number,
-      default: 0
+      default: 0,
     }, // 当前组件，在工作区变量widgetInWorkbench中的索引
   },
   data() {
@@ -331,8 +330,8 @@ export default {
       };
     },
     allComponentLinkage() {
-      return this.$store.state.designer.allComponentLinkage
+      return this.$store.state.designer.allComponentLinkage;
-    }
+    },
   },
   watch: {
     value: {
@@ -352,21 +351,13 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   mounted() {
     /*        setInterval(() => {
               this.angle = this.angle + 3
               myChart.setOption(options,true)
             }, 1000);*/
-    targetWidgetLinkageLogic(this) // 联动-目标组件逻辑
+    targetWidgetLinkageLogic(this); // 联动-目标组件逻辑
   },
   methods: {
     //轴point设置
@@ -448,17 +439,21 @@ export default {
     // 数据解析
     setOptionsData(e, paramsConfig) {
       const optionsData = this.optionsData; // 数据类型 静态 or 动态
-      optionsData.dynamicData = optionsData.dynamicData || {} // 兼容 dynamicData undefined
+      optionsData.dynamicData = optionsData.dynamicData || {}; // 兼容 dynamicData undefined
 
-      const myDynamicData = optionsData.dynamicData
+      const myDynamicData = optionsData.dynamicData;
-      clearInterval(this.flagInter) // 不管咋，先干掉上一次的定时任务，避免多跑
+      clearInterval(this.flagInter); // 不管咋，先干掉上一次的定时任务，避免多跑
-      if (e && optionsData.dataType !== 'staticData' && Object.keys(myDynamicData.contextData).length) {
+      if (
-        const keyArr = Object.keys(myDynamicData.contextData)
+        e &&
-        paramsConfig.forEach(conf => {
+        optionsData.dataType !== "staticData" &&
+        Object.keys(myDynamicData.contextData).length
+      ) {
+        const keyArr = Object.keys(myDynamicData.contextData);
+        paramsConfig.forEach((conf) => {
           if (keyArr.includes(conf.targetKey)) {
-            myDynamicData.contextData[conf.targetKey] = e[conf.originKey]
+            myDynamicData.contextData[conf.targetKey] = e[conf.originKey];
           }
-        })
+        });
       }
 
       optionsData.dataType == "staticData"

report-ui/src/views/bigscreenDesigner/designer/widget/pie/widgetPieNightingaleRose.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetPieNightingaleRoseArea", //南丁格尔玫瑰图面积模式 参考：https://echarts.apache.org/examples/zh/editor.html?c=pie-roseType-simple
   components: {},
@@ -75,14 +74,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/pie/widgetPiechart.vue

@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "WidgetPiechart",
   components: {},
@@ -81,14 +80,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/radar/widgetRadar.vue

@@ -6,7 +6,6 @@
 <script>
 import vue from "vue";
 import VueSuperSlide from "vue-superslide";
-import { eventBusParams } from "@/utils/screen";
 vue.use(VueSuperSlide);
 export default {
   props: {
@@ -58,14 +57,6 @@ export default {
     this.optionsPosition = this.value.position;
     this.optionsData = this.value.data;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     editorOptions() {

report-ui/src/views/bigscreenDesigner/designer/widget/scale/widgetScale.vue

@@ -6,7 +6,6 @@
 
 <script>
 import echarts from "echarts";
-import {eventBusParams} from "@/utils/screen";
 
 let scale = [];
 let max;
@@ -223,13 +222,6 @@ export default {
     this.optionsCollapse = this.value.collapse;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性

report-ui/src/views/bigscreenDesigner/designer/widget/wordcloud/widgetWordCloud.vue

@@ -5,7 +5,6 @@
 </template>
 <script>
 import wordCloud from "../../../../../../static/wordCloud/echarts-wordcloud.min.js";
-import { eventBusParams } from "@/utils/screen";
 export default {
   name: "widgetWordCloud",
   components: {},
@@ -87,14 +86,6 @@ export default {
     this.optionsCollapse = this.value.setup;
     this.optionsSetup = this.value.setup;
     this.editorOptions();
-    eventBusParams(
-      this.optionsSetup,
-      this.optionsData,
-      (dynamicData, optionsSetup) => {
-        console.log("dynamicData", dynamicData);
-        this.getEchartData(dynamicData, optionsSetup);
-      }
-    );
   },
   methods: {
     // 修改图标options属性