docs: 更新Scheme组件文档

刘汉宸
1 parent 5eb15c69
Showing 1 changed file with 49 additions and 4 deletions Show diff stats
examples/views/docs/component/scheme.md
@@ -10,7 +10,8 @@
  
 ```html
 <template>
-  <z-scheme :list="list">
+  <z-scheme :list="list" :searchAPI="searchAPI" :getAPI="getAPI" :submitAPI="submitAPI" :deleteAPI="deleteAPI" auto real-selection>
+    <el-table-column type="selection" align="center" width="40"></el-table-column>
     <template #header>
       <el-tabs v-model="activeName">
         <el-tab-pane label="待执行" name="wait"></el-tab-pane>
@@ -29,7 +30,7 @@
         placeholder="请输入内容"
         v-model="model.name">
       </el-input>
-      <el-button @click="closeDialog(closeCallback)">关闭弹出框</el-button>
+      <el-button @click="closeDialog">关闭弹出框</el-button>
     </template>
   </z-scheme>
 </template>
@@ -46,8 +47,52 @@ export default {
     }
   },
   methods: {
-    closeCallback() {
-      alert('弹出框已关闭')
+    searchAPI(params) {
+      console.log(params);
+      return new Promise(resolve => {
+        setTimeout(() => {
+          const list = [
+            { id: '0', name: '李饼', age: 32, location: { lat: 0, lng: 0 } },
+            { id: '1', name: '陈拾', age: 20 },
+            { id: '2', name: '阿里巴巴', age: 24 },
+            { id: '3', name: '王七', age: 26 },
+            { id: '4', name: '崔倍', age: 27 },
+            { id: '5', name: '孙豹', age: 38 },
+            { id: '6', name: '庞柏', age: 42 },
+            { id: '7', name: '蔡疏', age: 60 },
+            { id: '8', name: '卢纳', age: 55 },
+          ]
+          resolve({
+            result: params.currentPage === 1 ? list.slice(0, 5) : list.slice(5),
+            totalCount: list.length
+          });
+        }, 1500);
+      });
+    },
+    getAPI(row) {
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve({ ...row, name: `[${row.name}]` });
+        }, 1500);
+      });
+    },
+    submitAPI(model, config) {
+      console.log(JSON.parse(JSON.stringify(model)));
+      console.log(config);
+      console.log('start');
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          console.log('done');
+          reject();
+        }, 1500);
+      });
+    },
+    deleteAPI() {
+      return new Promise((resolve, reject) => {
+        setTimeout(() => {
+          resolve();
+        }, 1500);
+      });
     }
   }
 }
...	...	@@ -10,7 +10,8 @@
10	10
11	11	```html
12	12	<template>
13		- <z-scheme :list="list">
	13	+ <z-scheme :list="list" :searchAPI="searchAPI" :getAPI="getAPI" :submitAPI="submitAPI" :deleteAPI="deleteAPI" auto real-selection>
	14	+ <el-table-column type="selection" align="center" width="40"></el-table-column>
14	15	<template #header>
15	16	<el-tabs v-model="activeName">
16	17	<el-tab-pane label="待执行" name="wait"></el-tab-pane>
...	...	@@ -29,7 +30,7 @@
29	30	placeholder="请输入内容"
30	31	v-model="model.name">
31	32	</el-input>
32		- <el-button @click="closeDialog(closeCallback)">关闭弹出框</el-button>
	33	+ <el-button @click="closeDialog">关闭弹出框</el-button>
33	34	</template>
34	35	</z-scheme>
35	36	</template>
...	...	@@ -46,8 +47,52 @@ export default {
46	47	}
47	48	},
48	49	methods: {
49		- closeCallback() {
50		- alert('弹出框已关闭')
	50	+ searchAPI(params) {
	51	+ console.log(params);
	52	+ return new Promise(resolve => {
	53	+ setTimeout(() => {
	54	+ const list = [
	55	+ { id: '0', name: '李饼', age: 32, location: { lat: 0, lng: 0 } },
	56	+ { id: '1', name: '陈拾', age: 20 },
	57	+ { id: '2', name: '阿里巴巴', age: 24 },
	58	+ { id: '3', name: '王七', age: 26 },
	59	+ { id: '4', name: '崔倍', age: 27 },
	60	+ { id: '5', name: '孙豹', age: 38 },
	61	+ { id: '6', name: '庞柏', age: 42 },
	62	+ { id: '7', name: '蔡疏', age: 60 },
	63	+ { id: '8', name: '卢纳', age: 55 },
	64	+ ]
	65	+ resolve({
	66	+ result: params.currentPage === 1 ? list.slice(0, 5) : list.slice(5),
	67	+ totalCount: list.length
	68	+ });
	69	+ }, 1500);
	70	+ });
	71	+ },
	72	+ getAPI(row) {
	73	+ return new Promise((resolve, reject) => {
	74	+ setTimeout(() => {
	75	+ resolve({ ...row, name: `[${row.name}]` });
	76	+ }, 1500);
	77	+ });
	78	+ },
	79	+ submitAPI(model, config) {
	80	+ console.log(JSON.parse(JSON.stringify(model)));
	81	+ console.log(config);
	82	+ console.log('start');
	83	+ return new Promise((resolve, reject) => {
	84	+ setTimeout(() => {
	85	+ console.log('done');
	86	+ reject();
	87	+ }, 1500);
	88	+ });
	89	+ },
	90	+ deleteAPI() {
	91	+ return new Promise((resolve, reject) => {
	92	+ setTimeout(() => {
	93	+ resolve();
	94	+ }, 1500);
	95	+ });
51	96	}
52	97	}
53	98	}
...	...