Browse Source

fix: crontab number input

main
xingyu 2 years ago
parent
commit
5733a2f2c9
  1. 12
      src/components/CronTab/src/tabs/DayUI.vue
  2. 12
      src/components/CronTab/src/tabs/HourUI.vue
  3. 12
      src/components/CronTab/src/tabs/MinuteUI.vue
  4. 12
      src/components/CronTab/src/tabs/MonthUI.vue
  5. 12
      src/components/CronTab/src/tabs/SecondUI.vue
  6. 6
      src/components/CronTab/src/tabs/WeekUI.vue
  7. 12
      src/components/CronTab/src/tabs/YearUI.vue

12
src/components/CronTab/src/tabs/DayUI.vue

@ -11,17 +11,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber v-model:value="valueLoop.start" class="w-4" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.start" class="w-4" v-bind="typeLoopAttrs" />
<span> 日开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -43,12 +43,12 @@
<script lang="ts">
import { computed, defineComponent, watch } from 'vue'
import { InputNumber, Radio, Checkbox } from 'ant-design-vue'
import { Input, Radio, Checkbox } from 'ant-design-vue'
import { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'DayUI',
components: { InputNumber, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*',
props: {

12
src/components/CronTab/src/tabs/HourUI.vue

@ -7,17 +7,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<span> 时开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -36,12 +36,12 @@
<script lang="ts">
import { defineComponent } from 'vue'
import { InputNumber, Radio, Checkbox } from 'ant-design-vue'
import { Input, Radio, Checkbox } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'HourUI',
components: { InputNumber, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*'
}),

12
src/components/CronTab/src/tabs/MinuteUI.vue

@ -7,17 +7,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<span> 分开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -36,12 +36,12 @@
<script lang="ts">
import { defineComponent } from 'vue'
import { InputNumber, Radio, Checkbox } from 'ant-design-vue'
import { Input, Radio, Checkbox } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'MinuteUI',
components: { InputNumber, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*'
}),

12
src/components/CronTab/src/tabs/MonthUI.vue

@ -7,17 +7,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<span> 月开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -36,12 +36,12 @@
<script lang="ts">
import { defineComponent } from 'vue'
import { InputNumber, Radio, Checkbox } from 'ant-design-vue'
import { Input, Radio, Checkbox } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'MonthUI',
components: { InputNumber, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*'
}),

12
src/components/CronTab/src/tabs/SecondUI.vue

@ -7,17 +7,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<span> 秒开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -36,12 +36,12 @@
<script lang="ts">
import { defineComponent } from 'vue'
import { InputNumber, Radio, Checkbox } from 'ant-design-vue'
import { Input, Radio, Checkbox } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'SecondUI',
components: { InputNumber, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*'
}),

6
src/components/CronTab/src/tabs/WeekUI.vue

@ -17,7 +17,7 @@
<span> </span>
<Select v-model:value="valueLoop.start" :options="weekOptions" v-bind="typeLoopSelectAttrs" />
<span> 开始间隔 </span>
<InputNumber v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
<div class="item">
@ -36,7 +36,7 @@
<script lang="ts">
import { computed, watch, defineComponent } from 'vue'
import { InputNumber, Radio, Checkbox, Select } from 'ant-design-vue'
import { Input, Radio, Checkbox, Select } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup, TypeEnum } from './useTabMixin'
const WEEK_MAP_EN = {
@ -61,7 +61,7 @@ const WEEK_MAP_CN = {
export default defineComponent({
name: 'WeekUI',
components: { InputNumber, Select, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
components: { Input, Select, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '?',
props: {

12
src/components/CronTab/src/tabs/YearUI.vue

@ -7,17 +7,17 @@
<div class="item">
<Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">区间</Radio>
<span> </span>
<InputNumber class="w80" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<Input type="number" class="w80" v-model:value="valueRange.start" v-bind="typeRangeAttrs" />
<span> </span>
<InputNumber class="w80" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<Input type="number" class="w80" v-model:value="valueRange.end" v-bind="typeRangeAttrs" />
<span> </span>
</div>
<div class="item">
<Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">循环</Radio>
<span> </span>
<InputNumber class="w80" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<Input type="number" class="w80" v-model:value="valueLoop.start" v-bind="typeLoopAttrs" />
<span> 年开始间隔 </span>
<InputNumber class="w80" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<Input type="number" class="w80" v-model:value="valueLoop.interval" v-bind="typeLoopAttrs" />
<span> </span>
</div>
</RadioGroup>
@ -26,12 +26,12 @@
<script lang="ts">
import { defineComponent } from 'vue'
import { InputNumber, Radio } from 'ant-design-vue'
import { Input, Radio } from 'ant-design-vue'
import { useTabProps, useTabEmits, useTabSetup } from './useTabMixin'
export default defineComponent({
name: 'YearUI',
components: { InputNumber, Radio, RadioGroup: Radio.Group },
components: { Input, Radio, RadioGroup: Radio.Group },
props: useTabProps({
defaultValue: '*'
}),