规则时间解析

guoshilong

2023-10-12 a2fc5017a5451442d6342eb5a20149bf58278c27

规则时间解析

 src/components/task/CreatePlan.vue

@@ -105,38 +105,63 @@
        <a-form-item label="执行日期"
                     v-if="planBody.task_type === TaskType.Repeat || planBody.task_type === TaskType.Continuous"
                     name="time_range" :labelCol="{ span: 23 }">
          <a-range-picker v-model:value="planBody.time_range" format="YYYY-MM-DD" placeholder="请选择日期"/>
          <a-range-picker v-model:value="planBody.time_range" format="YYYY-MM-DD"
                          :placeholder="['开始时间','结束时间']"/>
        </a-form-item>

        <!-- 执行时间 (重复定时)-->
        <a-form-item label="执行时间" v-if="planBody.task_type === TaskType.Repeat" name="execute_time_arr"
                     :labelCol="{ span: 23 }">
          <div class="execute-time-arr-item" v-for="(item,index) in executeTimeRepeatArr" :key="index">
            <a-time-picker v-model:value="item.value" format="HH:mm"/>
        <div v-if="planBody.task_type === TaskType.Repeat">
          <div class="execute-time-arr-item">
          <a-form-item
              v-for="(item, index) in planBody.executeTimeRepeatArr"
              :key="item.index"
              :label="index === 0 ? '执行时间' : ''"
              :name="item.index+'repValue'"
              :labelCol="{ span: 23 }"
              :rules="[{
                required: true,
                trigger: ['change','blur'],
                validator: validateRepeatExecuteTime
              }]"
          >
              <a-time-picker v-model:value="item.value" @change="onRepeatChange(item)" format="HH:mm"/>
            <a-button @click="addTime" type="default" shape="circle" :size="componentOptions.size">
              <template #icon>
                <PlusCircleOutlined/>
              </template>
            </a-button>

            <a-button @click="deleteTime(item)" type="default" shape="circle" :size="componentOptions.size">
              <template #icon>
                <MinusCircleOutlined/>
              </template>
            </a-button>
          </div>
        </a-form-item>
          </div>
        </div>

        <!-- 执行时间 (连续执行)-->
        <a-form-item label="执行时间" v-if="planBody.task_type === TaskType.Continuous" :labelCol="{ span: 23 }">
          <div class="execute-time-arr-continuous-item" v-for="(item,index) in executeTimeContinuousArr" :key="index">
        <div v-if="planBody.task_type === TaskType.Continuous">
          <a-form-item
              v-for="(item, index) in planBody.executeTimeContinuousArr"
              :key="item.index"
              :label="index === 0 ? '执行时间' : ''"
              :name="item.index+'conValue'"
              :labelCol="{ span: 23 }"
              :rules="{
                required: true,
                trigger: ['change', 'blur'],
               validator: validateContinuousExecuteTime
              }"
          >

            <div class="execute-time-arr-continuous-item">
            <div class="time-select">
              <div class="time-item">
                <a-time-picker style="width: 100px;" v-model:value="item.value[0]" format="HH:mm"/>
                  <a-time-picker style="width: 100px;" v-model:value="item.value[0]" @change="onContinuousChange(item)" format="HH:mm"/>
              </div>
              <div style="color: white">-</div>
              <div class="time-item">
                <a-time-picker style="width: 100px;" v-model:value="item.value[1]" format="HH:mm"/>
                  <a-time-picker style="width: 100px;" v-model:value="item.value[1]" @change="onContinuousChange(item)" format="HH:mm"/>
              </div>
            </div>
            <div class="btn-group">
@@ -153,8 +178,9 @@
            </div>
          </div>
        </a-form-item>
        </div>

        <!-- 重复频率-->
        <!-- 任务开始执行的电量-->
        <a-form-item label="任务开始执行的电量" v-if=" planBody.task_type === TaskType.Continuous"
                     name="battery_capacity" :labelCol="{ span: 23 }">
          <a-input style="background: black;" v-model:value="planBody.battery_capacity"/>
@@ -163,6 +189,7 @@
        <!-- 重复频率-->
        <a-form-item label="重复频率"
                     v-if="planBody.task_type === TaskType.Repeat || planBody.task_type === TaskType.Continuous"
                     name="rep_fre_val"
                     :labelCol="{ span: 23 }">
          <div class="rep-fre-item">
            <div>每</div>
