feat: 协议政策集合模板

.gitignore

@@ -0,0 +1,14 @@
+  .DS_Store
+/node_modules
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+ 
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

README.md

@@ -0,0 +1,48 @@
+# web
+
+## Project setup
+
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+
+```
+npm run dev
+```
+
+### Compiles and minifies for production
+
+```
+npm run build
+```
+
+### Run your tests
+
+```
+e2e test (端到端测试)
+npm run test
+
+unit test (单元测试)
+npm run unit
+```
+
+### Lints and fixes files
+
+```
+npm run lint
+```
+
+eslint 详细规则：https://eslint.org/docs/rules/
+
+### Customize configuration
+
+See [Configuration Reference](https://cli.vuejs.org/config/).
+
+### 规划
+
+线上配置：
+vue.config.js中配置线上域名和地址
+接口配置：
+common->http中接口封装配置，config->env.js中配置接口域名

babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  presets: ['@vue/app'],
+  sourceType: 'unambiguous',
+  plugins: [
+    [
+      'component',
+      {
+        libraryName: 'yd-ui',
+        style: false,
+      },
+    ],
+  ],
+}

commitlint.config.js

@@ -0,0 +1,36 @@
+const types = [
+  'build', // 修改项目的的构建系统（xcodebuild、webpack、glup等）的提交
+  'ci', // 修改项目的持续集成流程（Kenkins、Travis等）的提交
+  'chore', // 构建过程或辅助工具的变化，翻译为日常琐事
+  'docs', // 文档提交（documents）
+  'feat', // 新功能（feature）
+  'fix', // bug已经修复。 适合于一次提交直接修复问题
+  'to', // bug还未修复。适合于多次提交。最终修复问题提交时使用fix
+  'pref', // 优化相关，比如提升性能、体验（performance）
+  'refactor', // 重构（即不是新增功能，也不是修改bug的代码变动）
+  'revert', // 回滚到上一个版本
+  'style', // 不影响程序逻辑的代码修改、主要是样式方面的优化、修改
+  'test', // 测试相关的开发
+  'sync', // 同步主线或分支的Bug
+]
+
+typeEnum = {
+  rules: {
+    'type-enum': [2, 'always', types],
+  },
+  value: () => types,
+}
+
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-case': [0],
+    'type-empty': [2, 'never'],
+    'scope-empty': [0],
+    'scope-case': [0],
+    'subject-full-stop': [0, 'never'],
+    'subject-case': [0, 'never'],
+    'header-max-length': [0, 'always', 72],
+    'type-enum': typeEnum.rules['type-enum'],
+  },
+}

default.gitlab-ci.yml

@@ -0,0 +1,52 @@
+# 定义 stages
+stages:
+  - install
+  - build
+  - deploy
+
+# 每个job之前运行的命令
+before_script:
+  - whoami
+  - pwd
+
+cache:
+  key: ${CI_BUILD_REF_NAME}
+  paths:
+    - node_modules/ # 为node_modules增加缓存
+
+install:
+  stage: install
+  script:
+    - echo "======= 开始 安装依赖 ======="
+    - npm install
+    # 可以切换为淘宝镜像
+    # - npm --registry https://registry.npm.taobao.org install express
+    - echo "======= 完成 安装依赖 ======="
+  only:
+    - master
+  when: manual
+
+build:
+  stage: build
+  script:
+    - echo "======= 开始 构建 ======="
+    - npm run build:p
+    - echo "======= 结束 构建 ======="
+  artifacts:
+    expire_in: 1 week # 生成文件保存周期
+    name: '${CI_JOB_NAME}_${CI_COMMIT_REF_NAME}'
+    paths:
+      - dist # 编译后生成的文件夹名
+  only:
+    - master
+
+deploy:
+  stage: deploy
+  script:
+    - echo "======= 开始 部署 ======="
+    - npm run qiniu
+    - npm run deploy
+    - echo "======= 完成 部署 ======="
+  when: manual
+  only:
+    - master

package.json

@@ -0,0 +1,120 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env env_config=dev vue-cli-service serve",
+    "build": "cross-env env_config=test vue-cli-service build",
+    "build:t": "cross-env env_config=test vue-cli-service build",
+    "build:p": "cross-env env_config=prod vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "qiniu": "bash ./scripts/cdn/qiniu.sh dist",
+    "deploy": "bash ./scripts/deploy/deploy.sh dist",
+    "release": "npm run build:p && npm run qiniu && npm run deploy",
+    "server": "npm run build:t && bash ./scripts/deploy/transport_test_file.sh dist",
+    "fix": "prettier --write .",
+    "lint-staged": "lint-staged"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "core-js": "^2.6.12",
+    "crypto-js": "^3.1.9-1",
+    "swiper": "^4.5.0",
+    "vue": "^2.6.6",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1",
+    "weixin-js-sdk": "^1.4.0-test"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^11.0.0",
+    "@vue/cli-plugin-babel": "^3.5.0",
+    "@vue/cli-plugin-eslint": "^3.5.0",
+    "@vue/cli-plugin-unit-jest": "^3.5.0",
+    "@vue/cli-service": "^3.5.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "@babel/eslint-parser": "^7.17.0",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-jest": "^23.6.0",
+    "babel-plugin-component": "^1.1.1",
+    "cross-env": "^5.2.1",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "husky": "^4.3.0",
+    "less": "^3.0.4",
+    "less-loader": "^4.1.0",
+    "vue-loader": "^14.2.2",
+    "vue-template-compiler": "^2.5.21"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "rules": {
+      "no-undef": 0,
+      "no-console": 0,
+      "no-unused-vars": 0,
+      "indent": "off",
+      "vue/script-indent": [
+        "error",
+        2
+      ]
+    },
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "jsx",
+      "json",
+      "vue"
+    ],
+    "transform": {
+      "^.+\\.vue$": "vue-jest",
+      ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
+      "^.+\\.jsx?$": "babel-jest"
+    },
+    "transformIgnorePatterns": [
+      "/node_modules/"
+    ],
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/src/$1"
+    },
+    "snapshotSerializers": [
+      "jest-serializer-vue"
+    ],
+    "testMatch": [
+      "**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"
+    ],
+    "testURL": "http://localhost/"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx}": [
+      "prettier --write .",
+      "git add"
+    ]
+  }
+}

public/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="format-detection" content="email=no">
+    <meta name="format-detection" content="address=no">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
+    <meta itemprop="share_url" content="url" />
+    <meta itemprop="image" content="url" />
+    <meta itemprop="share_pic_url" content="" />
+    <title>项目名</title>
+  </head>
+  <body class="adf">
+    <noscript>
+      <strong>您的浏览器版本太低，请升级之后再来访问哦~</strong>
+    </noscript>
+    <div id="app"></div>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <!-- built files will be auto injected -->
+    <% for (var i in htmlWebpackPlugin.options.cdn.js) { %>
+      <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
+    <% } %>
+  </body>
+  <!-- <script type="text/javascript" src="https://ydcommon.51yund.com/test_web_hd/vendor/vconsole.min.js"></script> -->
+</html>

src/App.vue

@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <keep-alive>
+      <router-view v-if="$route.meta.keepAlive"></router-view>
+    </keep-alive>
+    <router-view v-if="!$route.meta.keepAlive"></router-view>
+    <div class="fix-bottom"></div>
+  </div>
+</template>
+
+<style scoped>
+.fix-bottom {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+}
+</style>

src/common/auth.js

@@ -0,0 +1,32 @@
+import { logFlag, logPath } from '@/config/env'
+let isFirst = false;
+export default (router, hasLogin) => {
+  router.beforeEach((to, from, next) => {
+    if (to.meta.title) {
+      document.title = to.meta.title;
+    }
+    isFirst = globalVue ? false : true;
+    if (to.meta.auth && !hasLogin) { //需要登录而未登录
+      let backUrl = _getTargetUrl(to, from);
+      // tool.toLogin(backUrl);//如果不加backUrl则登录回调会跳转到前一个页面
+    } else {
+      next()
+    }
+  })
+}
+
+function _getTargetUrl (to, from) {
+  let backUrl = location.href.split("?")[0];
+  if (!isFirst) { //只有非首次进入才做处理
+    if (from.path === '/' && to.path != '/') { //首页到其它页
+      backUrl += to.path.slice(1);
+    } else { //其它页互相跳（包括跳到首页）
+      backUrl = backUrl.replace(from.path, to.path);
+    }
+  }
+
+  if (location.search) {
+    backUrl += location.search;
+  }
+  return backUrl;
+}

