mky-vent-base/src/views/vent/comment/history/history.data.ts

import dayjs from 'dayjs';
import { FormSchema } from '/@/components/Table';
import { getAutoScrollContainer } from '/@/utils/common/compUtils';
import { get } from 'lodash-es';

/**
 * 默认的查询表单项props
 *
 * @param dictOptions 用于初始化子设备下拉框
 * @param deviceOptions 用于初始化设备下拉框
 * @returns
 */
export const getDefaultSchemas: (dictOptions: any[], deviceOptions: any[], onDeviceChange?: Function) => FormSchema[] = (
  dictOptions: any[],
  deviceOptions: any[],
  onDeviceChange?: Function
) => {
  const device = get(deviceOptions, '[0].value', '');
  const dictcode = get(dictOptions, '[0].value', '');
  const isRedis = get(deviceOptions, '[0].stationtype', 'redis') === 'redis';
  return [
    {
      field: 'ttime_begin',
      label: '开始时间',
      component: 'DatePicker',
      defaultValue: dayjs().startOf('date'),
      required: true,
      componentProps: {
        showTime: true,
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        getPopupContainer: getAutoScrollContainer,
      },
      colProps: {
        span: 4,
      },
    },
    {
      field: 'ttime_end',
      label: '结束时间',
      component: 'DatePicker',
      defaultValue: dayjs(),
      required: true,
      componentProps: {
        showTime: true,
        valueFormat: 'YYYY-MM-DD HH:mm:ss',
        getPopupContainer: getAutoScrollContainer,
      },
      colProps: {
        span: 4,
      },
    },
    {
      label: '查询设备',
      field: 'gdeviceids',
      component: 'Select',
      required: true,
      defaultValue: VENT_PARAM.historyIsMultiple ? [device] : device,
      componentProps: {
        options: deviceOptions,
        mode: VENT_PARAM.historyIsMultiple ? 'multiple' : undefined,
        maxTagCount: 'responsive',
        onChange: onDeviceChange,
      },
      colProps: {
        span: 6,
      },
    },
    {
      label: '子设备',
      field: 'deviceNum',
      component: 'Select',
      required: isRedis ? false : Boolean(dictOptions.length),
      show: isRedis ? false : Boolean(dictOptions.length),
      defaultValue: isRedis ? '' : dictcode,
      componentProps: {
        options: dictOptions,
        // onChange: (e, option) => {
        //   nextTick(async () => {
        //     await getDataSource();
        //   });
        // },
      },
      colProps: {
        span: 3,
      },
    },
    // {
    //   label: '子设备',
    //   field: 'deviceNum',
    //   // component: 'JDictSelectTag',
    //   // show: Boolean(dictCode),
    //   componentProps: {
    //     dictCode,
    //     showChooseOption: false,
    //     placeholder: '请选择',
    //   },
    //   colProps: {
    //     span: 4,
    //   },
    // },
    {
      label: '间隔时间',
      field: 'skip',
      component: 'Select',
      defaultValue: '8',
      componentProps: {
        options: [
          {
            label: '1秒',
            value: '1',
          },
          {
            label: '5秒',
            value: '2',
          },
          {
            label: '10秒',
            value: '3',
          },
          {
            label: '30秒',
            value: '4',
          },
          {
            label: '1分钟',
            value: '5',
          },
          {
            label: '10分钟',
            value: '6',
          },
          {
            label: '30分钟',
            value: '7',
          },
          {
            label: '1小时',
            value: '8',
          },
        ],
      },
      colProps: {
        span: 3,
      },
    },
  ];
};