|
|
@ -6,6 +6,28 @@ |
|
|
|
|
|
|
|
|
### 用法 |
|
|
### 用法 |
|
|
|
|
|
|
|
|
|
|
|
#### 最简单的用法，通过props定义编号及名称 |
|
|
|
|
|
```html |
|
|
|
|
|
<mdp-select-table :load-fun="loadFun" :props="propsCfgs"> |
|
|
|
|
|
</mdp-select-table> |
|
|
|
|
|
``` |
|
|
|
|
|
```js |
|
|
|
|
|
<script> |
|
|
|
|
|
export default { |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
//从后台加载数据的api |
|
|
|
|
|
loadFun:this.$mdp.listBranch, |
|
|
|
|
|
propsCfgs:{ |
|
|
|
|
|
id:'branchId',//取api返回值中的branchId属性的值当成编号 |
|
|
|
|
|
name:'branchName',//取api返回值中的branchName属性的值当成名称 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</script> |
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
#### 通过属性columnCfgs传入表格字段列表，mdp框架将解析出表头内容，用于配置显示列，排序，高级查询等 |
|
|
#### 通过属性columnCfgs传入表格字段列表，mdp框架将解析出表头内容，用于配置显示列，排序，高级查询等 |
|
|
```html |
|
|
```html |
|
|
<mdp-select-table show-style="origin" :load-fun="loadFun" :column-cfgs="columnCfgs"> |
|
|
<mdp-select-table show-style="origin" :load-fun="loadFun" :column-cfgs="columnCfgs"> |
|
|
@ -65,6 +87,7 @@ |
|
|
|show-hi-query|是否显示高级查询|boolean|—|true |
|
|
|show-hi-query|是否显示高级查询|boolean|—|true |
|
|
|show-common-query|是否显示常规查询|boolean|—|true |
|
|
|show-common-query|是否显示常规查询|boolean|—|true |
|
|
|column-cfgs|表头列配置项列表|Array|-|- |
|
|
|column-cfgs|表头列配置项列表|Array|-|- |
|
|
|
|
|
|props|简化版的column-cfgs，如果配置了column-cfgs则该属性不起作用，只有两列编号及名称|Object|-|{id:'id',name:'name'} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -107,6 +130,13 @@ itemCode|字典表中itemCode字段，填写了该值将从字典表加载下拉 |
|
|
colPrefix|属性需要添加前缀时使用，比如res.id=xxxxx,此次填写res.|string|—|— |
|
|
colPrefix|属性需要添加前缀时使用，比如res.id=xxxxx,此次填写res.|string|—|— |
|
|
disabledHq|是否允许编辑查询条件|boolean|—|— |
|
|
disabledHq|是否允许编辑查询条件|boolean|—|— |
|
|
|
|
|
|
|
|
|
|
|
### props 简易列配置 |
|
|
|
|
|
|
|
|
|
|
|
|参数|说明|类型|可选值|默认值| |
|
|
|
|
|
|--------|------|--------|-----------------|----------------| |
|
|
|
|
|
id|编号列|string|id|id |
|
|
|
|
|
name|名称列|string|name|name |
|
|
|
|
|
|
|
|
### Methods |
|
|
### Methods |
|
|
|
|
|
|
|
|
|方法名|说明|参数| |
|
|
|方法名|说明|参数| |
|
|
|
陈裕财
2 years ago