diff --git a/docs/images/ui-components/mdp-date-range/image-20240111103632183.png b/docs/images/ui-components/mdp-date-range/image-20240111103632183.png
new file mode 100644
index 0000000..fa86883
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111103632183.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111105902269.png b/docs/images/ui-components/mdp-date-range/image-20240111105902269.png
new file mode 100644
index 0000000..af0dff8
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111105902269.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111105909638.png b/docs/images/ui-components/mdp-date-range/image-20240111105909638.png
new file mode 100644
index 0000000..244f595
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111105909638.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111110136191.png b/docs/images/ui-components/mdp-date-range/image-20240111110136191.png
new file mode 100644
index 0000000..564486e
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111110136191.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111110148521.png b/docs/images/ui-components/mdp-date-range/image-20240111110148521.png
new file mode 100644
index 0000000..c444cc1
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111110148521.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111144543586.png b/docs/images/ui-components/mdp-date-range/image-20240111144543586.png
new file mode 100644
index 0000000..9492374
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111144543586.png differ
diff --git a/docs/images/ui-components/mdp-date-range/image-20240111150728697.png b/docs/images/ui-components/mdp-date-range/image-20240111150728697.png
new file mode 100644
index 0000000..395f9f2
Binary files /dev/null and b/docs/images/ui-components/mdp-date-range/image-20240111150728697.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110173240185.png b/docs/images/ui-components/mdp-date/image-20240110173240185.png
new file mode 100644
index 0000000..51bae47
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110173240185.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110174700696.png b/docs/images/ui-components/mdp-date/image-20240110174700696.png
new file mode 100644
index 0000000..a795970
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110174700696.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110175355789.png b/docs/images/ui-components/mdp-date/image-20240110175355789.png
new file mode 100644
index 0000000..c241065
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110175355789.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110175435534.png b/docs/images/ui-components/mdp-date/image-20240110175435534.png
new file mode 100644
index 0000000..e79b2d5
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110175435534.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110175446637.png b/docs/images/ui-components/mdp-date/image-20240110175446637.png
new file mode 100644
index 0000000..9575d19
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110175446637.png differ
diff --git a/docs/images/ui-components/mdp-date/image-20240110183450741.png b/docs/images/ui-components/mdp-date/image-20240110183450741.png
new file mode 100644
index 0000000..67e4f21
Binary files /dev/null and b/docs/images/ui-components/mdp-date/image-20240110183450741.png differ
diff --git a/docs/images/ui-components/mdp-field/image-20240111190935618.png b/docs/images/ui-components/mdp-field/image-20240111190935618.png
new file mode 100644
index 0000000..7df5c63
Binary files /dev/null and b/docs/images/ui-components/mdp-field/image-20240111190935618.png differ
diff --git a/docs/images/ui-components/mdp-field/image-20240111191052830.png b/docs/images/ui-components/mdp-field/image-20240111191052830.png
new file mode 100644
index 0000000..2160bed
Binary files /dev/null and b/docs/images/ui-components/mdp-field/image-20240111191052830.png differ
diff --git a/docs/images/ui-components/mdp-input/image-20240111190935618.png b/docs/images/ui-components/mdp-input/image-20240111190935618.png
new file mode 100644
index 0000000..7df5c63
Binary files /dev/null and b/docs/images/ui-components/mdp-input/image-20240111190935618.png differ
diff --git a/docs/images/ui-components/mdp-input/image-20240111191052830.png b/docs/images/ui-components/mdp-input/image-20240111191052830.png
new file mode 100644
index 0000000..2160bed
Binary files /dev/null and b/docs/images/ui-components/mdp-input/image-20240111191052830.png differ
diff --git a/docs/images/ui-components/mdp-input/image-20240112102727553.png b/docs/images/ui-components/mdp-input/image-20240112102727553.png
new file mode 100644
index 0000000..d2be620
Binary files /dev/null and b/docs/images/ui-components/mdp-input/image-20240112102727553.png differ
diff --git a/docs/images/ui-components/mdp-input/image-20240112105047494.png b/docs/images/ui-components/mdp-input/image-20240112105047494.png
new file mode 100644
index 0000000..cc85691
Binary files /dev/null and b/docs/images/ui-components/mdp-input/image-20240112105047494.png differ
diff --git a/docs/images/ui-components/mdp-number/image-20240112114302491.png b/docs/images/ui-components/mdp-number/image-20240112114302491.png
new file mode 100644
index 0000000..79f12e8
Binary files /dev/null and b/docs/images/ui-components/mdp-number/image-20240112114302491.png differ
diff --git a/docs/images/ui-components/mdp-number/image-20240112115454303.png b/docs/images/ui-components/mdp-number/image-20240112115454303.png
new file mode 100644
index 0000000..70de7e5
Binary files /dev/null and b/docs/images/ui-components/mdp-number/image-20240112115454303.png differ
diff --git a/docs/images/ui-components/mdp-number/image-20240112115522071.png b/docs/images/ui-components/mdp-number/image-20240112115522071.png
new file mode 100644
index 0000000..fec8fd6
Binary files /dev/null and b/docs/images/ui-components/mdp-number/image-20240112115522071.png differ
diff --git a/docs/images/ui-components/mdp-table/image-20240113175843075.png b/docs/images/ui-components/mdp-table/image-20240113175843075.png
new file mode 100644
index 0000000..22727ee
Binary files /dev/null and b/docs/images/ui-components/mdp-table/image-20240113175843075.png differ
diff --git a/docs/images/ui-components/mdp-table/image-20240113175907878.png b/docs/images/ui-components/mdp-table/image-20240113175907878.png
new file mode 100644
index 0000000..d7307b2
Binary files /dev/null and b/docs/images/ui-components/mdp-table/image-20240113175907878.png differ
diff --git a/docs/images/ui-components/mdp-table/image-20240113180009654.png b/docs/images/ui-components/mdp-table/image-20240113180009654.png
new file mode 100644
index 0000000..3618cda
Binary files /dev/null and b/docs/images/ui-components/mdp-table/image-20240113180009654.png differ
diff --git a/docs/images/ui-components/mdp-table/image-20240113184113330.png b/docs/images/ui-components/mdp-table/image-20240113184113330.png
new file mode 100644
index 0000000..c3bee1b
Binary files /dev/null and b/docs/images/ui-components/mdp-table/image-20240113184113330.png differ
diff --git a/src/components/mdp-ui/mdp-date-range/README.md b/src/components/mdp-ui/mdp-date-range/README.md
index 80e7fa7..02d9b09 100644
--- a/src/components/mdp-ui/mdp-date-range/README.md
+++ b/src/components/mdp-ui/mdp-date-range/README.md
@@ -20,7 +20,7 @@
   },
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111103632183.png" alt="image-20240111103632183" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111103632183.png" alt="image-20240111103632183" style="zoom:50%;" />
 
 2. `x`
 
