From 3257b55718ed6e52e16ac15880c8f3f82a396634 Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Thu, 28 Jul 2022 23:08:16 +0800
Subject: [PATCH] refactor: crontab components

---
 yudao-ui-admin-vue3/src/components/Crontab/day.vue                   | 174 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/hour.vue                  | 121 -------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/index.ts                  |   3 +++
 yudao-ui-admin-vue3/src/components/Crontab/index.vue                 | 436 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/min.vue                   | 121 -------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/month.vue                 | 121 -------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/result.vue                | 574 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/second.vue                | 121 -------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/src/components/day.vue    | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/hour.vue   | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/index.ts   |  19 +++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/min.vue    | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/month.vue  | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/result.vue | 573 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/second.vue | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/week.vue   | 223 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/components/year.vue   | 139 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/src/index.vue             | 437 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 yudao-ui-admin-vue3/src/components/Crontab/week.vue                  | 224 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 yudao-ui-admin-vue3/src/components/Crontab/year.vue                  | 140 --------------------------------------------------------------------------------------------------------------------------------------------
 20 files changed, 2047 insertions(+), 2032 deletions(-)
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/day.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/hour.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/index.ts
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/index.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/min.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/month.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/result.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/second.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/day.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/hour.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/index.ts
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/min.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/month.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/result.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/second.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/week.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/components/year.vue
 create mode 100644 yudao-ui-admin-vue3/src/components/Crontab/src/index.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/week.vue
 delete mode 100644 yudao-ui-admin-vue3/src/components/Crontab/year.vue

