春风项目四线（CVT线）
查看 | 历史 | 提交 | 提交对比
yyt
2024-06-26 572f63fab7f868f3fc5037c4dc7c46e397511597
提交 | 用户 | 时间
0cceb6 1 <template>
Y 2     <el-form size="small">
3         <el-form-item>
4             <el-radio :label="1" v-model='radioValue'>
5                 不填，允许的通配符[, - * /]
6             </el-radio>
7         </el-form-item>
8
9         <el-form-item>
10             <el-radio :label="2" v-model='radioValue'>
11                 每年
12             </el-radio>
13         </el-form-item>
14
15         <el-form-item>
16             <el-radio :label="3" v-model='radioValue'>
17                 周期从
18                 <el-input-number v-model='cycle01' :min='fullYear' :max="2098" /> -
19                 <el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : fullYear + 1" :max="2099" />
20             </el-radio>
21         </el-form-item>
22
23         <el-form-item>
24             <el-radio :label="4" v-model='radioValue'>
25                 从
26                 <el-input-number v-model='average01' :min='fullYear' :max="2098"/> 年开始，每
27                 <el-input-number v-model='average02' :min="1" :max="2099 - average01 || fullYear" /> 年执行一次
28             </el-radio>
29
30         </el-form-item>
31
32         <el-form-item>
33             <el-radio :label="5" v-model='radioValue'>
34                 指定
35                 <el-select clearable v-model="checkboxList" placeholder="可多选" multiple>
36                     <el-option v-for="item in 9" :key="item" :value="item - 1 + fullYear" :label="item -1 + fullYear" />
37                 </el-select>
38             </el-radio>
39         </el-form-item>
40     </el-form>
41 </template>
42
43 <script>
44 export default {
45     data() {
46         return {
47             fullYear: 0,
48             radioValue: 1,
49             cycle01: 0,
50             cycle02: 0,
51             average01: 0,
52             average02: 1,
53             checkboxList: [],
54             checkNum: this.$options.propsData.check
55         }
56     },
57     name: 'crontab-year',
58     props: ['check', 'month', 'cron'],
59     methods: {
60         // 单选按钮值变化时
61         radioChange() {
62             switch (this.radioValue) {
63                 case 1:
64                     this.$emit('update', 'year', '');
65                     break;
66                 case 2:
67                     this.$emit('update', 'year', '*');
68                     break;
69                 case 3:
70                     this.$emit('update', 'year', this.cycleTotal);
71                     break;
72                 case 4:
73                     this.$emit('update', 'year', this.averageTotal);
74                     break;
75                 case 5:
76                     this.$emit('update', 'year', this.checkboxString);
77                     break;
78             }
79         },
80         // 周期两个值变化时
81         cycleChange() {
82             if (this.radioValue == '3') {
83                 this.$emit('update', 'year', this.cycleTotal);
84             }
85         },
86         // 平均两个值变化时
87         averageChange() {
88             if (this.radioValue == '4') {
89                 this.$emit('update', 'year', this.averageTotal);
90             }
91         },
92         // checkbox值变化时
93         checkboxChange() {
94             if (this.radioValue == '5') {
95                 this.$emit('update', 'year', this.checkboxString);
96             }
97         }
98     },
99     watch: {
100         'radioValue': 'radioChange',
101         'cycleTotal': 'cycleChange',
102         'averageTotal': 'averageChange',
103         'checkboxString': 'checkboxChange'
104     },
105     computed: {
106         // 计算两个周期值
107         cycleTotal: function () {
108             const cycle01 = this.checkNum(this.cycle01, this.fullYear, 2098)
109             const cycle02 = this.checkNum(this.cycle02, cycle01 ? cycle01 + 1 : this.fullYear + 1, 2099)
110             return cycle01 + '-' + cycle02;
111         },
112         // 计算平均用到的值
113         averageTotal: function () {
114             const average01 = this.checkNum(this.average01, this.fullYear, 2098)
115             const average02 = this.checkNum(this.average02, 1, 2099 - average01 || this.fullYear)
116             return average01 + '/' + average02;
117         },
118         // 计算勾选的checkbox值合集
119         checkboxString: function () {
120             let str = this.checkboxList.join();
121             return str;
122         }
123     },
124     mounted: function () {
125         // 仅获取当前年份
126         this.fullYear = Number(new Date().getFullYear());
127         this.cycle01 = this.fullYear
128         this.average01 = this.fullYear
129     }
130 }
131 </script>