src/common/err_collect.js

@@ -0,0 +1,179 @@
+//本地持久化存储方案
+//初始化时清除过期存储，vue初始化后将需要记录的信息通过请求发送
+window.viewWillAppear = function () {}
+window.viewDidAppear = function () {}
+window.viewWillDisappear = function () {}
+window.viewDidDisappear = function () {}
+function YdStorage() {
+  this.source = window.localStorage
+  this.initClear() //去除过期缓存
+}
+YdStorage.prototype = {
+  constructor: function () {
+    this.name = 'storage'
+  },
+  initClear: function () {
+    var data = this.source
+    for (var item in data) {
+      if (!data.hasOwnProperty(item)) return //过滤掉原型上的属性
+      if (data[item].indexOf('_expires_') !== -1) {
+        tarItem = JSON.parse(data[item])
+        if (Date.now() >= tarItem._expires_) {
+          this.remove(item)
+        }
+      }
+    }
+  },
+  setItem: function (name, value, expires, needPost) {
+    //expires是秒, needPost标记是否需要发送到服务器
+    if (expires) {
+      var obj = {
+        value: value,
+        _expires_: Date.now() + expires * 1000,
+      }
+      if (needPost) {
+        obj._needPost_ = true //这个用来标记是否需要发送
+      }
+      localStorage.setItem(name, JSON.stringify(obj))
+    } else {
+      var type = Object.prototype.toString.call(value).slice(8, -1)
+      if (type == 'Object' || type == 'Array') {
+        value = JSON.stringify(value)
+      }
+      localStorage.setItem(name, value)
+    }
+  },
+  getItem: function (name) {
+    var item = localStorage.getItem(name)
+    if (!item) return ''
+    try {
+      //先将拿到的试着进行json转为对象的形式
+      item = JSON.parse(item)
+    } catch (error) {
+      //如果不行就不是json的字符串，就直接返回
+      item = item
+    }
+    if (!item._expires_) return item
+    if (Date.now() > item._expires_) {
+      this.remove(name)
+      return ''
+    } else {
+      return item.value
+    }
+  },
+  remove: function (name) {
+    localStorage.removeItem(name)
+  },
+  postItem: function () {
+    var data = window.localStorage
+    for (var item in data) {
+      if (!data.hasOwnProperty(item)) return //过滤掉原型上的属性
+      if (data[item].indexOf('_needPost_') !== -1) {
+        //需要发送
+        var tarItem = JSON.parse(data[item])
+        if (window.tool && tool.$throwJS) {
+          tool.$throwJS(tarItem.value)
+        }
+        this.remove(item)
+      }
+    }
+  },
+}
+window.ydStorage = new YdStorage()
+
+window.onerror = function (msg, url, line, col, error) {
+  //捕捉js错误
+  if (!msg) return true
+  if (typeof msg === 'string') {
+    msg = msg.split(':')[1]
+    if (msg) msg = msg.replace(/^\s+|\s+$/g, '') //去掉左右空格
+  }
+  msg && ydDealErr(msg, true)
+  return true //这句的作用是防止浏览器报错而阻塞进程
+}
+window.addEventListener(
+  'error',
+  function (error) {
+    //捕捉资源加载错误，资源加载出错不会冒泡到window.onerror
+    var path = error.target.src
+    if (!path || path === location.href) return //条件一说明捕获的是js异常，条件二捕获的是img src为空
+    ydDealErr(path)
+  },
+  true,
+)
+
+function ydDealErr(msg, isJs) {
+  var hosts = location.host
+  if (hosts.indexOf('localhost') > -1 || hosts.indexOf('test') > -1) {
+    console.error(msg)
+  }
+  var obj = { err_msg: msg }
+  if (window.tool && window.tool.$throwJS) {
+    window.tool.$throwJS(obj)
+  } else {
+    obj.err_path = location.href
+    obj.err_time = _ydErrDealTime()
+    if (isJs) {
+      postJsErr(obj)
+    } else {
+      ydStorage.setItem(msg, obj, 3600 * 24 * 7, true) //信息存储7天，过期删除
+    }
+  }
+}
+function _ydErrDealTime() {
+  var timeSc = new Date()
+  var year, month, day, hour, minute, second, timeStr //时间默认值
+  year = timeSc.getFullYear() // 获取完整的年份(4位,1970)
+  month = checkTime(timeSc.getMonth() + 1) // 获取月份(0-11,0代表1月,用的时候记得加上1)
+  day = checkTime(timeSc.getDate()) // 获取日(1-31)
+  hour = checkTime(timeSc.getHours()) // 获取小时数(0-23)
+  minute = checkTime(timeSc.getMinutes()) // 获取分钟数(0-59)
+  second = checkTime(timeSc.getSeconds()) // 获取分钟数(0-59)
+  function checkTime(m) {
+    return m < 10 ? '0' + m : m
+  }
+  timeStr =
+    year + '/' + month + '/' + day + ' ' + hour + ':' + minute + ':' + second
+  return timeStr
+}
+function postJsErr(data) {
+  var errInstance = axios.create({
+    timeout: 1000 * 10,
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+  })
+  var errFd = new FormData()
+  var uId = getCookieValue('user_id') || localStorage.getItem('user_id') || 0
+  errFd.append('user_id', uId)
+  errFd.append('cmd', 'vue_jserr')
+  errFd.append('device_id', 'yuedongweb')
+  errFd.append('data', JSON.stringify(data))
+  var uri = 'https://api.51yund.com'
+  errInstance
+    .post(uri + '/sport/report', errFd)
+    .then(function () {})
+    .catch(function () {
+      ydStorage.setItem(data.err_msg, data, 3600 * 24 * 7, true) //信息存储7天，过期删除
+    })
+}
+function getCookieValue(name) {
+  var nameEQ = name + '='
+  var ca = document.cookie.split(';')
+  for (var i = 0; i < ca.length; i++) {
+    var c = ca[i]
+    while (c.charAt(0) == ' ') c = c.substring(1, c.length)
+    if (c.indexOf(nameEQ) == 0) {
+      return c.substring(nameEQ.length, c.length)
+    }
+  }
+  return ''
+}
+// 这两句是为了捕捉网页崩溃，模拟网页崩溃：chrome://crash
+// window.addEventListener('load', function () { //进入页面
+//     localStorage.setItem('good_exit', 'pending');
+// });
+// window.addEventListener('beforeunload', function () {  //正常关闭网页或退出
+//     localStorage.setItem('good_exit', 'true');
+// });
+// if(localStorage.getItem('good_exit') != 'true') {
+//     ydDealErr('网页崩溃')
+// }

src/common/errorHandler.js

@@ -0,0 +1,38 @@
+import Vue from 'vue'
+import {logFlag} from '@/config/env'
+export default () =>{
+    const errorHandler = (err, vm, info) => {
+        // `info` 是 Vue 特定的错误信息，比如错误所在的生命周期钩子
+        let compName = "";
+        if (vm) {
+            compName = _formatComponentName(vm);
+            compName = compName.replace(/\\/g, "/");
+        }
+        let obj = {
+            component: compName, 
+            hook: info, 
+            err_msg: err + ''
+        }
+        let hosts = location.host;
+        if((hosts.indexOf("localhost") > -1 || hosts.indexOf("test") > -1)){
+            console.table(obj);
+        }
+        tool.$throwJS(obj);
+    }
+    Vue.config.errorHandler = errorHandler;
+}
+
+//获取当前组件的路径
+function _formatComponentName(vm) {
+    if (vm.$root === vm) return 'root';
+    let name = vm._isVue
+        ? (vm.$options && vm.$options.name) ||
+        (vm.$options && vm.$options._componentTag)
+        : vm.name;
+    return (
+        (name ? 'component <' + name + '>' : 'anonymous component') +
+        (vm._isVue && vm.$options && vm.$options.__file
+            ? ' at ' + (vm.$options && vm.$options.__file)
+            : '')
+    );
+}

src/common/http.js

