From 8a1c08baaf0ee002b471996b195e7da180b90209 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期一, 21 七月 2025 09:38:47 +0800
Subject: [PATCH] 增加了前端代码库

---
 src/components/Crontab/hour.vue |  120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 120 insertions(+), 0 deletions(-)

diff --git a/src/components/Crontab/hour.vue b/src/components/Crontab/hour.vue
new file mode 100644
index 0000000..5659bfb
--- /dev/null
+++ b/src/components/Crontab/hour.vue
@@ -0,0 +1,120 @@
+<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="22" /> -
+				<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 灏忔椂
+			</el-radio>
+		</el-form-item>
+
+		<el-form-item>
+			<el-radio v-model='radioValue' :label="3">
+				浠�
+				<el-input-number v-model='average01' :min="0" :max="22" /> 灏忔椂寮�濮嬶紝姣�
+				<el-input-number v-model='average02' :min="1" :max="23 - 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 24" :key="item" :value="item-1">{{item-1}}</el-option>
+				</el-select>
+			</el-radio>
+		</el-form-item>
+	</el-form>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			radioValue: 1,
+			cycle01: 0,
+			cycle02: 1,
+			average01: 0,
+			average02: 1,
+			checkboxList: [],
+			checkNum: this.$options.propsData.check
+		}
+	},
+	name: 'crontab-hour',
+	props: ['check', 'cron'],
+	methods: {
+		// 鍗曢�夋寜閽�煎彉鍖栨椂
+		radioChange() {
+			if (this.cron.min === '*') {
+			    this.$emit('update', 'min', '0', 'hour')
+			}
+			if (this.cron.second === '*') {
+			    this.$emit('update', 'second', '0', 'hour')
+			}
+			switch (this.radioValue) {
+				case 1:
+					this.$emit('update', 'hour', '*')
+					break
+				case 2:
+					this.$emit('update', 'hour', this.cycleTotal)
+					break
+				case 3:
+					this.$emit('update', 'hour', this.averageTotal)
+					break
+				case 4:
+					this.$emit('update', 'hour', this.checkboxString)
+					break
+			}
+		},
+		// 鍛ㄦ湡涓や釜鍊煎彉鍖栨椂
+		cycleChange() {
+			if (this.radioValue == '2') {
+				this.$emit('update', 'hour', this.cycleTotal)
+			}
+		},
+		// 骞冲潎涓や釜鍊煎彉鍖栨椂
+		averageChange() {
+			if (this.radioValue == '3') {
+				this.$emit('update', 'hour', this.averageTotal)
+			}
+		},
+		// checkbox鍊煎彉鍖栨椂
+		checkboxChange() {
+			if (this.radioValue == '4') {
+				this.$emit('update', 'hour', this.checkboxString)
+			}
+		}
+	},
+	watch: {
+		'radioValue': 'radioChange',
+		'cycleTotal': 'cycleChange',
+		'averageTotal': 'averageChange',
+		'checkboxString': 'checkboxChange'
+	},
+	computed: {
+		// 璁＄畻涓や釜鍛ㄦ湡鍊�
+		cycleTotal: function () {
+			const cycle01 = this.checkNum(this.cycle01, 0, 22)
+			const cycle02 = this.checkNum(this.cycle02, cycle01 ? cycle01 + 1 : 1, 23)
+			return cycle01 + '-' + cycle02
+		},
+		// 璁＄畻骞冲潎鐢ㄥ埌鐨勫��
+		averageTotal: function () {
+			const average01 = this.checkNum(this.average01, 0, 22)
+			const average02 = this.checkNum(this.average02, 1, 23 - average01 || 0)
+			return average01 + '/' + average02
+		},
+		// 璁＄畻鍕鹃�夌殑checkbox鍊煎悎闆�
+		checkboxString: function () {
+			let str = this.checkboxList.join()
+			return str == '' ? '*' : str
+		}
+	}
+}
+</script>

--
Gitblit v1.9.1