jeecg-boot 1.0版本发布

ant-design-jeecg-vue/src/views/jeecg/helloworld.vue

@@ -0,0 +1,66 @@
+<template>
+  <a-form @submit="handleSubmit" :form="form">
+    <a-form-item
+      label="Note"
+      :labelCol="{ span: 5 }"
+      :wrapperCol="{ span: 12 }"
+    >
+      <a-input
+        v-decorator="[
+          'note',
+          {rules: [{ required: true, message: 'Please input your note!' }]}
+        ]"
+      />
+    </a-form-item>
+    <a-form-item
+      label="Gender"
+      :labelCol="{ span: 5 }"
+      :wrapperCol="{ span: 12 }"
+    >
+      <a-select
+        v-decorator="[
+          'gender',
+          {rules: [{ required: true, message: 'Please select your gender!' }]}
+        ]"
+        placeholder="Select a option and change input text above"
+        @change="this.handleSelectChange"
+      >
+        <a-select-option value="male">male</a-select-option>
+        <a-select-option value="female">female</a-select-option>
+      </a-select>
+    </a-form-item>
+    <a-form-item
+      :wrapperCol="{ span: 12, offset: 5 }">
+      <a-button type="primary" htmlType="submit">
+        Submit
+      </a-button>
+    </a-form-item>
+  </a-form>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        formLayout: 'horizontal',
+        form: this.$form.createForm(this),
+      }
+    },
+    methods: {
+      handleSubmit (e) {
+        e.preventDefault()
+        this.form.validateFields((err, values) => {
+          if (!err) {
+            console.log('Received values of form: ', values)
+          }
+        })
+      },
+      handleSelectChange (value) {
+        console.log(value)
+        this.form.setFieldsValue({
+          note: `Hi, ${value === 'male' ? 'man' : 'lady'}!`,
+        })
+      },
+    },
+  }
+</script>