@@ -0,0 +1,190 @@
+// 封装axios请求
+import axios from 'axios'
+import CryptoJS from 'crypto-js';
+import {basePath} from '@/config/env'
+let onGetSession = false; //是否正在请求sessionkey
+const post = async (url, parms={}, isfromGetsskey) => {
+	//这里是防止sessionkey接口很慢的情况下，其它正在排队的请求继续发送，导致短时间内多个重复请求（100ms一次）
+	if(onGetSession && !isfromGetsskey){ 
+		await _sleep(200); 
+		return post(url, parms)
+	}
+	let instance = axios.create({
+		timeout: 1000 * 10,
+		headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+	});
+	let sskey = tool.getYdUserKey("session_key");
+	let userId = tool.getYdUserKey('user_id') || 0;
+	let xyy = tool.getYdUserKey('xyy') || 'zachhe';
+	if(!sskey && !isfromGetsskey){
+		sskey = await tool.getSessionKey(userId, xyy);
+	}
+	parms = Object.assign({
+		user_id: userId,
+		xyy: xyy,
+		platform: 'web',
+		session_key: sskey,
+		session_from: 1,
+		timestamp: Date.parse(new Date())/1000 + tool.timeSpace + ''
+	}, parms)
+
+	parms.sign = _hamcSha(url,parms,sskey);
+	let qs = require('qs');
+	let reqUrl = url.indexOf('http') > -1 ? url : basePath + url;
+	return instance.post(reqUrl, qs.stringify(parms)).then(async function(res){
+		if(!res.data || res.data.code === undefined || !res.data.msg){
+			tool.$throw('结构体异常', parms, url, res.data);
+		}
+		let data = Object.assign({code:-1001, msg:'网络出问题了~'}, res.data);
+		if(data.code === 7007){ //sessionkey过期
+			tool.$throw('sskey过期', parms, url);
+			if(isfromGetsskey){
+				_dealSessionExpire()
+			} else {
+				delete parms.session_key;
+				if(!onGetSession){ //前面没有正在请求的sessionkey
+					onGetSession = true;
+					let returnSskey = await tool.getSessionKey(parms.user_id,parms.xyy);
+					onGetSession = false;
+					if(!returnSskey) return {}; //没有获取到sesskey时，停止后面的请求，常见的场景是xyy过期
+					return post(url, parms, true)
+				} else { //前面有在请求的sessionkey
+					await _sleep(100); //排队等100毫秒再去请求
+					return post(url, parms)
+				}
+			}
+		}
+		if(data.code !== 0 && data.code !== 4004 && data.code !== 7007){
+			if(data.code === 1 && data.msg === '参数不合法'){ //将参数不合法的请求上报
+				tool.$throw('参数不合法', parms, url);
+				let timeSpace = 0;
+				if(res.headers.server_time){
+					timeSpace = parseInt(res.headers.server_time) - parms.timestamp;
+				}
+				if(Math.abs(timeSpace) > 300){ //本地和服务器时间超过五分钟导致的参数不合法
+					tool.timeSpace = timeSpace;
+					delete parms.timestamp;
+					return post(url, parms)
+				} 
+				if(globalVue) globalVue.$message('服务异常，请稍后重试')
+			} else if(globalVue){
+				globalVue.$message(data.msg)
+			}
+		}
+		if(data.code === 4004){ //user_id和xyy不匹配，最常见的是用户被设置成了广告用户，xyy发生变化
+			tool.$throw('登录过期', parms, url); 
+			tool.toLogin();
+		}
+		return data;
+	}).catch(res=>{
+		tool.$throw(res, parms, reqUrl); 
+		if(isfromGetsskey){ //获取sessionkey超时
+			tool.fetchSKtime++;
+			if(tool.fetchSKtime < 3){ //最多请求三次，不行就出提示弹窗，常见场景有：1获取sessionkey超时，2按钮跳转时的事件上报（弱网下事件上报没完成页面就直接跳转走了，导致请求abort）
+				return post(url, parms, true)
+			} else {
+				_dealSessionExpire()
+			}
+		} else if(globalVue){ //弱网下按钮跳转的事件上报被cancel时，不用出$message弹窗
+			globalVue.$message('当前网络不给力，请稍后重试');
+		}
+		return {code: -1002, msg:'网络出问题了~'};
+	});
+}
+
+//不带默认参数的请求，主要用于错误上报等
+const postOnly = async (url, parms={}, headers={}) => {
+	let instance = axios.create({
+		timeout: 1000 * 10,
+		headers: {'Content-Type': 'application/x-www-form-urlencoded'}
+	});
+	let qs = require('qs');
+	return instance.post(url, qs.stringify(parms)).then(function(res){
+		return res.data;
+	}).catch(res=>{
+		let errObj = JSON.parse(parms.data);
+		if(errObj.err_msg && window.ydStorage){
+			ydStorage.setItem(errObj.err_msg, errObj, 3600*24*7, true);
+		}
+	})
+}
+
+const get = (url, parms={},headers={}) => {
+	url += '?';
+	for(let key in parms){
+		url += key + '=' + parms[key] + '&';
+	}
+	let option = Object.assign({},headers);
+	let instance = axios.create({
+		timeout: 1000 * 10,
+		headers: option
+	});
+
+	return instance.get(url).then(function(res){
+		return res.data;
+	}).catch(res=>{
+		console.log('error',res);
+	});
+}
+
+export default () => {
+	if (typeof window.$http == 'undefined') {
+		window.$http = {
+			post: post,
+			postOnly: postOnly,
+			get: get
+		}
+	}
+}
+
+function _sortArgs(data){
+    var args;
+    var argsArr = [];
+    for(args in data){
+        if(data[args]==null || data[args]==undefined){
+            data[args] = ""
+        }
+        if (args != "xyy" && args != "sign" && args != "content" && args != "feeling" && args != "nick" && args != "alipay_name"){
+            argsArr.push(args);
+        }
+    }
+    argsArr.sort();
+    var argStr = "";
+    for (var i = 0; i < argsArr.length;i++){
+        var item = argsArr[i];
+        argStr = argStr + item + "=" + data[item] + '&';
+	}
+    argStr=argStr.substring(0, argStr.length-1);
+	argStr = encodeURIComponent(argStr);
+	argStr = argStr.replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/!/g, '%21').replace(/~/g, '%7E').replace(/\*/g, '%2A').replace(/'/g, '%27');
+    return argStr
+}
+function _hamcSha(uri,data,sectionKoken){
+    var url = encodeURIComponent(uri);
+    var paramsStr = _sortArgs(data);
+    var args = "POST&" + url + "&" + paramsStr;
+    var hash = CryptoJS.HmacSHA1(args, sectionKoken);
+    var hashInBase64 = CryptoJS.enc.Base64.stringify(hash);
+    return hashInBase64
+}
+
+function _dealSessionExpire() {
+	if(window.globalVue){
+		globalVue.$confirm('很抱歉，访问出现错误', '提示', {
+            confirmButtonText: '刷新页面',
+            cancelButtonText: '重新登录',
+            type: 'warning'
+        }).then(() => {
+            window.location.reload();
+        }).catch(() => {
+            tool.toLogin();        
+        });
+	} else {
+		tool.toLogin();
+	}
+}
+function _sleep(interval) {
+	return new Promise(resolve => {
+		setTimeout(resolve, interval);
+	})
+}

src/common/index.js

@@ -0,0 +1,10 @@
+// 全局注入 
+import { injectTool } from './tool'
+import injectHttp from './http'
+import errorLog from './errorHandler.js'
+
+export const injectGlobal = () => {
+  injectTool();
+  injectHttp();
+  // errorLog();
+}

src/common/login.js

