From db13276b945364cef6eabaf6f6796c66b85ad749 Mon Sep 17 00:00:00 2001
From: qianming <isqianming@163.com>
Date: Fri, 11 Aug 2023 15:45:43 +0800
Subject: [PATCH] =?UTF-8?q?feat--=E6=96=87=E6=9C=AC=E6=A0=8F=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E3=80=81=E6=BB=9A=E5=8A=A8=E6=96=87=E6=9C=AC=E3=80=81?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E8=A2=AB=E8=81=94=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../designer/widget/texts/widgetMarquee.vue   | 28 ++++++++++++++--
 .../designer/widget/texts/widgetTable.vue     | 33 ++++++++++++++++---
 .../designer/widget/texts/widgetText.vue      | 31 ++++++++++++++---
 3 files changed, 82 insertions(+), 10 deletions(-)

diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetMarquee.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetMarquee.vue
index 4c9ea4c0..89fedfdd 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetMarquee.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetMarquee.vue
@@ -7,6 +7,8 @@
 </template>
 
 <script>
+import {targetWidgetLinkageLogic} from "@/views/bigscreenDesigner/designer/linkageLogic";
+
 export default {
   name: "WidgetMarquee",
   components: {},
@@ -16,7 +18,8 @@ export default {
   },
   data() {
     return {
-      options: {}
+      options: {},
+      flagInter: null,
     };
   },
   computed: {
@@ -42,6 +45,9 @@ export default {
         styleColor: this.transStyle.marqueeQuit
       };
     },
+    allComponentLinkage() {
+      return this.$store.state.designer.allComponentLinkage;
+    },
     isBehavior() {
       return this.styleColor.marqueeSet ? "start()" : "stop()";
     }
@@ -51,6 +57,7 @@ export default {
       handler(val) {
         this.options = val;
         this.optionsData = val.data;
+        targetWidgetLinkageLogic(this); // 联动-目标组件逻辑
         this.setOptionsData();
       },
       deep: true
@@ -63,8 +70,25 @@ export default {
   },
   methods: {
     // 数据解析
-    setOptionsData() {
+    setOptionsData(e, paramsConfig) {
       const optionsData = this.optionsData; // 数据类型 静态 or 动态
+      // 联动接收者逻辑开始
+      optionsData.dynamicData = optionsData.dynamicData || {}; // 兼容 dynamicData undefined
+      const myDynamicData = optionsData.dynamicData;
+      clearInterval(this.flagInter); // 不管咋，先干掉上一次的定时任务，避免多跑
+      if (
+        e &&
+        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];
+          }
+        });
+      }
+      // 联动接收者逻辑结束
       if (optionsData.dataType == "dynamicData") {
         this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
       } else {};
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetTable.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetTable.vue
index fc2afd72..db8d4e29 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetTable.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetTable.vue
@@ -40,12 +40,15 @@
 <script>
 import vue from "vue";
 import VueSuperSlide from "vue-superslide";
+import { targetWidgetLinkageLogic } from "@/views/bigscreenDesigner/designer/linkageLogic";
 
 vue.use(VueSuperSlide);
 export default {
+  name: 'widgetTable',
+  components: {},
   props: {
     value: Object,
-    ispreview: Boolean
+    ispreview: Boolean,
   },
   data() {
     return {
@@ -64,7 +67,8 @@ export default {
       list: [],
       optionsSetUp: {},
       optionsPosition: {},
-      optionsData: {}
+      optionsData: {},
+      flagInter: null,
     };
   },
   computed: {
@@ -80,6 +84,9 @@ export default {
         background: this.optionsSetUp.tableBgColor
       };
     },
+    allComponentLinkage() {
+      return this.$store.state.designer.allComponentLinkage;
+    },
     headerTableStlye() {
       const headStyle = this.optionsSetUp;
       return {
@@ -122,12 +129,13 @@ export default {
     this.optionsPosition = this.value.position;
     this.optionsData = this.value.data;
     this.initData();
+    targetWidgetLinkageLogic(this); // 联动-目标组件逻辑
   },
   methods: {
     initData() {
       this.handlerRollFn();
       this.handlerHead();
-      this.handlerData();
+      this.setOptionsData();
       this.visConfig();
     },
     visConfig() {
@@ -148,8 +156,25 @@ export default {
       const head = this.optionsSetUp.dynamicAddTable;
       this.header = head;
     },
-    handlerData() {
+    setOptionsData(e, paramsConfig) {
       const tableData = this.optionsData;
+      tableData.dynamicData = tableData.dynamicData || {}; // 兼容 dynamicData undefined
+
+      const myDynamicData = tableData.dynamicData;
+      clearInterval(this.flagInter); // 不管咋，先干掉上一次的定时任务，避免多跑
+      if (
+        e &&
+        tableData.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];
+          }
+        });
+      }
+
       tableData.dataType == "staticData"
         ? this.handlerStaticData(tableData.staticData)
         : this.handlerDynamicData(tableData.dynamicData, tableData.refreshTime);
diff --git a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetText.vue b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetText.vue
index fa60696f..3558d629 100644
--- a/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetText.vue
+++ b/report-ui/src/views/bigscreenDesigner/designer/widget/texts/widgetText.vue
@@ -7,8 +7,9 @@
 <template>
   <div class="text" :style="styleColor">{{ styleColor.text }}</div>
 </template>
-
 <script>
+import {targetWidgetLinkageLogic} from "@/views/bigscreenDesigner/designer/linkageLogic";
+
 export default {
   name: "WidgetText",
   components: {},
@@ -19,7 +20,8 @@ export default {
   data() {
     return {
       options: {},
-      optionsData: {}
+      optionsData: {},
+      flagInter: null,
     };
   },
   computed: {
@@ -43,7 +45,10 @@ export default {
         right: this.transStyle.right + "px",
         whiteSpace: this.transStyle.whiteSpace ? "pre-line": "normal"
       };
-    }
+    },
+    allComponentLinkage() {
+      return this.$store.state.designer.allComponentLinkage;
+    },
   },
   watch: {
     value: {
@@ -58,12 +63,30 @@ export default {
   mounted() {
     this.options = this.value;
     this.optionsData = this.value.data;
+    targetWidgetLinkageLogic(this); // 联动-目标组件逻辑
     this.setOptionsData();
   },
   methods: {
     // 数据解析
-    setOptionsData() {
+    setOptionsData(e, paramsConfig) {
       const optionsData = this.optionsData; // 数据类型 静态 or 动态
+      // 联动接收者逻辑开始
+      optionsData.dynamicData = optionsData.dynamicData || {}; // 兼容 dynamicData undefined
+      const myDynamicData = optionsData.dynamicData;
+      clearInterval(this.flagInter); // 不管咋，先干掉上一次的定时任务，避免多跑
+      if (
+        e &&
+        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];
+          }
+        });
+      }
+      // 联动接收者逻辑结束
       if (optionsData.dataType == "dynamicData") {
         this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
       } else {};