diff --git a/yudao-ui-admin-vue3/src/components/Crontab/day.vue b/yudao-ui-admin-vue3/src/components/Crontab/day.vue
deleted file mode 100644
index 6e368f3..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/day.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 日，允许的通配符[, - * ? / L W] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2"> 不指定 </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        周期从
-        <el-input-number v-model="cycle01" :min="1" :max="30" /> -
-        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> 日
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        从
-        <el-input-number v-model="average01" :min="1" :max="30" /> 号开始，每
-        <el-input-number v-model="average02" :min="1" :max="31 - average01 || 1" /> 日执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="5">
-        每月
-        <el-input-number v-model="workday" :min="1" :max="31" /> 号最近的那个工作日
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="6"> 本月最后一天 </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="7">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option v-for="item in 31" :key="item" :value="item">{{ item }}</el-option>
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-
-const emits = defineEmits(['update'])
-
-const radioValue = ref(1)
-const workday = ref(1)
-const cycle01 = ref(1)
-const cycle02 = ref(2)
-const average01 = ref(1)
-const average02 = ref(1)
-
-const checkboxList = ref([])
-
-defineExpose({
-  radioValue,
-  workday,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-/**
- * 计算两个周期值
- * @type {ComputedRef<string>}
- */
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 1, 30)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 2, 31, 31)
-  return cycle1 + '-' + cycle2
-})
-
-/**
- * 计算平均用到的值
- */
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 1, 30)
-  const average2 = props.check(average02.value, 1, 31 - average1 || 0)
-  return average1 + '/' + average2
-})
-
-/**
- * 计算工作日格式
- */
-const workdayCheck = computed(() => props.check(workday, 1, 31))
-
-/**
- * 计算勾选的checkbox值合集
- */
-const checkboxString = computed(() => {
-  const str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(radioValue, () => {
-  if (parseInt(radioValue.value.toString()) !== 2 && props.cron?.week !== '?') {
-    emits('update', 'week', '?', 'day')
-  }
-
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'day', '*')
-      break
-    case 2:
-      emits('update', 'day', '?')
-      break
-    case 3:
-      emits('update', 'day', cycleTotal)
-      break
-    case 4:
-      emits('update', 'day', averageTotal)
-      break
-    case 5:
-      emits('update', 'day', workday.value + 'W')
-      break
-    case 6:
-      emits('update', 'day', 'L')
-      break
-    case 7:
-      emits('update', 'day', checkboxString)
-      break
-  }
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'day', cycleTotal)
-  }
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'day', averageTotal)
-  }
-})
-
-watch(workdayCheck, () => {
-  if (parseInt(radioValue.value.toString()) === 5) {
-    emits('update', 'day', workdayCheck.value + 'W')
-  }
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 7) {
-    emits('update', 'day', checkboxString)
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/hour.vue b/yudao-ui-admin-vue3/src/components/Crontab/hour.vue
deleted file mode 100644
index d26a2b7..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/hour.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 小时，允许的通配符[, - * /] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2">
-        周期从
-        <el-input-number v-model="cycle01" :min="0" :max="22" /> -
-        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 小时
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        从
-        <el-input-number v-model="average01" :min="0" :max="22" /> 小时开始，每
-        <el-input-number v-model="average02" :min="1" :max="23 - average01 || 0" /> 小时执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option v-for="item in 24" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const radioValue = ref(1)
-const cycle01 = ref(0)
-const cycle02 = ref(1)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-
-defineExpose({
-  radioValue,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 0, 22)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 23)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 2) {
-    emits('update', 'hour', cycleTotal)
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 0, 22)
-  const average2 = props.check(average02.value, 1, 23 - average1 || 0)
-  return average1 + '/' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'hour', averageTotal)
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'hour', checkboxString)
-  }
-})
-
-watch(radioValue, () => {
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'hour', '*')
-      break
-    case 2:
-      emits('update', 'hour', cycleTotal)
-      break
-    case 3:
-      emits('update', 'hour', averageTotal)
-      break
-    case 4:
-      emits('update', 'hour', checkboxString)
-      break
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/index.ts b/yudao-ui-admin-vue3/src/components/Crontab/index.ts
new file mode 100644
index 0000000..a91f929
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/index.ts
@@ -0,0 +1,3 @@
+import Crontab from './src/index.vue'
+
+export { Crontab }
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/index.vue b/yudao-ui-admin-vue3/src/components/Crontab/index.vue
deleted file mode 100644
index 0819dd5..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/index.vue
+++ /dev/null
@@ -1,436 +0,0 @@
-<template>
-  <div>
-    <el-tabs type="border-card">
-      <el-tab-pane label="秒" v-if="shouldHide('second')">
-        <CrontabSecond
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronsecond"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="分钟" v-if="shouldHide('min')">
-        <CrontabMin
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronmin"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="小时" v-if="shouldHide('hour')">
-        <CrontabHour
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronhour"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="日" v-if="shouldHide('day')">
-        <CrontabDay
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronday"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="月" v-if="shouldHide('month')">
-        <CrontabMonth
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronmonth"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="周" v-if="shouldHide('week')">
-        <CrontabWeek
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronweek"
-        />
-      </el-tab-pane>
-
-      <el-tab-pane label="年" v-if="shouldHide('year')">
-        <CrontabYear
-          @update="updateCrontabValue"
-          :check="checkNumber"
-          :cron="crontabValueObj"
-          ref="cronyear"
-        />
-      </el-tab-pane>
-    </el-tabs>
-
-    <div class="popup-main">
-      <div class="popup-result">
-        <p class="title">时间表达式</p>
-        <table>
-          <thead>
-            <th v-for="item of tabTitles" width="40" :key="item">{{ item }}</th>
-            <th>Cron 表达式</th>
-          </thead>
-          <tbody>
-            <td>
-              <span>{{ crontabValueObj.second }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.min }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.hour }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.day }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.month }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.week }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueObj.year }}</span>
-            </td>
-            <td>
-              <span>{{ crontabValueString }}</span>
-            </td>
-          </tbody>
-        </table>
-      </div>
-      <CrontabResult :ex="crontabValueString" />
-
-      <div class="pop_btn">
-        <el-button size="small" type="primary" @click="submitFill">确定</el-button>
-        <el-button size="small" type="warning" @click="clearCron">重置</el-button>
-        <el-button size="small" @click="hidePopup">取消</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import CrontabSecond from './second.vue'
-import CrontabMin from './min.vue'
-import CrontabHour from './hour.vue'
-import CrontabDay from './day.vue'
-import CrontabMonth from './month.vue'
-import CrontabWeek from './week.vue'
-import CrontabYear from './year.vue'
-import CrontabResult from './result.vue'
-import { computed, defineEmits, defineProps, onMounted, Ref, ref, watch } from 'vue'
-
-const cronsecond = ref(null)
-const cronmin = ref(null)
-const cronhour = ref(null)
-const cronday = ref(null)
-const cronmonth = ref(null)
-const cronweek = ref(null)
-const cronyear = ref(null)
-
-const refs = ref<Record<string, Ref>>({})
-onMounted(() => {
-  refs.value.cronsecond = cronsecond
-  refs.value.cronmin = cronmin
-  refs.value.cronhour = cronhour
-  refs.value.cronday = cronday
-  refs.value.cronmonth = cronmonth
-  refs.value.cronweek = cronweek
-  refs.value.cronyear = cronyear
-})
-
-const props = defineProps({
-  expression: {
-    type: String,
-    required: false
-  },
-  hideComponent: {
-    type: Array
-  }
-})
-
-const emit = defineEmits(['hide', 'fill'])
-
-const tabTitles = ['秒', '分钟', '小时', '日', '月', '周', '年']
-
-const crontabValueObj = ref({
-  second: '*',
-  min: '*',
-  hour: '*',
-  day: '*',
-  month: '*',
-  week: '?',
-  year: ''
-})
-
-function shouldHide(key) {
-  return !(props.hideComponent && props.hideComponent.includes(key))
-}
-
-function resolveExp() {
-  // 反解析 表达式
-  if (props.expression) {
-    let arr = props.expression.split(' ')
-    if (arr.length >= 6) {
-      //6 位以上是合法表达式
-      let obj = {
-        second: arr[0],
-        min: arr[1],
-        hour: arr[2],
-        day: arr[3],
-        month: arr[4],
-        week: arr[5],
-        year: arr[6] ? arr[6] : ''
-      }
-      crontabValueObj.value = {
-        ...obj
-      }
-      for (let i in obj) {
-        if (obj[i]) {
-          changeRadio(i, obj[i])
-        }
-      }
-    }
-  } else {
-    // 没有传入的表达式 则还原
-    clearCron()
-  }
-}
-
-// 由子组件触发，更改表达式组成的字段值
-function updateCrontabValue(name, value, from) {
-  crontabValueObj.value[name] = value
-  if (from && from !== name) {
-    console.log(`来自组件 ${from} 改变了 ${name} ${value}`)
-    changeRadio(name, value)
-  }
-}
-
-function changeRadio(name, value) {
-  let arr = ['second', 'min', 'hour', 'month'],
-    refName = 'cron' + name,
-    insValue
-
-  if (!refs.value[refName]) return
-
-  if (arr.includes(name)) {
-    if (value === '*') {
-      insValue = 1
-    } else if (value.indexOf('-') > -1) {
-      let indexArr = value.split('-')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].cycle01 = 0)
-        : (refs.value[refName].cycle01 = indexArr[0])
-      refs.value[refName].cycle02 = indexArr[1]
-      insValue = 2
-    } else if (value.indexOf('/') > -1) {
-      let indexArr = value.split('/')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].average01 = 0)
-        : (refs.value[refName].average01 = indexArr[0])
-      refs.value[refName].average02 = indexArr[1]
-      insValue = 3
-    } else {
-      insValue = 4
-      refs.value[refName].checkboxList = value.split(',')
-    }
-  } else if (name == 'day') {
-    if (value === '*') {
-      insValue = 1
-    } else if (value == '?') {
-      insValue = 2
-    } else if (value.indexOf('-') > -1) {
-      let indexArr = value.split('-')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].cycle01 = 0)
-        : (refs.value[refName].cycle01 = indexArr[0])
-      refs.value[refName].cycle02 = indexArr[1]
-      insValue = 3
-    } else if (value.indexOf('/') > -1) {
-      let indexArr = value.split('/')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].average01 = 0)
-        : (refs.value[refName].average01 = indexArr[0])
-      refs.value[refName].average02 = indexArr[1]
-      insValue = 4
-    } else if (value.indexOf('W') > -1) {
-      let indexArr = value.split('W')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].workday = 0)
-        : (refs.value[refName].workday = indexArr[0])
-      insValue = 5
-    } else if (value === 'L') {
-      insValue = 6
-    } else {
-      refs.value[refName].checkboxList = value.split(',')
-      insValue = 7
-    }
-  } else if (name == 'week') {
-    if (value === '*') {
-      insValue = 1
-    } else if (value == '?') {
-      insValue = 2
-    } else if (value.indexOf('-') > -1) {
-      let indexArr = value.split('-')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].cycle01 = 0)
-        : (refs.value[refName].cycle01 = indexArr[0])
-      refs.value[refName].cycle02 = indexArr[1]
-      insValue = 3
-    } else if (value.indexOf('#') > -1) {
-      let indexArr = value.split('#')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].average01 = 1)
-        : (refs.value[refName].average01 = indexArr[0])
-      refs.value[refName].average02 = indexArr[1]
-      insValue = 4
-    } else if (value.indexOf('L') > -1) {
-      let indexArr = value.split('L')
-      isNaN(indexArr[0])
-        ? (refs.value[refName].weekday = 1)
-        : (refs.value[refName].weekday = indexArr[0])
-      insValue = 5
-    } else {
-      refs.value[refName].checkboxList = value.split(',')
-      insValue = 6
-    }
-  } else if (name == 'year') {
-    if (value == '') {
-      insValue = 1
-    } else if (value == '*') {
-      insValue = 2
-    } else if (value.indexOf('-') > -1) {
-      insValue = 3
-    } else if (value.indexOf('/') > -1) {
-      insValue = 4
-    } else {
-      refs.value[refName].checkboxList = value.split(',')
-      insValue = 5
-    }
-  }
-  refs.value[refName].radioValue = insValue
-}
-
-// 表单选项的子组件校验数字格式（通过-props传递）
-function checkNumber(value, minLimit, maxLimit) {
-  // 检查必须为整数
-  value = Math.floor(value)
-  if (value < minLimit) {
-    value = minLimit
-  } else if (value > maxLimit) {
-    value = maxLimit
-  }
-  return value
-}
-
-// 隐藏弹窗
-function hidePopup() {
-  emit('hide')
-}
-
-// 填充表达式
-function submitFill() {
-  emit('fill', crontabValueString)
-  hidePopup()
-}
-
-const crontabValueString = computed(() => {
-  let obj = crontabValueObj.value
-  return (
-    obj.second +
-    ' ' +
-    obj.min +
-    ' ' +
-    obj.hour +
-    ' ' +
-    obj.day +
-    ' ' +
-    obj.month +
-    ' ' +
-    obj.week +
-    (obj.year === '' ? '' : ' ' + obj.year)
-  )
-})
-
-function clearCron() {
-  // 还原选择项
-  crontabValueObj.value = {
-    second: '*',
-    min: '*',
-    hour: '*',
-    day: '*',
-    month: '*',
-    week: '?',
-    year: ''
-  }
-  for (let j in crontabValueObj.value) {
-    changeRadio(j, crontabValueObj.value[j])
-  }
-}
-
-watch(() => props.expression, resolveExp)
-</script>
-
-<style scoped>
-.pop_btn {
-  text-align: center;
-  margin-top: 20px;
-}
-.popup-main {
-  position: relative;
-  margin: 10px auto;
-  background: #fff;
-  border-radius: 5px;
-  font-size: 12px;
-  overflow: hidden;
-}
-.popup-title {
-  overflow: hidden;
-  line-height: 34px;
-  padding-top: 6px;
-  background: #f2f2f2;
-}
-.popup-result {
-  box-sizing: border-box;
-  line-height: 24px;
-  margin: 25px auto;
-  padding: 15px 10px 10px;
-  border: 1px solid #ccc;
-  position: relative;
-}
-.popup-result .title {
-  position: absolute;
-  top: -28px;
-  left: 50%;
-  width: 140px;
-  font-size: 14px;
-  margin-left: -70px;
-  text-align: center;
-  line-height: 30px;
-  background: #fff;
-}
-.popup-result table {
-  text-align: center;
-  width: 100%;
-  margin: 0 auto;
-}
-.popup-result table span {
-  display: block;
-  width: 100%;
-  font-family: arial;
-  line-height: 30px;
-  height: 30px;
-  white-space: nowrap;
-  overflow: hidden;
-  border: 1px solid #e8e8e8;
-}
-.popup-result-scroll {
-  font-size: 12px;
-  line-height: 24px;
-  height: 10em;
-  overflow-y: auto;
-}
-</style>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/min.vue b/yudao-ui-admin-vue3/src/components/Crontab/min.vue
deleted file mode 100644
index ed961ac..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/min.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 分钟，允许的通配符[, - * /] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2">
-        周期从
-        <el-input-number v-model="cycle01" :min="0" :max="58" /> -
-        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 分钟
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        从
-        <el-input-number v-model="average01" :min="0" :max="58" /> 分钟开始，每
-        <el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 分钟执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option v-for="item in 60" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const radioValue = ref(1)
-const cycle01 = ref(0)
-const cycle02 = ref(1)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-
-defineExpose({
-  radioValue,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 0, 58)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 59)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 2) {
-    emits('update', 'min', cycleTotal, 'min')
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 0, 58)
-  const average2 = props.check(average02.value, 1, 59 - average1 || 0)
-  return average1 + '/' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'min', averageTotal, 'min')
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'min', checkboxString, 'min')
-  }
-})
-
-watch(radioValue, () => {
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'min', '*', 'min')
-      break
-    case 2:
-      emits('update', 'min', cycleTotal, 'min')
-      break
-    case 3:
-      emits('update', 'min', averageTotal, 'min')
-      break
-    case 4:
-      emits('update', 'min', checkboxString, 'min')
-      break
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/month.vue b/yudao-ui-admin-vue3/src/components/Crontab/month.vue
deleted file mode 100644
index 2cc074c..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/month.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 月，允许的通配符[, - * /] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2">
-        周期从
-        <el-input-number v-model="cycle01" :min="1" :max="11" /> -
-        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> 月
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        从
-        <el-input-number v-model="average01" :min="1" :max="11" /> 月开始，每
-        <el-input-number v-model="average02" :min="1" :max="12 - average01 || 0" /> 月月执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option v-for="item in 12" :key="item" :value="item">{{ item }}</el-option>
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const radioValue = ref(1)
-const cycle01 = ref(1)
-const cycle02 = ref(2)
-const average01 = ref(1)
-const average02 = ref(1)
-const checkboxList = ref([])
-
-defineExpose({
-  radioValue,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 1, 11)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 2, 12)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 2) {
-    emits('update', 'month', cycleTotal)
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 1, 11)
-  const average2 = props.check(average02.value, 1, 12 - average1 || 0)
-  return average1 + '/' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'month', averageTotal)
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'month', checkboxString)
-  }
-})
-
-watch(radioValue, () => {
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'month', '*')
-      break
-    case 2:
-      emits('update', 'month', cycleTotal)
-      break
-    case 3:
-      emits('update', 'month', averageTotal)
-      break
-    case 4:
-      emits('update', 'month', checkboxString)
-      break
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/result.vue b/yudao-ui-admin-vue3/src/components/Crontab/result.vue
deleted file mode 100644
index 6a0f2b8..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/result.vue
+++ /dev/null
@@ -1,574 +0,0 @@
-<template>
-  <div class="popup-result">
-    <p class="title">最近5次运行时间</p>
-    <ul class="popup-result-scroll">
-      <template v-if="isShow">
-        <li v-for="item in resultList" :key="item">{{ item }}</li>
-      </template>
-      <li v-else>计算结果中...</li>
-    </ul>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted, ref, watch } from 'vue'
-
-const props = defineProps({
-  ex: {
-    type: String,
-    required: true
-  }
-})
-
-watch(() => props.ex, expressionChange)
-
-onMounted(() => {
-  expressionChange()
-})
-
-const dayRule = ref('')
-const dayRuleSup = ref<string | number | any[]>([])
-const dateArr = ref<any[][]>([])
-const resultList = ref<string[]>([])
-const isShow = ref(false)
-
-function expressionChange() {
-  // 计算开始-隐藏结果
-  isShow.value = false
-  // 获取规则数组[0秒、1分、2时、3日、4月、5星期、6年]
-  let ruleArr = props.ex.split(' ')
-  // 用于记录进入循环的次数
-  let nums = 0
-  // 用于暂时存符号时间规则结果的数组
-  let resultArr: string[] = []
-  // 获取当前时间精确至[年、月、日、时、分、秒]
-  let nTime = new Date()
-  let nYear = nTime.getFullYear()
-  let nMonth = nTime.getMonth() + 1
-  let nDay = nTime.getDate()
-  let nHour = nTime.getHours()
-  let nMin = nTime.getMinutes()
-  let nSecond = nTime.getSeconds()
-  // 根据规则获取到近100年可能年数组、月数组等等
-  getSecondArr(ruleArr[0])
-  getMinArr(ruleArr[1])
-  getHourArr(ruleArr[2])
-  getDayArr(ruleArr[3])
-  getMonthArr(ruleArr[4])
-  getWeekArr(ruleArr[5])
-  getYearArr(ruleArr[6], nYear)
-  // 将获取到的数组赋值-方便使用
-  let sDate = dateArr.value[0]
-  let mDate = dateArr.value[1]
-  let hDate = dateArr.value[2]
-  let DDate = dateArr.value[3]
-  let MDate = dateArr.value[4]
-  let YDate = dateArr.value[5]
-  // 获取当前时间在数组中的索引
-  let sIdx = getIndex(sDate, nSecond)
-  let mIdx = getIndex(mDate, nMin)
-  let hIdx = getIndex(hDate, nHour)
-  let DIdx = getIndex(DDate, nDay)
-  let MIdx = getIndex(MDate, nMonth)
-  let YIdx = getIndex(YDate, nYear)
-  // 重置月日时分秒的函数(后面用的比较多)
-  const resetSecond = function () {
-    sIdx = 0
-    nSecond = sDate[sIdx]
-  }
-  const resetMin = function () {
-    mIdx = 0
-    nMin = mDate[mIdx]
-    resetSecond()
-  }
-  const resetHour = function () {
-    hIdx = 0
-    nHour = hDate[hIdx]
-    resetMin()
-  }
-  const resetDay = function () {
-    DIdx = 0
-    nDay = DDate[DIdx]
-    resetHour()
-  }
-  const resetMonth = function () {
-    MIdx = 0
-    nMonth = MDate[MIdx]
-    resetDay()
-  }
-  // 如果当前年份不为数组中当前值
-  if (nYear !== YDate[YIdx]) {
-    resetMonth()
-  }
-  // 如果当前月份不为数组中当前值
-  if (nMonth !== MDate[MIdx]) {
-    resetDay()
-  }
-  // 如果当前“日”不为数组中当前值
-  if (nDay !== DDate[DIdx]) {
-    resetHour()
-  }
-  // 如果当前“时”不为数组中当前值
-  if (nHour !== hDate[hIdx]) {
-    resetMin()
-  }
-  // 如果当前“分”不为数组中当前值
-  if (nMin !== mDate[mIdx]) {
-    resetSecond()
-  }
-
-  // 循环年份数组
-  goYear: for (let Yi = YIdx; Yi < YDate.length; Yi++) {
-    let YY = YDate[Yi]
-    // 如果到达最大值时
-    if (nMonth > MDate[MDate.length - 1]) {
-      resetMonth()
-      continue
-    }
-    // 循环月份数组
-    goMonth: for (let Mi = MIdx; Mi < MDate.length; Mi++) {
-      // 赋值、方便后面运算
-      let MM = MDate[Mi]
-      MM = MM < 10 ? '0' + MM : MM
-      // 如果到达最大值时
-      if (nDay > DDate[DDate.length - 1]) {
-        resetDay()
-        if (Mi == MDate.length - 1) {
-          resetMonth()
-          continue goYear
-        }
-        continue
-      }
-      // 循环日期数组
-      goDay: for (let Di = DIdx; Di < DDate.length; Di++) {
-        // 赋值、方便后面运算
-        let DD = DDate[Di]
-        let thisDD = DD < 10 ? '0' + DD : DD
-
-        // 如果到达最大值时
-        if (nHour > hDate[hDate.length - 1]) {
-          resetHour()
-          if (Di == DDate.length - 1) {
-            resetDay()
-            if (Mi == MDate.length - 1) {
-              resetMonth()
-              continue goYear
-            }
-            continue goMonth
-          }
-          continue
-        }
-
-        // 判断日期的合法性，不合法的话也是跳出当前循环
-        if (
-          checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true &&
-          dayRule.value !== 'workDay' &&
-          dayRule.value !== 'lastWeek' &&
-          dayRule.value !== 'lastDay'
-        ) {
-          resetDay()
-          continue goMonth
-        }
-        // 如果日期规则中有值时
-        if (dayRule.value == 'lastDay') {
-          // 如果不是合法日期则需要将前将日期调到合法日期即月末最后一天
-
-          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-              DD--
-
-              thisDD = DD < 10 ? '0' + DD : DD
-            }
-          }
-        } else if (dayRule.value == 'workDay') {
-          // 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
-          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-              DD--
-              thisDD = DD < 10 ? '0' + DD : DD
-            }
-          }
-          // 获取达到条件的日期是星期X
-          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week')
-          // 当星期日时
-          if (thisWeek == 1) {
-            // 先找下一个日，并判断是否为月底
-            DD++
-            thisDD = DD < 10 ? '0' + DD : DD
-            // 判断下一日已经不是合法日期
-            if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-              DD -= 3
-            }
-          } else if (thisWeek == 7) {
-            // 当星期6时只需判断不是1号就可进行操作
-            if (dayRuleSup.value !== 1) {
-              DD--
-            } else {
-              DD += 2
-            }
-          }
-        } else if (dayRule.value == 'weekDay') {
-          // 如果指定了是星期几
-          // 获取当前日期是属于星期几
-          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week')
-          // 校验当前星期是否在星期池（dayRuleSup）中
-          if ((dayRuleSup.value as any[]).indexOf(thisWeek) < 0) {
-            // 如果到达最大值时
-            if (Di == DDate.length - 1) {
-              resetDay()
-              if (Mi == MDate.length - 1) {
-                resetMonth()
-                continue goYear
-              }
-              continue goMonth
-            }
-            continue
-          }
-        } else if (dayRule.value == 'assWeek') {
-          // 如果指定了是第几周的星期几
-          // 获取每月1号是属于星期几
-          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week')
-          if (dayRuleSup.value[1] >= thisWeek) {
-            DD = (dayRuleSup.value[0] - 1) * 7 + dayRuleSup.value[1] - thisWeek + 1
-          } else {
-            DD = dayRuleSup.value[0] * 7 + dayRuleSup.value[1] - thisWeek + 1
-          }
-        } else if (dayRule.value == 'lastWeek') {
-          // 如果指定了每月最后一个星期几
-          // 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
-          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
-              DD--
-              thisDD = DD < 10 ? '0' + DD : DD
-            }
-          }
-          // 获取月末最后一天是星期几
-          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week')
-          // 找到要求中最近的那个星期几
-          if (dayRuleSup.value < thisWeek) {
-            DD -= thisWeek - (dayRuleSup.value as number)
-          } else if (dayRuleSup.value > thisWeek) {
-            DD -= 7 - ((dayRuleSup.value as number) - thisWeek)
-          }
-        }
-        // 判断时间值是否小于10置换成“05”这种格式
-        DD = DD < 10 ? '0' + DD : DD
-
-        // 循环“时”数组
-        goHour: for (let hi = hIdx; hi < hDate.length; hi++) {
-          let hh = hDate[hi] < 10 ? '0' + hDate[hi] : hDate[hi]
-
-          // 如果到达最大值时
-          if (nMin > mDate[mDate.length - 1]) {
-            resetMin()
-            if (hi == hDate.length - 1) {
-              resetHour()
-              if (Di == DDate.length - 1) {
-                resetDay()
-                if (Mi == MDate.length - 1) {
-                  resetMonth()
-                  continue goYear
-                }
-                continue goMonth
-              }
-              continue goDay
-            }
-            continue
-          }
-          // 循环"分"数组
-          goMin: for (let mi = mIdx; mi < mDate.length; mi++) {
-            let mm = mDate[mi] < 10 ? '0' + mDate[mi] : mDate[mi]
-
-            // 如果到达最大值时
-            if (nSecond > sDate[sDate.length - 1]) {
-              resetSecond()
-              if (mi == mDate.length - 1) {
-                resetMin()
-                if (hi == hDate.length - 1) {
-                  resetHour()
-                  if (Di == DDate.length - 1) {
-                    resetDay()
-                    if (Mi == MDate.length - 1) {
-                      resetMonth()
-                      continue goYear
-                    }
-                    continue goMonth
-                  }
-                  continue goDay
-                }
-                continue goHour
-              }
-              continue
-            }
-            // 循环"秒"数组
-            goSecond: for (let si = sIdx; si <= sDate.length - 1; si++) {
-              let ss = sDate[si] < 10 ? '0' + sDate[si] : sDate[si]
-              // 添加当前时间（时间合法性在日期循环时已经判断）
-              if (MM !== '00' && DD !== '00') {
-                resultArr.push(YY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss)
-                nums++
-              }
-              // 如果条数满了就退出循环
-              if (nums == 5) break goYear
-              // 如果到达最大值时
-              if (si == sDate.length - 1) {
-                resetSecond()
-                if (mi == mDate.length - 1) {
-                  resetMin()
-                  if (hi == hDate.length - 1) {
-                    resetHour()
-                    if (Di == DDate.length - 1) {
-                      resetDay()
-                      if (Mi == MDate.length - 1) {
-                        resetMonth()
-                        continue goYear
-                      }
-                      continue goMonth
-                    }
-                    continue goDay
-                  }
-                  continue goHour
-                }
-                continue goMin
-              }
-            } //goSecond
-          } //goMin
-        } //goHour
-      } //goDay
-    } //goMonth
-  }
-  // 判断100年内的结果条数
-  if (resultArr.length == 0) {
-    resultList.value = ['没有达到条件的结果！']
-  } else {
-    resultList.value = resultArr
-    if (resultArr.length !== 5) {
-      resultList.value.push('最近100年内只有上面' + resultArr.length + '条结果！')
-    }
-  }
-  // 计算完成-显示结果
-  isShow.value = true
-}
-
-/**
- * 用于计算某位数字在数组中的索引
- */
-function getIndex(arr, value): number {
-  if (value <= arr[0] || value > arr[arr.length - 1]) {
-    return 0
-  } else {
-    for (let i = 0; i < arr.length - 1; i++) {
-      if (value > arr[i] && value <= arr[i + 1]) {
-        return i + 1
-      }
-    }
-  }
-  return 0
-}
-
-function getYearArr(rule, year) {
-  dateArr.value[5] = getOrderArr(year, year + 100)
-  if (rule !== undefined) {
-    if (rule.indexOf('-') >= 0) {
-      dateArr.value[5] = getCycleArr(rule, year + 100, false)
-    } else if (rule.indexOf('/') >= 0) {
-      dateArr.value[5] = getAverageArr(rule, year + 100)
-    } else if (rule !== '*') {
-      dateArr.value[5] = getAssignArr(rule)
-    }
-  }
-}
-
-function getMonthArr(rule) {
-  dateArr.value[4] = getOrderArr(1, 12)
-  if (rule.indexOf('-') >= 0) {
-    dateArr.value[4] = getCycleArr(rule, 12, false)
-  } else if (rule.indexOf('/') >= 0) {
-    dateArr.value[4] = getAverageArr(rule, 12)
-  } else if (rule !== '*') {
-    dateArr.value[4] = getAssignArr(rule)
-  }
-}
-
-function getWeekArr(rule) {
-  // 只有当日期规则的两个值均为“”时则表达日期是有选项的
-  if (dayRule.value === '' && dayRuleSup.value === '') {
-    if (rule.indexOf('-') >= 0) {
-      dayRule.value = 'weekDay'
-      dayRuleSup.value = getCycleArr(rule, 7, false)
-    } else if (rule.indexOf('#') >= 0) {
-      dayRule.value = 'assWeek'
-      let matchRule = rule.match(/[0-9]{1}/g)
-      dayRuleSup.value = [Number(matchRule[1]), Number(matchRule[0])]
-      dateArr.value[3] = [1]
-      if (dayRuleSup.value[1] == 7) {
-        dayRuleSup.value[1] = 0
-      }
-    } else if (rule.indexOf('L') >= 0) {
-      dayRule.value = 'lastWeek'
-      dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0])
-      dateArr.value[3] = [31]
-      if (dayRuleSup.value == 7) {
-        dayRuleSup.value = 0
-      }
-    } else if (rule !== '*' && rule !== '?') {
-      dayRule.value = 'weekDay'
-      dayRuleSup.value = getAssignArr(rule)
-    }
-  }
-}
-
-function getDayArr(rule) {
-  dateArr.value[3] = getOrderArr(1, 31)
-  dayRule.value = ''
-  dayRuleSup.value = ''
-  if (rule.indexOf('-') >= 0) {
-    dateArr.value[3] = getCycleArr(rule, 31, false)
-    dayRuleSup.value = 'null'
-  } else if (rule.indexOf('/') >= 0) {
-    dateArr.value[3] = getAverageArr(rule, 31)
-    dayRuleSup.value = 'null'
-  } else if (rule.indexOf('W') >= 0) {
-    dayRule.value = 'workDay'
-    dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0])
-    dateArr.value[3] = [dayRuleSup.value]
-  } else if (rule.indexOf('L') >= 0) {
-    dayRule.value = 'lastDay'
-    dayRuleSup.value = 'null'
-    dateArr.value[3] = [31]
-  } else if (rule !== '*' && rule !== '?') {
-    dateArr.value[3] = getAssignArr(rule)
-    dayRuleSup.value = 'null'
-  } else if (rule == '*') {
-    dayRuleSup.value = 'null'
-  }
-}
-
-function getHourArr(rule) {
-  dateArr.value[2] = getOrderArr(0, 23)
-  if (rule.indexOf('-') >= 0) {
-    dateArr.value[2] = getCycleArr(rule, 24, true)
-  } else if (rule.indexOf('/') >= 0) {
-    dateArr.value[2] = getAverageArr(rule, 23)
-  } else if (rule !== '*') {
-    dateArr.value[2] = getAssignArr(rule)
-  }
-}
-
-function getMinArr(rule) {
-  dateArr.value[1] = getOrderArr(0, 59)
-  if (rule.indexOf('-') >= 0) {
-    dateArr.value[1] = getCycleArr(rule, 60, true)
-  } else if (rule.indexOf('/') >= 0) {
-    dateArr.value[1] = getAverageArr(rule, 59)
-  } else if (rule !== '*') {
-    dateArr.value[1] = getAssignArr(rule)
-  }
-}
-
-function getSecondArr(rule) {
-  dateArr.value[0] = getOrderArr(0, 59)
-  if (rule.indexOf('-') >= 0) {
-    dateArr.value[0] = getCycleArr(rule, 60, true)
-  } else if (rule.indexOf('/') >= 0) {
-    dateArr.value[0] = getAverageArr(rule, 59)
-  } else if (rule !== '*') {
-    dateArr.value[0] = getAssignArr(rule)
-  }
-}
-
-function getOrderArr(min: number, max: number): number[] {
-  let arr: number[] = []
-  for (let i = min; i <= max; i++) {
-    arr.push(i)
-  }
-  return arr
-}
-
-function getAssignArr(rule) {
-  let arr: number[] = []
-  let assiginArr = rule.split(',')
-  for (let i = 0; i < assiginArr.length; i++) {
-    arr[i] = Number(assiginArr[i])
-  }
-  arr.sort(compare)
-  return arr
-}
-
-function compare(value1, value2) {
-  if (value2 - value1 > 0) {
-    return -1
-  } else {
-    return 1
-  }
-}
-
-function getAverageArr(rule, limit): number[] {
-  let arr: number[] = []
-  let agArr = rule.split('/')
-  let min = Number(agArr[0])
-  let step = Number(agArr[1])
-  while (min <= limit) {
-    arr.push(min)
-    min += step
-  }
-  return arr
-}
-
-function getCycleArr(rule, limit: number, status): number[] {
-  // status--表示是否从0开始（则从1开始）
-  let arr: number[] = []
-  let cycleArr = rule.split('-')
-  let min = Number(cycleArr[0])
-  let max = Number(cycleArr[1])
-  if (min > max) {
-    max += limit
-  }
-  for (let i = min; i <= max; i++) {
-    let add = 0
-    if (status == false && i % limit == 0) {
-      add = limit
-    }
-    arr.push(Math.round((i % limit) + add))
-  }
-  arr.sort(compare)
-  return arr
-}
-
-function formatDate(value, type?) {
-  // 计算日期相关值
-  let time = typeof value == 'number' ? new Date(value) : value
-  let Y = time.getFullYear()
-  let M = time.getMonth() + 1
-  let D = time.getDate()
-  let h = time.getHours()
-  let m = time.getMinutes()
-  let s = time.getSeconds()
-  let week = time.getDay()
-  // 如果传递了type的话
-  if (type == undefined) {
-    return (
-      Y +
-      '-' +
-      (M < 10 ? '0' + M : M) +
-      '-' +
-      (D < 10 ? '0' + D : D) +
-      ' ' +
-      (h < 10 ? '0' + h : h) +
-      ':' +
-      (m < 10 ? '0' + m : m) +
-      ':' +
-      (s < 10 ? '0' + s : s)
-    )
-  } else if (type == 'week') {
-    // 在quartz中 1为星期日
-    return week + 1
-  }
-}
-
-function checkDate(value) {
-  let time = new Date(value)
-  let format = formatDate(time)
-  return value === format
-}
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/second.vue b/yudao-ui-admin-vue3/src/components/Crontab/second.vue
deleted file mode 100644
index 42b5496..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/second.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 秒，允许的通配符[, - * /] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2">
-        周期从
-        <el-input-number v-model="cycle01" :min="0" :max="58" /> -
-        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 秒
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        从
-        <el-input-number v-model="average01" :min="0" :max="58" /> 秒开始，每
-        <el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 秒执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option v-for="item in 60" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const radioValue = ref(1)
-const cycle01 = ref(1)
-const cycle02 = ref(2)
-const average01 = ref(0)
-const average02 = ref(1)
-const checkboxList = ref([])
-
-defineExpose({
-  radioValue,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 0, 58)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 59)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 2) {
-    emits('update', 'second', cycleTotal)
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 0, 58)
-  const average2 = props.check(average02.value, 1, 59 - average1 || 0)
-  return average1 + '/' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'second', averageTotal)
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'second', checkboxString)
-  }
-})
-
-watch(radioValue, () => {
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'second', '*', 'second')
-      break
-    case 2:
-      emits('update', 'second', cycleTotal)
-      break
-    case 3:
-      emits('update', 'second', averageTotal)
-      break
-    case 4:
-      emits('update', 'second', checkboxString)
-      break
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/day.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/day.vue
new file mode 100644
index 0000000..7186baf
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/day.vue
@@ -0,0 +1,173 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+
+const emits = defineEmits(['update'])
+
+const radioValue = ref(1)
+const workday = ref(1)
+const cycle01 = ref(1)
+const cycle02 = ref(2)
+const average01 = ref(1)
+const average02 = ref(1)
+
+const checkboxList = ref([])
+
+defineExpose({
+  radioValue,
+  workday,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+/**
+ * 计算两个周期值
+ * @type {ComputedRef<string>}
+ */
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 1, 30)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 2, 31, 31)
+  return cycle1 + '-' + cycle2
+})
+
+/**
+ * 计算平均用到的值
+ */
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 1, 30)
+  const average2 = props.check(average02.value, 1, 31 - average1 || 0)
+  return average1 + '/' + average2
+})
+
+/**
+ * 计算工作日格式
+ */
+const workdayCheck = computed(() => props.check(workday, 1, 31))
+
+/**
+ * 计算勾选的checkbox值合集
+ */
+const checkboxString = computed(() => {
+  const str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(radioValue, () => {
+  if (parseInt(radioValue.value.toString()) !== 2 && props.cron?.week !== '?') {
+    emits('update', 'week', '?', 'day')
+  }
+
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'day', '*')
+      break
+    case 2:
+      emits('update', 'day', '?')
+      break
+    case 3:
+      emits('update', 'day', cycleTotal)
+      break
+    case 4:
+      emits('update', 'day', averageTotal)
+      break
+    case 5:
+      emits('update', 'day', workday.value + 'W')
+      break
+    case 6:
+      emits('update', 'day', 'L')
+      break
+    case 7:
+      emits('update', 'day', checkboxString)
+      break
+  }
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'day', cycleTotal)
+  }
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'day', averageTotal)
+  }
+})
+
+watch(workdayCheck, () => {
+  if (parseInt(radioValue.value.toString()) === 5) {
+    emits('update', 'day', workdayCheck.value + 'W')
+  }
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 7) {
+    emits('update', 'day', checkboxString)
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 日，允许的通配符[, - * ? / L W] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2"> 不指定 </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        周期从
+        <el-input-number v-model="cycle01" :min="1" :max="30" /> -
+        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> 日
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        从
+        <el-input-number v-model="average01" :min="1" :max="30" /> 号开始，每
+        <el-input-number v-model="average02" :min="1" :max="31 - average01 || 1" /> 日执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="5">
+        每月
+        <el-input-number v-model="workday" :min="1" :max="31" /> 号最近的那个工作日
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="6"> 本月最后一天 </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="7">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option v-for="item in 31" :key="item" :value="item">{{ item }}</el-option>
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/hour.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/hour.vue
new file mode 100644
index 0000000..e258572
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/hour.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const radioValue = ref(1)
+const cycle01 = ref(0)
+const cycle02 = ref(1)
+const average01 = ref(0)
+const average02 = ref(1)
+const checkboxList = ref([])
+
+defineExpose({
+  radioValue,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 0, 22)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 23)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 2) {
+    emits('update', 'hour', cycleTotal)
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 0, 22)
+  const average2 = props.check(average02.value, 1, 23 - average1 || 0)
+  return average1 + '/' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'hour', averageTotal)
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'hour', checkboxString)
+  }
+})
+
+watch(radioValue, () => {
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'hour', '*')
+      break
+    case 2:
+      emits('update', 'hour', cycleTotal)
+      break
+    case 3:
+      emits('update', 'hour', averageTotal)
+      break
+    case 4:
+      emits('update', 'hour', checkboxString)
+      break
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 小时，允许的通配符[, - * /] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2">
+        周期从
+        <el-input-number v-model="cycle01" :min="0" :max="22" /> -
+        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 小时
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        从
+        <el-input-number v-model="average01" :min="0" :max="22" /> 小时开始，每
+        <el-input-number v-model="average02" :min="1" :max="23 - average01 || 0" /> 小时执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option v-for="item in 24" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/index.ts b/yudao-ui-admin-vue3/src/components/Crontab/src/components/index.ts
new file mode 100644
index 0000000..bc95ebd
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/index.ts
@@ -0,0 +1,19 @@
+import CrontabSecond from './second.vue'
+import CrontabMin from './min.vue'
+import CrontabHour from './hour.vue'
+import CrontabDay from './day.vue'
+import CrontabMonth from './month.vue'
+import CrontabWeek from './week.vue'
+import CrontabYear from './year.vue'
+import CrontabResult from './result.vue'
+
+export {
+  CrontabSecond,
+  CrontabMin,
+  CrontabHour,
+  CrontabDay,
+  CrontabMonth,
+  CrontabWeek,
+  CrontabYear,
+  CrontabResult
+}
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/min.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/min.vue
new file mode 100644
index 0000000..491749e
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/min.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const radioValue = ref(1)
+const cycle01 = ref(0)
+const cycle02 = ref(1)
+const average01 = ref(0)
+const average02 = ref(1)
+const checkboxList = ref([])
+
+defineExpose({
+  radioValue,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 0, 58)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 59)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 2) {
+    emits('update', 'min', cycleTotal, 'min')
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 0, 58)
+  const average2 = props.check(average02.value, 1, 59 - average1 || 0)
+  return average1 + '/' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'min', averageTotal, 'min')
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'min', checkboxString, 'min')
+  }
+})
+
+watch(radioValue, () => {
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'min', '*', 'min')
+      break
+    case 2:
+      emits('update', 'min', cycleTotal, 'min')
+      break
+    case 3:
+      emits('update', 'min', averageTotal, 'min')
+      break
+    case 4:
+      emits('update', 'min', checkboxString, 'min')
+      break
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 分钟，允许的通配符[, - * /] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2">
+        周期从
+        <el-input-number v-model="cycle01" :min="0" :max="58" /> -
+        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 分钟
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        从
+        <el-input-number v-model="average01" :min="0" :max="58" /> 分钟开始，每
+        <el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 分钟执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option v-for="item in 60" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/month.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/month.vue
new file mode 100644
index 0000000..8b0669a
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/month.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const radioValue = ref(1)
+const cycle01 = ref(1)
+const cycle02 = ref(2)
+const average01 = ref(1)
+const average02 = ref(1)
+const checkboxList = ref([])
+
+defineExpose({
+  radioValue,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 1, 11)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 2, 12)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 2) {
+    emits('update', 'month', cycleTotal)
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 1, 11)
+  const average2 = props.check(average02.value, 1, 12 - average1 || 0)
+  return average1 + '/' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'month', averageTotal)
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'month', checkboxString)
+  }
+})
+
+watch(radioValue, () => {
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'month', '*')
+      break
+    case 2:
+      emits('update', 'month', cycleTotal)
+      break
+    case 3:
+      emits('update', 'month', averageTotal)
+      break
+    case 4:
+      emits('update', 'month', checkboxString)
+      break
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 月，允许的通配符[, - * /] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2">
+        周期从
+        <el-input-number v-model="cycle01" :min="1" :max="11" /> -
+        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> 月
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        从
+        <el-input-number v-model="average01" :min="1" :max="11" /> 月开始，每
+        <el-input-number v-model="average02" :min="1" :max="12 - average01 || 0" /> 月月执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option v-for="item in 12" :key="item" :value="item">{{ item }}</el-option>
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/result.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/result.vue
new file mode 100644
index 0000000..37e2aec
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/result.vue
@@ -0,0 +1,573 @@
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue'
+
+const props = defineProps({
+  ex: {
+    type: String,
+    required: true
+  }
+})
+
+watch(() => props.ex, expressionChange)
+
+onMounted(() => {
+  expressionChange()
+})
+
+const dayRule = ref('')
+const dayRuleSup = ref<string | number | any[]>([])
+const dateArr = ref<any[][]>([])
+const resultList = ref<string[]>([])
+const isShow = ref(false)
+
+function expressionChange() {
+  // 计算开始-隐藏结果
+  isShow.value = false
+  // 获取规则数组[0秒、1分、2时、3日、4月、5星期、6年]
+  let ruleArr = props.ex.split(' ')
+  // 用于记录进入循环的次数
+  let nums = 0
+  // 用于暂时存符号时间规则结果的数组
+  let resultArr: string[] = []
+  // 获取当前时间精确至[年、月、日、时、分、秒]
+  let nTime = new Date()
+  let nYear = nTime.getFullYear()
+  let nMonth = nTime.getMonth() + 1
+  let nDay = nTime.getDate()
+  let nHour = nTime.getHours()
+  let nMin = nTime.getMinutes()
+  let nSecond = nTime.getSeconds()
+  // 根据规则获取到近100年可能年数组、月数组等等
+  getSecondArr(ruleArr[0])
+  getMinArr(ruleArr[1])
+  getHourArr(ruleArr[2])
+  getDayArr(ruleArr[3])
+  getMonthArr(ruleArr[4])
+  getWeekArr(ruleArr[5])
+  getYearArr(ruleArr[6], nYear)
+  // 将获取到的数组赋值-方便使用
+  let sDate = dateArr.value[0]
+  let mDate = dateArr.value[1]
+  let hDate = dateArr.value[2]
+  let DDate = dateArr.value[3]
+  let MDate = dateArr.value[4]
+  let YDate = dateArr.value[5]
+  // 获取当前时间在数组中的索引
+  let sIdx = getIndex(sDate, nSecond)
+  let mIdx = getIndex(mDate, nMin)
+  let hIdx = getIndex(hDate, nHour)
+  let DIdx = getIndex(DDate, nDay)
+  let MIdx = getIndex(MDate, nMonth)
+  let YIdx = getIndex(YDate, nYear)
+  // 重置月日时分秒的函数(后面用的比较多)
+  const resetSecond = function () {
+    sIdx = 0
+    nSecond = sDate[sIdx]
+  }
+  const resetMin = function () {
+    mIdx = 0
+    nMin = mDate[mIdx]
+    resetSecond()
+  }
+  const resetHour = function () {
+    hIdx = 0
+    nHour = hDate[hIdx]
+    resetMin()
+  }
+  const resetDay = function () {
+    DIdx = 0
+    nDay = DDate[DIdx]
+    resetHour()
+  }
+  const resetMonth = function () {
+    MIdx = 0
+    nMonth = MDate[MIdx]
+    resetDay()
+  }
+  // 如果当前年份不为数组中当前值
+  if (nYear !== YDate[YIdx]) {
+    resetMonth()
+  }
+  // 如果当前月份不为数组中当前值
+  if (nMonth !== MDate[MIdx]) {
+    resetDay()
+  }
+  // 如果当前“日”不为数组中当前值
+  if (nDay !== DDate[DIdx]) {
+    resetHour()
+  }
+  // 如果当前“时”不为数组中当前值
+  if (nHour !== hDate[hIdx]) {
+    resetMin()
+  }
+  // 如果当前“分”不为数组中当前值
+  if (nMin !== mDate[mIdx]) {
+    resetSecond()
+  }
+
+  // 循环年份数组
+  goYear: for (let Yi = YIdx; Yi < YDate.length; Yi++) {
+    let YY = YDate[Yi]
+    // 如果到达最大值时
+    if (nMonth > MDate[MDate.length - 1]) {
+      resetMonth()
+      continue
+    }
+    // 循环月份数组
+    goMonth: for (let Mi = MIdx; Mi < MDate.length; Mi++) {
+      // 赋值、方便后面运算
+      let MM = MDate[Mi]
+      MM = MM < 10 ? '0' + MM : MM
+      // 如果到达最大值时
+      if (nDay > DDate[DDate.length - 1]) {
+        resetDay()
+        if (Mi == MDate.length - 1) {
+          resetMonth()
+          continue goYear
+        }
+        continue
+      }
+      // 循环日期数组
+      goDay: for (let Di = DIdx; Di < DDate.length; Di++) {
+        // 赋值、方便后面运算
+        let DD = DDate[Di]
+        let thisDD = DD < 10 ? '0' + DD : DD
+
+        // 如果到达最大值时
+        if (nHour > hDate[hDate.length - 1]) {
+          resetHour()
+          if (Di == DDate.length - 1) {
+            resetDay()
+            if (Mi == MDate.length - 1) {
+              resetMonth()
+              continue goYear
+            }
+            continue goMonth
+          }
+          continue
+        }
+
+        // 判断日期的合法性，不合法的话也是跳出当前循环
+        if (
+          checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true &&
+          dayRule.value !== 'workDay' &&
+          dayRule.value !== 'lastWeek' &&
+          dayRule.value !== 'lastDay'
+        ) {
+          resetDay()
+          continue goMonth
+        }
+        // 如果日期规则中有值时
+        if (dayRule.value == 'lastDay') {
+          // 如果不是合法日期则需要将前将日期调到合法日期即月末最后一天
+
+          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+              DD--
+
+              thisDD = DD < 10 ? '0' + DD : DD
+            }
+          }
+        } else if (dayRule.value == 'workDay') {
+          // 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
+          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+              DD--
+              thisDD = DD < 10 ? '0' + DD : DD
+            }
+          }
+          // 获取达到条件的日期是星期X
+          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week')
+          // 当星期日时
+          if (thisWeek == 1) {
+            // 先找下一个日，并判断是否为月底
+            DD++
+            thisDD = DD < 10 ? '0' + DD : DD
+            // 判断下一日已经不是合法日期
+            if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+              DD -= 3
+            }
+          } else if (thisWeek == 7) {
+            // 当星期6时只需判断不是1号就可进行操作
+            if (dayRuleSup.value !== 1) {
+              DD--
+            } else {
+              DD += 2
+            }
+          }
+        } else if (dayRule.value == 'weekDay') {
+          // 如果指定了是星期几
+          // 获取当前日期是属于星期几
+          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week')
+          // 校验当前星期是否在星期池（dayRuleSup）中
+          if ((dayRuleSup.value as any[]).indexOf(thisWeek) < 0) {
+            // 如果到达最大值时
+            if (Di == DDate.length - 1) {
+              resetDay()
+              if (Mi == MDate.length - 1) {
+                resetMonth()
+                continue goYear
+              }
+              continue goMonth
+            }
+            continue
+          }
+        } else if (dayRule.value == 'assWeek') {
+          // 如果指定了是第几周的星期几
+          // 获取每月1号是属于星期几
+          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + DD + ' 00:00:00'), 'week')
+          if (dayRuleSup.value[1] >= thisWeek) {
+            DD = (dayRuleSup.value[0] - 1) * 7 + dayRuleSup.value[1] - thisWeek + 1
+          } else {
+            DD = dayRuleSup.value[0] * 7 + dayRuleSup.value[1] - thisWeek + 1
+          }
+        } else if (dayRule.value == 'lastWeek') {
+          // 如果指定了每月最后一个星期几
+          // 校验并调整如果是2月30号这种日期传进来时需调整至正常月底
+          if (checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+            while (DD > 0 && checkDate(YY + '-' + MM + '-' + thisDD + ' 00:00:00') !== true) {
+              DD--
+              thisDD = DD < 10 ? '0' + DD : DD
+            }
+          }
+          // 获取月末最后一天是星期几
+          let thisWeek = formatDate(new Date(YY + '-' + MM + '-' + thisDD + ' 00:00:00'), 'week')
+          // 找到要求中最近的那个星期几
+          if (dayRuleSup.value < thisWeek) {
+            DD -= thisWeek - (dayRuleSup.value as number)
+          } else if (dayRuleSup.value > thisWeek) {
+            DD -= 7 - ((dayRuleSup.value as number) - thisWeek)
+          }
+        }
+        // 判断时间值是否小于10置换成“05”这种格式
+        DD = DD < 10 ? '0' + DD : DD
+
+        // 循环“时”数组
+        goHour: for (let hi = hIdx; hi < hDate.length; hi++) {
+          let hh = hDate[hi] < 10 ? '0' + hDate[hi] : hDate[hi]
+
+          // 如果到达最大值时
+          if (nMin > mDate[mDate.length - 1]) {
+            resetMin()
+            if (hi == hDate.length - 1) {
+              resetHour()
+              if (Di == DDate.length - 1) {
+                resetDay()
+                if (Mi == MDate.length - 1) {
+                  resetMonth()
+                  continue goYear
+                }
+                continue goMonth
+              }
+              continue goDay
+            }
+            continue
+          }
+          // 循环"分"数组
+          goMin: for (let mi = mIdx; mi < mDate.length; mi++) {
+            let mm = mDate[mi] < 10 ? '0' + mDate[mi] : mDate[mi]
+
+            // 如果到达最大值时
+            if (nSecond > sDate[sDate.length - 1]) {
+              resetSecond()
+              if (mi == mDate.length - 1) {
+                resetMin()
+                if (hi == hDate.length - 1) {
+                  resetHour()
+                  if (Di == DDate.length - 1) {
+                    resetDay()
+                    if (Mi == MDate.length - 1) {
+                      resetMonth()
+                      continue goYear
+                    }
+                    continue goMonth
+                  }
+                  continue goDay
+                }
+                continue goHour
+              }
+              continue
+            }
+            // 循环"秒"数组
+            goSecond: for (let si = sIdx; si <= sDate.length - 1; si++) {
+              let ss = sDate[si] < 10 ? '0' + sDate[si] : sDate[si]
+              // 添加当前时间（时间合法性在日期循环时已经判断）
+              if (MM !== '00' && DD !== '00') {
+                resultArr.push(YY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss)
+                nums++
+              }
+              // 如果条数满了就退出循环
+              if (nums == 5) break goYear
+              // 如果到达最大值时
+              if (si == sDate.length - 1) {
+                resetSecond()
+                if (mi == mDate.length - 1) {
+                  resetMin()
+                  if (hi == hDate.length - 1) {
+                    resetHour()
+                    if (Di == DDate.length - 1) {
+                      resetDay()
+                      if (Mi == MDate.length - 1) {
+                        resetMonth()
+                        continue goYear
+                      }
+                      continue goMonth
+                    }
+                    continue goDay
+                  }
+                  continue goHour
+                }
+                continue goMin
+              }
+            } //goSecond
+          } //goMin
+        } //goHour
+      } //goDay
+    } //goMonth
+  }
+  // 判断100年内的结果条数
+  if (resultArr.length == 0) {
+    resultList.value = ['没有达到条件的结果！']
+  } else {
+    resultList.value = resultArr
+    if (resultArr.length !== 5) {
+      resultList.value.push('最近100年内只有上面' + resultArr.length + '条结果！')
+    }
+  }
+  // 计算完成-显示结果
+  isShow.value = true
+}
+
+/**
+ * 用于计算某位数字在数组中的索引
+ */
+function getIndex(arr, value): number {
+  if (value <= arr[0] || value > arr[arr.length - 1]) {
+    return 0
+  } else {
+    for (let i = 0; i < arr.length - 1; i++) {
+      if (value > arr[i] && value <= arr[i + 1]) {
+        return i + 1
+      }
+    }
+  }
+  return 0
+}
+
+function getYearArr(rule, year) {
+  dateArr.value[5] = getOrderArr(year, year + 100)
+  if (rule !== undefined) {
+    if (rule.indexOf('-') >= 0) {
+      dateArr.value[5] = getCycleArr(rule, year + 100, false)
+    } else if (rule.indexOf('/') >= 0) {
+      dateArr.value[5] = getAverageArr(rule, year + 100)
+    } else if (rule !== '*') {
+      dateArr.value[5] = getAssignArr(rule)
+    }
+  }
+}
+
+function getMonthArr(rule) {
+  dateArr.value[4] = getOrderArr(1, 12)
+  if (rule.indexOf('-') >= 0) {
+    dateArr.value[4] = getCycleArr(rule, 12, false)
+  } else if (rule.indexOf('/') >= 0) {
+    dateArr.value[4] = getAverageArr(rule, 12)
+  } else if (rule !== '*') {
+    dateArr.value[4] = getAssignArr(rule)
+  }
+}
+
+function getWeekArr(rule) {
+  // 只有当日期规则的两个值均为“”时则表达日期是有选项的
+  if (dayRule.value === '' && dayRuleSup.value === '') {
+    if (rule.indexOf('-') >= 0) {
+      dayRule.value = 'weekDay'
+      dayRuleSup.value = getCycleArr(rule, 7, false)
+    } else if (rule.indexOf('#') >= 0) {
+      dayRule.value = 'assWeek'
+      let matchRule = rule.match(/[0-9]{1}/g)
+      dayRuleSup.value = [Number(matchRule[1]), Number(matchRule[0])]
+      dateArr.value[3] = [1]
+      if (dayRuleSup.value[1] == 7) {
+        dayRuleSup.value[1] = 0
+      }
+    } else if (rule.indexOf('L') >= 0) {
+      dayRule.value = 'lastWeek'
+      dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0])
+      dateArr.value[3] = [31]
+      if (dayRuleSup.value == 7) {
+        dayRuleSup.value = 0
+      }
+    } else if (rule !== '*' && rule !== '?') {
+      dayRule.value = 'weekDay'
+      dayRuleSup.value = getAssignArr(rule)
+    }
+  }
+}
+
+function getDayArr(rule) {
+  dateArr.value[3] = getOrderArr(1, 31)
+  dayRule.value = ''
+  dayRuleSup.value = ''
+  if (rule.indexOf('-') >= 0) {
+    dateArr.value[3] = getCycleArr(rule, 31, false)
+    dayRuleSup.value = 'null'
+  } else if (rule.indexOf('/') >= 0) {
+    dateArr.value[3] = getAverageArr(rule, 31)
+    dayRuleSup.value = 'null'
+  } else if (rule.indexOf('W') >= 0) {
+    dayRule.value = 'workDay'
+    dayRuleSup.value = Number(rule.match(/[0-9]{1,2}/g)[0])
+    dateArr.value[3] = [dayRuleSup.value]
+  } else if (rule.indexOf('L') >= 0) {
+    dayRule.value = 'lastDay'
+    dayRuleSup.value = 'null'
+    dateArr.value[3] = [31]
+  } else if (rule !== '*' && rule !== '?') {
+    dateArr.value[3] = getAssignArr(rule)
+    dayRuleSup.value = 'null'
+  } else if (rule == '*') {
+    dayRuleSup.value = 'null'
+  }
+}
+
+function getHourArr(rule) {
+  dateArr.value[2] = getOrderArr(0, 23)
+  if (rule.indexOf('-') >= 0) {
+    dateArr.value[2] = getCycleArr(rule, 24, true)
+  } else if (rule.indexOf('/') >= 0) {
+    dateArr.value[2] = getAverageArr(rule, 23)
+  } else if (rule !== '*') {
+    dateArr.value[2] = getAssignArr(rule)
+  }
+}
+
+function getMinArr(rule) {
+  dateArr.value[1] = getOrderArr(0, 59)
+  if (rule.indexOf('-') >= 0) {
+    dateArr.value[1] = getCycleArr(rule, 60, true)
+  } else if (rule.indexOf('/') >= 0) {
+    dateArr.value[1] = getAverageArr(rule, 59)
+  } else if (rule !== '*') {
+    dateArr.value[1] = getAssignArr(rule)
+  }
+}
+
+function getSecondArr(rule) {
+  dateArr.value[0] = getOrderArr(0, 59)
+  if (rule.indexOf('-') >= 0) {
+    dateArr.value[0] = getCycleArr(rule, 60, true)
+  } else if (rule.indexOf('/') >= 0) {
+    dateArr.value[0] = getAverageArr(rule, 59)
+  } else if (rule !== '*') {
+    dateArr.value[0] = getAssignArr(rule)
+  }
+}
+
+function getOrderArr(min: number, max: number): number[] {
+  let arr: number[] = []
+  for (let i = min; i <= max; i++) {
+    arr.push(i)
+  }
+  return arr
+}
+
+function getAssignArr(rule) {
+  let arr: number[] = []
+  let assiginArr = rule.split(',')
+  for (let i = 0; i < assiginArr.length; i++) {
+    arr[i] = Number(assiginArr[i])
+  }
+  arr.sort(compare)
+  return arr
+}
+
+function compare(value1, value2) {
+  if (value2 - value1 > 0) {
+    return -1
+  } else {
+    return 1
+  }
+}
+
+function getAverageArr(rule, limit): number[] {
+  let arr: number[] = []
+  let agArr = rule.split('/')
+  let min = Number(agArr[0])
+  let step = Number(agArr[1])
+  while (min <= limit) {
+    arr.push(min)
+    min += step
+  }
+  return arr
+}
+
+function getCycleArr(rule, limit: number, status): number[] {
+  // status--表示是否从0开始（则从1开始）
+  let arr: number[] = []
+  let cycleArr = rule.split('-')
+  let min = Number(cycleArr[0])
+  let max = Number(cycleArr[1])
+  if (min > max) {
+    max += limit
+  }
+  for (let i = min; i <= max; i++) {
+    let add = 0
+    if (status == false && i % limit == 0) {
+      add = limit
+    }
+    arr.push(Math.round((i % limit) + add))
+  }
+  arr.sort(compare)
+  return arr
+}
+
+function formatDate(value, type?) {
+  // 计算日期相关值
+  let time = typeof value == 'number' ? new Date(value) : value
+  let Y = time.getFullYear()
+  let M = time.getMonth() + 1
+  let D = time.getDate()
+  let h = time.getHours()
+  let m = time.getMinutes()
+  let s = time.getSeconds()
+  let week = time.getDay()
+  // 如果传递了type的话
+  if (type == undefined) {
+    return (
+      Y +
+      '-' +
+      (M < 10 ? '0' + M : M) +
+      '-' +
+      (D < 10 ? '0' + D : D) +
+      ' ' +
+      (h < 10 ? '0' + h : h) +
+      ':' +
+      (m < 10 ? '0' + m : m) +
+      ':' +
+      (s < 10 ? '0' + s : s)
+    )
+  } else if (type == 'week') {
+    // 在quartz中 1为星期日
+    return week + 1
+  }
+}
+
+function checkDate(value) {
+  let time = new Date(value)
+  let format = formatDate(time)
+  return value === format
+}
+</script>
+<template>
+  <div class="popup-result">
+    <p class="title">最近5次运行时间</p>
+    <ul class="popup-result-scroll">
+      <template v-if="isShow">
+        <li v-for="item in resultList" :key="item">{{ item }}</li>
+      </template>
+      <li v-else>计算结果中...</li>
+    </ul>
+  </div>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/second.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/second.vue
new file mode 100644
index 0000000..f3cf00a
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/second.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const radioValue = ref(1)
+const cycle01 = ref(1)
+const cycle02 = ref(2)
+const average01 = ref(0)
+const average02 = ref(1)
+const checkboxList = ref([])
+
+defineExpose({
+  radioValue,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 0, 58)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : 1, 59)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 2) {
+    emits('update', 'second', cycleTotal)
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 0, 58)
+  const average2 = props.check(average02.value, 1, 59 - average1 || 0)
+  return average1 + '/' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'second', averageTotal)
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'second', checkboxString)
+  }
+})
+
+watch(radioValue, () => {
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'second', '*', 'second')
+      break
+    case 2:
+      emits('update', 'second', cycleTotal)
+      break
+    case 3:
+      emits('update', 'second', averageTotal)
+      break
+    case 4:
+      emits('update', 'second', checkboxString)
+      break
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 秒，允许的通配符[, - * /] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2">
+        周期从
+        <el-input-number v-model="cycle01" :min="0" :max="58" /> -
+        <el-input-number v-model="cycle02" :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 秒
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        从
+        <el-input-number v-model="average01" :min="0" :max="58" /> 秒开始，每
+        <el-input-number v-model="average02" :min="1" :max="59 - average01 || 0" /> 秒执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option v-for="item in 60" :key="item" :value="item - 1">{{ item - 1 }}</el-option>
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/week.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/week.vue
new file mode 100644
index 0000000..5a940fa
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/week.vue
@@ -0,0 +1,223 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const radioValue = ref<number>(2)
+const weekday = ref<number>(2)
+const cycle01 = ref<number>(2)
+const cycle02 = ref<number>(3)
+const average01 = ref<number>(1)
+const average02 = ref<number>(2)
+const checkboxList = ref([])
+const weekList = ref([
+  {
+    key: 2,
+    value: '星期一'
+  },
+  {
+    key: 3,
+    value: '星期二'
+  },
+  {
+    key: 4,
+    value: '星期三'
+  },
+  {
+    key: 5,
+    value: '星期四'
+  },
+  {
+    key: 6,
+    value: '星期五'
+  },
+  {
+    key: 7,
+    value: '星期六'
+  },
+  {
+    key: 1,
+    value: '星期日'
+  }
+])
+
+defineExpose({
+  radioValue,
+  weekday,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, 1, 7)
+  const cycle2 = props.check(cycle02.value, 1, 7)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'month', cycleTotal)
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, 1, 4)
+  const average2 = props.check(average02.value, 1, 7)
+  return average1 + '#' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'month', averageTotal)
+  }
+})
+
+const weekdayCheck = computed(() => {
+  return props.check(weekday.value, 1, 7)
+})
+
+watch(weekdayCheck, () => {
+  if (parseInt(radioValue.value.toString()) === 5) {
+    emits('update', 'week', weekday.value + 'L')
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 6) {
+    emits('update', 'month', checkboxString)
+  }
+})
+
+watch(radioValue, () => {
+  if (parseInt(radioValue.value.toString()) !== 2 && radioValue.value.toString() !== '?') {
+    emits('update', 'day', '?', 'week')
+  }
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'week', '*')
+      break
+    case 2:
+      emits('update', 'week', '?')
+      break
+    case 3:
+      emits('update', 'week', cycleTotal)
+      break
+    case 4:
+      emits('update', 'week', averageTotal)
+      break
+    case 5:
+      emits('update', 'week', weekdayCheck.value + 'L')
+      break
+    case 6:
+      emits('update', 'week', checkboxString)
+      break
+  }
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="1"> 周，允许的通配符[, - * ? / L #] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="2"> 不指定 </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="3">
+        周期从星期
+        <el-select clearable v-model="cycle01">
+          <el-option
+            v-for="(item, index) of weekList"
+            :key="index"
+            :label="item.value"
+            :value="item.key"
+            :disabled="item.key === 1"
+            >{{ item.value }}</el-option
+          >
+        </el-select>
+        -
+        <el-select clearable v-model="cycle02">
+          <el-option
+            v-for="(item, index) of weekList"
+            :key="index"
+            :label="item.value"
+            :value="item.key"
+            :disabled="item.key < cycle01 && item.key !== 1"
+            >{{ item.value }}</el-option
+          >
+        </el-select>
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="4">
+        第
+        <el-input-number v-model="average01" :min="1" :max="4" /> 周的星期
+        <el-select clearable v-model="average02">
+          <el-option
+            v-for="(item, index) of weekList"
+            :key="index"
+            :label="item.value"
+            :value="item.key"
+            >{{ item.value }}</el-option
+          >
+        </el-select>
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="5">
+        本月最后一个星期
+        <el-select clearable v-model="weekday">
+          <el-option
+            v-for="(item, index) of weekList"
+            :key="index"
+            :label="item.value"
+            :value="item.key"
+            >{{ item.value }}</el-option
+          >
+        </el-select>
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio v-model="radioValue" :label="6">
+        指定
+        <el-select
+          clearable
+          v-model="checkboxList"
+          placeholder="可多选"
+          multiple
+          style="width: 100%"
+        >
+          <el-option
+            v-for="(item, index) of weekList"
+            :key="index"
+            :label="item.value"
+            :value="String(item.key)"
+            >{{ item.value }}</el-option
+          >
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/components/year.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/components/year.vue
new file mode 100644
index 0000000..c17f3f3
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/components/year.vue
@@ -0,0 +1,139 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import { ElForm, ElFormItem, ElRadio, ElSelect, ElOption, ElInputNumber } from 'element-plus'
+const props = defineProps({
+  check: {
+    type: Function,
+    required: true
+  },
+  cron: {
+    type: Object
+  }
+})
+const emits = defineEmits(['update'])
+
+const fullYear = ref<number>(0)
+const radioValue = ref<number>(1)
+const cycle01 = ref<number>(0)
+const cycle02 = ref<number>(0)
+const average01 = ref<number>(0)
+const average02 = ref<number>(1)
+const checkboxList = ref([])
+
+defineExpose({
+  fullYear,
+  radioValue,
+  cycle01,
+  cycle02,
+  average01,
+  average02,
+  checkboxList
+})
+
+const cycleTotal = computed(() => {
+  const cycle1 = props.check(cycle01.value, fullYear.value, 2098)
+  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : fullYear.value, 2099)
+  return cycle1 + '-' + cycle2
+})
+
+watch(cycleTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 3) {
+    emits('update', 'year', cycleTotal)
+  }
+})
+
+const averageTotal = computed(() => {
+  const average1 = props.check(average01.value, fullYear.value, 2098)
+  const average2 = props.check(average02.value, 1, 2099 - average1 || fullYear.value)
+  return average1 + '/' + average2
+})
+
+watch(averageTotal, () => {
+  if (parseInt(radioValue.value.toString()) === 4) {
+    emits('update', 'year', averageTotal)
+  }
+})
+
+const checkboxString = computed(() => {
+  let str = checkboxList.value.join()
+  return str.length === 0 ? '*' : str
+})
+
+watch(checkboxString, () => {
+  if (parseInt(radioValue.value.toString()) === 5) {
+    emits('update', 'year', checkboxString)
+  }
+})
+
+watch(radioValue, () => {
+  switch (parseInt(radioValue.value.toString())) {
+    case 1:
+      emits('update', 'year', '')
+      break
+    case 2:
+      emits('update', 'year', '*')
+      break
+    case 3:
+      emits('update', 'year', cycleTotal, 'min')
+      break
+    case 4:
+      emits('update', 'year', averageTotal, 'min')
+      break
+    case 5:
+      emits('update', 'year', checkboxString, 'min')
+      break
+  }
+})
+
+onMounted(() => {
+  fullYear.value = Number(new Date().getFullYear())
+  cycle01.value = fullYear.value
+  average01.value = fullYear.value
+})
+</script>
+<template>
+  <el-form>
+    <el-form-item>
+      <el-radio label="1" v-model="radioValue"> 不填，允许的通配符[, - * /] </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio label="2" v-model="radioValue"> 每年 </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio label="3" v-model="radioValue">
+        周期从
+        <el-input-number v-model="cycle01" :min="fullYear" :max="2098" /> -
+        <el-input-number
+          v-model="cycle02"
+          :min="cycle01 ? cycle01 + 1 : fullYear + 1"
+          :max="2099"
+        />
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio label="4" v-model="radioValue">
+        从
+        <el-input-number v-model="average01" :min="fullYear" :max="2098" /> 年开始，每
+        <el-input-number v-model="average02" :min="1" :max="2099 - average01 || fullYear" />
+        年执行一次
+      </el-radio>
+    </el-form-item>
+
+    <el-form-item>
+      <el-radio label="5" v-model="radioValue">
+        指定
+        <el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
+          <el-option
+            v-for="item in 9"
+            :key="item"
+            :value="item - 1 + fullYear"
+            :label="item - 1 + fullYear"
+          />
+        </el-select>
+      </el-radio>
+    </el-form-item>
+  </el-form>
+</template>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/src/index.vue b/yudao-ui-admin-vue3/src/components/Crontab/src/index.vue
new file mode 100644
index 0000000..e71276b
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/components/Crontab/src/index.vue
@@ -0,0 +1,437 @@
+<script setup lang="ts">
+import {
+  CrontabSecond,
+  CrontabMin,
+  CrontabHour,
+  CrontabDay,
+  CrontabMonth,
+  CrontabWeek,
+  CrontabYear,
+  CrontabResult
+} from './components'
+import { ElTabs, ElTabPane } from 'element-plus'
+import { computed, defineEmits, defineProps, onMounted, Ref, ref, watch } from 'vue'
+
+const cronsecond = ref(null)
+const cronmin = ref(null)
+const cronhour = ref(null)
+const cronday = ref(null)
+const cronmonth = ref(null)
+const cronweek = ref(null)
+const cronyear = ref(null)
+
+const refs = ref<Record<string, Ref>>({})
+onMounted(() => {
+  refs.value.cronsecond = cronsecond
+  refs.value.cronmin = cronmin
+  refs.value.cronhour = cronhour
+  refs.value.cronday = cronday
+  refs.value.cronmonth = cronmonth
+  refs.value.cronweek = cronweek
+  refs.value.cronyear = cronyear
+})
+
+const props = defineProps({
+  expression: {
+    type: String,
+    required: false
+  },
+  hideComponent: {
+    type: Array
+  }
+})
+
+const emit = defineEmits(['hide', 'fill'])
+
+const tabTitles = ['秒', '分钟', '小时', '日', '月', '周', '年']
+
+const crontabValueObj = ref({
+  second: '*',
+  min: '*',
+  hour: '*',
+  day: '*',
+  month: '*',
+  week: '?',
+  year: ''
+})
+
+function shouldHide(key) {
+  return !(props.hideComponent && props.hideComponent.includes(key))
+}
+
+function resolveExp() {
+  // 反解析 表达式
+  if (props.expression) {
+    let arr = props.expression.split(' ')
+    if (arr.length >= 6) {
+      //6 位以上是合法表达式
+      let obj = {
+        second: arr[0],
+        min: arr[1],
+        hour: arr[2],
+        day: arr[3],
+        month: arr[4],
+        week: arr[5],
+        year: arr[6] ? arr[6] : ''
+      }
+      crontabValueObj.value = {
+        ...obj
+      }
+      for (let i in obj) {
+        if (obj[i]) {
+          changeRadio(i, obj[i])
+        }
+      }
+    }
+  } else {
+    // 没有传入的表达式 则还原
+    clearCron()
+  }
+}
+
+// 由子组件触发，更改表达式组成的字段值
+function updateCrontabValue(name, value, from) {
+  crontabValueObj.value[name] = value
+  if (from && from !== name) {
+    console.log(`来自组件 ${from} 改变了 ${name} ${value}`)
+    changeRadio(name, value)
+  }
+}
+// 赋值到组件
+function changeRadio(name, value) {
+  let arr = ['second', 'min', 'hour', 'month'],
+    refName = 'cron' + name,
+    insValue
+
+  if (!refs.value[refName]) return
+
+  if (arr.includes(name)) {
+    if (value === '*') {
+      insValue = 1
+    } else if (value.indexOf('-') > -1) {
+      let indexArr = value.split('-')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].cycle01 = 0)
+        : (refs.value[refName].cycle01 = indexArr[0])
+      refs.value[refName].cycle02 = indexArr[1]
+      insValue = 2
+    } else if (value.indexOf('/') > -1) {
+      let indexArr = value.split('/')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].average01 = 0)
+        : (refs.value[refName].average01 = indexArr[0])
+      refs.value[refName].average02 = indexArr[1]
+      insValue = 3
+    } else {
+      insValue = 4
+      refs.value[refName].checkboxList = value.split(',')
+    }
+  } else if (name == 'day') {
+    if (value === '*') {
+      insValue = 1
+    } else if (value == '?') {
+      insValue = 2
+    } else if (value.indexOf('-') > -1) {
+      let indexArr = value.split('-')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].cycle01 = 0)
+        : (refs.value[refName].cycle01 = indexArr[0])
+      refs.value[refName].cycle02 = indexArr[1]
+      insValue = 3
+    } else if (value.indexOf('/') > -1) {
+      let indexArr = value.split('/')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].average01 = 0)
+        : (refs.value[refName].average01 = indexArr[0])
+      refs.value[refName].average02 = indexArr[1]
+      insValue = 4
+    } else if (value.indexOf('W') > -1) {
+      let indexArr = value.split('W')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].workday = 0)
+        : (refs.value[refName].workday = indexArr[0])
+      insValue = 5
+    } else if (value === 'L') {
+      insValue = 6
+    } else {
+      refs.value[refName].checkboxList = value.split(',')
+      insValue = 7
+    }
+  } else if (name == 'week') {
+    if (value === '*') {
+      insValue = 1
+    } else if (value == '?') {
+      insValue = 2
+    } else if (value.indexOf('-') > -1) {
+      let indexArr = value.split('-')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].cycle01 = 0)
+        : (refs.value[refName].cycle01 = indexArr[0])
+      refs.value[refName].cycle02 = indexArr[1]
+      insValue = 3
+    } else if (value.indexOf('#') > -1) {
+      let indexArr = value.split('#')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].average01 = 1)
+        : (refs.value[refName].average01 = indexArr[0])
+      refs.value[refName].average02 = indexArr[1]
+      insValue = 4
+    } else if (value.indexOf('L') > -1) {
+      let indexArr = value.split('L')
+      isNaN(indexArr[0])
+        ? (refs.value[refName].weekday = 1)
+        : (refs.value[refName].weekday = indexArr[0])
+      insValue = 5
+    } else {
+      refs.value[refName].checkboxList = value.split(',')
+      insValue = 6
+    }
+  } else if (name == 'year') {
+    if (value == '') {
+      insValue = 1
+    } else if (value == '*') {
+      insValue = 2
+    } else if (value.indexOf('-') > -1) {
+      insValue = 3
+    } else if (value.indexOf('/') > -1) {
+      insValue = 4
+    } else {
+      refs.value[refName].checkboxList = value.split(',')
+      insValue = 5
+    }
+  }
+  refs.value[refName].radioValue = insValue
+}
+
+// 表单选项的子组件校验数字格式（通过-props传递）
+function checkNumber(value, minLimit, maxLimit) {
+  // 检查必须为整数
+  value = Math.floor(value)
+  if (value < minLimit) {
+    value = minLimit
+  } else if (value > maxLimit) {
+    value = maxLimit
+  }
+  return value
+}
+
+// 隐藏弹窗
+function hidePopup() {
+  emit('hide')
+}
+
+// 填充表达式
+function submitFill() {
+  emit('fill', crontabValueString)
+  hidePopup()
+}
+
+const crontabValueString = computed(() => {
+  let obj = crontabValueObj.value
+  return (
+    obj.second +
+    ' ' +
+    obj.min +
+    ' ' +
+    obj.hour +
+    ' ' +
+    obj.day +
+    ' ' +
+    obj.month +
+    ' ' +
+    obj.week +
+    (obj.year === '' ? '' : ' ' + obj.year)
+  )
+})
+
+function clearCron() {
+  // 还原选择项
+  crontabValueObj.value = {
+    second: '*',
+    min: '*',
+    hour: '*',
+    day: '*',
+    month: '*',
+    week: '?',
+    year: ''
+  }
+  for (let j in crontabValueObj.value) {
+    changeRadio(j, crontabValueObj.value[j])
+  }
+}
+
+watch(() => props.expression, resolveExp)
+</script>
+<template>
+  <div>
+    <el-tabs type="border-card">
+      <el-tab-pane label="秒" v-if="shouldHide('second')">
+        <CrontabSecond
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronsecond"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="分钟" v-if="shouldHide('min')">
+        <CrontabMin
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronmin"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="小时" v-if="shouldHide('hour')">
+        <CrontabHour
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronhour"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="日" v-if="shouldHide('day')">
+        <CrontabDay
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronday"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="月" v-if="shouldHide('month')">
+        <CrontabMonth
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronmonth"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="周" v-if="shouldHide('week')">
+        <CrontabWeek
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronweek"
+        />
+      </el-tab-pane>
+
+      <el-tab-pane label="年" v-if="shouldHide('year')">
+        <CrontabYear
+          @update="updateCrontabValue"
+          :check="checkNumber"
+          :cron="crontabValueObj"
+          ref="cronyear"
+        />
+      </el-tab-pane>
+    </el-tabs>
+
+    <div class="popup-main">
+      <div class="popup-result">
+        <p class="title">时间表达式</p>
+        <table>
+          <thead>
+            <th v-for="item of tabTitles" width="40" :key="item">{{ item }}</th>
+            <th>Cron 表达式</th>
+          </thead>
+          <tbody>
+            <td>
+              <span>{{ crontabValueObj.second }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.min }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.hour }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.day }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.month }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.week }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueObj.year }}</span>
+            </td>
+            <td>
+              <span>{{ crontabValueString }}</span>
+            </td>
+          </tbody>
+        </table>
+      </div>
+      <CrontabResult :ex="crontabValueString" />
+
+      <div class="pop_btn">
+        <el-button type="primary" @click="submitFill">确定</el-button>
+        <el-button type="warning" @click="clearCron">重置</el-button>
+        <el-button @click="hidePopup">取消</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.pop_btn {
+  text-align: center;
+  margin-top: 20px;
+}
+.popup-main {
+  position: relative;
+  margin: 10px auto;
+  background: #fff;
+  border-radius: 5px;
+  font-size: 12px;
+  overflow: hidden;
+}
+.popup-title {
+  overflow: hidden;
+  line-height: 34px;
+  padding-top: 6px;
+  background: #f2f2f2;
+}
+.popup-result {
+  box-sizing: border-box;
+  line-height: 24px;
+  margin: 25px auto;
+  padding: 15px 10px 10px;
+  border: 1px solid #ccc;
+  position: relative;
+}
+.popup-result .title {
+  position: absolute;
+  top: -28px;
+  left: 50%;
+  width: 140px;
+  font-size: 14px;
+  margin-left: -70px;
+  text-align: center;
+  line-height: 30px;
+  background: #fff;
+}
+.popup-result table {
+  text-align: center;
+  width: 100%;
+  margin: 0 auto;
+}
+.popup-result table span {
+  display: block;
+  width: 100%;
+  font-family: arial;
+  line-height: 30px;
+  height: 30px;
+  white-space: nowrap;
+  overflow: hidden;
+  border: 1px solid #e8e8e8;
+}
+.popup-result-scroll {
+  font-size: 12px;
+  line-height: 24px;
+  height: 10em;
+  overflow-y: auto;
+}
+</style>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/week.vue b/yudao-ui-admin-vue3/src/components/Crontab/week.vue
deleted file mode 100644
index ea3e776..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/week.vue
+++ /dev/null
@@ -1,224 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="1"> 周，允许的通配符[, - * ? / L #] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="2"> 不指定 </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="3">
-        周期从星期
-        <el-select clearable v-model="cycle01">
-          <el-option
-            v-for="(item, index) of weekList"
-            :key="index"
-            :label="item.value"
-            :value="item.key"
-            :disabled="item.key === 1"
-            >{{ item.value }}</el-option
-          >
-        </el-select>
-        -
-        <el-select clearable v-model="cycle02">
-          <el-option
-            v-for="(item, index) of weekList"
-            :key="index"
-            :label="item.value"
-            :value="item.key"
-            :disabled="item.key < cycle01 && item.key !== 1"
-            >{{ item.value }}</el-option
-          >
-        </el-select>
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="4">
-        第
-        <el-input-number v-model="average01" :min="1" :max="4" /> 周的星期
-        <el-select clearable v-model="average02">
-          <el-option
-            v-for="(item, index) of weekList"
-            :key="index"
-            :label="item.value"
-            :value="item.key"
-            >{{ item.value }}</el-option
-          >
-        </el-select>
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="5">
-        本月最后一个星期
-        <el-select clearable v-model="weekday">
-          <el-option
-            v-for="(item, index) of weekList"
-            :key="index"
-            :label="item.value"
-            :value="item.key"
-            >{{ item.value }}</el-option
-          >
-        </el-select>
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio v-model="radioValue" :label="6">
-        指定
-        <el-select
-          clearable
-          v-model="checkboxList"
-          placeholder="可多选"
-          multiple
-          style="width: 100%"
-        >
-          <el-option
-            v-for="(item, index) of weekList"
-            :key="index"
-            :label="item.value"
-            :value="String(item.key)"
-            >{{ item.value }}</el-option
-          >
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const radioValue = ref<number>(2)
-const weekday = ref<number>(2)
-const cycle01 = ref<number>(2)
-const cycle02 = ref<number>(3)
-const average01 = ref<number>(1)
-const average02 = ref<number>(2)
-const checkboxList = ref([])
-const weekList = ref([
-  {
-    key: 2,
-    value: '星期一'
-  },
-  {
-    key: 3,
-    value: '星期二'
-  },
-  {
-    key: 4,
-    value: '星期三'
-  },
-  {
-    key: 5,
-    value: '星期四'
-  },
-  {
-    key: 6,
-    value: '星期五'
-  },
-  {
-    key: 7,
-    value: '星期六'
-  },
-  {
-    key: 1,
-    value: '星期日'
-  }
-])
-
-defineExpose({
-  radioValue,
-  weekday,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, 1, 7)
-  const cycle2 = props.check(cycle02.value, 1, 7)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'month', cycleTotal)
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, 1, 4)
-  const average2 = props.check(average02.value, 1, 7)
-  return average1 + '#' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'month', averageTotal)
-  }
-})
-
-const weekdayCheck = computed(() => {
-  return props.check(weekday.value, 1, 7)
-})
-
-watch(weekdayCheck, () => {
-  if (parseInt(radioValue.value.toString()) === 5) {
-    emits('update', 'week', weekday.value + 'L')
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 6) {
-    emits('update', 'month', checkboxString)
-  }
-})
-
-watch(radioValue, () => {
-  if (parseInt(radioValue.value.toString()) !== 2 && radioValue.value.toString() !== '?') {
-    emits('update', 'day', '?', 'week')
-  }
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'week', '*')
-      break
-    case 2:
-      emits('update', 'week', '?')
-      break
-    case 3:
-      emits('update', 'week', cycleTotal)
-      break
-    case 4:
-      emits('update', 'week', averageTotal)
-      break
-    case 5:
-      emits('update', 'week', weekdayCheck.value + 'L')
-      break
-    case 6:
-      emits('update', 'week', checkboxString)
-      break
-  }
-})
-</script>
diff --git a/yudao-ui-admin-vue3/src/components/Crontab/year.vue b/yudao-ui-admin-vue3/src/components/Crontab/year.vue
deleted file mode 100644
index f798f70..0000000
--- a/yudao-ui-admin-vue3/src/components/Crontab/year.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <el-form size="small">
-    <el-form-item>
-      <el-radio label="1" v-model="radioValue"> 不填，允许的通配符[, - * /] </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio label="2" v-model="radioValue"> 每年 </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio label="3" v-model="radioValue">
-        周期从
-        <el-input-number v-model="cycle01" :min="fullYear" :max="2098" /> -
-        <el-input-number
-          v-model="cycle02"
-          :min="cycle01 ? cycle01 + 1 : fullYear + 1"
-          :max="2099"
-        />
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio label="4" v-model="radioValue">
-        从
-        <el-input-number v-model="average01" :min="fullYear" :max="2098" /> 年开始，每
-        <el-input-number v-model="average02" :min="1" :max="2099 - average01 || fullYear" />
-        年执行一次
-      </el-radio>
-    </el-form-item>
-
-    <el-form-item>
-      <el-radio label="5" v-model="radioValue">
-        指定
-        <el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
-          <el-option
-            v-for="item in 9"
-            :key="item"
-            :value="item - 1 + fullYear"
-            :label="item - 1 + fullYear"
-          />
-        </el-select>
-      </el-radio>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script lang="ts" setup>
-import { computed, onMounted, ref, watch } from 'vue'
-
-const props = defineProps({
-  check: {
-    type: Function,
-    required: true
-  },
-  cron: {
-    type: Object
-  }
-})
-const emits = defineEmits(['update'])
-
-const fullYear = ref<number>(0)
-const radioValue = ref<number>(1)
-const cycle01 = ref<number>(0)
-const cycle02 = ref<number>(0)
-const average01 = ref<number>(0)
-const average02 = ref<number>(1)
-const checkboxList = ref([])
-
-defineExpose({
-  fullYear,
-  radioValue,
-  cycle01,
-  cycle02,
-  average01,
-  average02,
-  checkboxList
-})
-
-const cycleTotal = computed(() => {
-  const cycle1 = props.check(cycle01.value, fullYear.value, 2098)
-  const cycle2 = props.check(cycle02.value, cycle1 ? cycle1 + 1 : fullYear.value, 2099)
-  return cycle1 + '-' + cycle2
-})
-
-watch(cycleTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 3) {
-    emits('update', 'year', cycleTotal)
-  }
-})
-
-const averageTotal = computed(() => {
-  const average1 = props.check(average01.value, fullYear.value, 2098)
-  const average2 = props.check(average02.value, 1, 2099 - average1 || fullYear.value)
-  return average1 + '/' + average2
-})
-
-watch(averageTotal, () => {
-  if (parseInt(radioValue.value.toString()) === 4) {
-    emits('update', 'year', averageTotal)
-  }
-})
-
-const checkboxString = computed(() => {
-  let str = checkboxList.value.join()
-  return str.length === 0 ? '*' : str
-})
-
-watch(checkboxString, () => {
-  if (parseInt(radioValue.value.toString()) === 5) {
-    emits('update', 'year', checkboxString)
-  }
-})
-
-watch(radioValue, () => {
-  switch (parseInt(radioValue.value.toString())) {
-    case 1:
-      emits('update', 'year', '')
-      break
-    case 2:
-      emits('update', 'year', '*')
-      break
-    case 3:
-      emits('update', 'year', cycleTotal, 'min')
-      break
-    case 4:
-      emits('update', 'year', averageTotal, 'min')
-      break
-    case 5:
-      emits('update', 'year', checkboxString, 'min')
-      break
-  }
-})
-
-onMounted(() => {
-  fullYear.value = Number(new Date().getFullYear())
-  cycle01.value = fullYear.value
-  average01.value = fullYear.value
-})
-</script>
--
libgit2 0.21.4