@@ -0,0 +1,36 @@
+export default (cb) => {
+    let userId, xyy;
+    userId = localStorage.getItem('user_id'); 
+    xyy = localStorage.getItem('xyy');
+    let sid = tool.getUrlParam('xyy');
+    let isLogin = tool.getUrlParam('is_login');
+    if(sid && isLogin){ //如果是授权登录的回调，用url上的信息覆盖本地存储的信息
+        xyy = sid; 
+        userId = tool.getUrlParam('user_id');
+        // 这段代码是为了清除url上的xyy，防止敏感信息暴露
+        let path = location.href;
+        if(path.indexOf('xyy') > -1){
+            path = path.replace(/&xyy=[^&]*/g, '')
+            history.replaceState({}, "", path);
+        }
+    }
+    
+    if(!tool.getIntValue(userId) || !tool.getIntValue(xyy)){
+        userId = 0;
+        xyy = "abc452"
+    }
+
+    rc-challenge-help
+
+    let sessionkey = tool.getYdUserKey('session_key');
+    if(!sessionkey){
+        tool.getSessionKey(userId, xyy, cb);
+    } else {
+        if(userId != 0){ //更新user_id和xyy
+            localStorage.setItem('user_id', userId);
+            localStorage.setItem('xyy', xyy);
+        }
+        let hasLogin = userId == 0 ? false : true;
+        cb(hasLogin);
+    }
+}

src/common/matchMenu.js

@@ -0,0 +1,44 @@
+export default class menuMethod {	
+	static matchMenu(menu,path) {
+		if(path=='/'){
+			jumpUrl(menu);
+		} else{
+			let permission=find(menu,path);
+			if(!permission){
+				globalVue.$router.push({path:'/'});
+				globalVue.$alert('抱歉，找不到该页面', '标题名称', {
+					confirmButtonText: '确定',
+					callback: () => {
+						jumpUrl(menu);
+					}
+				});
+			}
+		}
+	}
+}
+
+// 匹配查找，看是否有访问当前url的权限
+function find(menu,path) {
+	for(let i=0;i<menu.length;i++){
+		if(menu[i].children){
+		let result=find(menu[i].children,path);
+			if(result) return true;
+		} else if(menu[i].path==path){
+			return true;
+		}
+	}
+}
+// 路由跳转
+function jumpUrl(menu){
+	if(menu[0].path){
+		globalVue.$router.push({path:menu[0].path});
+	} else {
+		if(menu[0].children[0].children){
+			globalVue.$router.push({path:menu[0].children[0].children[0].path});
+		} else {
+			globalVue.$router.push({path:menu[0].children[0].path});
+		}
+	}
+}
+
+ 

src/common/open.js

