时间筛选器添加“日期类型”选择

Signed-off-by: lma <12835768+lma_lll@user.noreply.gitee.com>

report-ui/src/views/bigscreenDesigner/designer/tools/configure/form/widget-form-time.js

@@ -18,6 +18,18 @@ export const widgetFormTime = {
         placeholder: '',
         value: '时间筛选器',
       },
+      {
+        type: 'el-select',
+        label: '日期类型',
+        name: 'dateType',
+        required: false,
+        placeholder: '',
+        selectOptions: [
+          { code: 'datetimerange', name: '日期时间类型' },
+          { code: 'daterange', name: '日期类型' },
+        ],
+        value: 'datetimerange',
+      },
       {
         type: 'vue-color',
         label: '背景',

report-ui/src/views/bigscreenDesigner/designer/widget/form/widgetFormTime.vue

@@ -8,9 +8,9 @@
   <el-date-picker
     :style="styleObj"
     v-model="timeValue"
-    value-format="yyyy-MM-dd HH:mm:ss"
+    :value-format="valueFormat"
     :picker-options="datetimeRangePickerOptions"
-    type="datetimerange"
+    :type="dateType"
     @[eventChange]="change"
   />
 </template>
@@ -119,6 +119,12 @@ export default {
     eventChange() {
       return "change";
     },
+    dateType() {
+      return this.optionsSetup.dateType || 'datetimerange';
+    },
+    valueFormat() {
+      return this.dateType === 'daterange' ? 'yyyy-MM-dd' : 'yyyy-MM-dd HH:mm:ss';
+    },
     allComponentLinkage() {
       return this.$store.state.designer.allComponentLinkage;
     },
@@ -152,8 +158,8 @@ export default {
   },
 };
 </script>
-<style scoped lang="scss">
- .el-select {
+<style lang="scss" scoped>
+/deep/ .el-select {
   height: 100%;
 
   .el-input {