From f70ba4a46a9151d10ef2d46d17e5394b225bdcde Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Mon, 4 Jul 2022 14:23:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=BF=87=E6=BB=A4=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84=E8=99=9A=E6=8B=9F=E6=BB=9A=E5=8A=A8=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E8=87=AA=E5=AE=9A=E4=B9=89=E6=A0=B7=E5=BC=8F=E4=B8=8D?=
 =?UTF-8?q?=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/ElVisualSelect/index.vue         | 9 ++++++++-
 frontend/src/components/widget/DeWidget/serviceNameFn.js | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ElVisualSelect/index.vue b/frontend/src/components/ElVisualSelect/index.vue
index c723ecc94e..4bdf28be55 100644
--- a/frontend/src/components/ElVisualSelect/index.vue
+++ b/frontend/src/components/ElVisualSelect/index.vue
@@ -16,6 +16,8 @@
 </template>
 
 <script>
+import { handlerInputStyle } from '@/components/widget/DeWidget/serviceNameFn.js'
+
 import { uuid } from 'vue-uuid'
 export default {
   name: 'ElVisualSelect',
@@ -106,8 +108,13 @@ export default {
       }
       this.options = this.newList.slice(0, this.maxLength)
     },
-
+    customInputStyle() {
+      if (!this.$parent.$parent.handlerInputStyle) return;
+      handlerInputStyle(this.$refs.visualSelect.$el.querySelector('.el-input__inner'), this.$parent.element.style)
+      handlerInputStyle(this.$refs.visualSelect.$el.querySelector('.el-select__input'), {wordColor: this.$parent.element.style.wordColor})
+    },
     init() {
+      this.customInputStyle()
       if (this.defaultFirst && this.list.length > 0) {
         this.selectValue = this.list[0].value
       }
diff --git a/frontend/src/components/widget/DeWidget/serviceNameFn.js b/frontend/src/components/widget/DeWidget/serviceNameFn.js
index bf932e5005..a05fba6bd0 100644
--- a/frontend/src/components/widget/DeWidget/serviceNameFn.js
+++ b/frontend/src/components/widget/DeWidget/serviceNameFn.js
@@ -73,6 +73,12 @@ function textSelectWidget(nodeCache, style) {
     }
 }
 
+function handlerInputStyle (node, style) {
+    styleAttrs.forEach(ele => {
+        node.style[attrsMap[ele]] = style[ele];
+    })
+}
+
 export {
     attrsMap,
     styleAttrs,
@@ -80,5 +86,6 @@ export {
     textInputWidget,
     textSelectGridWidget,
     textSelectTreeWidget,
-    textSelectWidget
+    textSelectWidget,
+    handlerInputStyle,
 }
\ No newline at end of file