timeDialog.js

var timeDialog = {
  data: function () {
    return {
      form: {
        jobId: '',
        beanName: '',
        methodName: '',
        params: '',
        cronExpression: '',
        remark: ''
      },
      props: [
        {
          prop: 'beanName',
          label: 'bean名称',
          inputType: 'input'
        },
        {
          prop: 'methodName',
          label: '方法名称',
          inputType: 'input'
        },
        {
          prop: 'params',
          label: '参数',
          inputType: 'input'
        },
        {
          prop: 'cronExpression',
          label: 'cron表达式',
          inputType: 'input'
        },
        {
          prop: 'remark',
          label: '备注',
          inputType: 'input'
        }
      ],
      rules: {
        beanName: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ],
        methodName: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ],
        cronExpression: [
          { required: true, message: '不能为空', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    // Dialog 打开的回调
    openDialogHandle: function () {
      if (this.title === CONFIG.EDIT) {
        this.validate('timeForm')
      }
      if (this.title === CONFIG.EDIT || this.title === CONFIG.ADD) {
        this.clearValidate('timeForm')
      }
    },
    // Dialog 关闭的回调
    closeDialogHandle: function () {
      if (this.title === CONFIG.EDIT || this.title === CONFIG.ADD) {
        this.clearForm('timeForm')
      }
    },
    // 确定
    confirmHandle: function () {
      this.$refs.timeForm.submitHandle()
    },
    submitHandle: function (data) {
      this.close()
    },
    cancelHandle: function () {
      this.close('departmentDialog')
    }
  }
}