backend-management-ui 1.2.2 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -11,9 +11,7 @@
|
|
|
11
11
|
## 安装
|
|
12
12
|
npm 安装
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
npm install backend-management-ui --save
|
|
16
|
-
```
|
|
14
|
+
`npm install backend-management-ui --save`
|
|
17
15
|
|
|
18
16
|
yarn 安装
|
|
19
17
|
|
|
@@ -60,7 +58,7 @@ export default {
|
|
|
60
58
|
基本用法
|
|
61
59
|
|
|
62
60
|
#### 典型编辑型表单
|
|
63
|
-
|
|
61
|
+
|
|
64
62
|
``` markdown
|
|
65
63
|
``` js
|
|
66
64
|
<ui-form :model="searchForm" :formConfig="formConfig" label-width="100px" ></ui-form>
|
|
@@ -95,7 +93,6 @@ export default {
|
|
|
95
93
|
```
|
|
96
94
|
|
|
97
95
|
#### 典型展示表单
|
|
98
|
-
|
|
99
96
|
``` markdown
|
|
100
97
|
``` js
|
|
101
98
|
<ui-form :model="searchForm" :formConfig="formConfig" label-width="100px" :showOperateBtn="false">
|
|
@@ -172,6 +169,50 @@ export default {
|
|
|
172
169
|
</script>
|
|
173
170
|
```
|
|
174
171
|
|
|
172
|
+
#### 其他用法
|
|
173
|
+
``` markdown
|
|
174
|
+
``` js
|
|
175
|
+
// Form Attributes/Methods直接传
|
|
176
|
+
<ui-form :model="searchForm" :formConfig="formConfig" inline label-width="100px">
|
|
177
|
+
</ui-form>
|
|
178
|
+
<script>
|
|
179
|
+
export default {
|
|
180
|
+
data() {
|
|
181
|
+
return {
|
|
182
|
+
searchForm: {
|
|
183
|
+
orderNo: "订单好xx",
|
|
184
|
+
status: "成功"
|
|
185
|
+
},
|
|
186
|
+
formConfig: [
|
|
187
|
+
{
|
|
188
|
+
label: '订单号',
|
|
189
|
+
prop: 'orderNo',
|
|
190
|
+
component: 'el-input',
|
|
191
|
+
{/* Form-Item Attributes */}
|
|
192
|
+
formItemAttrs: {
|
|
193
|
+
"label-width": "120px",
|
|
194
|
+
size: "small"
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
label: '状态',
|
|
199
|
+
prop: 'status',
|
|
200
|
+
component: 'el-select',
|
|
201
|
+
{/* 表单组件属性 */}
|
|
202
|
+
attrs: {
|
|
203
|
+
style: {
|
|
204
|
+
width: "200px", // 默认220px
|
|
205
|
+
},
|
|
206
|
+
filterable: true,
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
]
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
</script>
|
|
214
|
+
```
|
|
215
|
+
|
|
175
216
|
#### props
|
|
176
217
|
|
|
177
218
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|