update

examples/App.vue

@@ -5,6 +5,7 @@
       :default-active="currentActive"
       @change="handleChange"
       @success="handleSuccess"
+      @error="handleError"
     >
       <!-- 最终检查 -->
       <template v-if="currentActive === 'final'">12312321</template>
@@ -44,6 +45,9 @@ export default {
       console.log('提交成功了', data)
       this.getProgress()
     },
+    handleError(error) {
+      console.log(error)
+    },
     // 获取进度
     getProgress() {
       axios

examples/kelley-form/declare.js

 export default {
   id: 'declare',
   title: '本人郑重声明',
-  get: {
-    action: '/zws/v1/enrollment/profiles?project_id=1001',
-    callback(data) {
-      data.date_of_starting_to_work = data.date_of_starting_to_work + ''
-      return data
-    }
-  },
   update: {
-    action: '/zws/v1/enrollment/profiles',
-    data: { project_id: 1001 },
-    callback(data) {
-      return data
-    }
+    action: '/zws/v1/enrollment/submissions/submit',
+    data: { project_id: 1001 }
   },
   form: {
     hint:
       '我提供的所有报名材料信息皆准确和完整。我同意在需要的情况下提交原件以确认我的报名资格。由于报名材料中的虚假、错误信息或重大遗漏导致不录取或取消学籍的后果由我个人承担。 我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。',
+    model: {
+      isAgree: []
+    },
     items: [
       {
-        type: 'checkbox-form',
-        label: '我同意',
-        model: 'real_name_cn',
+        type: 'checkbox-group-form',
+        label: '',
+        values: [{ label: '我同意', value: 1 }],
+        model: 'isAgree',
         rules: [
           {
             required: true,

examples/sofia-form/declare.js

 export default {
   id: 'declare',
   title: '申请声明',
-  get: {
-    action: '/zws/v1/enrollment/profiles?project_id=1000',
-    callback(data) {
-      data.date_of_starting_to_work = data.date_of_starting_to_work + ''
-      return data
-    }
-  },
   update: {
-    action: '/zws/v1/enrollment/profiles',
-    data: { project_id: 1000 },
-    callback(data) {
-      return data
-    }
+    action: '/zws/v1/enrollment/submissions/submit',
+    data: { project_id: 1000 }
   },
   form: {
-    options: {
-      labelWidth: '160px'
+    hint: `<p>1、 本人知晓此申请表及所附文件将作为申请紫荆-索菲亚大学MBA面试和背景评估的参考依据，一旦成功录取，有关资料将作为学生信息存档。</p>
+      <p>2、 本人声明所填资料正确无误，知晓任何不真实的信息或不诚信的行为，均会影响申请结果，已取得的成绩和资格会被取消。 我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。</p>`,
+    model: {
+      isAgree: []
     },
     items: [
       {
-        type: 'input-form',
-        label: '姓名',
-        model: 'real_name_cn',
-        placeholder: '123123',
+        type: 'checkbox-group-form',
+        label: '',
+        values: [{ label: '我同意', value: 1 }],
+        model: 'isAgree',
         rules: [
           {
             required: true,
-            message: '请输入活动名称',
-            trigger: 'blur'
-          },
-          {
-            min: 3,
-            max: 5,
-            message: '长度在 3 到 5 个字符',
-            trigger: 'blur'
+            message: '请勾选',
+            trigger: 'change'
           }
         ]
       }

src/components/layout/FormPane.vue

@@ -80,7 +80,7 @@ export default {
   },
   methods: {
     init() {
-      this.getData()
+      this.form.get && this.getData()
     },
     // 获取
     getData() {
@@ -94,7 +94,9 @@ export default {
       if (beforeRequest) {
         data = beforeRequest(data)
       }
-      axios.get(action, { params: data, headers }).then(res => {
+      axios
+        .get(action, { params: data, headers })
+        .then(res => {
           let { data } = res
           // 默认数据设置
           if (this.form.hasAdd && Array.isArray(data) && !data.length) {
@@ -105,6 +107,9 @@ export default {
           }
           this.model = data
         })
+        .catch(error => {
+          this.$emit('error', error.response.data)
+        })
     },
     // 更新
     updateData(formData) {
@@ -137,11 +142,16 @@ export default {
         }
         formData = params
       }
-      axios.post(action, formData, { headers }).then(res => {
+      axios
+        .post(action, formData, { headers })
+        .then(res => {
           let { data } = res
           callback && callback(data)
           this.$emit('success', data)
         })
+        .catch(error => {
+          this.$emit('error', error.response.data)
+        })
     },
     onSubmit(data) {
       this.updateData(data)