@@ -0,0 +1,195 @@
+
+function ajax(options){
+    var xhr = null;
+    var params = formsParams(options.data);
+    //创建对象
+    if(window.XMLHttpRequest){
+        xhr = new XMLHttpRequest()
+    } else {
+        xhr = new ActiveXObject("Microsoft.XMLHTTP");
+    }
+    // 连接
+    if(options.type == "GET"){
+        xhr.open(options.type,options.url + "?"+ params,options.async);
+        xhr.send(null)
+    } else if(options.type == "POST"){
+        xhr.open(options.type,options.url,options.async);
+        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
+        xhr.send(params);
+    }
+    xhr.onreadystatechange = function(){
+        if(xhr.readyState == 4 && xhr.status == 200){
+            options.success(xhr.responseText);
+        }
+    }
+    function formsParams(data){
+        var arr = [];
+        for(var prop in data){
+            arr.push(prop + "=" + data[prop]);
+        }
+        return arr.join("&");
+    }
+
+}
+
+ajax({
+    url : "a.php",  // url---->地址
+    type : "POST",   // type ---> 请求方式
+    async : true,   // async----> 同步：false，异步：true
+    data : {        //传入信息
+        name : "张三",
+        age : 18
+    },
+    success : function(data){   //返回接受信息
+        console.log(data);
+    }
+})
+
+function reg_one(){
+
+    var a = document.querySelector("#form-step-1 > ti-form-element:nth-child(2) > ti-password-validator").shadowRoot.querySelector("ti-password").shadowRoot.querySelector("div > input[type=password]")
+
+    var b  = document.querySelector("#form-step-1 > ti-form-element:nth-child(3) > ti-password > input[type=password]");
+
+    var aa = document.querySelector("#form-step-1 > ti-form-element:nth-child(2) > ti-password-validator").shadowRoot.querySelector("ti-password");
+    var bb = document.querySelector("#form-step-1 > ti-form-element:nth-child(3) > ti-password")
+
+    var em = document.querySelector("#form-step-1 > ti-form-element:nth-child(1) > input[type=email]");
+    var co = document.querySelector("#form-step-1 > ti-form-element:nth-child(5) > input[type=text]");
+
+
+    window.inputValue = function (dom, st) {
+        var evt = new InputEvent('input', {
+            inputType: 'insertText',
+            data: st,
+            dataTransfer: null,
+            isComposing: false
+        });
+        dom.value =st;
+        dom.dispatchEvent(evt);
+    }
+
+    inputValue(a,'sfYDnsdiY11');
+
+    inputValue(b,'sfYDnsdiY11');
+
+    inputValue(bb,'sfYDnsdiY11');
+
+    inputValue(aa,'sfYDnsdiY11');
+
+    inputValue(em,'hruztr@hotmail.com');
+
+    inputValue(co,'518000');
+
+
+    setTimeout(function(){
+        var btn = document.querySelector("#continueBtn").shadowRoot.querySelector("button");
+        btn.click();
+
+    },1000);
+
+}
+
+
+
+
+reg_one();
+
+
+setTimeout(function(){
+
+    reg_two();
+
+},3000);
+
+
+
+function reg_two(){
+
+
+    //第二步填写
+
+    var r_name = document.querySelector("#form-step-2 > ti-form-element:nth-child(1) > input[type=text]");
+
+    inputValue(r_name,"xiaochun");
+
+    var xe = document.querySelector("#form-step-2 > ti-form-element:nth-child(2) > input[type=text]");
+
+    inputValue(xe,"he");
+
+    var cu  =  document.querySelector("#form-step-2 > ti-form-element:nth-child(3) > input[type=text]");
+
+    inputValue(cu,"广东大学");
+
+
+    var sf = document.querySelector("#form-step-2 > ti-form-element:nth-child(4) > select");
+    sf.selectedIndex = 1;
+
+
+    var ly = document.querySelector("#appAreaFormElement > select");
+
+
+    ly.selectedIndex  = 1;
+
+    var e_name = document.querySelector("#cnjpInputs > ti-form-element:nth-child(3) > input[type=text]");
+    inputValue(e_name,'xiaochun');
+
+
+    var e_he = document.querySelector("#cnjpInputs > ti-form-element:nth-child(4) > input[type=text]");
+
+    inputValue(e_he,"he");
+
+
+    var e_cou =  document.querySelector("#cnjpInputs > ti-form-element:nth-child(5) > input[type=text]");
+
+    inputValue(e_cou,'GDDX');
+
+    var box = document.querySelector("#form-step-2 > div:nth-child(8) > ti-checkbox");
+    box.click();
+
+    var ph  = document.querySelector("#cnjpInputs > ti-form-element:nth-child(1) > ti-phone-input").shadowRoot.querySelector("div > input");
+    inputValue(ph,'13147083749');
+    var yph = document.querySelector("#cnjpInputs > ti-form-element:nth-child(1) > ti-phone-input");
+    yph.setAttribute("area-code","131");
+    yph.setAttribute("phone-number","47083749");
+    yph.setAttribute("is-valid","")
+
+    var s_yph = document.querySelector("#cnjpInputs > ti-form-element:nth-child(1)");
+    s_yph.setAttribute('class',"ti-form-element ti-form-element-is-required hydrated");
+    s_yph.setAttribute('required','');
+
+
+    setTimeout(function(){
+
+        //按钮强行变化
+        var r_btn = document.querySelector("#registerBtn");
+        r_btn.removeAttribute("disabled");
+        r_btn.click();
+
+    },1000);
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

src/common/reg.js

@@ -0,0 +1,7 @@
+export default { 
+    idCard: /^\d{6}((?:19|20)((?:\d{2}(?:0[13578]|1[02])(?:0[1-9]|[12]\d|3[01]))|(?:\d{2}(?:0[13456789]|1[012])(?:0[1-9]|[12]\d|30))|(?:\d{2}02(?:0[1-9]|1\d|2[0-8]))|(?:(?:0[48]|[2468][048]|[13579][26])0229)))\d{2}(\d)[xX\d]$/,
+	name:  /^[\u4e00-\u9fa5]{2,4}$/,
+	email: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/,
+	phone: /^1[3456789]\d{9}$/,
+	vfCode: /^\d{6}$/,
+}

src/common/tool.js

@@ -0,0 +1,205 @@
+import * as config from '@/config/env'
+import store from '@/store/index'
+import urls from '@/server/urls'
+const tool = {
+  timeSpace: 0, //本地和服务器的时间间隔
+  fetchSKtime: 0, //获取sessionkey超时的重试次数
+  getUrlParam: function (name) {
+    const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+    if (location.href.indexOf("?") < 0) return "";
+    let r = location.href.split("?")[1].match(reg);
+    if (r != null) {
+      let d = decodeURIComponent(r[2]);
+      return tool.getIntValue(d);
+    }
+    return '';
+  },
+  getCookieValue: function (name) {
+    let nameEQ = name + "=";
+    let ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) == 0) {
+        return c.substring(nameEQ.length, c.length);
+      }
+    }
+    return "";
+  },
+  getIntValue (value) {
+    if (value === 'null' || value === 'undefined' || value === null || value === undefined) {
+      return ''
+    } else if (value === '0') {
+      return 0
+    }
+    return value
+  },
+  createCookie (name, value, days) {
+    let expires = "";
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+      expires = "; expires=" + date.toGMTString();
+    }
+    let cookieDomain = "";
+    if (name == "user_id" || name == "xyy") {
+      cookieDomain = "; domain=51yund.com";
+    }
+    document.cookie = name + "=" + encodeURIComponent(value) + expires + cookieDomain + "; path=/";
+  },
+  getYdUserKey: function (key) {
+    // 取值的时候先取store，再取storage
+    let storeVal = store.state.comVal;
+    let val = "";
+    if (storeVal[key]) {
+      val = storeVal[key];
+    } else {
+      val = _getLocalStorage(key) || sessionStorage.getItem(key);
+      val = tool.getIntValue(val);
+      if (!val) {
+        val = tool.getUrlParam(key);
+      }
+      if (val) {
+        store.dispatch('saveCommonValue', { key: key, value: val })
+      }
+    }
+    return val;
+  },
+  // 本地持久化存储
+  setStorage (name, value, expires) {
+    if (window.ydStorage) {
+      ydStorage.setItem(name, value, expires)
+    } else {
+      localStorage.setItem(name, value);
+    }
+  },
+  getSessionKey: function (userId, xyy, cb) {
+    var param = { "user_id": userId, "xyy": xyy };
+    return $http.post(urls.getsskey, param, true).then(function (res) {
+      if (res.code === 0) {
+        let sessionkey = res.session_key;
+        if (sessionkey) {
+          tool.fetchSKtime = 0; //获取成功之后把fetchSKtime还原
+          //存值的时候先存store，再存localStorage，存store为了取值更快，存storage为了看方便
+          store.dispatch('saveCommonValue', { key: 'session_key', value: sessionkey });
+          tool.setStorage("session_key", sessionkey, res.session_ttl);
+          store.dispatch('saveCommonValue', { 'key': 'user_id', 'value': userId });
+          localStorage.setItem("user_id", userId);
+          store.dispatch('saveCommonValue', { 'key': 'xyy', 'value': xyy });
+          localStorage.setItem("xyy", xyy);
+        }
+        let hasLogin = userId == 0 ? false : true;
+        if (cb) cb(hasLogin);
+        return sessionkey;
+      } else if (res.code !== 7007) { //userId和xyy不匹配或其它异常情况，最常见的场景是首次进来时，用户之前本地存储的xyy过期，7007的情况在http层统一处理
+        tool.toLogin();
+      }
+    }).catch(res => {
+      console.log('页面出错');
+    });
+  },
+  //简化版js节流，默认2s内只能点击一次
+  throttle: function (callback, duration = 2000) {
+    let lastTime = tool.lastTime || 0;
+    let now = new Date().getTime();
+    if (now - lastTime > duration) {
+      callback();
+      tool.lastTime = now;
+    }
+  },
+  //记录上报（访问来源上报、错误上报）
+  reportCmd: function (data) {
+    $http.postOnly(config.logPath + '/sport/report', data)
+  },
+  // 上报错误信息
+  postErrLog (data, cmdName) {
+    let hosts = location.host;
+    if ((hosts.indexOf("localhost") > -1 || hosts.indexOf("test") > -1) && !config.logFlag.dev) {
+      return;
+    }
+    let param = {
+      user_id: tool.getYdUserKey('user_id') || 0,
+      cmd: cmdName,
+      device_id: 'yuedongweb',
+      data: JSON.stringify(data)
+    }
+    tool.reportCmd(param);
+  },
+  $throwJS (data) { //抛出js异常
+    let obj = {  //公共部分
+      platform: "web",
+      local_path: location.pathname,
+      local_url: location.href,
+      package_name: config.logFlag.packageName
+    }
+    Object.assign(obj, data);
+    let filterJsErr = [];
+    if (config.filterErr && config.filterErr.length > 0) {
+      filterJsErr.push(...config.filterErr);
+    }
+    if (filterJsErr.indexOf(obj.err_msg) > -1) return;
+    let cmd_name = 'vue_jserr';
+    if (obj.err_msg && obj.err_msg.indexOf('http') > -1) {
+      cmd_name = 'vue_reserr';  //reserr表示资源加载异常（resource error）
+    }
+    tool.postErrLog(obj, cmd_name);
+  },
+  // 抛出请求异常
+  $throw (err, info, uri, response) {
+    let obj = {
+      local_url: location.href,
+      local_path: location.pathname,
+      err_msg: err + '',
+      req_params: info,
+      req_uri: uri
+    }
+    if (response) { //返回值结构体异常
+      obj.response = response
+    }
+    let filterErr = config.filterErr;
+    if (filterErr && filterErr.indexOf(obj.err_msg) > -1) return;
+    tool.postErrLog(obj, 'vue_reqerr');
+  },
+  //去登录
+  toLogin: function (backUrl) {
+    localStorage.removeItem('session_key');
+    localStorage.removeItem('xyy');
+    let cbUrl = backUrl ? backUrl : location.href;
+    cbUrl = encodeURIComponent(cbUrl);
+    // cbUrl = _clearUlrData(cbUrl);
+    console.log('配置登录页路由');
+  },
+}
+
+export const injectTool = () => {
+  if (typeof window.tool == 'undefined') {
+    window.tool = tool;
+  }
+}
+//跳转登录时去掉url上的user_id、xyy和is_login
+function _clearUlrData (cbUrl) {
+  if (cbUrl.indexOf("?") == -1) return encodeURIComponent(cbUrl);
+  let [url, query] = cbUrl.split("?");
+  let arr = ['user_id', 'xyy', 'is_login'];
+  for (let i = 0; i < arr.length; i++) {
+    if (query.indexOf(arr[i]) > -1) {
+      let reg = new RegExp('(^|&)' + arr[i] + '=[^&]*', 'g');
+      query = query.replace(reg, '')
+    }
+  }
+  if (query) {
+    if (query.indexOf('&') === 0) {  //最开始一位是&时去掉
+      query = query.slice(1);
+    }
+    url += '?' + query
+  }
+  return encodeURIComponent(url)
+}
+
+function _getLocalStorage (name) {
+  if (window.ydStorage) {
+    return ydStorage.getItem(name)
+  } else {
+    return localStorage.getItem(name);
+  }
+}

src/common/utils.js

@@ -0,0 +1,10 @@
+// 自定义全局方法封装
+const utils = {
+  test: function () {},
+}
+
+export default () => {
+  if (typeof window.utils == 'undefined') {
+    window.utils = utils
+  }
+}

src/common/validHelper.js

