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,7 +10,8 @@
10		10
11	```html	11	```html
12	<template>	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	<template #header>	15	<template #header>
15	<el-tabs v-model="activeName">	16	<el-tabs v-model="activeName">
16	<el-tab-pane label="待执行" name="wait"></el-tab-pane>	17	<el-tab-pane label="待执行" name="wait"></el-tab-pane>
	@@ -29,7 +30,7 @@		@@ -29,7 +30,7 @@
29	placeholder="请输入内容"	30	placeholder="请输入内容"
30	v-model="model.name">	31	v-model="model.name">
31	</el-input>	32	</el-input>
32	- <el-button @click="closeDialog(closeCallback)">关闭弹出框</el-button>	33	+ <el-button @click="closeDialog">关闭弹出框</el-button>
33	</template>	34	</template>
34	</z-scheme>	35	</z-scheme>
35	</template>	36	</template>
	@@ -46,8 +47,52 @@ export default {		@@ -46,8 +47,52 @@ export default {
46	}	47	}
47	},	48	},
48	methods: {	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	}