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

import {
  WidgetService
} from '../service/WidgetService'

const leftPanel = {
  icon: 'iconfont icon-riqi',
  label: 'dedaterange.label',
  defaultClass: 'time-filter'
}

const dialogPanel = {
  options: {
    attrs: {
      type: 'daterange',
      rangeSeparator: 'dedaterange.split_placeholder',
      startPlaceholder: 'dedaterange.from_placeholder',
      endPlaceholder: 'dedaterange.to_placeholder',
      viewIds: [],
      fieldId: '',
      dragItems: [],
      default: {
        isDynamic: false,
        dkey: 0,
        sDynamicPrefix: 1,
        sDynamicInfill: 'day',
        sDynamicSuffix: 'before',
        eDynamicPrefix: 1,
        eDynamicInfill: 'day',
        eDynamicSuffix: 'after'
      }
    },
    value: '',
    manualModify: false
  },
  defaultClass: 'time-filter',
  component: 'de-date'
}
const drawPanel = {
  type: 'custom',
  style: {
    width: 300,
    // height: 47,
    height: 90,
    fontSize: 14,
    fontWeight: 500,
    lineHeight: '',
    letterSpacing: 0,
    textAlign: '',
    color: ''
  },
  component: 'de-date'
}

class TimeDateRangeServiceImpl extends WidgetService {
  constructor(options = {}) {
    Object.assign(options, {
      name: 'timeDateRangeWidget'
    })
    super(options)
    this.filterDialog = true
    this.showSwitch = false
  }

  initLeftPanel() {
    const value = JSON.parse(JSON.stringify(leftPanel))
    return value
    // console.log('this is first initWidget')
  }

  initFilterDialog() {
    const value = JSON.parse(JSON.stringify(dialogPanel))
    return value
  }

