Jeecg-Boot 2.1.0 版本发布，Online表单开发&在线代码生成器（迟到的版本）

ant-design-vue-jeecg/src/views/system/modules/QuartzJobModal.vue

@@ -8,7 +8,7 @@
     @cancel="handleCancel"
     okText="保存并安排任务"
     cancelText="关闭">
-    
+
     <a-spin :spinning="confirmLoading">
       <a-form :form="form">
 
@@ -23,11 +23,12 @@
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="cron表达式">
-          <a-input placeholder="请输入cron表达式" v-decorator="['cronExpression', {'initialValue':'0/1 * * * * ?',rules: [{ required: true, message: '请输入任务类名!' }]}]" />
-          <a target="_blank" href="http://cron.qqe2.com/">
-            <a-icon type="share-alt" />
-            在线cron表达式生成
-          </a>
+<!--                    <a-input placeholder="请输入cron表达式" v-decorator="['cronExpression', {'initialValue':'0/1 * * * * ?',rules: [{ required: true, message: '请输入任务类名!' }]}]" />-->
+<!--                    <a target="_blank" href="http://cron.qqe2.com/">-->
+<!--                      <a-icon type="share-alt" />-->
+<!--                      在线cron表达式生成-->
+<!--                    </a>-->
+          <j-cron ref="innerVueCron" v-decorator="['cronExpression', {'initialValue':'0/1 * * * * ?',rules: [{ required: true, message: '请输入cron表达式!' }]}]"  @change="setCorn"></j-cron>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
@@ -52,7 +53,7 @@
             <a-radio-button :value="-1">停止</a-radio-button>
           </a-radio-group>
         </a-form-item>
-		
+
       </a-form>
     </a-spin>
   </a-modal>
@@ -60,11 +61,15 @@
 
 <script>
   import { httpAction } from '@/api/manage'
+  import JCron from "@/components/jeecg/JCron.vue";
   import pick from 'lodash.pick'
   import moment from "moment"
 
   export default {
     name: "QuartzJobModal",
+    components: {
+      JCron
+    },
     data () {
       return {
         title:"操作",
@@ -78,10 +83,18 @@
           xs: { span: 24 },
           sm: { span: 16 },
         },
-
+        cron: {
+          label: '',
+          value: ''
+        },
         confirmLoading: false,
         form: this.$form.createForm(this),
-        validatorRules:{
+        validatorRules: {
+          cron: {
+            rules: [{
+              required: true, message: '请输入cron表达式!'
+            }]
+          }
         },
         url: {
           add: "/sys/quartzJob/add",
@@ -96,8 +109,7 @@
         this.edit({});
       },
       edit (record) {
-        this.form.resetFields();
-        this.model = Object.assign({}, record);
+        this.model = Object.assign({},record);
         console.log(this.model)
         this.visible = true;
         this.$nextTick(() => {
@@ -113,7 +125,13 @@
         const that = this;
         // 触发表单验证
         this.form.validateFields((err, values) => {
+          console.log('values',values)
           if (!err) {
+            // if (typeof values.cronExpression == "undefined" || Object.keys(values.cronExpression).length==0 ) {
+            //   this.$message.warning('请输入cron表达式!');
+            //   return false;
+            // }
+
             that.confirmLoading = true;
             let httpurl = '';
             let method = '';
@@ -122,12 +140,12 @@
               method = 'post';
             }else{
               httpurl+=this.url.edit;
-               method = 'put';
+              method = 'put';
             }
             let formData = Object.assign(this.model, values);
             //时间格式化
-            
-            console.log(formData)
+
+            console.log('提交参数',formData)
             httpAction(httpurl,formData,method).then((res)=>{
               if(res.success){
                 that.$message.success(res.message);
@@ -146,7 +164,24 @@
       handleCancel () {
         this.close()
       },
+      setCorn(data){
+        console.log('data)',data);
+        this.$nextTick(() => {
+          this.model.cronExpression = data;
+        })
 
+        // console.log(Object.keys(data).length==0);
+        // if (Object.keys(data).length==0) {
+        //   this.$message.warning('请输入cron表达式!');
+        // }
+      },
+      validateCron(rule, value, callback){
+        if(!value){
+          callback()
+        }else if (Object.keys(value).length==0) {
+          callback("请输入cron表达式!");
+        }
+      },
 
     }
   }