提交：山西林昇焱工贸有限公司/山西羿神晟农生物科技发展有限公司 配置文件

yyb

5 小时以前 3a2ab7f3a7f89cd299df07126d74a2c6f3ce91f8

 src/components/Crontab/second.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,128 @@
<template>

    <el-form>

        <el-form-item>

            <el-radio v-model='radioValue' :value="1">

                ç§’，允许的通配符[, - * /]

            </el-radio>

        </el-form-item>



        <el-form-item>

            <el-radio v-model='radioValue' :value="2">

                å‘¨æœŸä»Ž

                <el-input-number v-model='cycle01' :min="0" :max="58" /> -

                <el-input-number v-model='cycle02' :min="cycle01 + 1" :max="59" /> ç§’

            </el-radio>

        </el-form-item>



        <el-form-item>

            <el-radio v-model='radioValue' :value="3">

                ä»Ž

                <el-input-number v-model='average01' :min="0" :max="58" /> ç§’开始，每

                <el-input-number v-model='average02' :min="1" :max="59 - average01" /> ç§’执行一次

            </el-radio>

        </el-form-item>



        <el-form-item>

            <el-radio v-model='radioValue' :value="4">

                æŒ‡å®š

                <el-select clearable v-model="checkboxList" placeholder="可多选" multiple :multiple-limit="10">

                    <el-option v-for="item in 60" :key="item" :label="item - 1" :value="item - 1" />

                </el-select>

            </el-radio>

        </el-form-item>

    </el-form>

</template>



<script setup>

const emit = defineEmits(['update'])

const props = defineProps({

    cron: {

        type: Object,

        default: {

            second: "*",

            min: "*",

            hour: "*",

            day: "*",

            month: "*",

            week: "?",

            year: "",

        }

    },

    check: {

        type: Function,

        default: () => {

        }

    }

})

const radioValue = ref(1)

const cycle01 = ref(0)

const cycle02 = ref(1)

const average01 = ref(0)

const average02 = ref(1)

const checkboxList = ref([])

const checkCopy = ref([0])

const cycleTotal = computed(() => {

    cycle01.value = props.check(cycle01.value, 0, 58)

    cycle02.value = props.check(cycle02.value, cycle01.value + 1, 59)

    return cycle01.value + '-' + cycle02.value

})

const averageTotal = computed(() => {

    average01.value = props.check(average01.value, 0, 58)

    average02.value = props.check(average02.value, 1, 59 - average01.value)

    return average01.value + '/' + average02.value

})

const checkboxString = computed(() => {

    return checkboxList.value.join(',')

})

watch(() => props.cron.second, value => changeRadioValue(value))

watch([radioValue, cycleTotal, averageTotal, checkboxString], () => onRadioChange())

function changeRadioValue(value) {

    if (value === '*') {

        radioValue.value = 1

    } else if (value.indexOf('-') > -1) {

        const indexArr = value.split('-')

        cycle01.value = Number(indexArr[0])

        cycle02.value = Number(indexArr[1])

        radioValue.value = 2

    } else if (value.indexOf('/') > -1) {

        const indexArr = value.split('/')

        average01.value = Number(indexArr[0])

        average02.value = Number(indexArr[1])

        radioValue.value = 3

    } else {

        checkboxList.value = [...new Set(value.split(',').map(item => Number(item)))]

        radioValue.value = 4

    }

}

// å•é€‰æŒ‰é’®å€¼å˜åŒ–æ—¶

function onRadioChange() {

    switch (radioValue.value) {

        case 1:

            emit('update', 'second', '*', 'second')

            break

        case 2:

            emit('update', 'second', cycleTotal.value, 'second')

            break

        case 3:

            emit('update', 'second', averageTotal.value, 'second')

            break

        case 4:

            if (checkboxList.value.length === 0) {

                checkboxList.value.push(checkCopy.value[0])

            } else {

                checkCopy.value = checkboxList.value

            }

            emit('update', 'second', checkboxString.value, 'second')

            break

    }

}

</script>



<style lang="scss" scoped>

.el-input-number--small, .el-select, .el-select--small {

    margin: 0 0.2rem;

}

.el-select, .el-select--small {

    width: 18.8rem;

}

</style>