safecheck-client 3.0.34-42 → 3.0.34-43
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/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/androidTest.js +20 -20
- 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/forms.less +626 -626
- 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/pager.less +76 -76
- 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/AddressList.vue +61 -61
- 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/NavBottom.vue +157 -157
- 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/QRCode/QRCodeBinding.vue +300 -300
- package/src/components/android/QRCode/QRCodePage.vue +212 -212
- 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/android/examples/SafeListExamples.vue +1 -1
- package/src/components/android/examples/UserExamples.vue +1 -1
- 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/bayan/android/SafecheckOrderV.vue +2889 -2889
- package/src/filiale/tongchuan/android/Select.vue +421 -421
- package/src/filiale/tongchuan/android.js +21 -21
- package/src/filiale/tongchuan/pc/PaperDefectMain.vue +1060 -1060
- package/src/filiale/tongchuan/utils/EventListener.js +29 -29
- package/src/filiale/tongchuan/utils/coerceBoolean.js +7 -7
- package/src/filiale/weinan/pc/CheckBookSearchUserList.vue +57 -59
- package/src/filiale/weinan/pc/checkUserList.vue +34 -113
- 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
@@ -1,77 +1,77 @@
|
|
1
|
-
# 开发环境设置
|
2
|
-
|
3
|
-
- 编辑工具:atom,64位。
|
4
|
-
* 安装过程
|
5
|
-
1. 解压 atom.zip 文件夹到自己的工具盘下。
|
6
|
-
1. 修改atom快捷方式中的路径为自己工具盘的路径。
|
7
|
-
* 配置过程
|
8
|
-
1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件,包括:
|
9
|
-
- git-plus插件:git插件
|
10
|
-
- language-vue: vue组件开发语法加亮
|
11
|
-
- linter: 语法检查插件
|
12
|
-
- linter-eslint:对js文件、vue组件进行语法检查的插件
|
13
|
-
- snippets.cson文件:内置了一些vue组件的代码片段
|
14
|
-
* 使用方式
|
15
|
-
- atom 主要使用快捷键,文档参考:
|
16
|
-
* [atom快捷键](http://ju.outofmemory.cn/entry/187281)
|
17
|
-
* [官方使用手册](http://flight-manual.atom.io/using-atom/)
|
18
|
-
- 文档编写使用markdown,文档参考:
|
19
|
-
* [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
|
20
|
-
|
21
|
-
- 开发工具:nodejs,64位
|
22
|
-
* 安装过程
|
23
|
-
1. 解压 nodejs.rar 文件夹到自己的工具盘下。
|
24
|
-
1. 设置系统环境变量Path,把nodejs安装的根目录添加进去。
|
25
|
-
1. 命令行下运行npm, 可以看到使用帮助,证明成功。
|
26
|
-
* 配置过程
|
27
|
-
1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹,如找不到,设置显示隐藏文件夹即可。npm文件夹中有全局模块,可以在所有项目里共享。
|
28
|
-
* 使用发生
|
29
|
-
- npm 要在命令行下运行,文档参考:
|
30
|
-
* [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
|
31
|
-
|
32
|
-
- Git工具
|
33
|
-
* 安装过程
|
34
|
-
1. 解压 git.rar 文件夹到自己的工具盘下。
|
35
|
-
1. 设置系统环境变量Path,内容为 `安装路径/git/cmd`
|
36
|
-
1. 命令行下运行git, 可以看到使用帮助,证明成功。
|
37
|
-
* 配置过程
|
38
|
-
1. 复制.gitconfig文件到$HOME下。
|
39
|
-
|
40
|
-
- chrome安装
|
41
|
-
* 安装过程
|
42
|
-
1. 解压chrome.rar到自己的工具盘下。
|
43
|
-
1. 运行Chrome\Application\chrome.exe
|
44
|
-
1. 解压vue-devtools.rar到自己的工具盘下
|
45
|
-
1. 在chrome的 `更多工具\扩展程序` 里,选择 `开发模式`,点击 `已解压的扩展程序`,选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
|
46
|
-
|
47
|
-
- vue-client工程,前台vue组件的基础工程
|
48
|
-
* 安装过程
|
49
|
-
1. 在github上下载最新版本到自己的工作区间。命令如下:
|
50
|
-
```
|
51
|
-
git clone https://github.com/DuBin1988/vue-client
|
52
|
-
```
|
53
|
-
1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
|
54
|
-
1. 解压vue-client\node_modules.rar 到vue-client目录下,这个文件是vue-client的本地模块文件夹
|
55
|
-
* 测试
|
56
|
-
1. 修改examples下所有文件名首字母为大写
|
57
|
-
1. 在命令行下,进入vue-client目录
|
58
|
-
2. 运行 `npm run dev` 启动测试
|
59
|
-
3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
|
60
|
-
4. 按 `F12` 打开chrome的开发者环境,可以看到vue-Devtools,用这个工具,可以看到组件树。
|
61
|
-
* 自己动手
|
62
|
-
1. 复制examples下的Busy文件夹,改名为Test
|
63
|
-
1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
|
64
|
-
1. main.js保持不动。
|
65
|
-
1. App.vue是自己要做的组件,修改组件模板部分为自己想要的内容。重启 `npm run dev`,访问 http://localhost:8080/Test.html,即可看到自己所做的组件。
|
66
|
-
* 更多内容
|
67
|
-
- 组件制作请参考:http://cn.vuejs.org/
|
68
|
-
- JS6请参考:http://es6.ruanyifeng.com/
|
69
|
-
- BootStrap请参考:http://v3.bootcss.com/
|
70
|
-
* 工作规范
|
71
|
-
一般情况下,遵循如下工作规范:
|
72
|
-
- 在docs里对要开发的组件,进行设计及说明,格式可以参考Busy.md等文件。
|
73
|
-
- 开发的组件,放在src/components下。
|
74
|
-
- 在examples下建立文件夹,对开发的组件进行测试。
|
75
|
-
- 提交前,对docs及组件源码进行检查,确定是否最终内容。
|
76
|
-
- 在进行新版本发布时,修改CHANGELOG.md,CHANGELOG.md书写规范,参考:http://keepachangelog.com/zh-CN/
|
77
|
-
- vue-client下的README.md是vue-client的整体描述。
|
1
|
+
# 开发环境设置
|
2
|
+
|
3
|
+
- 编辑工具:atom,64位。
|
4
|
+
* 安装过程
|
5
|
+
1. 解压 atom.zip 文件夹到自己的工具盘下。
|
6
|
+
1. 修改atom快捷方式中的路径为自己工具盘的路径。
|
7
|
+
* 配置过程
|
8
|
+
1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件,包括:
|
9
|
+
- git-plus插件:git插件
|
10
|
+
- language-vue: vue组件开发语法加亮
|
11
|
+
- linter: 语法检查插件
|
12
|
+
- linter-eslint:对js文件、vue组件进行语法检查的插件
|
13
|
+
- snippets.cson文件:内置了一些vue组件的代码片段
|
14
|
+
* 使用方式
|
15
|
+
- atom 主要使用快捷键,文档参考:
|
16
|
+
* [atom快捷键](http://ju.outofmemory.cn/entry/187281)
|
17
|
+
* [官方使用手册](http://flight-manual.atom.io/using-atom/)
|
18
|
+
- 文档编写使用markdown,文档参考:
|
19
|
+
* [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
|
20
|
+
|
21
|
+
- 开发工具:nodejs,64位
|
22
|
+
* 安装过程
|
23
|
+
1. 解压 nodejs.rar 文件夹到自己的工具盘下。
|
24
|
+
1. 设置系统环境变量Path,把nodejs安装的根目录添加进去。
|
25
|
+
1. 命令行下运行npm, 可以看到使用帮助,证明成功。
|
26
|
+
* 配置过程
|
27
|
+
1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹,如找不到,设置显示隐藏文件夹即可。npm文件夹中有全局模块,可以在所有项目里共享。
|
28
|
+
* 使用发生
|
29
|
+
- npm 要在命令行下运行,文档参考:
|
30
|
+
* [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
|
31
|
+
|
32
|
+
- Git工具
|
33
|
+
* 安装过程
|
34
|
+
1. 解压 git.rar 文件夹到自己的工具盘下。
|
35
|
+
1. 设置系统环境变量Path,内容为 `安装路径/git/cmd`
|
36
|
+
1. 命令行下运行git, 可以看到使用帮助,证明成功。
|
37
|
+
* 配置过程
|
38
|
+
1. 复制.gitconfig文件到$HOME下。
|
39
|
+
|
40
|
+
- chrome安装
|
41
|
+
* 安装过程
|
42
|
+
1. 解压chrome.rar到自己的工具盘下。
|
43
|
+
1. 运行Chrome\Application\chrome.exe
|
44
|
+
1. 解压vue-devtools.rar到自己的工具盘下
|
45
|
+
1. 在chrome的 `更多工具\扩展程序` 里,选择 `开发模式`,点击 `已解压的扩展程序`,选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
|
46
|
+
|
47
|
+
- vue-client工程,前台vue组件的基础工程
|
48
|
+
* 安装过程
|
49
|
+
1. 在github上下载最新版本到自己的工作区间。命令如下:
|
50
|
+
```
|
51
|
+
git clone https://github.com/DuBin1988/vue-client
|
52
|
+
```
|
53
|
+
1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
|
54
|
+
1. 解压vue-client\node_modules.rar 到vue-client目录下,这个文件是vue-client的本地模块文件夹
|
55
|
+
* 测试
|
56
|
+
1. 修改examples下所有文件名首字母为大写
|
57
|
+
1. 在命令行下,进入vue-client目录
|
58
|
+
2. 运行 `npm run dev` 启动测试
|
59
|
+
3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
|
60
|
+
4. 按 `F12` 打开chrome的开发者环境,可以看到vue-Devtools,用这个工具,可以看到组件树。
|
61
|
+
* 自己动手
|
62
|
+
1. 复制examples下的Busy文件夹,改名为Test
|
63
|
+
1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
|
64
|
+
1. main.js保持不动。
|
65
|
+
1. App.vue是自己要做的组件,修改组件模板部分为自己想要的内容。重启 `npm run dev`,访问 http://localhost:8080/Test.html,即可看到自己所做的组件。
|
66
|
+
* 更多内容
|
67
|
+
- 组件制作请参考:http://cn.vuejs.org/
|
68
|
+
- JS6请参考:http://es6.ruanyifeng.com/
|
69
|
+
- BootStrap请参考:http://v3.bootcss.com/
|
70
|
+
* 工作规范
|
71
|
+
一般情况下,遵循如下工作规范:
|
72
|
+
- 在docs里对要开发的组件,进行设计及说明,格式可以参考Busy.md等文件。
|
73
|
+
- 开发的组件,放在src/components下。
|
74
|
+
- 在examples下建立文件夹,对开发的组件进行测试。
|
75
|
+
- 提交前,对docs及组件源码进行检查,确定是否最终内容。
|
76
|
+
- 在进行新版本发布时,修改CHANGELOG.md,CHANGELOG.md书写规范,参考:http://keepachangelog.com/zh-CN/
|
77
|
+
- vue-client下的README.md是vue-client的整体描述。
|
@@ -1,54 +1,54 @@
|
|
1
|
-
# html标签使用
|
2
|
-
- 用header表示区域头部。
|
3
|
-
- 用footer表示区域尾部。
|
4
|
-
- 用section表示区域主体。
|
5
|
-
- 用aside表示边栏。
|
6
|
-
|
7
|
-
# 竖向布局
|
8
|
-
|
9
|
-
在布局容器上加flex类,充满剩余空间的部分加span类。如下:
|
10
|
-
|
11
|
-
```html
|
12
|
-
<div class='flex'>
|
13
|
-
<header>头部</header>
|
14
|
-
<section class='span'>主体</section>
|
15
|
-
<footer>尾部</footer>
|
16
|
-
</div>
|
17
|
-
```
|
18
|
-
|
19
|
-
# 左右布局
|
20
|
-
|
21
|
-
左右布局只支持左右两块,对于多块,可以嵌套使用左右两块完成,左边部分用固定宽度,并加pull-left类完成。如下:
|
22
|
-
|
23
|
-
```html
|
24
|
-
<div>
|
25
|
-
<aside class='pull-left' style="width: 240px;">左边栏</aside>
|
26
|
-
<section>主体</section>
|
27
|
-
</div>
|
28
|
-
```
|
29
|
-
|
30
|
-
# 竖向高度控制
|
31
|
-
|
32
|
-
- div, article, section, aside默认高度为100%,如果不想充满,在这些标签上加auto类。如下:
|
33
|
-
|
34
|
-
```html
|
35
|
-
<div class="auto"></div>
|
36
|
-
```
|
37
|
-
|
38
|
-
- 在其它希望充满的元素上,加full类。这种情况一般不会出现。如下:
|
39
|
-
|
40
|
-
```html
|
41
|
-
<table class="full"></table>
|
42
|
-
```
|
43
|
-
|
44
|
-
# 竖向滚动控制
|
45
|
-
|
46
|
-
在希望进行竖向滚动控制的标签上,添加over类,如下:
|
47
|
-
|
48
|
-
```html
|
49
|
-
<aside class='over'></aside>
|
50
|
-
```
|
51
|
-
|
52
|
-
# 其它情况
|
53
|
-
|
54
|
-
其它情况遵循bootstrap规范制作。
|
1
|
+
# html标签使用
|
2
|
+
- 用header表示区域头部。
|
3
|
+
- 用footer表示区域尾部。
|
4
|
+
- 用section表示区域主体。
|
5
|
+
- 用aside表示边栏。
|
6
|
+
|
7
|
+
# 竖向布局
|
8
|
+
|
9
|
+
在布局容器上加flex类,充满剩余空间的部分加span类。如下:
|
10
|
+
|
11
|
+
```html
|
12
|
+
<div class='flex'>
|
13
|
+
<header>头部</header>
|
14
|
+
<section class='span'>主体</section>
|
15
|
+
<footer>尾部</footer>
|
16
|
+
</div>
|
17
|
+
```
|
18
|
+
|
19
|
+
# 左右布局
|
20
|
+
|
21
|
+
左右布局只支持左右两块,对于多块,可以嵌套使用左右两块完成,左边部分用固定宽度,并加pull-left类完成。如下:
|
22
|
+
|
23
|
+
```html
|
24
|
+
<div>
|
25
|
+
<aside class='pull-left' style="width: 240px;">左边栏</aside>
|
26
|
+
<section>主体</section>
|
27
|
+
</div>
|
28
|
+
```
|
29
|
+
|
30
|
+
# 竖向高度控制
|
31
|
+
|
32
|
+
- div, article, section, aside默认高度为100%,如果不想充满,在这些标签上加auto类。如下:
|
33
|
+
|
34
|
+
```html
|
35
|
+
<div class="auto"></div>
|
36
|
+
```
|
37
|
+
|
38
|
+
- 在其它希望充满的元素上,加full类。这种情况一般不会出现。如下:
|
39
|
+
|
40
|
+
```html
|
41
|
+
<table class="full"></table>
|
42
|
+
```
|
43
|
+
|
44
|
+
# 竖向滚动控制
|
45
|
+
|
46
|
+
在希望进行竖向滚动控制的标签上,添加over类,如下:
|
47
|
+
|
48
|
+
```html
|
49
|
+
<aside class='over'></aside>
|
50
|
+
```
|
51
|
+
|
52
|
+
# 其它情况
|
53
|
+
|
54
|
+
其它情况遵循bootstrap规范制作。
|
@@ -1,13 +1,13 @@
|
|
1
|
-
<template>
|
2
|
-
<app-base>
|
3
|
-
<address-list></address-list>
|
4
|
-
</app-base>
|
5
|
-
</template>
|
6
|
-
|
7
|
-
<script>
|
8
|
-
import AddressList from '../../src/components/android/AddressList'
|
9
|
-
|
10
|
-
export default {
|
11
|
-
components: { AddressList }
|
12
|
-
}
|
13
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<app-base>
|
3
|
+
<address-list></address-list>
|
4
|
+
</app-base>
|
5
|
+
</template>
|
6
|
+
|
7
|
+
<script>
|
8
|
+
import AddressList from '../../src/components/android/AddressList'
|
9
|
+
|
10
|
+
export default {
|
11
|
+
components: { AddressList }
|
12
|
+
}
|
13
|
+
</script>
|
@@ -1,11 +1,11 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<title>通讯录</title>
|
6
|
-
</head>
|
7
|
-
<body>
|
8
|
-
<app></app>
|
9
|
-
<script src="../AddressListApp.js"></script>
|
10
|
-
</body>
|
11
|
-
</html>
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>通讯录</title>
|
6
|
+
</head>
|
7
|
+
<body>
|
8
|
+
<app></app>
|
9
|
+
<script src="../AddressListApp.js"></script>
|
10
|
+
</body>
|
11
|
+
</html>
|
@@ -1,10 +1,10 @@
|
|
1
|
-
<template>
|
2
|
-
<div>
|
3
|
-
<route :comp='{name: "init"}'></route>
|
4
|
-
</div>
|
5
|
-
</template>
|
6
|
-
|
7
|
-
<script>
|
8
|
-
export default {
|
9
|
-
}
|
10
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<div>
|
3
|
+
<route :comp='{name: "init"}'></route>
|
4
|
+
</div>
|
5
|
+
</template>
|
6
|
+
|
7
|
+
<script>
|
8
|
+
export default {
|
9
|
+
}
|
10
|
+
</script>
|
@@ -1,13 +1,13 @@
|
|
1
|
-
<template>
|
2
|
-
<div class='auto'>
|
3
|
-
<table>
|
4
|
-
<thead a-partial='head'>
|
5
|
-
</thead>
|
6
|
-
</table>
|
7
|
-
</div>
|
8
|
-
</template>
|
9
|
-
|
10
|
-
<script>
|
11
|
-
export default {
|
12
|
-
}
|
13
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<div class='auto'>
|
3
|
+
<table>
|
4
|
+
<thead a-partial='head'>
|
5
|
+
</thead>
|
6
|
+
</table>
|
7
|
+
</div>
|
8
|
+
</template>
|
9
|
+
|
10
|
+
<script>
|
11
|
+
export default {
|
12
|
+
}
|
13
|
+
</script>
|
@@ -1,22 +1,22 @@
|
|
1
|
-
<template>
|
2
|
-
<div>
|
3
|
-
<base-tree>
|
4
|
-
<div partial='head'>
|
5
|
-
<tr>
|
6
|
-
<th>名称</th>
|
7
|
-
<th>年龄</th>
|
8
|
-
<th>年龄</th>
|
9
|
-
</tr>
|
10
|
-
</div>
|
11
|
-
</base-tree>
|
12
|
-
<button @click='this.$goto("test")'>test</button>
|
13
|
-
</div>
|
14
|
-
</template>
|
15
|
-
|
16
|
-
<script>
|
17
|
-
import BaseTree from './BaseTree'
|
18
|
-
export default {
|
19
|
-
title: 'init',
|
20
|
-
components: { BaseTree }
|
21
|
-
}
|
22
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<div>
|
3
|
+
<base-tree>
|
4
|
+
<div partial='head'>
|
5
|
+
<tr>
|
6
|
+
<th>名称</th>
|
7
|
+
<th>年龄</th>
|
8
|
+
<th>年龄</th>
|
9
|
+
</tr>
|
10
|
+
</div>
|
11
|
+
</base-tree>
|
12
|
+
<button @click='this.$goto("test")'>test</button>
|
13
|
+
</div>
|
14
|
+
</template>
|
15
|
+
|
16
|
+
<script>
|
17
|
+
import BaseTree from './BaseTree'
|
18
|
+
export default {
|
19
|
+
title: 'init',
|
20
|
+
components: { BaseTree }
|
21
|
+
}
|
22
|
+
</script>
|
@@ -1,20 +1,20 @@
|
|
1
|
-
<template>
|
2
|
-
<div>
|
3
|
-
<base-tree>
|
4
|
-
<div partial='head' class='auto'>
|
5
|
-
<tr>
|
6
|
-
<th>名称</th>
|
7
|
-
<th>年龄</th>
|
8
|
-
</tr>
|
9
|
-
</div>
|
10
|
-
</base-tree>
|
11
|
-
</div>
|
12
|
-
</template>
|
13
|
-
|
14
|
-
<script>
|
15
|
-
import BaseTree from './BaseTree'
|
16
|
-
export default {
|
17
|
-
title: 'init',
|
18
|
-
components: { BaseTree }
|
19
|
-
}
|
20
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<div>
|
3
|
+
<base-tree>
|
4
|
+
<div partial='head' class='auto'>
|
5
|
+
<tr>
|
6
|
+
<th>名称</th>
|
7
|
+
<th>年龄</th>
|
8
|
+
</tr>
|
9
|
+
</div>
|
10
|
+
</base-tree>
|
11
|
+
</div>
|
12
|
+
</template>
|
13
|
+
|
14
|
+
<script>
|
15
|
+
import BaseTree from './BaseTree'
|
16
|
+
export default {
|
17
|
+
title: 'init',
|
18
|
+
components: { BaseTree }
|
19
|
+
}
|
20
|
+
</script>
|
@@ -1,11 +1,11 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<title>DispatchList</title>
|
6
|
-
</head>
|
7
|
-
<body>
|
8
|
-
<app></app>
|
9
|
-
<script src="../DispatchListApp.js"></script>
|
10
|
-
</body>
|
11
|
-
</html>
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>DispatchList</title>
|
6
|
+
</head>
|
7
|
+
<body>
|
8
|
+
<app></app>
|
9
|
+
<script src="../DispatchListApp.js"></script>
|
10
|
+
</body>
|
11
|
+
</html>
|
@@ -1,18 +1,18 @@
|
|
1
|
-
import Vue from 'vue'
|
2
|
-
import App from './App'
|
3
|
-
import { all } from 'vue-client'
|
4
|
-
|
5
|
-
import Init from './Init'
|
6
|
-
import Test from './Test'
|
7
|
-
|
8
|
-
all()
|
9
|
-
require('../../src/bootstrap/less/bootstrap.less')
|
10
|
-
|
11
|
-
Vue.component('init', Init)
|
12
|
-
Vue.component('test', Test)
|
13
|
-
|
14
|
-
/* eslint-disable no-new */
|
15
|
-
new Vue({
|
16
|
-
el: 'body',
|
17
|
-
components: { App }
|
18
|
-
})
|
1
|
+
import Vue from 'vue'
|
2
|
+
import App from './App'
|
3
|
+
import { all } from 'vue-client'
|
4
|
+
|
5
|
+
import Init from './Init'
|
6
|
+
import Test from './Test'
|
7
|
+
|
8
|
+
all()
|
9
|
+
require('../../src/bootstrap/less/bootstrap.less')
|
10
|
+
|
11
|
+
Vue.component('init', Init)
|
12
|
+
Vue.component('test', Test)
|
13
|
+
|
14
|
+
/* eslint-disable no-new */
|
15
|
+
new Vue({
|
16
|
+
el: 'body',
|
17
|
+
components: { App }
|
18
|
+
})
|
package/home.html
CHANGED
@@ -1,16 +1,16 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html lang="zh-CN">
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
6
|
-
<title>安检系统</title>
|
7
|
-
<style media="screen">
|
8
|
-
body{width: 100%;background:#7f8eaf url(./static/mainbg.jpg) no-repeat center bottom; background-size: cover;}
|
9
|
-
body .loginbg{ width:100%; height:500px; background:url(./static/login_bg.jpg) no-repeat center top;}
|
10
|
-
</style>
|
11
|
-
</head>
|
12
|
-
<body>
|
13
|
-
<widget></widget>
|
14
|
-
<!-- built files will be auto injected -->
|
15
|
-
</body>
|
16
|
-
<ml>
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="zh-CN">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
6
|
+
<title>安检系统</title>
|
7
|
+
<style media="screen">
|
8
|
+
body{width: 100%;background:#7f8eaf url(./static/mainbg.jpg) no-repeat center bottom; background-size: cover;}
|
9
|
+
body .loginbg{ width:100%; height:500px; background:url(./static/login_bg.jpg) no-repeat center top;}
|
10
|
+
</style>
|
11
|
+
</head>
|
12
|
+
<body>
|
13
|
+
<widget></widget>
|
14
|
+
<!-- built files will be auto injected -->
|
15
|
+
</body>
|
16
|
+
<ml>
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "safecheck-client",
|
3
3
|
"//": "主分支版本别乱升,测试包的版本直接发包(建议使用1.XX.XX-XXX格式作为测试包,不要频繁升级第三位版本号),别提交版本号。切了分支切记把主分支版本升了,保证主分支始终是最高版本!!!!!",
|
4
|
-
"version": "3.0.34-
|
4
|
+
"version": "3.0.34-43",
|
5
5
|
"description": "安检模块 前端组件",
|
6
6
|
"author": "丁新 <417755458@qq.com>",
|
7
7
|
"license": "ISC",
|
package/publish.bat
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
del c:\test\static\*.* /Q
|
2
|
-
del c:\test\*.* /Q
|
3
|
-
rd c:\test\static /q
|
4
|
-
del c:\test\*.* /Q
|
5
|
-
xcopy dist-android\*.* c:\test\*.* /S /Y
|
6
|
-
del c:\test\static\*.map
|
7
|
-
del c:\test\static\.gitkeep
|
1
|
+
del c:\test\static\*.* /Q
|
2
|
+
del c:\test\*.* /Q
|
3
|
+
rd c:\test\static /q
|
4
|
+
del c:\test\*.* /Q
|
5
|
+
xcopy dist-android\*.* c:\test\*.* /S /Y
|
6
|
+
del c:\test\static\*.map
|
7
|
+
del c:\test\static\.gitkeep
|
package/release.bat
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
git add -A
|
2
|
-
git commit -m "[build] %1"
|
3
|
-
git tag -a V%1 -m "Release version %1"
|
4
|
-
git push origin --tags
|
5
|
-
git push
|
1
|
+
git add -A
|
2
|
+
git commit -m "[build] %1"
|
3
|
+
git tag -a V%1 -m "Release version %1"
|
4
|
+
git push origin --tags
|
5
|
+
git push
|
package/src/Widget.vue
CHANGED
@@ -1,13 +1,13 @@
|
|
1
|
-
<template>
|
2
|
-
<app-base class="bg">
|
3
|
-
<div class='flex'>
|
4
|
-
<article>
|
5
|
-
<route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> </article>
|
6
|
-
</div>
|
7
|
-
</app-base>
|
8
|
-
</template>
|
9
|
-
|
10
|
-
<script>
|
11
|
-
export default {
|
12
|
-
}
|
13
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<app-base class="bg">
|
3
|
+
<div class='flex'>
|
4
|
+
<article>
|
5
|
+
<route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route> </article>
|
6
|
+
</div>
|
7
|
+
</app-base>
|
8
|
+
</template>
|
9
|
+
|
10
|
+
<script>
|
11
|
+
export default {
|
12
|
+
}
|
13
|
+
</script>
|