From 365a79f813a3044f0c6a4351e821d93f33d09581 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E6=98=8A=E7=BF=94?= <673686754@qq.com>
Date: Mon, 24 Dec 2018 10:20:23 +0800
Subject: [PATCH] demo24

Former-commit-id: 9c27f9a31685f7f2bbac6753223d3cba80df5137 [formerly 9c27f9a31685f7f2bbac6753223d3cba80df5137 [formerly 9c27f9a31685f7f2bbac6753223d3cba80df5137 [formerly 9c27f9a31685f7f2bbac6753223d3cba80df5137 [formerly d1a4eeaf471e7dde786603eb5feba15d2d3a273f [formerly c07b0a08a3c2fa248ca6ff7568d45015db2d3147]]]]]
Former-commit-id: f196405033174efe983252ad2f0aced44428e859
Former-commit-id: affb0b740a6120516a0207a592675b2c26607472
Former-commit-id: b6ad9a07ba29066dcc3cad28814a1b23c05d1d10 [formerly c7d64ee76aab116775b1f19540d6d67782886669]
Former-commit-id: 429004729676144772d6abf85e1bb94f83877de3
Former-commit-id: 4bd505129cfb36ff4576aeeb246bd8b6b6340dcb
Former-commit-id: 877886e90cc33ae1dedd23580f3ca6ffe698ad84
Former-commit-id: f1964760a2efe6edf0de208d07808e429b8d6d9c
Former-commit-id: f55839b8058fbbe298e36c69936c88645fe4be0e
---
 src/pages/demo/d2-crud/demo24/code.js   | 21 ++++----
 src/pages/demo/d2-crud/demo24/doc.md    |  2 +-
 src/pages/demo/d2-crud/demo24/index.vue | 66 ++++++++++++-------------
 3 files changed, 44 insertions(+), 45 deletions(-)

diff --git a/src/pages/demo/d2-crud/demo24/code.js b/src/pages/demo/d2-crud/demo24/code.js
index 2516e5b1..8e09fc90 100644
--- a/src/pages/demo/d2-crud/demo24/code.js
+++ b/src/pages/demo/d2-crud/demo24/code.js
@@ -1,12 +1,16 @@
 export default `<template>
   <div>
-  <d2-crud
-    ref="d2Crud"
-    :columns="columns"
-    :data="data">
-    <el-button slot="headerButton">自定义按钮1</el-button>
-    <el-button slot="headerButton" type="primary" round>自定义按钮2</el-button>
-  </d2-crud>
+    <d2-crud
+      ref="d2Crud"
+      :columns="columns"
+      :data="data">
+      <el-input slot="header" placeholder="请输入内容" style="margin-bottom: 5px">
+        <template slot="prepend">Http://</template>
+        <template slot="append">.com</template>
+      </el-input>
+      <el-button slot="header" style="margin-bottom: 5px">自定义按钮1</el-button>
+      <el-button slot="header" type="primary" round style="margin-bottom: 5px">自定义按钮2</el-button>
+    </d2-crud>
   </div>
 </template>
 
@@ -53,9 +57,6 @@ export default {
         }
       ]
     }
-  },
-  mounted () {
-    console.log(this.$refs.d2Crud.d2Data)
   }
 }
 </script>`
diff --git a/src/pages/demo/d2-crud/demo24/doc.md b/src/pages/demo/d2-crud/demo24/doc.md
index fd68e284..913162f0 100644
--- a/src/pages/demo/d2-crud/demo24/doc.md
+++ b/src/pages/demo/d2-crud/demo24/doc.md
@@ -1 +1 @@
-`headerButton` slot 可以在表头添加自定义按钮。代码如下：
+`header` slot 可以在表头添加自定义内容。代码如下：
diff --git a/src/pages/demo/d2-crud/demo24/index.vue b/src/pages/demo/d2-crud/demo24/index.vue
index 79918a28..30d2ec28 100644
--- a/src/pages/demo/d2-crud/demo24/index.vue
+++ b/src/pages/demo/d2-crud/demo24/index.vue
@@ -1,12 +1,13 @@
 <template>
   <d2-container :filename="filename">
     <template slot="header">表格slot</template>
-    <d2-crud
-      ref="d2Crud"
-      :columns="columns"
-      :data="data">
-      <el-button slot="headerButton">自定义按钮1</el-button>
-      <el-button slot="headerButton" type="primary" round>自定义按钮2</el-button>
+    <d2-crud ref="d2Crud" :columns="columns" :data="data">
+      <el-input slot="header" placeholder="请输入内容" style="margin-bottom: 5px">
+        <template slot="prepend">Http://</template>
+        <template slot="append">.com</template>
+      </el-input>
+      <el-button slot="header" style="margin-bottom: 5px">自定义按钮1</el-button>
+      <el-button slot="header" type="primary" round style="margin-bottom: 5px">自定义按钮2</el-button>
     </d2-crud>
     <el-card shadow="never" class="d2-mb">
       <d2-markdown :source="doc"/>
@@ -21,57 +22,54 @@
 </template>
 
 <script>
-import doc from './doc.md'
-import code from './code.js'
+import doc from "./doc.md";
+import code from "./code.js";
 
 export default {
-  data () {
+  data() {
     return {
       filename: __filename,
       doc,
       code,
       columns: [
         {
-          title: '日期',
-          key: 'date',
-          width: '180'
+          title: "日期",
+          key: "date",
+          width: "180"
         },
         {
-          title: '姓名',
-          key: 'name',
-          width: '180'
+          title: "姓名",
+          key: "name",
+          width: "180"
         },
         {
-          title: '地址',
-          key: 'address'
+          title: "地址",
+          key: "address"
         }
       ],
       data: [
         {
-          date: '2016-05-02',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1518 弄'
+          date: "2016-05-02",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1518 弄"
         },
         {
-          date: '2016-05-04',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1517 弄'
+          date: "2016-05-04",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1517 弄"
         },
         {
-          date: '2016-05-01',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1519 弄'
+          date: "2016-05-01",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1519 弄"
         },
         {
-          date: '2016-05-03',
-          name: '王小虎',
-          address: '上海市普陀区金沙江路 1516 弄'
+          date: "2016-05-03",
+          name: "王小虎",
+          address: "上海市普陀区金沙江路 1516 弄"
         }
       ]
-    }
-  },
-  mounted () {
-    console.log(this.$refs.d2Crud.d2Data)
+    };
   }
-}
+};
 </script>