refractor：重构报表配置表单配置项

@@ -6,31 +6,20 @@ import { copyTransFun } from '/@/utils/fnUtils';
 import { screenLinkPageByDeptIdGetDevice } from '/@/api/ruleengine/ruleengineApi';
 import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
 import { findDictItemByCode } from '/@/api/system/dict';
-
-export enum TypeEnum {
-  IS_TIMING = 'TIMING',
-  IS_WEEK = 'week',
-  IS_MONTH = 'month',
-}
-export const isTiming = (type: string) => {
-  return type === TypeEnum.IS_TIMING;
-};
-export const isWeek = (type: string) => {
-  return type === TypeEnum.IS_WEEK;
-};
-
-export const isMonth = (type: string) => {
-  return type === TypeEnum.IS_MONTH;
-};
-
-export enum AggregateDataEnum {
-  MIN = 'MIN',
-  MAX = 'MAX',
-  AVG = 'AVG',
-  SUM = 'SUM',
-  COUNT = 'COUNT',
-  NONE = 'NONE',
-}
+import {
+  optionsConfig,
+  isTiming,
+  isWeek,
+  isMonth,
+  isEmpty,
+  isDefultWeek,
+  isMin,
+  isMax,
+  isAvg,
+  isSum,
+  isCountAll,
+  AggregateDataEnum,
+} from './timeConfig';
 
 // 表格配置
 export const columns: BasicColumn[] = [
@@ -366,7 +355,7 @@ export const formSchema: QFormSchema[] = [
     colProps: { span: 24 },
   },
   {
-    field: '10',
+    field: 'condition',
     label: '聚合条件',
     required: true,
     component: 'Select',
@@ -389,56 +378,229 @@ export const formSchema: QFormSchema[] = [
           label: '最小值',
           value: AggregateDataEnum.MIN,
         },
+        {
+          label: '计数',
+          value: AggregateDataEnum.COUNTALL,
+        },
+        {
+          label: '空',
+          value: AggregateDataEnum.EMPTY,
+        },
       ],
     },
     colProps: { span: 24 },
   },
   {
-    field: '91112',
+    field: 'maxNumber',
+    component: 'InputNumber',
+    label: '最大值',
+    required: true,
+    defaultValue: 200,
+    colProps: { span: 22 },
+    componentProps: {
+      min: 7,
+      max: 50000,
+    },
+    ifShow: ({ values }) => isEmpty(values.condition),
+  },
+  {
+    field: 'defaultWeek',
+    component: 'ApiRadioGroup',
     label: '查询周期',
     required: true,
-    component: 'Select',
+    colProps: {
+      span: 24,
+    },
+    defaultValue: '2',
     componentProps: {
       placeholder: '请选择查询周期',
       options: [
-        { label: '1秒', value: '1000' },
-        { label: '5秒', value: '5000' },
-        { label: '10秒', value: '10000' },
-        { label: '15秒', value: '15000' },
-        { label: '30秒', value: '30000' },
-        { label: '1分', value: '60000' },
-        { label: '2分', value: '120000' },
-        { label: '5分', value: '300000' },
-        { label: '10分', value: '600000' },
-        { label: '15分', value: '900000' },
-        { label: '30分', value: '1800000' },
-        { label: '1小时', value: '3600000' },
-        { label: '2小时', value: '7200000' },
-        { label: '5小时', value: '18000000' },
-        { label: '10小时', value: '36000000' },
-        { label: '12小时', value: '43200000' },
-        { label: '1天', value: '86400000' },
-        { label: '7天', value: '604800000' },
-        { label: '30天', value: '2592000000' },
+        {
+          label: '自定义周期',
+          value: 'defaultIsWeek',
+        },
+        {
+          label: '固定周期',
+          value: '2',
+        },
       ],
     },
+  },
+  {
+    field: '3ddsadds',
+    label: '时间段',
+    required: true,
+    component: 'RangePicker',
+    componentProps: {
+      showTime: {
+        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')],
+      },
+      placeholder: '请选择时间段',
+    },
+    colProps: { span: 6 },
+    ifShow: ({ values }) => isDefultWeek(values.defaultWeek),
+  },
+  {
+    field: '91112',
+    label: '时间周期',
+    required: true,
+    component: 'ApiSelect',
+    defaultValue: '1000',
+    componentProps: ({ formActionType }) => {
+      const { updateSchema } = formActionType;
+      return {
+        api: async () => {
+          const data: any = await findDictItemByCode({ dictCode: 'query_week' });
+          const option = data.map((item) => {
+            return {
+              label: item.itemText,
+              value: item.itemValue,
+            };
+          });
+          return option;
+        },
+        async onChange(e) {
+          if (Number(e) <= 30000) {
+            //30秒以内 ->  1秒
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(0, 1),
+              },
+            });
+          } else if (Number(e) == 60000) {
+            //1分钟以内 ->  1秒 5秒
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(0, 2),
+              },
+            });
+          } else if (Number(e) == 120000) {
+            //2分钟以内 ->  1秒 5秒 10 15
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(0, 4),
+              },
+            });
+          } else if (Number(e) == 300000) {
+            //5分钟以内 ->  1秒 5秒 10 15 30
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(0, 5),
+              },
+            });
+          } else if (Number(e) == 600000) {
+            //10分钟以内 ->   5秒 10 15 30 1分钟
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(1, 2).concat(optionsConfig.slice(2, 6)),
+              },
+            });
+          } else if (Number(e) == 900000 || Number(e) == 1800000) {
+            //15 30 分钟以内 ->   5秒 10 15 30 1分钟 2分钟
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(1, 2).concat(optionsConfig.slice(2, 7)),
+              },
+            });
+          } else if (Number(e) == 3600000) {
+            //1小时以内 ->  10秒 15 30 1分钟 2分钟 5分钟
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(2, 8),
+              },
+            });
+          } else if (Number(e) == 7200000) {
+            //2小时以内 ->  15秒  30 1分钟 2分钟 5分钟 10 15
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(3, 10),
+              },
+            });
+          } else if (Number(e) == 18000000) {
+            //5小时以内 ->  1分钟 2分钟 5分钟 10 15 30
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(5, 11),
+              },
+            });
+          } else if (Number(e) == 36000000 || Number(e) == 43200000) {
+            //10 12小时以内 -> 2分钟 5分钟 10 15 30 1小时
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(6, 12),
+              },
+            });
+          } else if (Number(e) == 86400000) {
+            //1天以内 ->  5分钟 10 15 30 1小时 2
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(7, 13),
+              },
+            });
+          } else if (Number(e) == 604800000) {
+            //7天以内 ->  30分钟 1小时 2 5 10 12 1天
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(10, 17),
+              },
+            });
+          } else if (Number(e) == 2592000000) {
+            //30天以内 -> 2小时 5 10 12 1天
+            updateSchema({
+              field: '102121',
+              componentProps: {
+                options: optionsConfig.slice(12, 17),
+              },
+            });
+          }
+        },
+        maxLength: 250,
+        placeholder: '请选择查询周期',
+      };
+    },
     colProps: { span: 24 },
