feat: 过滤组件样式调整

frontend/src/components/widget/serviceImpl/ButtonSureServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'buttonSureWidget',
-  icon: null,
+  icon: 'iconfont icon-chaxunsousuo',
   label: '确定',
   style: {
     width: 100,
@@ -17,6 +17,7 @@ const defaultOptions = {
     color: '',
     backgroundColor: ''
   },
+  defaultClass: 'time-filter',
   component: 'de-button',
   options: {
     refId: '1234567890',

frontend/src/components/widget/serviceImpl/TextInputServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'textInputWidget',
-  icon: null,
+  icon: 'iconfont icon-shuru',
   label: '文本搜索',
   style: {
     width: 100,
@@ -17,6 +17,7 @@ const defaultOptions = {
     color: '',
     backgroundColor: ''
   },
+  defaultClass: 'text-filter',
   component: 'de-input-search',
   options: {
     refId: '1234567890',
@@ -43,6 +44,16 @@ class TextInputServiceImpl extends WidgetService {
   beforeToDraw() {
 
   }
+  dynamicStype() {
+    return {
+      'background-color': 'rgba(35,190,239,.1)'
+    }
+  }
+//   dynamicIconStype() {
+//     return {
+//       color: '#23beef'
+//     }
+//   }
 }
 const textInputServiceImpl = new TextInputServiceImpl({ name: 'textInputWidget' })
 export default textInputServiceImpl

frontend/src/components/widget/serviceImpl/TextSelectServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'textSelectWidget',
-  icon: null,
+  icon: 'iconfont icon-xialakuang',
   label: '文本下拉',
   style: {
     width: 200,
@@ -43,6 +43,7 @@ const defaultOptions = {
     },
     value: ''
   },
+  defaultClass: 'text-filter',
   component: 'de-select'
 }
 

frontend/src/components/widget/serviceImpl/TimeDateRangeServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'timeDateRangeWidget',
-  icon: null,
+  icon: 'iconfont icon-riqi',
   label: '日期范围',
   style: {
     width: 200,
@@ -23,6 +23,7 @@ const defaultOptions = {
     },
     value: ''
   },
+  defaultClass: 'time-filter',
   component: 'de-date'
 }
 

frontend/src/components/widget/serviceImpl/TimeDateServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'timeDateWidget',
-  icon: null,
+  icon: 'iconfont icon-ri',
   label: '日期',
   style: {
     width: 200,
@@ -21,6 +21,8 @@ const defaultOptions = {
     },
     value: ''
   },
+
+  defaultClass: 'time-filter',
   component: 'de-date'
 }
 

frontend/src/components/widget/serviceImpl/TimeMonthServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'timeMonthWidget',
-  icon: null,
+  icon: 'iconfont icon-yue',
   label: '年月',
   style: {
     width: 200,
@@ -21,6 +21,7 @@ const defaultOptions = {
     },
     value: ''
   },
+  defaultClass: 'time-filter',
   component: 'de-date'
 }
 

frontend/src/components/widget/serviceImpl/TimeQuarterServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'timeQuarterWidget',
-  icon: null,
+  icon: 'iconfont icon-jidu',
   label: '季度',
   style: {
     width: 200,
@@ -21,6 +21,7 @@ const defaultOptions = {
     },
     value: ''
   },
+  defaultClass: 'time-filter',
   component: 'de-quarter'
 }
 

frontend/src/components/widget/serviceImpl/TimeYearServiceImpl.js

@@ -1,7 +1,7 @@
 import { WidgetService } from '../service/WidgetService'
 const defaultOptions = {
   name: 'timeYearWidget',
-  icon: null,
+  icon: 'iconfont icon-nian',
   label: '年份',
   style: {
     width: 200,
@@ -21,6 +21,7 @@ const defaultOptions = {
     },
     value: ''
   },
+  defaultClass: 'time-filter',
   component: 'de-date'
 }