@@ -0,0 +1,114 @@
+/**
+ * @描述     表单校验
+ * @开发     Zach he
+ * @时间     2019-05-05
+ * @param  {object}   
+ *         options: {
+ *         		container:'className', 父容器class name 
+ *         }
+ * 
+ * @result {pass:false, msg:validObj.msg, dom:tempDom};
+ *         
+ * type枚举值与reg.js一致
+ */
+import reg from '@/common/reg.js'   //引入正则表达式
+
+const ValidHelper = (options) => {
+	let doms = document.querySelectorAll('.' + options.container);
+	if (doms == null || doms.length == 0) return {pass:true,msg:'未能查找到容器'};
+
+	for (var i = 0; i < doms.length; i++) {
+		let dom = doms[i];
+		let validDomArray = dom.querySelectorAll('.valid');
+
+		for (var j = 0; j < validDomArray.length; j++) {
+			let d = validDomArray[j];
+			let validStr = d.dataset['valid'];
+			if(d.className.indexOf('el-input')>-1){
+				validStr = d.querySelector('.el-input__inner').dataset['valid'];
+			}
+			if (validStr) {
+				let validStrArray = validStr.split(',');
+				let obj = {};
+
+				validStrArray.forEach((line)=>{
+					let attrArray = line.split(':');
+					obj[attrArray[0]] = attrArray[1];
+				}); 
+                 
+				let result = check(d, obj); 
+				if (!result.pass) { 
+					return result;
+				}
+			} else{       //只是纯input输入框校验空值
+				if (d.attributes.type == undefined) {
+					d = d.querySelector("input");
+				}
+                let val = d.value;
+				if(!val){
+					return {pass: false, msg: '请' + d.getAttribute('placeholder'), dom: d};
+				}
+			}
+		}
+	}
+	return {pass:true};
+}
+
+
+function check(tempDom,validObj) {
+	let tipWord="";
+	let val = "";
+	if (validObj.type.indexOf('select') != -1) {  //下拉框
+		tempDom=tempDom.querySelectorAll('.el-input__inner')[0];
+		tipWord=validObj.msg;
+		val = tempDom.value;
+	} else {
+		tipWord=tempDom.tagName == 'DIV' ? tempDom.querySelector('input').getAttribute('placeholder') : tempDom.getAttribute('placeholder');
+		tipWord = '请' + tipWord;
+		val = tempDom.className.indexOf('el-input') != -1 ?  tempDom.querySelector('input').value : tempDom.value;
+	} 
+	if(!val){
+        return {pass:false,msg:tipWord,dom:tempDom};
+	}
+	if (validObj.type.indexOf('phone') != -1) {   //校验手机
+		if (reg.phone.test(val)) return {pass:true}
+		else return {pass:false, msg:validObj.msg, dom:tempDom};
+	}
+	if (validObj.type.indexOf('vfCode') != -1) {  //校验验证码
+		if (reg.vfCode.test(val)) return {pass:true}
+		else return {pass:false, msg:validObj.msg, dom:tempDom};
+	} 
+	return {pass:true}
+}
+
+const handle = (validResult,isHandle) => {	 
+	if(isHandle){                     //校验不通过时添加class
+		let d = validResult.dom.tagName == "DIV" ? validResult.dom.querySelector('input') : validResult.dom;
+		let classVal=d.getAttribute('class');
+		if(classVal.indexOf('valid-red')=='-1'){
+			classVal=classVal.concat(' valid-red');
+			d.setAttribute('class',classVal);
+		}
+		globalVue.$message({type:'info',message:validResult.msg,duration: 1500});	
+	} else{                          //输入框获取焦点时移除class
+		let classVal=validResult.getAttribute('class');
+		classVal=classVal.replace('valid-red',"");
+		validResult.setAttribute('class',classVal);
+	}
+
+	// 添加事件 
+	if (validResult.dom) {
+		let d = validResult.dom.tagName == "DIV" ? validResult.dom.querySelector('input') : validResult.dom;
+		d.addEventListener('focus',(e)=>{ 
+			let target = e.srcElement || e.target;
+			handle(target);
+		}); 
+	}
+}
+
+if (typeof window.$ValidHelper == "undefined"){
+	window.$ValidHelper = {};
+	window.$ValidHelper.check = ValidHelper;
+	window.$ValidHelper.handle = handle;
+} 
+	

src/config/env.js

@@ -0,0 +1,14 @@
+// 环境配置
+// todo: 注意要修改下面packageName为项目名称
+let appId = 102 //sso登录服务的appid，传0表示走老的授权登录
+let appVersion = 1 //sso登录服务的版本，默认为第一版
+let logFlag = {
+  dev: false, // 开发和测试环境是否上报log
+  from: false, // 是否上传页面来源
+  packageName: 'test',
+}
+let basePath = 'https://' // api请求地址
+
+export {
+  basePath
+}

src/directives/index.js

@@ -0,0 +1,58 @@
+import Vue from 'vue'
+Vue.directive('copy', {
+  //自定义指令                                      JS
+  bind: function (el, binding) {
+    el.onclick = function (e) {
+      const range = document.createRange()
+      range.selectNode(el)
+      const selection = window.getSelection()
+      if (selection.rangeCount > 0) selection.removeAllRanges()
+      selection.addRange(range)
+      document.execCommand('copy')
+      globalVue.toast('复制成功')
+    }
+  },
+})
+
+Vue.directive('deal', {
+  //处理输入框被遮挡问题
+  bind: function (el, binding) {
+    if (el.tagName !== 'INPUT') {
+      el = el.querySelector('input')
+    }
+    ;(el.onfocus = function (e) {
+      //处理思路：将输入框位置放在可视区域（除开软键盘）的中间位置
+      let offsetTop = e.target.getBoundingClientRect().top
+      let scrollDom = document.querySelector('.container')
+      let scrolltop = scrollDom.scrollTop
+      let emptyDom = document.createElement('div')
+      emptyDom.className = 'empty-input-deal'
+      scrollDom.appendChild(emptyDom) //底部空间不足时滚动拉不上来，所以用一个空div撑开底部空间
+      if (tool.isIosWeb()) {
+        //ios下软键盘弹起时页面会整体往上拉，所以要区别处理
+        let bottomDom = document.querySelector('.fix-bottom')
+        let screenHeightFirst = bottomDom.getBoundingClientRect().top
+        let timer = setTimeout(() => {
+          let screenHeight = bottomDom.getBoundingClientRect().top //注意这里不能用window.innerHeight，ios下不管软键盘是否弹出innerHeight都不变，
+          let keyBoardHeight = screenHeightFirst - screenHeight || 400 //获取软键盘高度，只在ios下有用，如果没有获取到值，就默认400
+          emptyDom.style.height = keyBoardHeight + 'px' //让空div的高度刚好等于软键盘的高度
+          if (offsetTop > (3 / 5) * screenHeightFirst) {
+            //如果输入框在整个页面的底部2/5的区域，点击时就让页面向上多滚动100px
+            scrollDom.scrollTop = scrolltop + 100
+          }
+          timer = null
+        }, 100)
+      } else {
+        //安卓下保证输入框滚动到可视区中间往上150px的地方
+        emptyDom.style.height = '400px' //安卓内嵌webview页面无法获取软键盘高度，uc浏览器可以用window.innerHeight的差值获取
+        let tarH = offsetTop - window.innerHeight / 2 //输入框距离可视区中间点的差值
+        scrollDom.scrollTop = scrolltop + tarH + 150
+      }
+    }),
+      (el.onblur = function (e) {
+        let scrollDom = document.querySelector('.container')
+        let emptyDom = document.querySelector('.empty-input-deal')
+        scrollDom.removeChild(emptyDom)
+      })
+  },
+})

src/filters/filter.js

@@ -0,0 +1,34 @@
+import Vue from 'vue'
+/**
+ * 日期格式重置   页面用法：{{'26565353' | formatDate(yyyy/MM/dd hh:mm)}}  返回值：'2017/08/22 18:30'
+ */
+Vue.filter('formatDate', function (value, fmt) {
+  if (!value) return value
+  let timeSc = new Date(value * 1000)
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(
+      RegExp.$1,
+      (timeSc.getFullYear() + '').substr(4 - RegExp.$1.length),
+    )
+  }
+  let o = {
+    'M+': timeSc.getMonth() + 1,
+    'd+': timeSc.getDate(),
+    'h+': timeSc.getHours(),
+    'm+': timeSc.getMinutes(),
+    's+': timeSc.getSeconds(),
+  }
+  for (let k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+      let str = o[k] + ''
+      fmt = fmt.replace(
+        RegExp.$1,
+        RegExp.$1.length === 1 ? str : padLeftZero(str),
+      )
+    }
+  }
+  function padLeftZero(str) {
+    return ('00' + str).substr(str.length)
+  }
+  return fmt
+})

src/main.js

