second.vue
2.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<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>