From f47609fce56b6c62bc00140a5e5ccd2b20a0a408 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 28 Dec 2021 16:35:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?refactor:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E7=AD=89=E5=BE=85=E5=8C=BA=E5=9F=9F=E6=8E=92?=
 =?UTF-8?q?=E5=88=97=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/panel/edit/ComponentWait.vue     | 13 +++++++++----
 frontend/src/views/panel/edit/ComponentWaitItem.vue |  4 +---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/panel/edit/ComponentWait.vue b/frontend/src/views/panel/edit/ComponentWait.vue
index 9dd2301140..adc4f2c09b 100644
--- a/frontend/src/views/panel/edit/ComponentWait.vue
+++ b/frontend/src/views/panel/edit/ComponentWait.vue
@@ -4,13 +4,18 @@
       {{ $t('panel.component_hidden') }}
     </el-row>
     <el-row class="component-wait-main">
-      <component-wait-item
+      <el-col
+        :span="8"
         v-for="(config, index) in pcComponentData"
         v-if="!config.mobileSelected"
         :id="'wait' + config.id"
         :key="index"
-        :config="config"
-      />
+      >
+        <component-wait-item
+          :config="config"
+        />
+      </el-col>
+
     </el-row>
 
   </el-row>
@@ -81,7 +86,7 @@ export default {
   .component-wait-main {
     width: 100%;
     height: calc(100% - 30px);
-    text-align: left;
+    float: left;
     overflow-y: auto;
   }
   .component-custom {
diff --git a/frontend/src/views/panel/edit/ComponentWaitItem.vue b/frontend/src/views/panel/edit/ComponentWaitItem.vue
index 0b7181a53e..24014a5324 100644
--- a/frontend/src/views/panel/edit/ComponentWaitItem.vue
+++ b/frontend/src/views/panel/edit/ComponentWaitItem.vue
@@ -69,9 +69,7 @@ export default {
     },
     componentItemStyle() {
       return {
-        padding: '5px',
-        float: 'left',
-        width: '33%'
+        padding: '5px'
       }
     },
     ...mapState([

From 7ebb9b3be4aad9cf3c6f3da0005395dc057b9313 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 28 Dec 2021 17:00:34 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=B8=8B=E6=8B=89=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E9=80=89=E6=A1=86=E4=B8=8D=E8=83=BD=E5=8F=96=E6=B6=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/widget/DeWidget/DeSelectGrid.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
index 6d7b520c7b..b2d842e3b7 100644
--- a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
@@ -23,7 +23,9 @@
 
       <div v-else class="radio-group-container">
         <el-radio-group v-model="value" @change="changeRadioBox">
-          <el-radio v-for="(item, index) in datas" :key="index" :label="item.id">{{ item.id }}</el-radio>
+          <el-radio v-for="(item, index) in datas" :key="index" :label="item.id" @click.native.prevent="testChange(item)">
+            <span>{{ item.id }}</span>
+          </el-radio>
         </el-radio-group>
       </div>
 
@@ -209,6 +211,10 @@ export default {
       this.checkAll = checkedCount === this.datas.length
       this.isIndeterminate = checkedCount > 0 && checkedCount < this.datas.length
       this.changeValue(values)
+    },
+    testChange(item) {
+      this.value = this.value === item.id ? null : item.id
+      this.changeRadioBox(this.value)
     }
 
   }