From a2620d16de948f53edb36ec9bdf928e8b8e5d2e9 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 1 Apr 2024 10:35:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=BF=87=E6=BB=A4=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E6=95=B0=E5=80=BC=E4=B8=8B=E6=8B=89=E7=BB=84=E4=BB=B6=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E6=A0=B7=E5=BC=8F=E4=B8=BA=E5=B9=B3=E9=93=BA=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BAtab=E7=BB=84=E4=BB=B6=E5=88=87=E6=8D=A2=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/widget/deWidget/DeRadio.vue    | 24 +++++++++++--------
 .../components/widget/deWidget/DeSelect.vue   |  2 +-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/core/frontend/src/components/widget/deWidget/DeRadio.vue b/core/frontend/src/components/widget/deWidget/DeRadio.vue
index 3135d48509..c75182eff8 100644
--- a/core/frontend/src/components/widget/deWidget/DeRadio.vue
+++ b/core/frontend/src/components/widget/deWidget/DeRadio.vue
@@ -1,5 +1,9 @@
 <template>
-  <el-radio-group  @change="visualChange" v-model="selectValue">
+  <el-radio-group
+    style="height: 40px; line-height: 40px"
+    @change="visualChange"
+    v-model="selectValue"
+  >
     <template v-for="item in options">
       <el-radio
         :key="item.id + 'radio'"
@@ -7,7 +11,7 @@
         :value="item.id"
         v-if="radioStyle.showStyle === 'single'"
         :disabled="itemDisabled"
-        />
+      />
       <el-radio-button
         v-else
         :disabled="itemDisabled"
@@ -91,7 +95,7 @@ export default {
     },
     radioStyle: {
       handler() {
-        this.setPlaceholderColor()
+        this.setPlaceholderColor();
       },
       deep: true,
     },
@@ -104,20 +108,20 @@ export default {
     });
   },
   beforeDestroy() {
-    let styleEle = document.querySelector(`#radio-style${this.id}`)
+    let styleEle = document.querySelector(`#radio-style${this.id}`);
     if (styleEle) {
-      styleEle. parentElement.removeChild(styleEle)
+      styleEle.parentElement.removeChild(styleEle);
     }
   },
   methods: {
     setPlaceholderColor() {
-      let styleEle = document.querySelector(`#radio-style${this.id}`)
+      let styleEle = document.querySelector(`#radio-style${this.id}`);
       if (!styleEle) {
-        styleEle = document.createElement('style')
-        styleEle.id = `radio-style${this.id}`
-        document.querySelector('head').appendChild(styleEle)
+        styleEle = document.createElement("style");
+        styleEle.id = `radio-style${this.id}`;
+        document.querySelector("head").appendChild(styleEle);
       }
-      styleEle.innerHTML = `#component${this.id} {\n  color: transparent !important; \n border-color:transparent !important; \n background-color: transparent !important; \n  } #component${this.id} .el-radio-button:not(.is-active) .el-radio-button__inner {\n  color: ${this.radioStyle.wordColor}; \n border-color: ${this.radioStyle.brColor}; \n background-color: ${this.radioStyle.innerBgColor}; \n  } #component${this.id} .el-radio:not(.is-check) .el-radio__label {\n  color: ${this.radioStyle.wordColor}; \n }`
+      styleEle.innerHTML = `#component${this.id} {\n  background-color: transparent !important; \n  } #component${this.id} .el-radio-button:not(.is-active) .el-radio-button__inner {\n  color: ${this.radioStyle.wordColor}; \n border-color: ${this.radioStyle.brColor}; \n background-color: ${this.radioStyle.innerBgColor}; \n  } #component${this.id} .el-radio:not(.is-check) .el-radio__label {\n  color: ${this.radioStyle.wordColor}; \n }`;
     },
     resetList(arrays) {
       if (Array.isArray(arrays)) {
diff --git a/core/frontend/src/components/widget/deWidget/DeSelect.vue b/core/frontend/src/components/widget/deWidget/DeSelect.vue
index 213bfaf64e..6716c10cf5 100644
--- a/core/frontend/src/components/widget/deWidget/DeSelect.vue
+++ b/core/frontend/src/components/widget/deWidget/DeSelect.vue
@@ -108,7 +108,7 @@ export default {
   computed: {
     mode() {
       let result = 'el-select'
-      if (this.element.style.showMode && this.element.style.showMode === 'radio' && !this.element.options.attrs.multiple && !this.isConfig) {
+      if (this.element.style.showMode && this.element.style.showMode === 'radio' && !this.element.options.attrs.multiple && !this.isConfig && this.element.options.attrs.required) {
         return 'DeRadio'
       }
       if (this.element.options && this.element.options.attrs && this.element.options.attrs.visual) {