Files
mayfly-go/mayfly_go_web/src/components/crontab/CrontabInput.vue

20 lines
651 B
Vue
Raw Normal View History

<template>
<el-input v-model="cron" placeholder="可点击左边按钮进行可视化配置">
<template #prepend>
<el-button @click="showCron = true" icon="Pointer"></el-button>
</template>
</el-input>
<el-dialog title="生成 cron" v-model="showCron" width="600px">
<Crontab :expression="cron" @hide="showCron = false" @fill="(ex: any) => (cron = ex)" />
</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import Crontab from '@/components/crontab/Crontab.vue';
const cron = defineModel<string>('modelValue', { required: true });
const showCron = ref(false);
</script>