From fb53686109639251d295f83a039388555153b7a0 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Mon, 19 Apr 2021 15:53:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=8B=E6=8B=89=E6=A1=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/widget/DeWidget/DeSelect.vue     | 13 +++++++++----
 .../widget/drawServiceImpl/MySelectImpl.js          |  4 ++--
 frontend/src/views/panel/filter/filterDialog.vue    |  2 +-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
index e889d8884b..bbdea8ec26 100644
--- a/frontend/src/components/widget/DeWidget/DeSelect.vue
+++ b/frontend/src/components/widget/DeWidget/DeSelect.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <el-select v-if="options!== null && options.attrs!==null" v-model="options.value" :multiple="options.attrs.multiple" :style="element.style" :placeholder="options.attrs.placeholder" @change="changeValue">
+  <el-select v-if="options!== null && options.attrs!==null" v-model="values" :multiple="options.attrs.multiple" :placeholder="options.attrs.placeholder" @change="changeValue">
     <el-option
       v-for="item in options.attrs.datas"
       :key="item[options.attrs.key]"
@@ -28,12 +28,17 @@ export default {
   data() {
     return {
       options: null,
-      operator: 'eq'
+      operator: 'eq',
+      values: null
     }
   },
   watch: {
-    'element.style': function(value) {
-      // console.log(value)
+    'options.attrs.multiple': function(value) {
+      if (value) {
+        this.values = []
+      } else {
+        this.values = null
+      }
     }
   },
 
diff --git a/frontend/src/components/widget/drawServiceImpl/MySelectImpl.js b/frontend/src/components/widget/drawServiceImpl/MySelectImpl.js
index 03ab4b8abe..648a986d48 100644
--- a/frontend/src/components/widget/drawServiceImpl/MySelectImpl.js
+++ b/frontend/src/components/widget/drawServiceImpl/MySelectImpl.js
@@ -27,8 +27,8 @@ const dialogPanel = {
 const drawPanel = {
   type: 'custom',
   style: {
-    width: 200,
-    height: 22,
+    width: 300,
+    height: 35,
     fontSize: 14,
     fontWeight: 500,
     lineHeight: '',
diff --git a/frontend/src/views/panel/filter/filterDialog.vue b/frontend/src/views/panel/filter/filterDialog.vue
index c0d08d34ec..5df916bd4d 100644
--- a/frontend/src/views/panel/filter/filterDialog.vue
+++ b/frontend/src/views/panel/filter/filterDialog.vue
@@ -395,7 +395,7 @@ export default {
 
     multipleChange(value) {
       // this.componentInfo.options.attrs.multiple = value
-      this.componentInfo.options.value = null
+    //   this.componentInfo.options.value = null
       this.$emit('re-fresh-component', this.componentInfo)
     },