@@ -0,0 +1,27 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router/index'
+import store from './store/index'
+import { injectGlobal } from './common/'
+// import login from './common/login'
+import auth from './common/auth'
+import './style/reset.less'
+import './style/common.less'
+import './filters/filter'
+import './directives/index'
+//全局注入
+injectGlobal()
+
+//这段代码是为了先拿到sessionkey再初始化项目，避免直接访问页面不存在user_id和xyy的情况
+window.globalVue = ''
+// login((hasLogin) => {
+auth(router, false)
+Vue.config.productionTip = false
+const globalVue = new Vue({
+  router,
+  store,
+  render: (h) => h(App),
+}).$mount('#app')
+window.globalVue = globalVue
+window.ydStorage && ydStorage.postItem()
+// })

src/pages/home/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="container">welcome come here</div>
+</template>
+
+<script>
+export default {
+  name: 'home',
+  data() {
+    return {}
+  },
+  mounted: function () {},
+  created: function () {},
+  methods: {},
+}
+</script>
+<style lang="less" scoped>
+@import url(../../style/root.less);
+.container {
+  font-size: 0.14rem;
+  padding-top: 0.2rem;
+  text-align: center;
+}
+</style>

src/router/index.js

@@ -0,0 +1,42 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+//下面四句代码是为了处理router.beforeEach的异常报错(https://blog.csdn.net/haidong55/article/details/100939076)
+const originalPush = Router.prototype.push
+Router.prototype.push = function push (location, onResolve, onReject) {
+  if (onResolve || onReject)
+    return originalPush.call(this, location, onResolve, onReject)
+  return originalPush.call(this, location).catch((err) => err)
+}
+
+Vue.use(Router)
+
+export default new Router({
+  mode: 'hash',
+  routes: [
+    {
+      path: '/',
+      component: () => import('@/pages/home/xiaoshuo'),
+      meta: {
+        title: '悦动圈',
+        auth: false,
+      },
+    },
+    {
+      path: '/index',
+      component: () => import('@/pages/home/index'),
+      meta: {
+        title: '悦动圈',
+        auth: false,
+      },
+    },
+    {
+      path: '/xiaoshuo',
+      component: () => import('@/pages/home/xiaoshuo'),
+      meta: {
+        title: '隐私政策',
+        auth: false,
+      },
+    },
+  ],
+})

src/server/home.js

@@ -0,0 +1,12 @@
+// created by zach He on 2019-04-29
+// 会员 登录、注册、修改密码等等
+import url from './urls'
+
+export default class Home {
+  /**
+   * @描述  1.1	获取首页banner图
+   */
+  static getBanner(parms) {
+    return $http.post(url.getBanner, parms)
+  }
+}

src/server/login.js

@@ -0,0 +1,19 @@
+/**
+ * Created by zach He on 2019-04-29
+ */
+import url from './urls'
+
+export default class LoginMember {
+  static wxLogin(params) {
+    return $http.post(url.wxLogin, params)
+  }
+
+  static qqLogin(params) {
+    return $http.post(url.qqLogin, params)
+  }
+
+  // 登出管理
+  static loginOut(params) {
+    return $http.post(url.loginOut, params)
+  }
+}

src/server/urls.js

@@ -0,0 +1,4 @@
+export default {
+  //登录获取签名
+  getsskey: '/sport/get_session_key',
+}

src/store/index.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import comVal from './modules/comVal'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules: {
+    comVal,
+  },
+})

src/store/modules/comVal.js

@@ -0,0 +1,22 @@
+const state = {
+  name: 666,
+}
+
+const actions = {
+  saveCommonValue({ commit }, value) {
+    commit('SAVE_COMMON_VALUE', value)
+  },
+}
+
+const mutations = {
+  SAVE_COMMON_VALUE(state, obj) {
+    state[obj.key] = obj.value
+    // state.data = data;
+  },
+}
+
+export default {
+  state,
+  actions,
+  mutations,
+}

src/style/common.less

@@ -0,0 +1,47 @@
+.yd-message {
+  display: table;
+  position: fixed;
+  z-index: 2001;
+  width: 80%;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: auto;
+  text-align: center;
+  span {
+    background-color: rgba(0, 0, 0, 0.6);
+    color: #fff;
+    border-radius: 0.04rem;
+    padding: 0.1rem 0.12rem;
+    font-size: 0.14rem;
+    display: inline-block;
+    line-height: 0.2rem;
+    min-width: 40vw;
+  }
+}
+.fr {
+  float: right;
+}
+.arrow-r {
+  position: relative;
+  padding-right: 0.12rem;
+  &:before {
+    content: '';
+    height: 6px;
+    width: 6px;
+    border-width: 2px 2px 0 0;
+    border-color: #c8c8cd;
+    border-style: solid;
+    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+    position: absolute;
+    top: 50%;
+    margin-top: -4px;
+    right: 0;
+  }
+}
+.container {
+  height: 100vh;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}

src/style/reset.less

@@ -0,0 +1,47 @@
+/*样式重置*/
+body,
+html {
+  margin: 0;
+  font: normal normal normal 14px/20px sans-serif;
+  line-height: 1;
+}
+html * {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+html body {
+  max-width: 640px !important;
+  margin: 0 auto;
+}
+.clearfix:after {
+  content: '\0020';
+  display: block;
+  height: 0;
+  clear: both;
+}
+.clearfix {
+  _zoom: 1;
+}
+ul {
+  list-style: none;
+}
+li,
+i,
+em {
+  font-style: normal;
+}
+input {
+  outline: medium;
+  border: none;
+}
+a:focus,
+select {
+  outline: none;
+}
+a {
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: none;
+}

src/style/root.less

@@ -0,0 +1,50 @@
+@mainColor: #11d59c; //全局主色调
+@width: 300px;
+.widh(@w: 100px, @h: 200px) {
+  width: @w;
+  height: @h;
+}
+.lett(@l: 100px, @t: 100px) {
+  left: @l;
+  top: @t;
+}
+.bg(@color: #696) {
+  background-color: @color;
+  cursor: pointer;
+}
+.hei(@height: 30px) {
+  height: @height;
+  line-height: @height;
+}
+@box: {
+  width: @width - 100;
+  height: 200px;
+  border: solid 1px red;
+  margin: 0 auto;
+  color: @mainColor;
+};
+@absolute: {
+  position: absolute;
+  .widh(200px);
+  .lett(100px, 100px);
+  z-index: 10;
+};
+.btnBg(@bgColor: #696) {
+  transition: all 0.2s;
+  &:hover {
+    background-color: @bgColor;
+  }
+}
+.btn(@color: #696) {
+  transition: all 0.2s;
+  &:hover {
+    color: @color;
+  }
+}
+.abso(@l: 0, @t: 0, @w: 100%) {
+  position: absolute;
+  z-index: 10;
+  left: @l;
+  top: @t;
+  width: @w;
+}

tests/e2e/custom-assertions/elementCount.js

@@ -0,0 +1,19 @@
+// A custom Nightwatch assertion.
+// The assertion name is the filename.
+// Example usage:
+//
+//   browser.assert.elementCount(selector, count)
+//
+// For more information on custom assertions see:
+// http://nightwatchjs.org/guide#writing-custom-assertions
+
+exports.assertion = function elementCount(selector, count) {
+  this.message = `Testing if element <${selector}> has count: ${count}`
+  this.expected = count
+  this.pass = (val) => val === count
+  this.value = (res) => res.value
+  function evaluator(_selector) {
+    return document.querySelectorAll(_selector).length
+  }
+  this.command = (cb) => this.api.execute(evaluator, [selector], cb)
+}

tests/e2e/reports/CHROME_71.0.3578.80_Windows NT_test.xml

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<testsuites errors="0"
+            failures="0"
+            tests="1">
+
+  <testsuite name="test"
+    errors="0" failures="0" hostname="" id="" package="test" skipped="0"
+    tests="1" time="3.642" timestamp="Fri, 15 Mar 2019 05:44:11 GMT">
+  
+    <testcase name="default e2e tests" classname="test" time="3.642" assertions="4">
+
+    
+
+    
+
+    
+
+    
+    </testcase>
+  
+
+  
+
+  
+  </testsuite>
+</testsuites>

tests/e2e/reports/CHROME_74.0.3729.108_Windows NT_test.xml

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<testsuites errors="0"
+            failures="0"
+            tests="1">
+
+  <testsuite name="test"
+    errors="0" failures="0" hostname="" id="" package="test" skipped="0"
+    tests="1" time="15.46" timestamp="Tue, 30 Apr 2019 10:48:09 GMT">
+  
+    <testcase name="default e2e tests" classname="test" time="15.46" assertions="4">
+
+    
+
+    
+
+    
+
+    
+    </testcase>
+  
+
+  
+
+  
+  </testsuite>
+</testsuites>

tests/e2e/specs/test.js

@@ -0,0 +1,14 @@
+// For authoring Nightwatch tests, see
+// http://nightwatchjs.org/guide#usage
+
+module.exports = {
+  'default e2e tests': (browser) => {
+    browser
+      .url(process.env.VUE_DEV_SERVER_URL)
+      .waitForElementVisible('#app', 5000)
+      .assert.elementPresent('.hello')
+      .assert.containsText('h1', 'Welcome to Your Vue.js ，样式由less书写')
+      .assert.elementCount('img', 1)
+      .end()
+  },
+}

tests/unit/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    jest: true,
+  },
+}