@@ -186,7 +213,7 @@
          </a-button>
        </a-form-item>

        <!-- 重复频率-->
        <!-- 重复规则-->
        <a-form-item label="重复规则"
                     v-if="(planBody.task_type === TaskType.Repeat || planBody.task_type === TaskType.Continuous) && planBody.rep_fre_type === FrequencyType.month"
                     :labelCol="{ span: 23 }">
@@ -318,14 +345,35 @@
  rep_fre_val: 1,
  rep_fre_type: 3,
  rep_rule_type: 1,

  executeTimeContinuousArr: [{ index: 1, value: [] }],
  executeTimeRepeatArr: [{ index: 1, value: '' }]
})

const executeTimeRepeatArr = ref([
  { index: 1, value: '' }
])
const executeTimeContinuousArr = ref([
  { index: 1, value: [] }
])
watch(
  planBody.executeTimeRepeatArr,
  (newVal) => {
    if (newVal.length) {
      newVal.forEach(item => {
        planBody[`${item.index}repValue`] = item.value
      })
    }
  },
  { deep: true, immediate: true }
)

watch(
  planBody.executeTimeContinuousArr,
  (newVal) => {
    if (newVal.length) {
      newVal.forEach(item => {
        planBody[`${item.index}conValue`] = item.value
      })
    }
  },
  { deep: true, immediate: true }
)

// 重复规则为按星期时
const repeatRuleValueWeek = ref([1, 1])
// 重复规则为按日期时
@@ -401,19 +449,58 @@
    }
  ],
  out_of_control_action: [{ required: true, message: '请选择航线飞行中失联' }],
  rep_fre_val: [
    {
      validator: async (rule: RuleObject, value: string) => {
        if (!/^[0-9]{1,}$/.test(value)) {
          planBody.rep_fre_val = ''
          throw new Error('重复频率不能为空')
        }
      },
      trigger: ['blur', 'change']
    }
  ]
}

function validateContinuousExecuteTime (rule: RuleObject, value: Moment[]) {
  if (!value[0]) {
    return Promise.reject(new Error('请选择执行时间'))
  } else if (value.length < 2) {
    return Promise.reject(new Error('请选择执行结束时间'))
  } else if (value[1].isBefore(value[0])) {
    return Promise.reject(new Error('执行结束时间不能小于执行开始时间'))
  } else {
    return Promise.resolve()
  }
}

function validateRepeatExecuteTime (rule: RuleObject, value: any) {
  console.log('验证值', rule)
  if (!value) {
    return Promise.reject(new Error('请选择执行时间'))
  }
}

function onRepeatChange (item: any) {
  planBody[`${item.index}repValue`] = item.value
  console.log('表单:', planBody)
}
function onContinuousChange (item: any) {
  planBody[`${item.index}conValue`] = item.value
  console.log('表单:', planBody)
}

