linzh
2021-09-05 b35f708c07dec9dc490548186df318d82c9ab595
ruoyi-ui/src/components/Crontab/month.vue
文件名从 ruoyi-ui/src/components/Crontab/mouth.vue 修改
@@ -1,128 +1,128 @@
<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="1" :max="12" /> -
            <el-input-number v-model='cycle02' :min="1" :max="12" /> 月
         </el-radio>
      </el-form-item>
      <el-form-item>
         <el-radio v-model='radioValue' :label="3">
            从
            <el-input-number v-model='average01' :min="1" :max="12" /> 月开始,每
            <el-input-number v-model='average02' :min="1" :max="12" /> 月月执行一次
         </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 12" :key="item" :value="item">{{item}}</el-option>
            </el-select>
         </el-radio>
      </el-form-item>
   </el-form>
</template>
<script>
export default {
   data() {
      return {
         radioValue: 1,
         cycle01: 1,
         cycle02: 2,
         average01: 1,
         average02: 1,
         checkboxList: [],
         checkNum: this.check
      }
   },
   name: 'crontab-mouth',
   props: ['check', 'cron'],
   methods: {
      // 单选按钮值变化时
      radioChange() {
         if (this.radioValue === 1) {
            this.$emit('update', 'mouth', '*');
            this.$emit('update', 'year', '*');
         } else {
            if (this.cron.day === '*') {
               this.$emit('update', 'day', '0', 'mouth');
            }
            if (this.cron.hour === '*') {
               this.$emit('update', 'hour', '0', 'mouth');
            }
            if (this.cron.min === '*') {
               this.$emit('update', 'min', '0', 'mouth');
            }
            if (this.cron.second === '*') {
               this.$emit('update', 'second', '0', 'mouth');
            }
         }
         switch (this.radioValue) {
            case 2:
               this.$emit('update', 'mouth', this.cycle01 + '-' + this.cycle02);
               break;
            case 3:
               this.$emit('update', 'mouth', this.average01 + '/' + this.average02);
               break;
            case 4:
               this.$emit('update', 'mouth', this.checkboxString);
               break;
         }
      },
      // 周期两个值变化时
      cycleChange() {
         if (this.radioValue == '2') {
            this.$emit('update', 'mouth', this.cycleTotal);
         }
      },
      // 平均两个值变化时
      averageChange() {
         if (this.radioValue == '3') {
            this.$emit('update', 'mouth', this.averageTotal);
         }
      },
      // checkbox值变化时
      checkboxChange() {
         if (this.radioValue == '4') {
            this.$emit('update', 'mouth', this.checkboxString);
         }
      }
   },
   watch: {
      "radioValue": "radioChange",
      'cycleTotal': 'cycleChange',
      'averageTotal': 'averageChange',
      'checkboxString': 'checkboxChange'
   },
   computed: {
      // 计算两个周期值
      cycleTotal: function () {
         this.cycle01 = this.checkNum(this.cycle01, 1, 12)
         this.cycle02 = this.checkNum(this.cycle02, 1, 12)
         return this.cycle01 + '-' + this.cycle02;
      },
      // 计算平均用到的值
      averageTotal: function () {
         this.average01 = this.checkNum(this.average01, 1, 12)
         this.average02 = this.checkNum(this.average02, 1, 12)
         return this.average01 + '/' + this.average02;
      },
      // 计算勾选的checkbox值合集
      checkboxString: function () {
         let str = this.checkboxList.join();
         return str == '' ? '*' : str;
      }
   }
}
</script>
<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="1" :max="12" /> -
            <el-input-number v-model='cycle02' :min="1" :max="12" /> 月
         </el-radio>
      </el-form-item>
      <el-form-item>
         <el-radio v-model='radioValue' :label="3">
            从
            <el-input-number v-model='average01' :min="1" :max="12" /> 月开始,每
            <el-input-number v-model='average02' :min="1" :max="12" /> 月月执行一次
         </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 12" :key="item" :value="item">{{item}}</el-option>
            </el-select>
         </el-radio>
      </el-form-item>
   </el-form>
</template>
<script>
export default {
   data() {
      return {
         radioValue: 1,
         cycle01: 1,
         cycle02: 2,
         average01: 1,
         average02: 1,
         checkboxList: [],
         checkNum: this.check
      }
   },
   name: 'crontab-month',
   props: ['check', 'cron'],
   methods: {
      // 单选按钮值变化时
      radioChange() {
         if (this.radioValue === 1) {
            this.$emit('update', 'month', '*');
            this.$emit('update', 'year', '*');
         } else {
            if (this.cron.day === '*') {
               this.$emit('update', 'day', '0', 'month');
            }
            if (this.cron.hour === '*') {
               this.$emit('update', 'hour', '0', 'month');
            }
            if (this.cron.min === '*') {
               this.$emit('update', 'min', '0', 'month');
            }
            if (this.cron.second === '*') {
               this.$emit('update', 'second', '0', 'month');
            }
         }
         switch (this.radioValue) {
            case 2:
               this.$emit('update', 'month', this.cycle01 + '-' + this.cycle02);
               break;
            case 3:
               this.$emit('update', 'month', this.average01 + '/' + this.average02);
               break;
            case 4:
               this.$emit('update', 'month', this.checkboxString);
               break;
         }
      },
      // 周期两个值变化时
      cycleChange() {
         if (this.radioValue == '2') {
            this.$emit('update', 'month', this.cycleTotal);
         }
      },
      // 平均两个值变化时
      averageChange() {
         if (this.radioValue == '3') {
            this.$emit('update', 'month', this.averageTotal);
         }
      },
      // checkbox值变化时
      checkboxChange() {
         if (this.radioValue == '4') {
            this.$emit('update', 'month', this.checkboxString);
         }
      }
   },
   watch: {
      "radioValue": "radioChange",
      'cycleTotal': 'cycleChange',
      'averageTotal': 'averageChange',
      'checkboxString': 'checkboxChange'
   },
   computed: {
      // 计算两个周期值
      cycleTotal: function () {
         this.cycle01 = this.checkNum(this.cycle01, 1, 12)
         this.cycle02 = this.checkNum(this.cycle02, 1, 12)
         return this.cycle01 + '-' + this.cycle02;
      },
      // 计算平均用到的值
      averageTotal: function () {
         this.average01 = this.checkNum(this.average01, 1, 12)
         this.average02 = this.checkNum(this.average02, 1, 12)
         return this.average01 + '/' + this.average02;
      },
      // 计算勾选的checkbox值合集
      checkboxString: function () {
         let str = this.checkboxList.join();
         return str == '' ? '*' : str;
      }
   }
}
</script>