+    ifShow: ({ values }) =>
+      (!isEmpty(values.condition) && !isDefultWeek(values.defaultWeek)) ||
+      isMin(values.condition) ||
+      isMax(values.condition) ||
+      isAvg(values.condition) ||
+      isSum(values.condition) ||
+      isCountAll(values.condition),
   },
   {
     field: '102121',
     label: '间隔时间',
     required: true,
     component: 'Select',
+    colProps: { span: 24 },
+    defaultValue: '1000',
     componentProps: {
       placeholder: '请选择间隔时间',
       options: [
-        { label: '2小时', value: '7200000' },
-        { label: '5小时', value: '18000000' },
-        { label: '10小时', value: '36000000' },
-        { label: '12小时', value: '43200000' },
-        { label: '1天', value: '86400000' },
+        {
+          label: '1秒',
+          value: '1000',
+        },
       ],
     },
-    colProps: { span: 24 },
+    ifShow: ({ values }) =>
+      (!isEmpty(values.condition) && !isDefultWeek(values.defaultWeek)) ||
+      isMin(values.condition) ||
+      isMax(values.condition) ||
+      isAvg(values.condition) ||
+      isSum(values.condition) ||
+      isCountAll(values.condition),
   },
 ];

+interface IOptionConfig {
+  label: string;
+  value: string;
+}
+
+export const optionsConfig: IOptionConfig[] = [
+  {
+    label: '1秒',
+    value: '1000',
+  },
+  {
+    label: '5秒',
+    value: '5000',
+  },
+  {
+    label: '10秒',
+    value: '10000',
+  },
+  {
+    label: '15秒',
+    value: '15000',
+  },
+  {
+    label: '30秒',
+    value: '30000',
+  },
+  {
+    label: '1分钟',
+    value: '60000',
+  },
+  {
+    label: '2分钟',
+    value: '120000',
+  },
+  {
+    label: '5分钟',
+    value: '300000',
+  },
+  {
+    label: '10分钟',
+    value: '600000',
+  },
+  {
+    label: '15分钟',
+    value: '900000',
+  },
+  {
+    label: '30分钟',
+    value: '1800000',
+  },
+  {
+    label: '1小时',
+    value: '3600000',
+  },
+  {
+    label: '2小时',
+    value: '7200000',
+  },
+  {
+    label: '5小时',
+    value: '18000000',
+  },
+  {
+    label: '10小时',
+    value: '36000000',
+  },
+  {
+    label: '12小时',
+    value: '43200000',
+  },
+  {
+    label: '1天',
+    value: '86400000',
+  },
+];
+
+export enum TypeEnum {
+  IS_TIMING = 'TIMING',
+  IS_WEEK = 'week',
+  IS_MONTH = 'month',
+  IS_EMPTY = 'EMPTY',
+  IS_DEFAULT_WEEK = 'defaultIsWeek',
+  IS_MIN = 'MIN',
+  IS_MAX = 'MAX',
+  IS_AVG = 'AVG',
+  IS_SUM = 'SUM',
+  COUNTALL = 'COUNTALL',
+}
+
+export enum AggregateDataEnum {
+  MIN = 'MIN',
+  MAX = 'MAX',
+  AVG = 'AVG',
+  SUM = 'SUM',
+  COUNTALL = 'COUNTALL',
+  EMPTY = 'EMPTY',
+}
+
+export const isTiming = (type: string) => {
+  return type === TypeEnum.IS_TIMING;
+};
+
+export const isWeek = (type: string) => {
+  return type === TypeEnum.IS_WEEK;
+};
+
+export const isMonth = (type: string) => {
+  return type === TypeEnum.IS_MONTH;
+};
+
+export const isEmpty = (type: string) => {
+  return type === TypeEnum.IS_EMPTY;
+};
+
+export const isDefultWeek = (type: string) => {
+  return type === TypeEnum.IS_DEFAULT_WEEK;
+};
+
+export const isMin = (type: string) => {
+  return type === TypeEnum.IS_MIN;
+};
+
+export const isMax = (type: string) => {
+  return type === TypeEnum.IS_MAX;
+};
+
+export const isAvg = (type: string) => {
+  return type === TypeEnum.IS_AVG;
+};
+export const isSum = (type: string) => {
+  return type === TypeEnum.IS_SUM;
+};
+
+export const isCountAll = (type: string) => {
+  return type === TypeEnum.COUNTALL;
+};