  initDrawPanel() {
    const value = JSON.parse(JSON.stringify(drawPanel))
    return value
  }
  filterFieldMethod(fields) {
    return fields.filter(field => {
      return field['deType'] === 1
    })
  }
  defaultSetting() {
    return dialogPanel.options.attrs.default
  }
  getStartDayOfWeek() {
    var now = new Date() // 当前日期
    var nowDayOfWeek = now.getDay()
    var nowDay = now.getDate() // 当前日
    var nowMonth = now.getMonth() // 当前月
    var day = nowDayOfWeek || 7
    return new Date(now.getFullYear(), nowMonth, nowDay + 1 - day)
  }
  getEndDayOfWeek() {
    var now = new Date() // 当前日期
    var nowDayOfWeek = now.getDay()
    var nowDay = now.getDate() // 当前日
    var nowMonth = now.getMonth() // 当前月
    var day = nowDayOfWeek || 7
    return new Date(now.getFullYear(), nowMonth, nowDay + 7 - day)
  }
  getStartDayOfMonth() {
    var now = new Date()
    var nowMonth = now.getMonth() // 当前月
    var monthStartDate = new Date(now.getFullYear(), nowMonth, 1)
    return monthStartDate
  }
  getEndDayOfMonth() {
    var now = new Date()
    var nowMonth = now.getMonth() // 当前月
    var monthEndDate = new Date(now.getFullYear(), nowMonth, this.getMonthDays())
    return monthEndDate
  }
  getStartQuarter() {
    var now = new Date()
    var nowMonth = now.getMonth()
    const startMonth = Math.floor((nowMonth / 3)) * 3
    return new Date(now.getFullYear(), startMonth, 1)
  }
  getEndQuarter() {
    var now = new Date()
    var nowMonth = now.getMonth()
    const endMonth = Math.floor((nowMonth / 3)) * 3 + (nowMonth % 3)
    const days = (endMonth === 5 || endMonth === 8) ? 30 : 31
    return new Date(now.getFullYear(), endMonth, days)
  }
  getStartYear() {
    var now = new Date()
    return new Date(now.getFullYear(), 0, 1)
  }
  getEndYear() {
    var now = new Date()
    return new Date(now.getFullYear(), 11, 31)
  }
  /**
   * 获得本月天数
   *
   * @returns
   */
  getMonthDays() {
    var now = new Date()
    var nowMonth = now.getMonth() // 当前月
    var monthStartDate = new Date(now.getFullYear(), nowMonth, 1)
    var monthEndDate = new Date(now.getFullYear(), nowMonth + 1, 1)
    var days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24)
    return days
  }
  customTime(dynamicPrefix, dynamicInfill, dynamicSuffix) {
    if (dynamicInfill === 'day') {
      const oneday = 24 * 3600 * 1000
      const step = oneday * dynamicPrefix
      return dynamicSuffix === 'before' ? (Date.now() - step) : (Date.now() + step)
    }
    if (dynamicInfill === 'week') {
      const oneday = 24 * 3600 * 1000
      const step = oneday * dynamicPrefix * 7
      return dynamicSuffix === 'before' ? (Date.now() - step) : (Date.now() + step)
    }
    if (dynamicInfill === 'month') {
      const now = new Date()
      const nowMonth = now.getMonth()
      const nowYear = now.getFullYear()
      const nowDate = now.getDate()

      if (dynamicSuffix === 'before') {
        return new Date(nowYear, nowMonth - dynamicPrefix, nowDate).getTime()
      } else {
        return new Date(nowYear, nowMonth + dynamicPrefix, nowDate).getTime()
      }
    }
    if (dynamicInfill === 'year') {
      const now = new Date()
      const nowMonth = now.getMonth()
      const nowYear = now.getFullYear()
      const nowDate = now.getDate()

      return new Date(dynamicSuffix === 'before' ? (nowYear - dynamicPrefix) : (nowYear + dynamicPrefix), nowMonth, nowDate).getTime()
    }
  }
  dynamicDateFormNow(element) {
    if (element.options.attrs.default === null || typeof element.options.attrs.default === 'undefined' || !element.options.attrs.default.isDynamic) return null

    if (element.options.attrs.default.dkey === 0) {
      // 本周
      return [this.getStartDayOfWeek().getTime(), this.getEndDayOfWeek().getTime()]
    }

    if (element.options.attrs.default.dkey === 1) {
      return [this.getStartDayOfMonth().getTime(), this.getEndDayOfMonth().getTime()]
    }

    if (element.options.attrs.default.dkey === 2) {
      return [this.getStartQuarter().getTime(), this.getEndQuarter().getTime()]
    }
    if (element.options.attrs.default.dkey === 3) {
      return [this.getStartYear().getTime(), this.getEndYear().getTime()]
    }

    if (element.options.attrs.default.dkey === 4) {
      const sDynamicPrefix = parseInt(element.options.attrs.default.sDynamicPrefix)
      const sDynamicInfill = element.options.attrs.default.sDynamicInfill
      const sDynamicSuffix = element.options.attrs.default.sDynamicSuffix

      const eDynamicPrefix = parseInt(element.options.attrs.default.eDynamicPrefix)
      const eDynamicInfill = element.options.attrs.default.eDynamicInfill
      const eDynamicSuffix = element.options.attrs.default.eDynamicSuffix
      const startTime = this.customTime(sDynamicPrefix, sDynamicInfill, sDynamicSuffix)
      const endTime = this.customTime(eDynamicPrefix, eDynamicInfill, eDynamicSuffix)
      return [startTime, endTime]
    }
  }
  validDynamicValue(element) {
    if (!element.options.attrs.default.isDynamic) return true
    if (element.options.attrs.default.dkey !== 4) return true
    try {
      const arr = this.dynamicDateFormNow(element)
      return arr[0] < arr[1]
    } catch (error) {
      return false
    }
  }
}
const timeDateRangeServiceImpl = new TimeDateRangeServiceImpl()
export default timeDateRangeServiceImpl