@@ -31,9 +31,9 @@
     </mdp-date-range>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111110136191.png" alt="image-20240111110136191" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111110136191.png" alt="image-20240111110136191" style="zoom:50%;" />
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111110148521.png" alt="image-20240111110148521" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111110148521.png" alt="image-20240111110148521" style="zoom:50%;" />
 
 3. tag 
 
@@ -44,9 +44,9 @@
     </mdp-date-range>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111105902269.png" alt="image-202401111059022269" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111105902269.png" alt="image-202401111059022269" style="zoom:50%;" />
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111105909638.png" alt="image-202401111105909638" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111105909638.png" alt="image-202401111105909638" style="zoom:50%;" />
 
 ####  二、value + @change事件
 
@@ -108,7 +108,7 @@ methods: {
 <mdp-date-range :styleObj="{ backgroundColor: 'green' }"/>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111144543586.png" alt="image-20240111144543586" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111144543586.png" alt="image-20240111144543586" style="zoom:50%;" />
 
 #### 五、autoDefault 和 defaultRange
 
@@ -120,7 +120,7 @@ defaultRange = [-1, 1] = [ 当前时间 -1, 当前时间 +1 ]
 <mdp-date-range :auto-default="true" :default-range="[-1, 1]"/>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111150728697.png" alt="image-20240111150728697" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111150728697.png" alt="image-20240111150728697" style="zoom:50%;" />
 
 #### 六 icon
 
diff --git a/src/components/mdp-ui/mdp-date/README.md b/src/components/mdp-ui/mdp-date/README.md
index 9430544..5443491 100644
--- a/src/components/mdp-ui/mdp-date/README.md
+++ b/src/components/mdp-ui/mdp-date/README.md
@@ -9,7 +9,7 @@
 <mdp-date show-style="origin"/>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110173240185.png" alt="image-20240110173240185" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110173240185.png" alt="image-20240110173240185" style="zoom:50%;" />
 
 2. `showStyle="x"`
 
@@ -20,9 +20,9 @@
 </mdp-date>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110175355789.png" alt="3" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110175355789.png" alt="3" style="zoom:50%;" />
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110174700696.png" alt="image-20240110174700696" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110174700696.png" alt="image-20240110174700696" style="zoom:50%;" />
 
 
 
@@ -35,9 +35,9 @@
 </mdp-date>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110175435534.png" alt="50" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110175435534.png" alt="50" style="zoom:50%;" />
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110175446637.png" alt="image-20240110175446637" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110175446637.png" alt="image-20240110175446637" style="zoom:50%;" />
 
 #### `pickerOptions`
 
@@ -45,7 +45,7 @@
 
 new Date()  是 选择'今天' 时得到的数据
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240110183450741.png" alt="image-20240110183450741" style="zoom:40%;" />
+<img src="../../../../docs/images/ui-components/mdp-date/image-20240110183450741.png" alt="image-20240110183450741" style="zoom:40%;" />
 
 
 
diff --git a/src/components/mdp-ui/mdp-field/README.md b/src/components/mdp-ui/mdp-field/README.md
index 266eaa8..8bb285d 100644
--- a/src/components/mdp-ui/mdp-field/README.md
+++ b/src/components/mdp-ui/mdp-field/README.md
@@ -77,7 +77,8 @@ data() {
     </mdp-field>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111190935618.png" alt="image-20240111190935618" style="zoom:50%;" />				<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111191052830.png" alt="image-20240111191052830" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-field/image-20240111190935618.png" alt="image-20240111190935618" style="zoom:50%;"/>
+<img src="../../../../docs/images/ui-components/mdp-field/image-20240111191052830.png" alt="image-20240111191052830" style="zoom:50%;" />
 
 
 
diff --git a/src/components/mdp-ui/mdp-input/README.md b/src/components/mdp-ui/mdp-input/README.md
index f007dc5..031706a 100644
--- a/src/components/mdp-ui/mdp-input/README.md
+++ b/src/components/mdp-ui/mdp-input/README.md
@@ -22,7 +22,7 @@
 }
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240112102727553.png" alt="image-20240112102727553" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-input/image-20240112102727553.png" alt="image-20240112102727553" style="zoom:50%;" />
 
 #### 自定义
 
@@ -71,7 +71,7 @@ data() {
   </mdp-input>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240112105047494.png" alt="image-20240112105047494" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-input/image-20240112105047494.png" alt="image-20240112105047494" style="zoom:50%;" />
 
 -----
 
@@ -97,7 +97,7 @@ data() {
     </mdp-input>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111190935618.png" alt="image-20240111190935618" style="zoom:50%;" />				<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111191052830.png" alt="image-20240111191052830" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-input/image-20240111190935618.png" alt="image-20240111190935618" style="zoom:50%;" />				<img src="../../../../docs/images/ui-components/mdp-input/image-20240111191052830.png" alt="image-20240111191052830" style="zoom:50%;" />
 
 
 
diff --git a/src/components/mdp-ui/mdp-number/README.md b/src/components/mdp-ui/mdp-number/README.md
index 04f1b15..2306912 100644
--- a/src/components/mdp-ui/mdp-number/README.md
+++ b/src/components/mdp-ui/mdp-number/README.md
@@ -21,7 +21,7 @@ methods: {
 },
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240112114302491.png" alt="image-20240112114302491" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-number/image-20240112114302491.png" alt="image-20240112114302491" style="zoom:50%;" />
 
 #### 自定义
 
@@ -84,7 +84,7 @@ data() {
 </mdp-number>
 ```
 
-<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240112115454303.png" alt="image-20240112115454303" style="zoom:50%;" /><img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240112115522071.png" alt="image-20240112115522071" style="zoom:50%;" />
+<img src="../../../../docs/images/ui-components/mdp-number/image-20240112115454303.png" alt="image-20240112115454303" style="zoom:50%;" /><img src="../../../../docs/images/ui-components/mdp-number/image-20240112115522071.png" alt="image-20240112115522071" style="zoom:50%;" />
 
 
 
@@ -102,7 +102,7 @@ data() {
 |     disabled      |           是否禁用计数器           | boolean |      —       |      false      |
 |     style-obj     | 设置showStyle=='x'时，avatar的样式 | Object  |      —       | marginTop:'5px' |
 |       label       |              标签字段              | String  |      —       |       ''        |
-|    placeholder    |       输入框默认 placeholder       | string  |      —       |        —        |
+|    placeholder    |       输入框默认 placeh![img.png](img.png)older       | string  |      —       |        —        |
 |       color       | 设置showStyle=='x'时，直接指定颜色 | string  |      —       |        —        |
 |       icon        |   设置showStyle=='x'时，指定图标   | string  |      —       |        —        |
 |     showStyle     |           控制组件的布局           | String  | origin/x/tag |    'origin'     |
diff --git a/src/components/mdp-ui/mdp-table/README.md b/src/components/mdp-ui/mdp-table/README.md
index aa010e9..517ff07 100644
--- a/src/components/mdp-ui/mdp-table/README.md
+++ b/src/components/mdp-ui/mdp-table/README.md
@@ -1,179 +1,180 @@
-### mdp-table
-该组件相对于el-table，进行了以下优化：
-内置了增、删、改、查、高级查询、重置查询、导出、列配置、分页、批量编辑等功能、内置了对按钮权限的控制机制,功能非常强大
-
-- 综合管理  
-![综合管理表格](/docs/images/ui-components/table-mng.jpg)  
-- 可编辑表格    
-![可编辑表格](/docs/images/ui-components/edit-table.jpg)  
-- 可编辑-树状表格    
-![可编辑-树状表格](/docs/images/ui-components/left-right-tree-table.jpg)  
-
-### 用法
-
-#### 基本用法，根el-table保持一致,直接定义表头，mdp框架将解析出表头内容，用于配置显示列，排序，高级查询等 
-```html 
-<mdp-table :crud-apis="crudApis">
-    <el-table-column
-        prop="bizDate"
-        label="日期"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="stuName"
-        label="姓名"
-        width="180">
-      </el-table-column>
-      <el-table-column
-        prop="stuAddress"
-        label="地址">
-      </el-table-column>
-</mdp-dialog>
-``` 
-```js 
-  <script>
-    export default {
-      data() {
-        return { 
-            //操作后台数据的api列表
-            crudApis:{
-                list:this.$mdp.listUser,
-                add: this.$mdp.addUser,
-                edit: this.$mdp.editUser,
-                del: this.$mdp.delUser,
-                editSomeFields:this.$mdp.editSomeFieldsUser,
-            } 
-        }
+## mdp-table
+
+
+
+#### 简单使用
+
+后端必须是该系统的后端项目
+
+```vue
+<mdp-table :crud-apis="crudApis" :visible="true" :column-cfgs="columnConfigs" ></mdp-table>
+```
+
+```js
+data() {
+  return {
+    crudApis: {
+      // list: params => {
+      //   return axios.get(``, {params});
+      // }
+      list: params => {
+        config.params = params
+        return axios.request(config)
       }
+    },
+    columnConfigs: [
+      // {property: 【需要显示的数据，返回的单个数据的key】, label: 【表头】, isCommon: 【是否可查询】},
+      {property: 'rolename', label: 'rolename', isCommon: true},
+      {property: 'branchId', label: 'branchId', isCommon: true},
+      {property: 'dataLvl', label: 'dataLvl', isCommon: true},
+      // 可以根据需要添加其他列配置
+    ]
+  }
+```
+
+config配置文件是 [体验环境](https://maimengcloud.com/lcode/m1/) 中的角色管理页的接口
+
+返回的单个`数据格式`：
+
+```json
+        {
+            "branchId": "",
+            "roleend": null,
+            "roleid": "",
+            "rolename": "",
+            "sortOrder": null,
+            "crdate": null,
+            "deptid": "",
+            "remark": "",
+            "roletype": "",
+            "dataLvl": 5,
+            "enabled": "",
+            "rolebeg": null
+        }
+```
+
+
+
+```js
+const axios = require('axios');
+
+let config = {
+  method: 'get',
+  maxBodyLength: Infinity,
+  url: 'https://maimengcloud.com/api/m1/lcode/mdp/sys/role/list',
+  headers: {
+    .....
+  },
+};
+
+export default config
+```
+
+<img src="../../../../docs/images/ui-components/mdp-table/image-20240113175843075.png" alt="image-20240113175843075" style="zoom:50%;" />
+
+<img src="../../../../docs/images/ui-components/mdp-table/image-20240113175907878.png" alt="image-20240113175907878" style="zoom:50%;" />
+
+模糊查询
+
+<img src="../../../../docs/images/ui-components/mdp-table/image-20240113180009654.png" alt="image-20240113180009654" style="zoom:50%;" />
+
+支持>、<、 >=、<=、!=、*陈*、$IS NULL、$IN 1,2,3、between 1,5等操作符
+
+-----
+
+#### 自定义
+
+测试接口：https://reqres.in/api/users
+
+接口首页: https://reqres.in
+
+响应数据：
+
+```json
+{
+  "page":1,
+  "per_page":6,
+  "total":12,
+  "total_pages":2,
+  "data":[
+    {
+      "id":1,
+      "email":"george.bluth@reqres.in",
+      "first_name":"George",
+      "last_name":"Bluth",
+      "avatar":"https://reqres.in/img/faces/1-image.jpg"
     }
-  </script>
+  ]
 ```
 
 
-#### 通过属性columnCfgs传入表格字段列表，mdp框架将解析出表头内容，用于配置显示列，排序，高级查询等 
-```html 
-<mdp-table :crud-apis="crudApis" :column-cfgs="columnCfgs"> 
-</mdp-dialog>
-``` 
-```js 
-  <script>
-    export default {
-      data() {
-        return { 
-            //操作后台数据的api列表
-            crudApis:{
-                list:this.$mdp.listUser,
-                add: this.$mdp.addUser,
-                edit: this.$mdp.editUser,
-                del: this.$mdp.delUser,
-                editSomeFields:this.$mdp.editSomeFieldsUser,
-            },
-            columnCfgs:{
-                [
-                    {label:'日期',property:'bizDate'},
-                    {label:'姓名',property:'stuName'},
-                    {label:'地址',property:'stuAddress'},
-                ]
-            }
-        }
-      }
+
+Mdp-table：
+
+```js
+preQueryParamCheck(params) {
+  //处理参数以满足调用后台接口
+  params.per_page = params.pageSize;
+  params.page = params.pageNum;
+  let arr = ['pageSize', 'pageNum', 'total', 'count'] // 需要删除内部实现的分页
+  for (let item in params) {
+    if (params[item] === undefined || params[item] === '' || arr.includes(item)) { // 判断查询条件是否存在
+      delete params[item]
     }
-  </script>
+  }
+  if (!isNaN(params.id)) {
+    params.id = parseInt(params.id, 10);
+  } else {
+    delete params.id
+  }
+  return true;
+},
 ```
 
-#### 多选、单选模式、可编辑表格
-```html 
-<mdp-table :crud-apis="crudApis" :column-cfgs="columnCfgs" :multiple="true" :edit="true"> 
-</mdp-dialog>
-``` 
-```js 
-  <script>
-    export default {
-      data() {
-        return { 
-            //操作后台数据的api列表
-            crudApis:{
-                list:this.$mdp.listUser,
-                add: this.$mdp.addUser,
-                edit: this.$mdp.editUser,
-                del: this.$mdp.delUser,
-                editSomeFields:this.$mdp.editSomeFieldsUser,
-            },
-            columnCfgs:{
-                [
-                    {label:'日期',property:'bizDate'},
-                    {label:'姓名',property:'stuName'},
-                    {label:'地址',property:'stuAddress'},
-                ]
-            }
-        }
+Mdp-table:
+
+```js
+getResult(res, apiName) {
+  // 请求结果处理
+  let data = res.data
+  if (res.status === 200) {
+    this.pageInfo.total = data.total;
+    this.pageInfo.pageNum = data.page;
+    this.pageInfo.pageSize = data.per_page;
+    let tableDatas = Array.isArray(data.data) ? data.data : new Array(data.data);
+    this.tableDatas = tableDatas
+    this.parseExpand(tableDatas, this.expandFieldName)
+    this.afterList(tableDatas, res.status, apiName)
+  } else {
+    this.$notify({title: data.support.url, message: data.support.text, type: 'success',});
+  }
+},
+```
+
+父组件：
+
+```vue
+<mdp-table :crud-apis="crudApis" :visible="true" :column-cfgs="columnConfigs" :multiple="true"/>
+```
+
+```js
+data() {
+  return {
+    crudApis: {
+      list: params => {
+        return axios.get(`https://reqres.in/api/users`, {params});
       }
-    }
-  </script>
+    },
+    columnConfigs: [
+      {property: 'avatar', label: '头像', isCommon: false},
+      {property: 'email', label: '邮箱', isCommon: false},
+      {property: 'first_name', label: '名字', isCommon: false},
+      {property: 'last_name', label: '姓',  isCommon: false},
+      {property: 'id', label: 'Id', isCommon: true},
+      // 可以根据需要添加其他列配置
+    ]
+  }
+}
 ```
 
-### Attributes
-|参数|说明|类型|可选值|默认值|
-|--------|------|--------|-----------------|----------------|
-|crud-apis|增删改查的接口函数|object|-| - 
-|multiple|是否多选|boolean|—|false
-|show-hi-query|是否显示高级查询|boolean|—|true
-|show-common-query|是否显示常规查询|boolean|—|true
-|edit|是否可编辑|boolean|—|false 
-|column-cfgs|表头列配置项列表|Array|-|-
-
-
-
-### Events
-|事件名称|说明|回调参数|
-|--------|------|--------|
-change2|选中值发生变化时触发，在需要获取值以外更多信息时使用|目前的选中的整个对象,如果multiple=false,返回一个对象，否则返回对象数组
-change|选中值发生变化时触发|目前的选中值，如果multiple=false,返回一个值，否则返回值数组，如果split有则，则返回以split分割的字符串，如1,2,3,4,5
-visible-change|下拉框出现/隐藏时触发|出现则为 true，隐藏则为 false
-remove-tag|多选模式下移除tag时触发|移除的tag值
-clear|可清空的单选模式下用户点击清空按钮时触发|—
-blur|当 input 失去焦点时触发|(event: Event)
-focus|当 input 获得焦点时触发|(event: Event)
-
-### slot
-|name|说明|
-|--------|------|
-—|Option 组件列表
-info|鼠标未进入时展示的内容，showStyle=tag\x时有效
-oper|鼠标进入后展示的内容，showStyle=tag\x时有效
-~~prefix|Select 组件头部内容~~
-empty|无选项时的列表
-
-### column-cfgs 表头字段配置
-
-|参数|说明|类型|可选值|默认值|
-|--------|------|--------|-----------------|----------------|
-label|列名|string|—|— 
-property|属性名，驼峰命名，用于反解析出表字段|string|—|— 
-sortNo|前端显示排序，排序从0-999，越小越靠前,在表头、常规查询、高级查询的显示顺序|Number|—|— 
-isCommon|是否常用，用于常规查询是否显示|Boolean|true/false|false 
-colType|数据库字段类型| string/int/date/datatime/|—|— 
-showHq|是否在高级查询中显示|true|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-label|列名|string|—|— 
-
-### crud-apis api列表
-
-|参数|说明|类型|可选值|默认值|
-|--------|------|--------|-----------------|----------------|
-list|查询api|Promise|—|—
-add|新增api|Promise|—|—
-edit|修改api|Promise|—|—
-del|删除api|Promise|—|—
-editSomeFields|批量修改部分字段|Promise|—|— 
-### Methods
-
-|方法名|说明|参数|
-|--------|------|--------|
-focus|使 input 获取焦点|-
-blur|使 input 失去焦点，并隐藏下拉框|-
\ No newline at end of file
+<img src="../../../../docs/images/ui-components/mdp-table/image-20240113184113330.png" alt="image-20240113184113330" style="zoom:50%;" />