tests/unit/components/hello.spec.js

@@ -0,0 +1,12 @@
+import { shallowMount } from '@vue/test-utils'
+import HelloWorld from '@/components/modules/helloWorld.vue'
+
+describe('helloWorld.vue', () => {
+  it('renders props.msg when passed', () => {
+    const msg = 'new message'
+    const wrapper = shallowMount(HelloWorld, {
+      propsData: { msg },
+    })
+    expect(wrapper.text()).toMatch(msg)
+  })
+})

tests/unit/pages/loan.spec.js

@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils'
+import home from '@/pages/home/index.vue'
+import HelloWorld from '@/components/modules/helloWorld.vue'
+
+describe('HelloWorld.vue', () => {
+  it('render img', () => {
+    const msg = 'new message'
+    const wrapper = mount(home)
+    expect(wrapper.contains(HelloWorld)).toBe(true)
+  })
+})

vue.config.js

@@ -0,0 +1,66 @@
+// vue.config.js 配置说明
+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const cdn = {
+  js: [
+    'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js',
+    'https://cdn.jsdelivr.net/npm/crypto-js@4.0.0/crypto-js.js',
+    'https://unpkg.com/vue-router@3.0.0/dist/vue-router.js',
+  ],
+}
+module.exports = {
+  //配置线上域名&地址
+  publicPath: process.env.env_config === 'prod' ? 'https://h5-cms-vue.ijolijoli.com/agreement/dist' :
+    process.env.env_config === 'test' ? '/agreement/dist' : '/dist/',
+  // 设置跨域
+  crossorigin: 'anonymous',
+
+  /**
+   * 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+   *  map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。
+   *  有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
+   * */
+  productionSourceMap: false,
+  transpileDependencies: ['yd-ui', 'swiper', 'dom7'],
+  // 它支持webPack-dev-server的所有选项
+  devServer: {
+    host: '0.0.0.0',
+    port: 8082, // 端口号
+    https: false, // https:{type:Boolean}
+    open: false, //配置自动启动浏览器
+    proxy: '', // 配置跨域处理
+  },
+
+  //这是一个不进行任何 schema 验证的对象，因此它可以用来传递任何第三方插件选项
+  pluginOptions: {
+    // 设置线上部署路径，发布时请修改 eg: /data2/wwwroot/web/vue/vapps/vip
+    onlineRootPath: '__ONLINE_ROOT_PATH__',
+    testRootPath: '__TEST_ROOT_PATH__',
+  },
+  configureWebpack: {
+    externals: {
+      vue: 'Vue',
+      'vue-router': 'VueRouter',
+      'crypto-js': 'CryptoJS',
+      axios: 'axios',
+    },
+    // 这是七牛找不到资源时的紧急处理方法，通过修改hash位数修改编译后的资源文件名
+    // output: {
+    //     filename: `js/[name].[hash:6].js`,
+    //     chunkFilename: `js/[name].[hash:6].js`
+    // },
+    // plugins: [
+    //     new MiniCssExtractPlugin({
+    //         filename: `css/[name].[hash:6].css`,
+    //         chunkFilename: `css/[name].[hash:6].css`
+    //     })
+    // ]
+  },
+
+  chainWebpack: (config) => {
+    config.plugin('html').tap((options) => {
+      options[0].cdn = cdn
+      return options
+    })
+  },
+}

安装插件.bat

@@ -0,0 +1 @@
+npm install --registry=https://registry.npm.taobao.org --verbose 

规范说明

@@ -0,0 +1,163 @@
+项目结构与规范说明
+
+一、目录结构说明
+src
+	assets			静态资源（图片、字体等）
+	common 			项目全局公共函数封装
+	components		全部组件
+		common 		通用组件，不带有任何业务数据，只带有通用样式或特定样式以及事件；以文件夹的形式隔开，如果存在资源则建立子目录存放
+		modules		业务组件，带有通用业务数据；
+	directives		全局指令 按文件名划分
+	filters			全局筛选指令
+	pages			页面容器
+		login		路由为/home的页面，该页面如果涉及子页面，则创建children目录进行存放，多级递归。注意这里多级时路由配置也需要多级配置
+			children
+				child.vue
+			index.vue
+	plugins 		js第三方插件
+	router			路由配置
+		map			各个页面对应的路由配置，注意：这里是按页面来配置
+	server			前端领域业务封装，文件名按领域来区分；测试用例针对领域来编写流程
+		testData	按领域来存放测试数据
+	store			vuex 模块
+		modules		细分各个模块
+		index		vuex入口
+	style			全局样式
+		common.less 全局公共样式
+		root.less	全局less变量		
+tests
+	e2e				端到端测试
+	unit			单元测试
+vue.config.js		工程基本配置文件-端口、编译输出目录...
+
+
+三、js规范
+变量
+1.当前作用域顶端定义
+2.var禁用 在块级作用域下使用let
+3.在全局作用域下，函数及变量使用const定义
+4.字符串统一使用单引号，标签或者属性的值采用双引号
+
+函数
+1.that=this; 函数内部存在嵌套函数时，必须在最外层定义this指向
+2.内部私有方法写在return之后
+3.判断是否相等用全等号
+
+类
+1.定义顺序：变量、公开方法、私有方法
+
+模块
+1.export default 写到最底部
+2.export 变量写在一起靠底部位置
+
+命名
+1.变量、函数、vue组件名称 小写开头 驼峰规则
+2.私有加前缀(下划线)
+3.类命名 大写开始 驼峰规则
+4.资源文件全部用小写命名（包括文件夹），如backbtn.png、 province_city.json
+
+四、css规范
+每个style标签必去加上scoped
+样式规则：
+.classname{
+	//定位规则
+
+	//盒子属性
+
+	//其它
+}
+
+classname:命名规则 小写；多个单词-（中划线）分格
+
+层级样式减少标签直接使用方式；
+层级定义样式规则：
+.父级
+	.父级-子级
+		.父级-子级-子级		
+class相隔必须用-（中划线）
+id相隔必须用_(下划线)
+
+样式封装块，重复样式定义继承处理
+.commonclassname
+
+.classname {
+	//定位规则
+
+	//盒子属性
+
+	//其它
+
+	&:伪类 {
+
+	}
+
+	// 嵌套层级
+	.classname {
+		
+	}
+
+	.classname {
+
+	}
+}
+
+五、路由规范
+	根据页面来制定路由区域
+
+六、Vue文件规范
+<template>
+	// v-on => @
+	// v-bind => :
+</template>
+<script>
+	// 模块引入
+	// 对象接口
+	export default {
+		props:{
+			// 父级传入属性 
+	  	},
+		data(){
+			return {
+				组件相关初始化数据定义
+			}
+		},	
+
+		created(){
+			// 异步装载初始化数据
+			this.methodC();
+		},
+
+		components:{
+			// 引用的组件
+
+		},
+		
+		methods:{
+			// 一些数据交互的问题
+			methodA() {
+
+			},
+			methodB() {
+
+			},
+			async methodC() {
+
+			}
+		},
+		computed:{
+			// 需要属性计算的操作
+		},
+		watch:{
+			// 检控属性变化
+		}
+	}
+</script>
+<style lang="less" scoped>
+	
+</style>
+
+
+
+
+
+