// 重复定时添加执行时间
function addTime () {
  if (planBody.task_type === TaskType.Repeat) {
    const index = executeTimeRepeatArr.value[executeTimeRepeatArr.value.length - 1].index
    executeTimeRepeatArr.value.push({
    const index = planBody.executeTimeRepeatArr[planBody.executeTimeRepeatArr.length - 1].index
    planBody.executeTimeRepeatArr.push({
      index: index + 1,
      value: ''
    })
  } else if (planBody.task_type === TaskType.Continuous) {
    const index = executeTimeContinuousArr.value[executeTimeContinuousArr.value.length - 1].index
    executeTimeContinuousArr.value.push({
    const index = planBody.executeTimeContinuousArr[planBody.executeTimeContinuousArr.length - 1].index
    planBody.executeTimeContinuousArr.push({
      index: index + 1,
      value: []
    })
@@ -423,9 +510,9 @@
// 删除执行时间
function deleteTime (item: any) {
  if (planBody.task_type === TaskType.Repeat) {
    executeTimeRepeatArr.value = executeTimeRepeatArr.value.filter(e => e.index !== item.index)
    planBody.executeTimeRepeatArr = planBody.executeTimeRepeatArr.filter(e => e.index !== item.index)
  } else if (planBody.task_type === TaskType.Continuous) {
    executeTimeContinuousArr.value = executeTimeContinuousArr.value.filter(e => e.index !== item.index)
    planBody.executeTimeContinuousArr = planBody.executeTimeContinuousArr.filter(e => e.index !== item.index)
  }
}

@@ -448,7 +535,7 @@
        createPlanBody.task_days = [moment(planBody.time_range[0]).unix(), moment(planBody.time_range[1]).unix()]
        createPlanBody.task_periods = []
        // 执行时间
        executeTimeRepeatArr.value.forEach(item => {
        planBody.executeTimeRepeatArr.forEach(item => {
          console.log(item, '------')

          createPlanBody.task_periods.push([moment(item.value).unix()])
@@ -470,7 +557,7 @@

        break
      case TaskType.Continuous:
        createPlanBody.task_type = 2
        // createPlanBody.task_type = 2
        createPlanBody.task_days = [moment(planBody.time_range[0]).unix(), moment(planBody.time_range[1]).unix()]

        if (planBody.rep_fre_type === FrequencyType.month) {
@@ -487,7 +574,7 @@
        }
        createPlanBody.task_periods = []
        // 执行时间
        executeTimeContinuousArr.value.forEach(item => {
        planBody.executeTimeContinuousArr.forEach(item => {
          createPlanBody.task_periods.push([moment(item.value[0]).unix(), moment(item.value[1]).unix()])
        })

@@ -500,7 +587,7 @@
    }

    // getFlyTimeList(createPlanBody)

    disabled.value = false
    createPlan(workspaceId, createPlanBody)
      .then(res => {
        disabled.value = false

 src/utils/jobTime.ts

New file
@@ -0,0 +1,343 @@
import { CreatePlan } from '/@/api/wayline'
import { FrequencyType, RepeatRuleType, TaskType } from '/@/types/task'
import { dateFormat } from '/@/utils/time'
import moment from 'moment'

/**
 * 根据规则获取起飞时间节点（时间戳）
 * @param creatPlan
 */
export function getFlyTimeList (creatPlan: CreatePlan) {
  console.log('表单', creatPlan)

  const startDate = moment.unix(creatPlan.task_days[0]).toDate()
  const endDate = moment.unix(creatPlan.task_days[1]).toDate()
  console.log('开始时间：', startDate, '结束时间：', endDate)

  let finalDateTimeArr = [] as any
  if (creatPlan.task_type === TaskType.Repeat) {
    // 重复定时

    switch (creatPlan.rep_fre_type) {
      // 月

      case FrequencyType.month: {
        // 先计算这几个月分别是哪个月
        const monthList = getYearMonth(startDate, endDate, creatPlan.rep_fre_val)
        console.log('月：', monthList)

        if (creatPlan.rep_rule_type === RepeatRuleType.day) {
          // 按日期
          // 拼接日期
          const dateList = [] as any

          monthList.forEach(date => {
            creatPlan.rep_rule_val?.forEach(day => {
              if (day < 10) {
                day = '0' + day
              }

              creatPlan.task_periods?.forEach(timearr => {
                const timeStr = moment.unix(timearr[0]).format('HH:mm')
                const str = date + '-' + day + ' ' + timeStr
                const tempDate = new Date(str)
                dateList.push(tempDate)
              })
            })
          })

          console.log('日期时间：', dateList)
          // 过滤掉不在选择日期内的日期
          finalDateTimeArr = dateList.filter(date => {
            // 如果该日期的时间大于结束时间，则过滤掉
            if (date.getTime() > endDate.getTime()) {
              return false
            }

            const tempDate = date.getDate()
            let j = 0
            for (let i = 0; i < creatPlan.rep_rule_val?.length; i++) {
              if (tempDate === creatPlan.rep_rule_val[i]) {
                return true
              } else {
                j++
                // 全都不符合
                if (j === creatPlan.rep_rule_val?.length) {
                  return false
                }
              }
            }

            return false
          })

          // 去重
          finalDateTimeArr = Array.from(new Set(finalDateTimeArr.map(date => dateFormat(date, 'yyyy-MM-dd hh:mm'))))
        } else if (creatPlan.rep_rule_type === RepeatRuleType.week) {
          // 按星期
          monthList.forEach(yearMonth => {
            const tmpDate = new Date(yearMonth)
            const date = getMonthWeek(tmpDate.getFullYear(), tmpDate.getMonth(), creatPlan.rep_rule_val[0], creatPlan.rep_rule_val[1])
            creatPlan.task_periods?.forEach(timearr => {
              const timeStr = moment.unix(timearr[0]).format('HH:mm')
              const dateStr = date + ' ' + timeStr
              finalDateTimeArr.push(dateStr)
            })
          })
        }

        break
      }
      // 周
      case FrequencyType.week: {
        // 获取每n周的日期
        const weekDate = gainAllDateBetRange(startDate, endDate, creatPlan.rep_fre_val * 7)

        console.log('星期时间：', weekDate)
        // 获取星期
        const dateList = getDateListOfWeek(weekDate, creatPlan.rep_rule_val)

        // 拼接时间
        dateList.forEach(date => {
          creatPlan.task_periods?.forEach(timearr => {
            const timeStr = moment.unix(timearr[0]).format('HH:mm')
            finalDateTimeArr.push(date + ' ' + timeStr)
          })
        })
        break
      }
      // 日
      case FrequencyType.day: {
        // 根据每几天获取时间
        const dateList = gainAllDateBetRange(startDate, endDate, creatPlan.rep_fre_val)
        // 拼接执行时间即可
        dateList.forEach(date => {
          creatPlan.task_periods?.forEach(timearr => {
            const timeStr = moment.unix(timearr[0]).format('HH:mm')
            finalDateTimeArr.push(date + ' ' + timeStr)
          })
        })
        break
      }
    }
  } else if (creatPlan.task_type === TaskType.Continuous) {
    // 连续执行
    switch (creatPlan.rep_fre_type) {
        // 月
      case FrequencyType.month: {
        // 先计算这几个月分别是哪个月
        const monthList = getYearMonth(startDate, endDate, creatPlan.rep_fre_val)
        console.log('月：', monthList)

        if (creatPlan.rep_rule_type === RepeatRuleType.day) {
          // 按日期
          // 拼接日期
          const dateList = [] as any

          monthList.forEach(date => {
            creatPlan.rep_rule_val?.forEach(day => {
              if (day < 10) {
                day = '0' + day
              }

              creatPlan.task_periods?.forEach(timearr => {

                timearr.forEach(time=>{
                  const timeStr = moment.unix(time).format('HH:mm')
                  const str = date + '-' + day + ' ' + timeStr
                  const tempDate = new Date(str)
                  dateList.push(tempDate)
                })
              })
            })
          })

          console.log('日期时间：', dateList)
          // 过滤掉不在选择日期内的日期
          finalDateTimeArr = dateList.filter(date => {
            // 如果该日期的时间大于结束时间，则过滤掉
            if (date.getTime() > endDate.getTime()) {
              return false
            }

            const tempDate = date.getDate()
            let j = 0
            for (let i = 0; i < creatPlan.rep_rule_val?.length; i++) {
              if (tempDate === creatPlan.rep_rule_val[i]) {
                return true
              } else {
                j++
                // 全都不符合
                if (j === creatPlan.rep_rule_val?.length) {
                  return false
                }
              }
            }

            return false
          })

          // 去重
          finalDateTimeArr = Array.from(new Set(finalDateTimeArr.map(date => dateFormat(date, 'yyyy-MM-dd hh:mm'))))
        } else if (creatPlan.rep_rule_type === RepeatRuleType.week) {
          // 按星期
          monthList.forEach(yearMonth => {
            const tmpDate = new Date(yearMonth)
            const date = getMonthWeek(tmpDate.getFullYear(), tmpDate.getMonth(), creatPlan.rep_rule_val[0], creatPlan.rep_rule_val[1])
            creatPlan.task_periods?.forEach(timearr => {

              timearr.forEach(time=>{
                const timeStr = moment.unix(time).format('HH:mm')
                const dateStr = date + ' ' + timeStr
                finalDateTimeArr.push(dateStr)
              })
            })
          })
        }

        break
      }
        // 周
      case FrequencyType.week: {
        // 获取每n周的日期
        const weekDate = gainAllDateBetRange(startDate, endDate, creatPlan.rep_fre_val * 7)

        console.log('星期时间：', weekDate)
        // 获取星期
        const dateList = getDateListOfWeek(weekDate, creatPlan.rep_rule_val)

        // 拼接时间
        dateList.forEach(date => {
          creatPlan.task_periods?.forEach(timearr => {

            timearr.forEach(time=>{
              const timeStr = moment.unix(time).format('HH:mm')
              finalDateTimeArr.push(date + ' ' + timeStr)
            })

          })
        })
        break
      }
        // 日
      case FrequencyType.day: {
        // 根据每几天获取时间
        const dateList = gainAllDateBetRange(startDate, endDate, creatPlan.rep_fre_val)
        // 拼接执行时间即可
        dateList.forEach(date => {
          creatPlan.task_periods?.forEach(timearr => {
            console.log(timearr,"***************************")
            timearr.forEach(time=>{
              console.log("time：",time)
              const timeStr = moment.unix(time).format('HH:mm')
              console.log("timeStr：",timeStr)

              finalDateTimeArr.push(date + ' ' + timeStr)
            })

          })
        })
        break
      }
    }
  }

  console.log('最终时间：', finalDateTimeArr)
  var tempDateTimeArr = []
  if (creatPlan.task_type === TaskType.Repeat) {
    tempDateTimeArr =  finalDateTimeArr.map(dateTime=>[dateTime])

  }else if (creatPlan.task_type === TaskType.Continuous){

  }








  // 对finalDateTimeArr进行时间过滤，筛选掉过去时间和无效时间
  const futureDateTimeArr = finalDateTimeArr.filter(dateStr => {
    return new Date(dateStr).getTime() >= new Date().getTime()
  })
  console.log('未来时间：', futureDateTimeArr)

  return futureDateTimeArr
}

// 获取一个日期范围内的每n天的日期，入参为Date对象
function gainAllDateBetRange (startDate: Date, endDate: Date, n = 1) {
  const dateArr = [] as any
  if (!(startDate instanceof Date && endDate instanceof Date)) return dateArr // 非时间格式返回空数组
  const startTime = startDate.getTime() // 获取开始日期的毫秒数
  const endTime = endDate.getTime() // 获取结束日期的毫秒数
  const numTime = 24 * 60 * 60 * 1000 * n // 一天的毫秒数
  for (let time = startTime; time <= endTime;) {
    dateArr.push(dateFormat(new Date(time), 'yyyy-MM-dd')) // 将格式化后的时间存入结果数组
    time += numTime // 每次加n天
  }
  console.log('每', n, '天的日期', dateArr)
  return dateArr
}

/**
 * 获取当前日期的星期数的日期
 * @param date
 */
function getDateListOfWeek (dateArr: any[], week: number[]) {
  console.log('获取当前日期的星期数的日期:', dateArr, week)
  const list = [] as any
  dateArr.forEach(dateStr => {
    const date = new Date(dateStr)
    week.forEach(n => {
      const tempDate = weekDate(date, n)
      list.push(tempDate)
    })
  })
  return list
}

/**
 * 根据日期获取星期日期
 * @param date
 * @param n
 */
function weekDate (date: Date, n: number) {
  date.setDate(date.getDate() + n - (date.getDay() || 7))
  const dateStr = dateFormat(new Date(date), 'yyyy-MM-dd')
  return dateStr
}

function getYearMonth (startDate: Date, endDate: Date, n: number) {
  const dateArr = [] as any

  const startTime = startDate.getTime()
  const endTime = endDate.getTime()
  console.log('开始时间结束时间时间戳', startTime, endTime)
  let date = startDate

  for (let dateTime = startTime; dateTime <= endTime;) {
    const str = dateFormat(date, 'yyyy-MM')
    dateArr.push(str)
    date = new Date(date.getFullYear(), date.getMonth() + Number(n))
    dateTime = date.getTime()
  }

  return dateArr
}

/**
 * 获取某年月的第几周的周几的日期
 * @param year
 * @param month
 */
function getMonthWeek (year:number, month:number, whichWeek:number, whichDay:number) {
  // 获取该月的第一天
  const firstDayOfMonth = new Date(year, month, 1)
  const daysOffset = whichDay - firstDayOfMonth.getDay() // 计算第一周的差几天

  const day = firstDayOfMonth.getDate() + daysOffset + 7 * (whichWeek - 1) // 第二周的星期一的日期
  return dateFormat(new Date(year, month, day), 'yyyy-MM-dd')
}