zenghuapei
/
cyywl_server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: crontab

pull/2/head
xingyu4j 2022-11-29 14:24:33 +08:00
parent 583921112b
commit 58ef8a6b1d
1 changed files with 31 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
yudao-ui-admin-vue3/src/components/Crontab/src/Crontab.vue
View File

@ -2,9 +2,6 @@
import {
ElInput,
ElInputNumber,
ElDropdown,
ElDropdownMenu,
ElDropdownItem,
ElDialog,
ElTabs,
ElTabPane,
@ -352,14 +349,19 @@ onMounted(() => {
defaultValue.value = props.modelValue
})
const emit = defineEmits(['update:modelValue'])
const handleShortcuts = (command) => {
if (command == 'custom') {
const select = ref()
watch(
() => select.value,
() => {
console.info(select.value)
if (select.value == 'custom') {
open()
} else {
defaultValue.value = command
defaultValue.value = select.value
emit('update:modelValue', defaultValue.value)
}
}
}
)
const open = () => {
set()
dialogVisible.value = true
@ -510,37 +512,23 @@ const submit = () => {
}
</script>
<template>
<el-input v-model="defaultValue" v-bind="$attrs">
<el-input v-model="defaultValue" v-bind="$attrs" class="input-with-select">
<template #append>
<el-dropdown
split-button
type="text"
@command="handleShortcuts"
style="width: 35px; margin-left: 5px; margin-right: 2px"
>
生成器
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="0 * * * * ?">每分钟</el-dropdown-item>
<el-dropdown-item command="0 0 * * * ?">每小时</el-dropdown-item>
<el-dropdown-item command="0 0 0 * * ?">每天零点</el-dropdown-item>
<el-dropdown-item command="0 0 0 1 * ?">每月一号零点</el-dropdown-item>
<el-dropdown-item command="0 0 0 L * ?">每月最后一天零点</el-dropdown-item>
<el-dropdown-item command="0 0 0 ? * 1">每周星期日零点</el-dropdown-item>
<el-dropdown-item
<el-select v-model="select" placeholder="生成器" style="width: 115px">
<el-option label="每分钟" value="0 * * * * ?" />
<el-option label="每小时" value="0 0 * * * ?" />
<el-option label="每天零点" value="0 0 0 * * ?" />
<el-option label="每月一号零点" value="0 0 0 1 * ?" />
<el-option label="每月最后一天零点" value="0 0 0 L * ?" />
<el-option label="每周星期日零点" value="0 0 0 ? * 1" />
<el-option
v-for="(item, index) in shortcuts"
:key="item.value"
:divided="index == 0"
:command="item.value"
>
{{ item.text }}
</el-dropdown-item>
<el-dropdown-item divided command="custom">
<Icon icon="ep:menu" />自定义
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
:key="index"
:label="item.text"
:value="item.value"
/>
<el-option label="自定义" value="custom" />
</el-select>
</template>
</el-input>
@ -1015,8 +1003,10 @@ const submit = () => {
background: var(--el-color-primary);
color: #fff;
}
[data-theme='dark'] .sc-cron-num h4 {
background: var(--el-color-white);
}
.input-with-select .el-input-group__prepend {
background-color: var(--el-fill-color-blank);
}
</style>