demo17添加新增按钮

Former-commit-id: 34d96627b919710b64e803a5e5ab68fe2235481d [formerly 34d96627b919710b64e803a5e5ab68fe2235481d [formerly 34d96627b919710b64e803a5e5ab68fe2235481d [formerly 34d96627b919710b64e803a5e5ab68fe2235481d [formerly 79475700095dccfe6def593052c8ec3546e03be3 [formerly bb8bc03ef1b92d3c3d273ab63f946950f6b93d31]]]]]
Former-commit-id: f0c50fb983eccde70c8c8aac36ea5758b0ff8260
Former-commit-id: 65958e5538546a9f5e3405611ee84a856a0c5786
Former-commit-id: 3ded50c5e6d12dae4296ee1803eec02f79d18494 [formerly 5b107d00a4b57dbbe3dadf968000725c3d9a1365]
Former-commit-id: 9544e7d44ff5aff4216e5ab453ecbb75c6ac55ca
Former-commit-id: e315194dbf92c7be8b9dcdede5c7396c073b9557
Former-commit-id: f5c2a82f27dc4913e43cfd700d1fae5b2437622c
Former-commit-id: b3a6c6aed49cde8783c3fe3266b9099343ffebea
Former-commit-id: de0594b2161cb2b0f4b65c51899820098b2abee1

src/pages/demo/d2-crud/demo17/code.js

@@ -4,9 +4,11 @@ export default `<template>
       :columns="columns"
       :data="data"
       title="D2 CRUD"
+      add-mode
       :rowHandle="rowHandle"
       :form-template="formTemplate"
       :form-options="formOptions"
+      @row-add="handleRowAdd"
       @row-edit="handleRowEdit"
       @dialog-cancel="handleDialogCancel"/>
   </div>
@@ -92,6 +94,20 @@ export default {
         address: {
           title: '地址',
           value: ''
+        },
+        forbidEdit: {
+          title: '禁用按钮',
+          value: false,
+          component: {
+            show: false
+          }
+        },
+        showEditButton: {
+          title: '显示按钮',
+          value: true,
+          component: {
+            show: false
+          }
         }
       },
       formOptions: {
@@ -102,6 +118,18 @@ export default {
     }
   },
   methods: {
+    handleRowAdd (row, done) {
+      this.formOptions.saveLoading = true
+      setTimeout(() => {
+        console.log(row)
+        this.$message({
+          message: '保存成功',
+          type: 'success'
+        })
+        done()
+        this.formOptions.saveLoading = false
+      }, 300)
+    },
     handleRowEdit ({index, row}, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {

src/pages/demo/d2-crud/demo17/index.vue

@@ -5,9 +5,11 @@
       :columns="columns"
       :data="data"
       title="D2 CRUD"
+      add-mode
       :rowHandle="rowHandle"
       :form-template="formTemplate"
       :form-options="formOptions"
+      @row-add="handleRowAdd"
       @row-edit="handleRowEdit"
       @dialog-cancel="handleDialogCancel">
     </d2-crud>
@@ -108,6 +110,20 @@ export default {
         address: {
           title: '地址',
           value: ''
+        },
+        forbidEdit: {
+          title: '禁用按钮',
+          value: false,
+          component: {
+            show: false
+          }
+        },
+        showEditButton: {
+          title: '显示按钮',
+          value: true,
+          component: {
+            show: false
+          }
         }
       },
       formOptions: {
@@ -118,6 +134,18 @@ export default {
     }
   },
   methods: {
+    handleRowAdd (row, done) {
+      this.formOptions.saveLoading = true
+      setTimeout(() => {
+        console.log(row)
+        this.$message({
+          message: '保存成功',
+          type: 'success'
+        })
+        done()
+        this.formOptions.saveLoading = false
+      }, 300)
+    },
     handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {