fix: 过滤组件删除默认选项后保存无效

fit2cloud-chenyw · fit2cloud-chenyw · commit e7774cb24143 · 2022-06-27T14:16:58.000+08:00
diff --git a/frontend/src/components/widget/DeWidget/DeDate.vue b/frontend/src/components/widget/DeWidget/DeDate.vue
@@ -130,6 +130,9 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
   methods: {
     onBlur() {
       this.onFocus = false
diff --git a/frontend/src/components/widget/DeWidget/DeInputSearch.vue b/frontend/src/components/widget/DeWidget/DeInputSearch.vue
@@ -2,12 +2,12 @@
 
   <el-input
     v-if="element.options!== null && element.options.attrs!==null"
+    ref="de-input-search"
     v-model="value"
     resize="vertical"
     :placeholder="$t(element.options.attrs.placeholder)"
     :size="size"
     class="de-range-tag"
-    ref="de-input-search"
     @input="valueChange"
     @keypress.enter.native="search"
     @dblclick="setEdit"
@@ -78,6 +78,9 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
   methods: {
     search() {
       if (!this.inDraw) {
diff --git a/frontend/src/components/widget/DeWidget/DeNumberRange.vue b/frontend/src/components/widget/DeWidget/DeNumberRange.vue
@@ -3,11 +3,11 @@
   <el-form v-if="element.options!== null && element.options.attrs!==null" ref="form" :model="form" :rules="rules">
     <div class="de-number-range-container">
       <el-form-item prop="min">
-        <el-input ref='de-number-range-min' v-model="form.min" :placeholder="$t(element.options.attrs.placeholder_min)" :size="size" @input="inputChange" @change="handleMinChange" />
+        <el-input ref="de-number-range-min" v-model="form.min" :placeholder="$t(element.options.attrs.placeholder_min)" :size="size" @input="inputChange" @change="handleMinChange" />
       </el-form-item>
       <span>{{ $t('denumberrange.split_placeholder') }}</span>
       <el-form-item prop="max">
-        <el-input ref='de-number-range-max' v-model="form.max" :placeholder="$t(element.options.attrs.placeholder_max)" :size="size" @input="inputChange" @change="handleMaxChange" />
+        <el-input ref="de-number-range-max" v-model="form.max" :placeholder="$t(element.options.attrs.placeholder_max)" :size="size" @input="inputChange" @change="handleMaxChange" />
       </el-form-item>
     </div>
   </el-form>
@@ -115,6 +115,9 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
   methods: {
     searchWithKey(index) {
       this.timeMachine = setTimeout(() => {
diff --git a/frontend/src/components/widget/DeWidget/DeSelect.vue b/frontend/src/components/widget/DeWidget/DeSelect.vue
@@ -37,7 +37,7 @@ import { multFieldValues, linkMultFieldValues } from '@/api/dataset/dataset'
 import bus from '@/utils/bus'
 import { getLinkToken, getToken } from '@/utils/auth'
 import customInput from '@/components/widget/DeWidget/customInput'
-import {  textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
+import { textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
 
 export default {
   components: { ElVisualSelect },
@@ -182,14 +182,17 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
 
   methods: {
     onBlur() {
       this.onFocus = false
     },
     handleElTagStyle() {
       setTimeout(() => {
-        textSelectWidget(this.$refs["deSelect"].$el, this.element.style)
+        textSelectWidget(this.$refs['deSelect'].$el, this.element.style)
       }, 50)
     },
     initLoad() {
@@ -240,12 +243,12 @@ export default {
     },
 
     setCondition() {
-      console.log(this.element)
       const param = {
         component: this.element,
         value: this.formatFilterValue(),
         operator: this.operator
       }
+      console.log(param.value)
       this.inDraw && this.$store.commit('addViewFilter', param)
     },
     formatFilterValue() {
diff --git a/frontend/src/components/widget/DeWidget/DeSelectGrid.vue b/frontend/src/components/widget/DeWidget/DeSelectGrid.vue
@@ -211,6 +211,9 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
 
   methods: {
     changeInputStyle() {
diff --git a/frontend/src/components/widget/DeWidget/DeSelectTree.vue b/frontend/src/components/widget/DeWidget/DeSelectTree.vue
@@ -27,7 +27,7 @@ import bus from '@/utils/bus'
 import { getLinkToken, getToken } from '@/utils/auth'
 import ElTreeSelect from '@/components/ElTreeSelect'
 import customInput from '@/components/widget/DeWidget/customInput'
-import {  textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
+import { textSelectWidget } from '@/components/widget/DeWidget/serviceNameFn.js'
 
 export default {
   components: { ElTreeSelect },
@@ -212,6 +212,9 @@ export default {
       }
     })
   },
+  beforeDestroy() {
+    bus.$off('reset-default-value')
+  },
 
   methods: {
     onFoucs() {
@@ -221,7 +224,7 @@ export default {
     },
     change() {
       setTimeout(() => {
-        console.log(123, this.$refs.deSelectTree.$refs.select.$el);
+        console.log(123, this.$refs.deSelectTree.$refs.select.$el)
         textSelectWidget(this.$refs.deSelectTree.$refs.select.$el, this.element.style)
       }, 50)
     },

Original file line number	Diff line number	Diff line change
`@@ -211,6 +211,9 @@ export default {`
`211`	`211`	`}`
`212`	`212`	`})`
`213`	`213`	`},`
	`214`	`+ beforeDestroy() {`
	`215`	`+ bus.$off('reset-default-value')`
	`216`	`+ },`
`214`	`217`
`215`	`218`	`methods: {`
`216`	`219`	`changeInputStyle() {`