safecheck-client 4.0.2-48 → 4.0.2-49
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/.babelrc +5 -5
- package/.editorconfig +9 -9
- package/android.html +18 -18
- package/build/css-loaders.js +34 -0
- package/build/dev-android.js +151 -0
- package/build/dev-client.js +8 -0
- package/build/example-server.js +157 -0
- package/build/release.sh +28 -0
- package/build/utils.js +71 -0
- package/build/webpack.base.conf.js +129 -0
- package/build/webpack.baseandroid.conf.js +83 -0
- package/build/webpack.dev.conf.js +44 -0
- package/build/webpack.devandroid.conf.js +33 -0
- package/build/webpack.example.conf.js +49 -0
- package/build/webpack.hanwei.conf.js +57 -0
- package/build/webpack.hwbase.conf.js +78 -0
- package/build/webpack.prod.conf.js +78 -0
- package/build/webpack.prodandroid.conf.js +60 -0
- package/build/webpack.test.conf.js +31 -0
- package/config/dev.env.js +6 -6
- package/config/index.js +38 -38
- package/config/prod.env.js +3 -3
- package/config/test.env.js +6 -6
- package/docs/AppBase.md +22 -22
- package/docs/Busy.md +14 -14
- package/docs/CriteriaPaged.md +47 -47
- package/docs/DataGrid.md +54 -54
- package/docs/DataModel.md +22 -22
- package/docs/Dynamic.md +42 -42
- package/docs/GetParams.md +11 -11
- package/docs/HttpBusy.md +13 -13
- package/docs/HttpStore.md +29 -29
- package/docs/MessageBox.md +28 -28
- package/docs/PagedList.md +29 -29
- package/docs/Pager.md +21 -21
- package/docs/Project.md +23 -23
- package/docs/Route.md +105 -105
- package/docs/SafetyCheck/AdjustPlan.md +13 -13
- package/docs/SafetyCheck/CheckerPlan.md +12 -12
- package/docs/Task.md +46 -46
- package/docs/TreeList.md +28 -28
- package/docs/TreeMixin.md +18 -18
- package/docs/all.md +10 -10
- package/docs/list.md +42 -42
- package/docs/partial.md +75 -75
- package/docs/selector.md +82 -82
- package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
- package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue-strap/345/217/230/346/233/264/350/256/260/345/275/225.md +7 -7
- package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue/345/217/230/346/233/264/350/256/260/345/275/225.md +13 -13
- package/docs//345/274/200/345/217/221/346/226/207/346/241/243//345/274/200/345/217/221/347/216/257/345/242/203/350/256/276/347/275/256.md +77 -77
- package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
- package/examples/AddressList/App.vue +13 -13
- package/examples/AddressList/index.html +11 -11
- package/examples/DispatchList/App.vue +10 -10
- package/examples/DispatchList/BaseTree.vue +13 -13
- package/examples/DispatchList/Init.vue +22 -22
- package/examples/DispatchList/Test.vue +20 -20
- package/examples/DispatchList/index.html +11 -11
- package/examples/DispatchList/main.js +18 -18
- package/home.html +16 -16
- package/package.json +1 -1
- package/publish.bat +7 -7
- package/release.bat +5 -5
- package/src/Widget.vue +13 -13
- package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
- package/src/android-bootstrap/less/.csscomb.json +304 -304
- package/src/android-bootstrap/less/.csslintrc +19 -19
- package/src/android-bootstrap/less/alerts.less +73 -73
- package/src/android-bootstrap/less/badges.less +66 -66
- package/src/android-bootstrap/less/bootstrap.less +56 -56
- package/src/android-bootstrap/less/breadcrumbs.less +26 -26
- package/src/android-bootstrap/less/button-groups.less +247 -247
- package/src/android-bootstrap/less/buttons.less +173 -173
- package/src/android-bootstrap/less/carousel.less +269 -269
- package/src/android-bootstrap/less/close.less +34 -34
- package/src/android-bootstrap/less/code.less +69 -69
- package/src/android-bootstrap/less/component-animations.less +33 -33
- package/src/android-bootstrap/less/grid.less +84 -84
- package/src/android-bootstrap/less/input-groups.less +167 -167
- package/src/android-bootstrap/less/jumbotron.less +52 -52
- package/src/android-bootstrap/less/labels.less +64 -64
- package/src/android-bootstrap/less/list-group.less +141 -141
- package/src/android-bootstrap/less/media.less +66 -66
- package/src/android-bootstrap/less/mixins/alerts.less +14 -14
- package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
- package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
- package/src/android-bootstrap/less/mixins/buttons.less +69 -69
- package/src/android-bootstrap/less/mixins/center-block.less +7 -7
- package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
- package/src/android-bootstrap/less/mixins/forms.less +90 -90
- package/src/android-bootstrap/less/mixins/gradients.less +59 -59
- package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
- package/src/android-bootstrap/less/mixins/grid.less +122 -122
- package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
- package/src/android-bootstrap/less/mixins/image.less +33 -33
- package/src/android-bootstrap/less/mixins/labels.less +12 -12
- package/src/android-bootstrap/less/mixins/list-group.less +30 -30
- package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
- package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
- package/src/android-bootstrap/less/mixins/opacity.less +8 -8
- package/src/android-bootstrap/less/mixins/pagination.less +24 -24
- package/src/android-bootstrap/less/mixins/panels.less +24 -24
- package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
- package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
- package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
- package/src/android-bootstrap/less/mixins/resize.less +6 -6
- package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
- package/src/android-bootstrap/less/mixins/size.less +10 -10
- package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
- package/src/android-bootstrap/less/mixins/table-row.less +44 -44
- package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
- package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
- package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
- package/src/android-bootstrap/less/mixins.less +40 -40
- package/src/android-bootstrap/less/modals.less +151 -151
- package/src/android-bootstrap/less/navbar.less +660 -660
- package/src/android-bootstrap/less/navs.less +290 -290
- package/src/android-bootstrap/less/normalize.less +424 -424
- package/src/android-bootstrap/less/pager.less +76 -76
- package/src/android-bootstrap/less/pagination.less +89 -89
- package/src/android-bootstrap/less/panels.less +274 -274
- package/src/android-bootstrap/less/popovers.less +131 -131
- package/src/android-bootstrap/less/print.less +101 -101
- package/src/android-bootstrap/less/progress-bars.less +87 -87
- package/src/android-bootstrap/less/responsive-embed.less +35 -35
- package/src/android-bootstrap/less/responsive-utilities.less +194 -194
- package/src/android-bootstrap/less/scaffolding.less +161 -161
- package/src/android-bootstrap/less/tables.less +262 -262
- package/src/android-bootstrap/less/theme.less +291 -291
- package/src/android-bootstrap/less/thumbnails.less +36 -36
- package/src/android-bootstrap/less/tooltip.less +102 -102
- package/src/android-bootstrap/less/type.less +303 -303
- package/src/android-bootstrap/less/utilities.less +55 -55
- package/src/android-bootstrap/less/variables.less +896 -896
- package/src/android-bootstrap/less/wells.less +29 -29
- package/src/bootstrap/less/.csscomb.json +304 -304
- package/src/bootstrap/less/.csslintrc +19 -19
- package/src/bootstrap/less/alerts.less +73 -73
- package/src/bootstrap/less/badges.less +66 -66
- package/src/bootstrap/less/breadcrumbs.less +26 -26
- package/src/bootstrap/less/button-groups.less +247 -247
- package/src/bootstrap/less/buttons.less +172 -172
- package/src/bootstrap/less/carousel.less +269 -269
- package/src/bootstrap/less/close.less +34 -34
- package/src/bootstrap/less/code.less +69 -69
- package/src/bootstrap/less/component-animations.less +33 -33
- package/src/bootstrap/less/dropdowns.less +216 -216
- package/src/bootstrap/less/grid.less +84 -84
- package/src/bootstrap/less/input-groups.less +167 -167
- package/src/bootstrap/less/jumbotron.less +52 -52
- package/src/bootstrap/less/labels.less +64 -64
- package/src/bootstrap/less/list-group.less +141 -141
- package/src/bootstrap/less/media.less +66 -66
- package/src/bootstrap/less/mixins/alerts.less +14 -14
- package/src/bootstrap/less/mixins/background-variant.less +9 -9
- package/src/bootstrap/less/mixins/border-radius.less +18 -18
- package/src/bootstrap/less/mixins/buttons.less +69 -69
- package/src/bootstrap/less/mixins/center-block.less +7 -7
- package/src/bootstrap/less/mixins/clearfix.less +22 -22
- package/src/bootstrap/less/mixins/forms.less +90 -90
- package/src/bootstrap/less/mixins/gradients.less +59 -59
- package/src/bootstrap/less/mixins/grid-framework.less +92 -92
- package/src/bootstrap/less/mixins/grid.less +122 -122
- package/src/bootstrap/less/mixins/hide-text.less +21 -21
- package/src/bootstrap/less/mixins/image.less +33 -33
- package/src/bootstrap/less/mixins/labels.less +12 -12
- package/src/bootstrap/less/mixins/list-group.less +30 -30
- package/src/bootstrap/less/mixins/nav-divider.less +10 -10
- package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
- package/src/bootstrap/less/mixins/opacity.less +8 -8
- package/src/bootstrap/less/mixins/pagination.less +24 -24
- package/src/bootstrap/less/mixins/panels.less +24 -24
- package/src/bootstrap/less/mixins/progress-bar.less +10 -10
- package/src/bootstrap/less/mixins/reset-filter.less +8 -8
- package/src/bootstrap/less/mixins/reset-text.less +18 -18
- package/src/bootstrap/less/mixins/resize.less +6 -6
- package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
- package/src/bootstrap/less/mixins/size.less +10 -10
- package/src/bootstrap/less/mixins/tab-focus.less +9 -9
- package/src/bootstrap/less/mixins/table-row.less +44 -44
- package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
- package/src/bootstrap/less/mixins/text-overflow.less +8 -8
- package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
- package/src/bootstrap/less/mixins.less +40 -40
- package/src/bootstrap/less/modals.less +151 -151
- package/src/bootstrap/less/navbar.less +660 -660
- package/src/bootstrap/less/normalize.less +424 -424
- package/src/bootstrap/less/pagination.less +89 -89
- package/src/bootstrap/less/panels.less +275 -275
- package/src/bootstrap/less/popovers.less +131 -131
- package/src/bootstrap/less/print.less +101 -101
- package/src/bootstrap/less/progress-bars.less +87 -87
- package/src/bootstrap/less/responsive-embed.less +35 -35
- package/src/bootstrap/less/responsive-utilities.less +194 -194
- package/src/bootstrap/less/scaffolding.less +161 -161
- package/src/bootstrap/less/theme.less +291 -291
- package/src/bootstrap/less/thumbnails.less +36 -36
- package/src/bootstrap/less/tooltip.less +102 -102
- package/src/bootstrap/less/type.less +303 -303
- package/src/bootstrap/less/utilities.less +55 -55
- package/src/bootstrap/less/wells.less +29 -29
- package/src/components/FileUpload.vue +696 -696
- package/src/components/Hello.vue +39 -39
- package/src/components/LeftTree.vue +27 -27
- package/src/components/android/AttendanceTally.vue +116 -116
- package/src/components/android/Blank.vue +10 -10
- package/src/components/android/CheckUnplanPage.vue +56 -56
- package/src/components/android/Checker.vue +12 -12
- package/src/components/android/CheckerAnnual.vue +81 -81
- package/src/components/android/CheckerAvarta.vue +82 -82
- package/src/components/android/EquipmentInspection.vue +348 -348
- package/src/components/android/FootprintMap.vue +120 -120
- package/src/components/android/HiddentroubleInvestigation.vue +192 -192
- package/src/components/android/MasterMain.vue +77 -77
- package/src/components/android/Menu.vue +132 -132
- package/src/components/android/PaperAlarm.vue +85 -85
- package/src/components/android/PaperDeviceNoncivil.vue +214 -214
- package/src/components/android/PlumberAnnual.vue +83 -83
- package/src/components/android/PlumberAnnualDetail.vue +65 -65
- package/src/components/android/PlumberMonthly.vue +84 -84
- package/src/components/android/PostMap.vue +83 -83
- package/src/components/android/QueryCheckHistory.vue +122 -122
- package/src/components/android/QueryCheckHistoryItem.vue +62 -62
- package/src/components/android/RepairMain.vue +60 -60
- package/src/components/android/Repairman.vue +12 -12
- package/src/components/android/StationMaster.vue +12 -12
- package/src/components/defects/DefectModal.vue +101 -101
- package/src/components/defects/DevicesAndItem.vue +39 -39
- package/src/components/issueplan/IssuePlanMain.vue +23 -23
- package/src/components/notice/NoticeForm.vue +100 -100
- package/src/components/notice/NoticeIssue.vue +20 -20
- package/src/components/paper/PicViewer.vue +18 -18
- package/src/components/phonestate/MonthlyTraffic.vue +66 -66
- package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
- package/src/components/phonestate/PostMap.vue +82 -82
- package/src/components/querycheckpaper/PaperItem.vue +59 -59
- package/src/components/userfile/MeterFile.vue +145 -145
- package/src/components/userfile/MeterModify.vue +46 -46
- package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
- package/src/filiale/jinhong/android/CurrentCreate.vue +1335 -1316
- package/src/filiale/jinhong/android/SafecheckOrderV.vue +2300 -0
- package/src/filiale/jinhong/android.js +12 -11
- package/src/filiale/jinhong/pc/CheckSearchUser.vue +1134 -1120
- package/src/filiale/xinkang/android/SafecheckDevices.vue +1213 -1213
- package/src/plugins/LoadData.js +10 -10
- package/src/plugins/LoadParams.js +24 -24
- package/src/stores/wxconfig.js +10 -10
- package/src/utils/getNowDate.js +33 -33
- package/test/e2e/custom-assertions/elementCount.js +26 -26
- package/test/e2e/nightwatch.conf.js +40 -40
- package/test/e2e/runner.js +30 -30
- package/test/e2e/specs/test.js +13 -13
- package/test/unit/.eslintrc +5 -5
- package/test/unit/TestUtil.js +62 -62
- package/test/unit/context.html +20 -20
- package/test/unit/index.js +13 -13
- package/build/libs/SafecheckClient-1.15.6-9.jar +0 -0
- package/build/tmp/jar/MANIFEST.MF +0 -2
package/docs/Busy.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
# Busy
|
|
2
|
-
|
|
3
|
-
当后台进行处理时,显示正在工作。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
通过参数isBusy指明是否忙,通过slot='normal'指明不忙时,正常显示的组件,通过slot='busy'指明繁忙时的显示内容。
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
<busy :is-busy="isBusy">
|
|
11
|
-
<span slot='normal'>正常组件</span>
|
|
12
|
-
<span slot='busy'>系统正在工作,请耐心等候!</span>
|
|
13
|
-
</busy>
|
|
14
|
-
```
|
|
1
|
+
# Busy
|
|
2
|
+
|
|
3
|
+
当后台进行处理时,显示正在工作。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
通过参数isBusy指明是否忙,通过slot='normal'指明不忙时,正常显示的组件,通过slot='busy'指明繁忙时的显示内容。
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<busy :is-busy="isBusy">
|
|
11
|
+
<span slot='normal'>正常组件</span>
|
|
12
|
+
<span slot='busy'>系统正在工作,请耐心等候!</span>
|
|
13
|
+
</busy>
|
|
14
|
+
```
|
package/docs/CriteriaPaged.md
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
# CriteriaPaged
|
|
2
|
-
带有查询条件的分页列表
|
|
3
|
-
|
|
4
|
-
## 用法
|
|
5
|
-
``` html
|
|
6
|
-
<criteria-paged :model={model} pager='true'>
|
|
7
|
-
<criteria partial="criteria" @condition-changed='search'>
|
|
8
|
-
</criteria>
|
|
9
|
-
<list partial="list">
|
|
10
|
-
</list>
|
|
11
|
-
</criteria-paged>
|
|
12
|
-
```
|
|
13
|
-
`<criteria-paged>`为组件对应的html标签。
|
|
14
|
-
|
|
15
|
-
- model:数据提供者
|
|
16
|
-
- partial='criteria':指明查询条件组件
|
|
17
|
-
- partial='list':指明列表显示组件
|
|
18
|
-
- @condition-changed='search':指明条件变化时,调用组件查询方法
|
|
19
|
-
- pager:是否显示翻页组件,默认为true
|
|
20
|
-
|
|
21
|
-
### model
|
|
22
|
-
组件的model参数,必须满足下面的接口要求:
|
|
23
|
-
|
|
24
|
-
- search (condition, model):根据输入的查询条件及用户输入内容进行查询。
|
|
25
|
-
- state:数据加载状态,包括:初始、正确、错误三种。
|
|
26
|
-
- error:数据错误时的内容。
|
|
27
|
-
|
|
28
|
-
如果包括分页部分,model还要满足下面的接口要求:
|
|
29
|
-
|
|
30
|
-
- loadPage(pageNo):加载一页数据
|
|
31
|
-
- count:总数据个数
|
|
32
|
-
|
|
33
|
-
一般情况下,列表model用__PagedList__,树model用__TreeList__。
|
|
34
|
-
|
|
35
|
-
### 指定查询条件组件
|
|
36
|
-
|
|
37
|
-
使用partial="criteria"指定查询条件组件,在查询条件组件上配置`@condition-changed='search'`,这样当查询条件产生后,会自动调用组件的search方法进行查询。查询条件组件需满足下面的接口要求:
|
|
38
|
-
|
|
39
|
-
- 当查询条件产生后,需对外提供condition-changed事件。一般情况下,用criteria组件产生查询条件,使用方式见[Criteria](Criteria.md)。
|
|
40
|
-
|
|
41
|
-
### 指定列表显示区
|
|
42
|
-
|
|
43
|
-
使用partial="list"指定列表显示组件。常用列表显示组件有List,DataGrid。
|
|
44
|
-
|
|
45
|
-
## 方法
|
|
46
|
-
|
|
47
|
-
- search(args):根据查询条件组件产生的查询条件进行查询,将调用model的查询过程,model必须实现search方法。
|
|
1
|
+
# CriteriaPaged
|
|
2
|
+
带有查询条件的分页列表
|
|
3
|
+
|
|
4
|
+
## 用法
|
|
5
|
+
``` html
|
|
6
|
+
<criteria-paged :model={model} pager='true'>
|
|
7
|
+
<criteria partial="criteria" @condition-changed='search'>
|
|
8
|
+
</criteria>
|
|
9
|
+
<list partial="list">
|
|
10
|
+
</list>
|
|
11
|
+
</criteria-paged>
|
|
12
|
+
```
|
|
13
|
+
`<criteria-paged>`为组件对应的html标签。
|
|
14
|
+
|
|
15
|
+
- model:数据提供者
|
|
16
|
+
- partial='criteria':指明查询条件组件
|
|
17
|
+
- partial='list':指明列表显示组件
|
|
18
|
+
- @condition-changed='search':指明条件变化时,调用组件查询方法
|
|
19
|
+
- pager:是否显示翻页组件,默认为true
|
|
20
|
+
|
|
21
|
+
### model
|
|
22
|
+
组件的model参数,必须满足下面的接口要求:
|
|
23
|
+
|
|
24
|
+
- search (condition, model):根据输入的查询条件及用户输入内容进行查询。
|
|
25
|
+
- state:数据加载状态,包括:初始、正确、错误三种。
|
|
26
|
+
- error:数据错误时的内容。
|
|
27
|
+
|
|
28
|
+
如果包括分页部分,model还要满足下面的接口要求:
|
|
29
|
+
|
|
30
|
+
- loadPage(pageNo):加载一页数据
|
|
31
|
+
- count:总数据个数
|
|
32
|
+
|
|
33
|
+
一般情况下,列表model用__PagedList__,树model用__TreeList__。
|
|
34
|
+
|
|
35
|
+
### 指定查询条件组件
|
|
36
|
+
|
|
37
|
+
使用partial="criteria"指定查询条件组件,在查询条件组件上配置`@condition-changed='search'`,这样当查询条件产生后,会自动调用组件的search方法进行查询。查询条件组件需满足下面的接口要求:
|
|
38
|
+
|
|
39
|
+
- 当查询条件产生后,需对外提供condition-changed事件。一般情况下,用criteria组件产生查询条件,使用方式见[Criteria](Criteria.md)。
|
|
40
|
+
|
|
41
|
+
### 指定列表显示区
|
|
42
|
+
|
|
43
|
+
使用partial="list"指定列表显示组件。常用列表显示组件有List,DataGrid。
|
|
44
|
+
|
|
45
|
+
## 方法
|
|
46
|
+
|
|
47
|
+
- search(args):根据查询条件组件产生的查询条件进行查询,将调用model的查询过程,model必须实现search方法。
|
package/docs/DataGrid.md
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
# DataGrid
|
|
2
|
-
|
|
3
|
-
以表格方式显示一批数据
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
把数据通过model参数传递给DataGrid组件,表头内容通过名称为head的partial传递给DataGrid组件,每行显示的内容通过名称为body的partial传递给DataGrid组件,汇总信息显示内容通过名称为foot的partial传递给DataGrid组件。
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
<data-grid :model='model'>
|
|
11
|
-
<template partial='head'>
|
|
12
|
-
<tr>
|
|
13
|
-
<th>姓名</th>
|
|
14
|
-
<th>年龄</th>
|
|
15
|
-
</tr>
|
|
16
|
-
</template>
|
|
17
|
-
<template partial='body'>
|
|
18
|
-
<td>{{row.name}}</td>
|
|
19
|
-
<td>{{row.age}}</td>
|
|
20
|
-
</template>
|
|
21
|
-
<template partial='foot'>
|
|
22
|
-
<td>汇总</td>
|
|
23
|
-
<td>{{model.sums.age}}</td>
|
|
24
|
-
</template>
|
|
25
|
-
</data-grid>
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
注意,表头可以包含多行,所有包含的行通过template合并到一起。每行显示的内容包括多列,这些列也通过template合并在一起。
|
|
29
|
-
|
|
30
|
-
## model参数
|
|
31
|
-
|
|
32
|
-
传递给组件的model必须满足下述要求。
|
|
33
|
-
|
|
34
|
-
- rows: 数组类型,存放所有数据行。
|
|
35
|
-
- sums:对象类型,存放汇总信息。
|
|
36
|
-
- refresh: 函数,重新进行数据加载。
|
|
37
|
-
|
|
38
|
-
通常使用PagedList即可,PagedList使用请参考[PageList](PagedList.md)。
|
|
39
|
-
|
|
40
|
-
## 行数据显示
|
|
41
|
-
|
|
42
|
-
每行数据用row获得,如上例中的row.name显示每行数据的name属性。
|
|
43
|
-
|
|
44
|
-
## 删除数据
|
|
45
|
-
|
|
46
|
-
如果要删除数据,必须使用PagedList作为模型,在删除数据的按钮上,调用model的remove方法,如下:
|
|
47
|
-
```
|
|
48
|
-
model.remove(url, row)
|
|
49
|
-
```
|
|
50
|
-
将url替换成要删除数据的地址即可。
|
|
51
|
-
|
|
52
|
-
## 选择
|
|
53
|
-
|
|
54
|
-
DataGrid支持选择功能,具体参考[Selector](Selector.md)描述。
|
|
1
|
+
# DataGrid
|
|
2
|
+
|
|
3
|
+
以表格方式显示一批数据
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
把数据通过model参数传递给DataGrid组件,表头内容通过名称为head的partial传递给DataGrid组件,每行显示的内容通过名称为body的partial传递给DataGrid组件,汇总信息显示内容通过名称为foot的partial传递给DataGrid组件。
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<data-grid :model='model'>
|
|
11
|
+
<template partial='head'>
|
|
12
|
+
<tr>
|
|
13
|
+
<th>姓名</th>
|
|
14
|
+
<th>年龄</th>
|
|
15
|
+
</tr>
|
|
16
|
+
</template>
|
|
17
|
+
<template partial='body'>
|
|
18
|
+
<td>{{row.name}}</td>
|
|
19
|
+
<td>{{row.age}}</td>
|
|
20
|
+
</template>
|
|
21
|
+
<template partial='foot'>
|
|
22
|
+
<td>汇总</td>
|
|
23
|
+
<td>{{model.sums.age}}</td>
|
|
24
|
+
</template>
|
|
25
|
+
</data-grid>
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
注意,表头可以包含多行,所有包含的行通过template合并到一起。每行显示的内容包括多列,这些列也通过template合并在一起。
|
|
29
|
+
|
|
30
|
+
## model参数
|
|
31
|
+
|
|
32
|
+
传递给组件的model必须满足下述要求。
|
|
33
|
+
|
|
34
|
+
- rows: 数组类型,存放所有数据行。
|
|
35
|
+
- sums:对象类型,存放汇总信息。
|
|
36
|
+
- refresh: 函数,重新进行数据加载。
|
|
37
|
+
|
|
38
|
+
通常使用PagedList即可,PagedList使用请参考[PageList](PagedList.md)。
|
|
39
|
+
|
|
40
|
+
## 行数据显示
|
|
41
|
+
|
|
42
|
+
每行数据用row获得,如上例中的row.name显示每行数据的name属性。
|
|
43
|
+
|
|
44
|
+
## 删除数据
|
|
45
|
+
|
|
46
|
+
如果要删除数据,必须使用PagedList作为模型,在删除数据的按钮上,调用model的remove方法,如下:
|
|
47
|
+
```
|
|
48
|
+
model.remove(url, row)
|
|
49
|
+
```
|
|
50
|
+
将url替换成要删除数据的地址即可。
|
|
51
|
+
|
|
52
|
+
## 选择
|
|
53
|
+
|
|
54
|
+
DataGrid支持选择功能,具体参考[Selector](Selector.md)描述。
|
package/docs/DataModel.md
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
# DataModel
|
|
2
|
-
|
|
3
|
-
一般的从后台根据查询条件获取数据的组件。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
```
|
|
7
|
-
new DataModel(url, params)
|
|
8
|
-
```
|
|
9
|
-
* url: 从后台获取数据的url
|
|
10
|
-
* params: 除正常查询条件外,附加到后台sql中的参数,可以为空。格式为:{参数名: 参数值},参数值是字符串形式的表达式。
|
|
11
|
-
|
|
12
|
-
## 属性
|
|
13
|
-
|
|
14
|
-
- data: 从后台获取到的数据,纯文本格式
|
|
15
|
-
- state: 状态,字符串型,包括:初始(默认),错误,正确
|
|
16
|
-
- error:出现错误时的内容
|
|
17
|
-
|
|
18
|
-
## 方法
|
|
19
|
-
|
|
20
|
-
- search (condition, model): 执行后台查询过程。参数说明
|
|
21
|
-
* condition: 由查询组件等产生的查询条件字符串。
|
|
22
|
-
* model:由用户输入的查询内容。
|
|
1
|
+
# DataModel
|
|
2
|
+
|
|
3
|
+
一般的从后台根据查询条件获取数据的组件。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
```
|
|
7
|
+
new DataModel(url, params)
|
|
8
|
+
```
|
|
9
|
+
* url: 从后台获取数据的url
|
|
10
|
+
* params: 除正常查询条件外,附加到后台sql中的参数,可以为空。格式为:{参数名: 参数值},参数值是字符串形式的表达式。
|
|
11
|
+
|
|
12
|
+
## 属性
|
|
13
|
+
|
|
14
|
+
- data: 从后台获取到的数据,纯文本格式
|
|
15
|
+
- state: 状态,字符串型,包括:初始(默认),错误,正确
|
|
16
|
+
- error:出现错误时的内容
|
|
17
|
+
|
|
18
|
+
## 方法
|
|
19
|
+
|
|
20
|
+
- search (condition, model): 执行后台查询过程。参数说明
|
|
21
|
+
* condition: 由查询组件等产生的查询条件字符串。
|
|
22
|
+
* model:由用户输入的查询内容。
|
package/docs/Dynamic.md
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
# Dynamic
|
|
2
|
-
|
|
3
|
-
带路由的动态tab页。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
在需要动态tab页的地方,用如下代码引入:
|
|
8
|
-
```html
|
|
9
|
-
<dynamic :comps="[{name: 'tab1'}]"></dynamic>
|
|
10
|
-
```
|
|
11
|
-
- comps:指明动态tab页的初始组件,可以有多个。
|
|
12
|
-
|
|
13
|
-
### 初始组件参数
|
|
14
|
-
|
|
15
|
-
初始组件可以带参数,形式如下:
|
|
16
|
-
```html
|
|
17
|
-
<dynamic :comps="[{name: 'tab1', props: {msg: 'abc'}}]"></dynamic>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
## 参数
|
|
21
|
-
|
|
22
|
-
- name: 动态页签全局注册名,用于从外面路由到动态页签时。如下:
|
|
23
|
-
```
|
|
24
|
-
<dynamic name='root'></dynamic>
|
|
25
|
-
|
|
26
|
-
$goto('bar', {}, 'root')
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## 事件
|
|
30
|
-
- route-init: 广播路由初始化过程给路由组件
|
|
31
|
-
* index: 路由组件的索引号
|
|
32
|
-
* name:组件名称
|
|
33
|
-
* props:组件参数
|
|
34
|
-
|
|
35
|
-
## 事件处理
|
|
36
|
-
|
|
37
|
-
- route-tab:路由到新页签,如果页签已经打开,且不是本页签,用新组件替换原来内容。否则,打开新页签,参数如下:
|
|
38
|
-
* name:组件名称
|
|
39
|
-
* props:组件参数
|
|
40
|
-
- route-end:当前页签路由结束,登记当前页签组件名及标题。
|
|
41
|
-
* name: 组件名称
|
|
42
|
-
* title: 组件标题
|
|
1
|
+
# Dynamic
|
|
2
|
+
|
|
3
|
+
带路由的动态tab页。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
在需要动态tab页的地方,用如下代码引入:
|
|
8
|
+
```html
|
|
9
|
+
<dynamic :comps="[{name: 'tab1'}]"></dynamic>
|
|
10
|
+
```
|
|
11
|
+
- comps:指明动态tab页的初始组件,可以有多个。
|
|
12
|
+
|
|
13
|
+
### 初始组件参数
|
|
14
|
+
|
|
15
|
+
初始组件可以带参数,形式如下:
|
|
16
|
+
```html
|
|
17
|
+
<dynamic :comps="[{name: 'tab1', props: {msg: 'abc'}}]"></dynamic>
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## 参数
|
|
21
|
+
|
|
22
|
+
- name: 动态页签全局注册名,用于从外面路由到动态页签时。如下:
|
|
23
|
+
```
|
|
24
|
+
<dynamic name='root'></dynamic>
|
|
25
|
+
|
|
26
|
+
$goto('bar', {}, 'root')
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## 事件
|
|
30
|
+
- route-init: 广播路由初始化过程给路由组件
|
|
31
|
+
* index: 路由组件的索引号
|
|
32
|
+
* name:组件名称
|
|
33
|
+
* props:组件参数
|
|
34
|
+
|
|
35
|
+
## 事件处理
|
|
36
|
+
|
|
37
|
+
- route-tab:路由到新页签,如果页签已经打开,且不是本页签,用新组件替换原来内容。否则,打开新页签,参数如下:
|
|
38
|
+
* name:组件名称
|
|
39
|
+
* props:组件参数
|
|
40
|
+
- route-end:当前页签路由结束,登记当前页签组件名及标题。
|
|
41
|
+
* name: 组件名称
|
|
42
|
+
* title: 组件标题
|
package/docs/GetParams.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# GetParams
|
|
2
|
-
|
|
3
|
-
获取资源服务中参数管理中的所有参数
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
当使用AppBase时,自动获取所有参数,在自己组建调用getParams(name,init)方法即可获得对应下拉框的内容
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
self = this.$getParams("name","")
|
|
11
|
-
```
|
|
1
|
+
# GetParams
|
|
2
|
+
|
|
3
|
+
获取资源服务中参数管理中的所有参数
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
当使用AppBase时,自动获取所有参数,在自己组建调用getParams(name,init)方法即可获得对应下拉框的内容
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
self = this.$getParams("name","")
|
|
11
|
+
```
|
package/docs/HttpBusy.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
# HttpBusy
|
|
2
|
-
|
|
3
|
-
与HttpStore绑定的Busy组件,当HttpStore处于忙状态时,显示正在工作。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
用默认slot显示正常组件即可。
|
|
8
|
-
|
|
9
|
-
```html
|
|
10
|
-
<http-busy>
|
|
11
|
-
<div>正常组件</div>
|
|
12
|
-
</http-busy>
|
|
13
|
-
```
|
|
1
|
+
# HttpBusy
|
|
2
|
+
|
|
3
|
+
与HttpStore绑定的Busy组件,当HttpStore处于忙状态时,显示正在工作。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
用默认slot显示正常组件即可。
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<http-busy>
|
|
11
|
+
<div>正常组件</div>
|
|
12
|
+
</http-busy>
|
|
13
|
+
```
|
package/docs/HttpStore.md
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
# HttpStore
|
|
2
|
-
|
|
3
|
-
对Http请求进行全局管理。最多允许同时进行5个http请求,以缓解服务端压力。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
系统已经将HttpStore以插件方式进行注册,使用时,在组件上,直接调用下面相关函数即可。或者也可以调用Vue.post及Vue.delete方法。
|
|
8
|
-
|
|
9
|
-
* $post(url, data, {warnMsg = null, resolveMsg = '恭喜!提交成功!', rejectMsg = '提交错误!'}):
|
|
10
|
-
以post方式发送数据,返回一个Promise,发送后的后续处理,用then方式进行。
|
|
11
|
-
* url:发送数据的url
|
|
12
|
-
* data:要发送的数据,JSON格式
|
|
13
|
-
* warnMsg:发送前的提醒信息,默认为空,即不提醒
|
|
14
|
-
* resolveMsg:提交成功后的提醒信息,为空不提醒
|
|
15
|
-
* rejectMsg:提交失败后的提醒信息,为空不提醒
|
|
16
|
-
|
|
17
|
-
* $delete(url, data, {warnMsg = '删除数据不可恢复,确认删除吗?', resolveMsg = '恭喜!删除成功!', rejectMsg = '删除失败:'}):
|
|
18
|
-
以delete方式发送数据,返回一个Promise,发送后的后续处理,用then方式进行。
|
|
19
|
-
* url:删除数据的url
|
|
20
|
-
* data:要删除的数据
|
|
21
|
-
* warnMsg:删除前的提醒信息,为空不提醒
|
|
22
|
-
* resolveMsg:删除成功后的提醒信息,为空不提醒
|
|
23
|
-
* rejectMsg:删除失败后的提醒信息,为空不提醒
|
|
24
|
-
|
|
25
|
-
$post及$delete方法的返回值中,除http的response内容外,如果用户按下了取消按钮,response的status为301,response的statusText为‘用户按下了取消按钮,未提交请求’
|
|
26
|
-
|
|
27
|
-
## 属性
|
|
28
|
-
|
|
29
|
-
* isBusy:是否繁忙,一般情况下,由[HttpBusy](HttpBusy.md)直接调用,使用者不用管。
|
|
1
|
+
# HttpStore
|
|
2
|
+
|
|
3
|
+
对Http请求进行全局管理。最多允许同时进行5个http请求,以缓解服务端压力。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
系统已经将HttpStore以插件方式进行注册,使用时,在组件上,直接调用下面相关函数即可。或者也可以调用Vue.post及Vue.delete方法。
|
|
8
|
+
|
|
9
|
+
* $post(url, data, {warnMsg = null, resolveMsg = '恭喜!提交成功!', rejectMsg = '提交错误!'}):
|
|
10
|
+
以post方式发送数据,返回一个Promise,发送后的后续处理,用then方式进行。
|
|
11
|
+
* url:发送数据的url
|
|
12
|
+
* data:要发送的数据,JSON格式
|
|
13
|
+
* warnMsg:发送前的提醒信息,默认为空,即不提醒
|
|
14
|
+
* resolveMsg:提交成功后的提醒信息,为空不提醒
|
|
15
|
+
* rejectMsg:提交失败后的提醒信息,为空不提醒
|
|
16
|
+
|
|
17
|
+
* $delete(url, data, {warnMsg = '删除数据不可恢复,确认删除吗?', resolveMsg = '恭喜!删除成功!', rejectMsg = '删除失败:'}):
|
|
18
|
+
以delete方式发送数据,返回一个Promise,发送后的后续处理,用then方式进行。
|
|
19
|
+
* url:删除数据的url
|
|
20
|
+
* data:要删除的数据
|
|
21
|
+
* warnMsg:删除前的提醒信息,为空不提醒
|
|
22
|
+
* resolveMsg:删除成功后的提醒信息,为空不提醒
|
|
23
|
+
* rejectMsg:删除失败后的提醒信息,为空不提醒
|
|
24
|
+
|
|
25
|
+
$post及$delete方法的返回值中,除http的response内容外,如果用户按下了取消按钮,response的status为301,response的statusText为‘用户按下了取消按钮,未提交请求’
|
|
26
|
+
|
|
27
|
+
## 属性
|
|
28
|
+
|
|
29
|
+
* isBusy:是否繁忙,一般情况下,由[HttpBusy](HttpBusy.md)直接调用,使用者不用管。
|
package/docs/MessageBox.md
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
# MessageBox
|
|
2
|
-
|
|
3
|
-
显示提醒框,可以带确认及取消按钮。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
系统已经将MessageBox插件加入到Vue中了,在组件里面直接调用下面函数即可
|
|
8
|
-
|
|
9
|
-
* $showMessage(msg, buttons): 显示msg。
|
|
10
|
-
* $closeMessage(): 关闭提示框,一般不需要调用
|
|
11
|
-
|
|
12
|
-
## $showMessage
|
|
13
|
-
|
|
14
|
-
* buttons:指明要显示的按钮,格式为 ['confirm', 'cancel'],比如只需要显示确认按钮,buttons参数为 ['cancel']。默认为['confirm'],即只显示确认按钮。
|
|
15
|
-
* 返回值:$showMessage返回一个Promise,resolve带一个string型返回值,值为'confirm'表示按下了确认按钮,值为'cancel'表示按下了取消按钮。
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
this.$showMessage('提示').then(
|
|
19
|
-
(response) => {
|
|
20
|
-
if (response === 'confirm') {
|
|
21
|
-
console.log('按下了确认按钮')
|
|
22
|
-
} else if (response === 'cancel') {
|
|
23
|
-
console.log('按下了取消按钮')
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
)
|
|
27
|
-
```
|
|
28
|
-
如果按下了确认按钮,response为confirm,按下了取消按钮,response为cancel。
|
|
1
|
+
# MessageBox
|
|
2
|
+
|
|
3
|
+
显示提醒框,可以带确认及取消按钮。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
系统已经将MessageBox插件加入到Vue中了,在组件里面直接调用下面函数即可
|
|
8
|
+
|
|
9
|
+
* $showMessage(msg, buttons): 显示msg。
|
|
10
|
+
* $closeMessage(): 关闭提示框,一般不需要调用
|
|
11
|
+
|
|
12
|
+
## $showMessage
|
|
13
|
+
|
|
14
|
+
* buttons:指明要显示的按钮,格式为 ['confirm', 'cancel'],比如只需要显示确认按钮,buttons参数为 ['cancel']。默认为['confirm'],即只显示确认按钮。
|
|
15
|
+
* 返回值:$showMessage返回一个Promise,resolve带一个string型返回值,值为'confirm'表示按下了确认按钮,值为'cancel'表示按下了取消按钮。
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
this.$showMessage('提示').then(
|
|
19
|
+
(response) => {
|
|
20
|
+
if (response === 'confirm') {
|
|
21
|
+
console.log('按下了确认按钮')
|
|
22
|
+
} else if (response === 'cancel') {
|
|
23
|
+
console.log('按下了取消按钮')
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
)
|
|
27
|
+
```
|
|
28
|
+
如果按下了确认按钮,response为confirm,按下了取消按钮,response为cancel。
|
package/docs/PagedList.md
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
# PagedList
|
|
2
|
-
|
|
3
|
-
与后台交互的,可分页的列表model。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
```
|
|
7
|
-
new PagedList(url, pageSize, options)
|
|
8
|
-
```
|
|
9
|
-
* url: 从后台获取数据的url
|
|
10
|
-
* pageSize: 每页数据个数
|
|
11
|
-
* params: 除正常查询条件外,附加到后台sql中的参数,可以为空。格式为:{参数名: 参数值},参数值是字符串形式的表达式。
|
|
12
|
-
|
|
13
|
-
## 属性
|
|
14
|
-
|
|
15
|
-
- count: 符合条件的数据总数
|
|
16
|
-
- rows: 加载过来的数据
|
|
17
|
-
- state: 状态,字符串型,包括:初始(默认),错误,正确
|
|
18
|
-
- error:出现错误时的内容
|
|
19
|
-
|
|
20
|
-
## 方法
|
|
21
|
-
|
|
22
|
-
- search (condition, model): 执行后台查询过程,先查询汇总信息,然后加载第一页数据。参数说明
|
|
23
|
-
* condition: 由查询组件等产生的查询条件字符串。
|
|
24
|
-
* model:由用户输入的查询内容。
|
|
25
|
-
- loadPage (pageNo): 加载一页数据,调用该方法前,请确保已调用search函数。参数说明
|
|
26
|
-
* pageNo: 页号
|
|
27
|
-
- remove (url, data):删除后台数据,删除后,刷新界面
|
|
28
|
-
* url:删除数据的url
|
|
29
|
-
* data:要删除的数据
|
|
1
|
+
# PagedList
|
|
2
|
+
|
|
3
|
+
与后台交互的,可分页的列表model。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
```
|
|
7
|
+
new PagedList(url, pageSize, options)
|
|
8
|
+
```
|
|
9
|
+
* url: 从后台获取数据的url
|
|
10
|
+
* pageSize: 每页数据个数
|
|
11
|
+
* params: 除正常查询条件外,附加到后台sql中的参数,可以为空。格式为:{参数名: 参数值},参数值是字符串形式的表达式。
|
|
12
|
+
|
|
13
|
+
## 属性
|
|
14
|
+
|
|
15
|
+
- count: 符合条件的数据总数
|
|
16
|
+
- rows: 加载过来的数据
|
|
17
|
+
- state: 状态,字符串型,包括:初始(默认),错误,正确
|
|
18
|
+
- error:出现错误时的内容
|
|
19
|
+
|
|
20
|
+
## 方法
|
|
21
|
+
|
|
22
|
+
- search (condition, model): 执行后台查询过程,先查询汇总信息,然后加载第一页数据。参数说明
|
|
23
|
+
* condition: 由查询组件等产生的查询条件字符串。
|
|
24
|
+
* model:由用户输入的查询内容。
|
|
25
|
+
- loadPage (pageNo): 加载一页数据,调用该方法前,请确保已调用search函数。参数说明
|
|
26
|
+
* pageNo: 页号
|
|
27
|
+
- remove (url, data):删除后台数据,删除后,刷新界面
|
|
28
|
+
* url:删除数据的url
|
|
29
|
+
* data:要删除的数据
|
package/docs/Pager.md
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
# Pager
|
|
2
|
-
|
|
3
|
-
翻页组件,支持前后翻页。
|
|
4
|
-
|
|
5
|
-
## 用法
|
|
6
|
-
|
|
7
|
-
``` html
|
|
8
|
-
<pager :count="count" :page-size="20">
|
|
9
|
-
</pager>
|
|
10
|
-
```
|
|
11
|
-
* count: 总共数据个数,当数据总数发生变化时,自动计算总页数。
|
|
12
|
-
* pageSize: 每页数据个数,默认为20
|
|
13
|
-
|
|
14
|
-
## 属性
|
|
15
|
-
|
|
16
|
-
- totalPage: 总页数
|
|
17
|
-
- pageIndex: 当前页号
|
|
18
|
-
|
|
19
|
-
## 事件
|
|
20
|
-
|
|
21
|
-
- page-changed: 页号发生了改变,参数为最新页号。
|
|
1
|
+
# Pager
|
|
2
|
+
|
|
3
|
+
翻页组件,支持前后翻页。
|
|
4
|
+
|
|
5
|
+
## 用法
|
|
6
|
+
|
|
7
|
+
``` html
|
|
8
|
+
<pager :count="count" :page-size="20">
|
|
9
|
+
</pager>
|
|
10
|
+
```
|
|
11
|
+
* count: 总共数据个数,当数据总数发生变化时,自动计算总页数。
|
|
12
|
+
* pageSize: 每页数据个数,默认为20
|
|
13
|
+
|
|
14
|
+
## 属性
|
|
15
|
+
|
|
16
|
+
- totalPage: 总页数
|
|
17
|
+
- pageIndex: 当前页号
|
|
18
|
+
|
|
19
|
+
## 事件
|
|
20
|
+
|
|
21
|
+
- page-changed: 页号发生了改变,参数为最新页号。
|