safecheck-client 4.0.2-21 → 4.0.2-23

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

@@ -1,77 +1,77 @@
-# 开发环境设置
-
-- 编辑工具：atom，64位。
-  * 安装过程
-    1. 解压 atom.zip 文件夹到自己的工具盘下。
-    1. 修改atom快捷方式中的路径为自己工具盘的路径。
-  * 配置过程
-    1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件，包括：
-      - git-plus插件：git插件
-      - language-vue: vue组件开发语法加亮
-      - linter: 语法检查插件
-      - linter-eslint：对js文件、vue组件进行语法检查的插件
-      - snippets.cson文件：内置了一些vue组件的代码片段
-  * 使用方式
-    - atom 主要使用快捷键，文档参考：
-      * [atom快捷键](http://ju.outofmemory.cn/entry/187281)
-      * [官方使用手册](http://flight-manual.atom.io/using-atom/)
-    - 文档编写使用markdown，文档参考：
-      * [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
-
-- 开发工具：nodejs，64位
-  * 安装过程
-    1. 解压 nodejs.rar 文件夹到自己的工具盘下。
-    1. 设置系统环境变量Path，把nodejs安装的根目录添加进去。
-    1. 命令行下运行npm, 可以看到使用帮助，证明成功。
-  * 配置过程
-    1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹，如找不到，设置显示隐藏文件夹即可。npm文件夹中有全局模块，可以在所有项目里共享。
-  * 使用发生
-    - npm 要在命令行下运行，文档参考：
-      * [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
-
-- Git工具
-  * 安装过程
-    1. 解压 git.rar 文件夹到自己的工具盘下。
-    1. 设置系统环境变量Path，内容为 `安装路径/git/cmd`
-    1. 命令行下运行git, 可以看到使用帮助，证明成功。
-  * 配置过程
-    1. 复制.gitconfig文件到$HOME下。
-
-- chrome安装
-  * 安装过程
-    1. 解压chrome.rar到自己的工具盘下。
-    1. 运行Chrome\Application\chrome.exe
-    1. 解压vue-devtools.rar到自己的工具盘下
-    1. 在chrome的 `更多工具\扩展程序` 里，选择 `开发模式`，点击 `已解压的扩展程序`，选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
-
-- vue-client工程，前台vue组件的基础工程
-  * 安装过程
-    1. 在github上下载最新版本到自己的工作区间。命令如下：
-```
-git clone https://github.com/DuBin1988/vue-client
-```
-    1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
-    1. 解压vue-client\node_modules.rar 到vue-client目录下，这个文件是vue-client的本地模块文件夹
-  * 测试
-    1. 修改examples下所有文件名首字母为大写
-    1. 在命令行下，进入vue-client目录
-    2. 运行 `npm run dev` 启动测试
-    3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
-    4. 按 `F12` 打开chrome的开发者环境，可以看到vue-Devtools，用这个工具，可以看到组件树。
-  * 自己动手
-    1. 复制examples下的Busy文件夹，改名为Test
-    1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
-    1. main.js保持不动。
-    1. App.vue是自己要做的组件，修改组件模板部分为自己想要的内容。重启 `npm run dev`，访问 http://localhost:8080/Test.html，即可看到自己所做的组件。
-  * 更多内容
-    - 组件制作请参考：http://cn.vuejs.org/
-    - JS6请参考：http://es6.ruanyifeng.com/
-    - BootStrap请参考：http://v3.bootcss.com/
-  * 工作规范
-    一般情况下，遵循如下工作规范：
-    - 在docs里对要开发的组件，进行设计及说明，格式可以参考Busy.md等文件。
-    - 开发的组件，放在src/components下。
-    - 在examples下建立文件夹，对开发的组件进行测试。
-    - 提交前，对docs及组件源码进行检查，确定是否最终内容。
-    - 在进行新版本发布时，修改CHANGELOG.md，CHANGELOG.md书写规范，参考：http://keepachangelog.com/zh-CN/
-    - vue-client下的README.md是vue-client的整体描述。
+# 开发环境设置
+
+- 编辑工具：atom，64位。
+  * 安装过程
+    1. 解压 atom.zip 文件夹到自己的工具盘下。
+    1. 修改atom快捷方式中的路径为自己工具盘的路径。
+  * 配置过程
+    1. 解压.atom.rar 到自己机器的当前用户的根目录下。这个文件夹是atom的使用配置文件，包括：
+      - git-plus插件：git插件
+      - language-vue: vue组件开发语法加亮
+      - linter: 语法检查插件
+      - linter-eslint：对js文件、vue组件进行语法检查的插件
+      - snippets.cson文件：内置了一些vue组件的代码片段
+  * 使用方式
+    - atom 主要使用快捷键，文档参考：
+      * [atom快捷键](http://ju.outofmemory.cn/entry/187281)
+      * [官方使用手册](http://flight-manual.atom.io/using-atom/)
+    - 文档编写使用markdown，文档参考：
+      * [markdown语言详解](http://blog.chinaunix.net/uid-7374279-id-5114730.html)
+
+- 开发工具：nodejs，64位
+  * 安装过程
+    1. 解压 nodejs.rar 文件夹到自己的工具盘下。
+    1. 设置系统环境变量Path，把nodejs安装的根目录添加进去。
+    1. 命令行下运行npm, 可以看到使用帮助，证明成功。
+  * 配置过程
+    1. 解压 npm.rar 到自己机器当前用户的AppData\Roaming文件夹下。AppData文件夹是系统隐藏文件夹，如找不到，设置显示隐藏文件夹即可。npm文件夹中有全局模块，可以在所有项目里共享。
+  * 使用发生
+    - npm 要在命令行下运行，文档参考：
+      * [npm使用](https://docs.npmjs.com/getting-started/what-is-npm)
+
+- Git工具
+  * 安装过程
+    1. 解压 git.rar 文件夹到自己的工具盘下。
+    1. 设置系统环境变量Path，内容为 `安装路径/git/cmd`
+    1. 命令行下运行git, 可以看到使用帮助，证明成功。
+  * 配置过程
+    1. 复制.gitconfig文件到$HOME下。
+
+- chrome安装
+  * 安装过程
+    1. 解压chrome.rar到自己的工具盘下。
+    1. 运行Chrome\Application\chrome.exe
+    1. 解压vue-devtools.rar到自己的工具盘下
+    1. 在chrome的 `更多工具\扩展程序` 里，选择 `开发模式`，点击 `已解压的扩展程序`，选择vue-devtools解压处理的文件夹即可。安装的是vue的chrome扩展工具。
+
+- vue-client工程，前台vue组件的基础工程
+  * 安装过程
+    1. 在github上下载最新版本到自己的工作区间。命令如下：
+```
+git clone https://github.com/DuBin1988/vue-client
+```
+    1. 在atom里 File/Add Project Folder 菜单中加入vue-client工程
+    1. 解压vue-client\node_modules.rar 到vue-client目录下，这个文件是vue-client的本地模块文件夹
+  * 测试
+    1. 修改examples下所有文件名首字母为大写
+    1. 在命令行下，进入vue-client目录
+    2. 运行 `npm run dev` 启动测试
+    3. 在chrome里执行 http://localhost:8080/Busy.html 测试busy组件是否正常运行。
+    4. 按 `F12` 打开chrome的开发者环境，可以看到vue-Devtools，用这个工具，可以看到组件树。
+  * 自己动手
+    1. 复制examples下的Busy文件夹，改名为Test
+    1. 修改index.html `<script src="../BusyApp.js"></script>`中 BusyApp 为 TestApp
+    1. main.js保持不动。
+    1. App.vue是自己要做的组件，修改组件模板部分为自己想要的内容。重启 `npm run dev`，访问 http://localhost:8080/Test.html，即可看到自己所做的组件。
+  * 更多内容
+    - 组件制作请参考：http://cn.vuejs.org/
+    - JS6请参考：http://es6.ruanyifeng.com/
+    - BootStrap请参考：http://v3.bootcss.com/
+  * 工作规范
+    一般情况下，遵循如下工作规范：
+    - 在docs里对要开发的组件，进行设计及说明，格式可以参考Busy.md等文件。
+    - 开发的组件，放在src/components下。
+    - 在examples下建立文件夹，对开发的组件进行测试。
+    - 提交前，对docs及组件源码进行检查，确定是否最终内容。
+    - 在进行新版本发布时，修改CHANGELOG.md，CHANGELOG.md书写规范，参考：http://keepachangelog.com/zh-CN/
+    - vue-client下的README.md是vue-client的整体描述。

package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md

@@ -1,54 +1,54 @@
-# html标签使用
-- 用header表示区域头部。
-- 用footer表示区域尾部。
-- 用section表示区域主体。
-- 用aside表示边栏。
-
-# 竖向布局
-
-在布局容器上加flex类，充满剩余空间的部分加span类。如下：
-
-```html
-<div class='flex'>
-  <header>头部</header>
-  <section class='span'>主体</section>
-  <footer>尾部</footer>
-</div>
-```
-
-# 左右布局
-
-左右布局只支持左右两块，对于多块，可以嵌套使用左右两块完成，左边部分用固定宽度，并加pull-left类完成。如下：
-
-```html
-<div>
-  <aside class='pull-left' style="width: 240px;">左边栏</aside>
-  <section>主体</section>
-</div>
-```
-
-# 竖向高度控制
-
-- div, article, section, aside默认高度为100%，如果不想充满，在这些标签上加auto类。如下：
-
-```html
-<div class="auto"></div>
-```
-
-- 在其它希望充满的元素上，加full类。这种情况一般不会出现。如下：
-
-```html
-<table class="full"></table>
-```
-
-# 竖向滚动控制
-
-在希望进行竖向滚动控制的标签上，添加over类，如下：
-
-```html
-<aside class='over'></aside>
-```
-
-# 其它情况
-
-其它情况遵循bootstrap规范制作。
+# html标签使用
+- 用header表示区域头部。
+- 用footer表示区域尾部。
+- 用section表示区域主体。
+- 用aside表示边栏。
+
+# 竖向布局
+
+在布局容器上加flex类，充满剩余空间的部分加span类。如下：
+
+```html
+<div class='flex'>
+  <header>头部</header>
+  <section class='span'>主体</section>
+  <footer>尾部</footer>
+</div>
+```
+
+# 左右布局
+
+左右布局只支持左右两块，对于多块，可以嵌套使用左右两块完成，左边部分用固定宽度，并加pull-left类完成。如下：
+
+```html
+<div>
+  <aside class='pull-left' style="width: 240px;">左边栏</aside>
+  <section>主体</section>
+</div>
+```
+
+# 竖向高度控制
+
+- div, article, section, aside默认高度为100%，如果不想充满，在这些标签上加auto类。如下：
+
+```html
+<div class="auto"></div>
+```
+
+- 在其它希望充满的元素上，加full类。这种情况一般不会出现。如下：
+
+```html
+<table class="full"></table>
+```
+
+# 竖向滚动控制
+
+在希望进行竖向滚动控制的标签上，添加over类，如下：
+
+```html
+<aside class='over'></aside>
+```
+
+# 其它情况
+
+其它情况遵循bootstrap规范制作。

package/examples/AddressList/App.vue

@@ -1,13 +1,13 @@
-<template>
-  <app-base>
-    <address-list></address-list>
-  </app-base>
-</template>
-
-<script>
-import AddressList from '../../src/components/android/AddressList'
-
-export default {
-  components: { AddressList }
-}
-</script>
+<template>
+  <app-base>
+    <address-list></address-list>
+  </app-base>
+</template>
+
+<script>
+import AddressList from '../../src/components/android/AddressList'
+
+export default {
+  components: { AddressList }
+}
+</script>

package/examples/AddressList/index.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>通讯录</title>
-  </head>
-  <body>
-    <app></app>
-    <script src="../AddressListApp.js"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>通讯录</title>
+  </head>
+  <body>
+    <app></app>
+    <script src="../AddressListApp.js"></script>
+  </body>
+</html>

package/examples/DispatchList/App.vue

@@ -1,10 +1,10 @@
-<template>
-  <div>
-    <route :comp='{name: "init"}'></route>
-  </div>
-</template>
-
-<script>
-export default {
-}
-</script>
+<template>
+  <div>
+    <route :comp='{name: "init"}'></route>
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>

package/examples/DispatchList/BaseTree.vue

@@ -1,13 +1,13 @@
-<template>
-  <div class='auto'>
-    <table>
-      <thead a-partial='head'>
-      </thead>
-    </table>
-  </div>
-</template>
-
-<script>
-export default {
-}
-</script>
+<template>
+  <div class='auto'>
+    <table>
+      <thead a-partial='head'>
+      </thead>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+}
+</script>

package/examples/DispatchList/Init.vue

@@ -1,22 +1,22 @@
-<template>
-  <div>
-    <base-tree>
-      <div partial='head'>
-        <tr>
-            <th>名称</th>
-            <th>年龄</th>
-            <th>年龄</th>
-        </tr>
-      </div>
-    </base-tree>
-    <button @click='this.$goto("test")'>test</button>
-  </div>
-</template>
-
-<script>
-import BaseTree from './BaseTree'
-export default {
-  title: 'init',
-  components: { BaseTree }
-}
-</script>
+<template>
+  <div>
+    <base-tree>
+      <div partial='head'>
+        <tr>
+            <th>名称</th>
+            <th>年龄</th>
+            <th>年龄</th>
+        </tr>
+      </div>
+    </base-tree>
+    <button @click='this.$goto("test")'>test</button>
+  </div>
+</template>
+
+<script>
+import BaseTree from './BaseTree'
+export default {
+  title: 'init',
+  components: { BaseTree }
+}
+</script>

package/examples/DispatchList/Test.vue

@@ -1,20 +1,20 @@
-<template>
-  <div>
-    <base-tree>
-      <div partial='head' class='auto'>
-          <tr>
-            <th>名称</th>
-            <th>年龄</th>
-          </tr>
-      </div>
-    </base-tree>
-  </div>
-</template>
-
-<script>
-import BaseTree from './BaseTree'
-export default {
-  title: 'init',
-  components: { BaseTree }
-}
-</script>
+<template>
+  <div>
+    <base-tree>
+      <div partial='head' class='auto'>
+          <tr>
+            <th>名称</th>
+            <th>年龄</th>
+          </tr>
+      </div>
+    </base-tree>
+  </div>
+</template>
+
+<script>
+import BaseTree from './BaseTree'
+export default {
+  title: 'init',
+  components: { BaseTree }
+}
+</script>

package/examples/DispatchList/index.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>DispatchList</title>
-  </head>
-  <body>
-    <app></app>
-    <script src="../DispatchListApp.js"></script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>DispatchList</title>
+  </head>
+  <body>
+    <app></app>
+    <script src="../DispatchListApp.js"></script>
+  </body>
+</html>

package/examples/DispatchList/main.js

@@ -1,18 +1,18 @@
-import Vue from 'vue'
-import App from './App'
-import { all } from 'vue-client'
-
-import Init from './Init'
-import Test from './Test'
-
-all()
-require('../../src/bootstrap/less/bootstrap.less')
-
-Vue.component('init', Init)
-Vue.component('test', Test)
-
-/* eslint-disable no-new */
-new Vue({
-  el: 'body',
-  components: { App }
-})
+import Vue from 'vue'
+import App from './App'
+import { all } from 'vue-client'
+
+import Init from './Init'
+import Test from './Test'
+
+all()
+require('../../src/bootstrap/less/bootstrap.less')
+
+Vue.component('init', Init)
+Vue.component('test', Test)
+
+/* eslint-disable no-new */
+new Vue({
+  el: 'body',
+  components: { App }
+})

package/home.html

@@ -1,16 +1,16 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <title>安检系统</title>
-    <style media="screen">
-      body{width: 100%;background:#7f8eaf url(./static/mainbg.jpg) no-repeat center bottom; background-size: cover;}
-      body .loginbg{ width:100%; height:500px; background:url(./static/login_bg.jpg) no-repeat center top;}
-    </style>
-  </head>
-  <body>
-    <widget></widget>
-    <!-- built files will be auto injected -->
-  </body>
-<ml>
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <title>安检系统</title>
+    <style media="screen">
+      body{width: 100%;background:#7f8eaf url(./static/mainbg.jpg) no-repeat center bottom; background-size: cover;}
+      body .loginbg{ width:100%; height:500px; background:url(./static/login_bg.jpg) no-repeat center top;}
+    </style>
+  </head>
+  <body>
+    <widget></widget>
+    <!-- built files will be auto injected -->
+  </body>
+<ml>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "safecheck-client",
   "//": "主分支版本别乱升，测试包的版本直接发包(建议使用1.XX.XX-XXX格式作为测试包，不要频繁升级第三位版本号)，别提交版本号。切了分支切记把主分支版本升了，保证主分支始终是最高版本！！！！！",
-  "version": "4.0.2-21",
+  "version": "4.0.2-23",
   "description": "安检模块 前端组件",
   "author": "丁新 <417755458@qq.com>",
   "license": "ISC",

package/publish.bat

@@ -1,7 +1,7 @@
-del c:\test\static\*.* /Q
-del c:\test\*.* /Q
-rd c:\test\static /q
-del c:\test\*.* /Q
-xcopy dist-android\*.* c:\test\*.* /S /Y
-del c:\test\static\*.map
-del c:\test\static\.gitkeep
+del c:\test\static\*.* /Q
+del c:\test\*.* /Q
+rd c:\test\static /q
+del c:\test\*.* /Q
+xcopy dist-android\*.* c:\test\*.* /S /Y
+del c:\test\static\*.map
+del c:\test\static\.gitkeep

package/release.bat

@@ -1,5 +1,5 @@
-git add -A
-git commit -m "[build] %1"
-git tag -a V%1 -m "Release version %1"
-git push origin --tags
-git push
+git add -A
+git commit -m "[build] %1"
+git tag -a V%1 -m "Release version %1"
+git push origin --tags
+git push

package/src/Widget.vue

@@ -1,13 +1,13 @@
-<template>
-  <app-base class="bg">
-    <div class='flex'>
-      <article>
-        <route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route>      </article>
-    </div>
-  </app-base>
-</template>
-
-<script>
-export default {
-}
-</script>
+<template>
+  <app-base class="bg">
+    <div class='flex'>
+      <article>
+        <route :comp="{name: 'load-params', props: {componentName: 'login'}}"></route>      </article>
+    </div>
+  </app-base>
+</template>
+
+<script>
+export default {
+}
+</script>