init

README.md

@@ -1,3 +1,34 @@
-# pad_spa
+# 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 test1     
+
+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/).

babel.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  presets: [
+    [
+        '@vue/app',
+        {
+            "useBuiltIns": "entry"
+        }
+    ]
+  ]
+}

commitlint.config.js

@@ -0,0 +1,39 @@
+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']
+      }
+    };
+  

package.json

@@ -0,0 +1,105 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env env_config=dev vue-cli-service serve --open",
+    "build": "cross-env env_config=prod vue-cli-service build",
+    "build:t": "cross-env env_config=test vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "test1": "vue-cli-service test:e2e",
+    "test2": "vue-cli-service test:unit"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "crypto-js": "^3.1.9-1",
+    "element-ui": "^2.8.2",
+    "vue": "^2.6.6",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1"
+  },
+  "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-core": "7.0.0-bridge.0",
+    "babel-eslint": "^10.0.1",
+    "babel-jest": "^23.6.0",
+    "cross-env": "^5.2.1",
+    "eslint": "^5.8.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "husky": "^4.3.0",
+    "less": "^3.0.4",
+    "less-loader": "^4.1.0",
+    "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,
+      "no-useless-escape": 0,
+      "indent": "off",
+      "vue/script-indent": [
+        "error",
+        4
+      ]
+    },
+    "parserOptions": {
+      "parser": "babel-eslint"
+    }
+  },
+  "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": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  }
+}

public/index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>玖哩仪器操作平台</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>您的浏览器版本较低，请升级最新版浏览器</strong>
+    </noscript>
+    <div id="app"></div>
+    <script src="https://ydcommon.51yund.com/vue/axios.min.js"></script>
+    <script src="https://ydcommon.51yund.com/vue/yd_collect2.js"></script>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

src/App.vue

@@ -0,0 +1,27 @@
+<template>
+    <div id="app">
+        <router-view></router-view>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            list:[]
+        }
+    },
+    mounted: function () {
+        
+    },
+    created: function () {
+        
+    },
+    methods: {
+        
+    }
+}
+</script>
+<style scoped>
+	
+</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/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,135 @@
+// 封装axios请求
+/**axios封装
+ * 请求拦截、相应拦截、错误统一处理
+ */
+import axios from 'axios';
+import QS from 'qs';
+import store from '../store/index'
+
+// 环境的切换
+if (process.env.NODE_ENV == 'development') {
+	axios.defaults.baseURL = '/api';
+} else if (process.env.NODE_ENV == 'debug') {
+	axios.defaults.baseURL = '';
+} else if (process.env.NODE_ENV == 'production') {
+	axios.defaults.baseURL = 'http://api.123dailu.com/';
+}
+
+// 请求超时时间
+axios.defaults.timeout = 10000;
+
+// post请求头
+axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
+
+// 请求拦截器
+axios.interceptors.request.use(
+	config => {
+		// 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了
+		// 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
+		const token = store.state.token;
+		token && (config.headers.Authorization = token);
+		return config;
+	},
+	error => {
+		return Promise.error(error);
+	})
+
+// 响应拦截器
+axios.interceptors.response.use(
+	response => {
+		if (response.status === 200) {
+			return Promise.resolve(response);
+		} else {
+			return Promise.reject(response);
+		}
+	},
+	// 服务器状态码不是200的情况
+	error => {
+		if (error.response.status) {
+			switch (error.response.status) {
+				// 401: 未登录
+				// 未登录则跳转登录页面，并携带当前页面的路径
+				// 在登录成功后返回当前页面，这一步需要在登录页操作。
+				case 401:
+					router.replace({
+						path: '/login',
+						query: { redirect: router.currentRoute.fullPath }
+					});
+					break;
+				// 403 token过期
+				// 登录过期对用户进行提示
+				// 清除本地token和清空vuex中token对象
+				// 跳转登录页面
+				case 403:
+					this.$message.error('登录过期，请重新登录');
+					// 清除token
+					localStorage.removeItem('token');
+					store.commit('loginSuccess', null);
+					// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
+					setTimeout(() => {
+						router.replace({
+							path: '/login',
+							query: {
+								redirect: router.currentRoute.fullPath
+							}
+						});
+					}, 1000);
+					break;
+				// 404请求不存在
+				case 404:
+					this.$message.error('网络请求不存在');
+					break;
+				// 其他错误，直接抛出错误提示
+				default:
+					this.$message.error(error.response.data.message);
+			}
+			return Promise.reject(error.response);
+		}
+	}
+)
+	/**
+	 * get方法，对应get请求
+	 * @param {String} url [请求的url地址]
+	 * @param {Object} params [请求时携带的参数]
+	 */
+function get(url, params){
+	return new Promise((resolve, reject) =>{
+		axios.get(url, {
+			params: params
+		})
+			.then(res => {
+				resolve(res.data);
+			})
+			.catch(err => {
+				reject(err.data)
+			})
+	});
+}
+/**
+ * post方法，对应post请求
+ * @param {String} url [请求的url地址]
+ * @param {Object} params [请求时携带的参数]
+ */
+function post(url, params) {
+	return new Promise((resolve, reject) => {
+		axios.post(url, QS.stringify(params))
+			.then(res => {
+				resolve(res.data);
+			})
+			.catch(err => {
+				reject(err.data)
+			})
+	});
+}
+
+
+
+export default () => {
+	if (typeof window.$http == 'undefined') {
+		window.$http = {
+			post: post,
+			get: get
+		}
+	}
+}
+

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,6 @@
+export default (cb) => {
+    let userId, xyy;
+    userId = localStorage.getItem('user_id'); 
+    xyy = localStorage.getItem('xyy');
+
+}

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/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,210 @@
+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=>{
+            location.href = 'https://ydcommon.51yund.com/circle_html/error_index/errIndex.html';
+        });
+    },
+    //简化版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);
+        // if(config.appId){ //如果配置了appid就走新的sso登录，否则还是走老的
+        //     location.href = `${config.ssoPath}/v${config.appVersion || 1}/user/login?appid=${config.appId}&cburl=${cbUrl}`;
+        // } else {
+        //     location.href= config.ssoPath + "/get_tickets?cburl="+cbUrl+"&lg_way=wx"
+        // }
+
+    },
+}
+
+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/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/components/common/layout/layout.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="layout">
+    <div class="menu-wrapper">
+      <left-menu :isCollapse='isFold' @changeMenu="changeMenu"></left-menu>
+    </div>
+    <div class="content">
+      <header :style="menuIndex==0?'justify-content: space-between;':''">
+        <div class="left" v-if="menuIndex==0">
+          <div class="address">JOLIJOLI（西安）</div>
+        </div>
+        <div class="right">
+          <div class="news"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/news.png"></div>
+          <div class="head-img"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/cancelOrder.png"></div>
+        </div>
+      </header>
+      <div class="main-wrapper">
+        <router-view></router-view>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script type="text/javascript">
+import leftMenu from './leftMenu'
+import api from '@/server/home'
+import {mapState} from 'vuex'
+
+export default {
+  data() {
+    return {
+      isFold: false,    //导航菜单面板是否折叠
+      userId: 0,
+      menuIndex:0,
+    }
+  },
+  created() {
+    this.initData();
+  },
+  components: {
+    leftMenu,
+  },
+  methods: {
+    initData() {
+      let sskey = tool.getYdUserKey("session_key");
+      let userId = tool.getYdUserKey('user_id');
+      let enterprise_id = tool.getYdUserKey('enterprise_id');
+      if (!userId || !sskey) {
+        tool.toLogin();
+        return;
+      }
+      this.userId = userId;
+      this.$router.replace('/home');
+    },
+    loginOut() {
+      let keys = document.cookie.match(/[^ =;]+(?=\=)/g);
+      if (keys) {
+        for (let i = keys.length; i--;)
+          document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
+      }
+      tool.toLogin();
+    },
+    changeMenu(index){
+      this.menuIndex = index
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    routerItems() {
+      let resultArr = [];
+      let routeNow = this.$route;
+      let RootName = routeNow.matched[0].name; //当前路由的根路由name
+      resultArr.push({
+        name: RootName,
+        path: ''
+      })
+      if (routeNow.matched[0].path !== '' && RootName !== routeNow.name) {
+        if (RootName !== routeNow.name) {
+          resultArr.push({
+            name: routeNow.matched[1].name,
+            path: routeNow.matched[1].path
+          })
+        }
+      }
+      return resultArr;
+    }
+  },
+}
+
+</script>
+
+<style lang="less" scoped>
+@import url(../../../style/root.less);
+
+.layout {
+  height: 100vh;
+  display: flex;
+}
+
+.menu-wrapper {
+  height: 100%;
+  text-align: center;
+  overflow: auto;
+  background-color: #FA7D22;
+
+  .el-menu {
+    background-color: #FA7D22;
+
+    .el-menu-item {
+      color: #eee
+    }
+  }
+}
+
+.content {
+  background-color: #fff;
+  flex: 1;
+  overflow: hidden;
+
+  header {
+    line-height: 50px;
+    font-size: 16px;
+    color: #409EFF;
+    padding: 0 28px 0 13px;
+    border-bottom: 1px solid #e5e5e5;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: right;
+
+    position: relative;
+    .left{
+      font-size: 14px;
+      font-family: SourceHanSansCN-Regular, SourceHanSansCN;
+      font-weight: 400;
+      color: #333333;
+      line-height: 21px;
+    }
+    .right {
+      float: right;
+      display: flex;
+
+      .news {
+        width: 24px;
+        height: 24px;
+
+        img {
+          width: 100%;
+          display: block;
+        }
+      }
+      .head-img{
+        margin-left: 19px;
+        width: 28px;
+        height: 28px;
+        border-radius: 50%;
+        img{
+          width: 100%;
+          display: block;
+        }
+      }
+    }
+  }
+
+  .main-wrapper {
+    height: calc(100% - 51px);
+    width: 100%;
+    overflow: auto;
+    padding: 20px;
+    background-color: #F7F8FA;
+  }
+}
+</style>

src/components/common/layout/leftMenu.vue

@@ -0,0 +1,139 @@
+<template>
+  <el-menu :collapse="isCollapse"
+           background-color="#FA7D22"
+           text-color="#FFFFFF"
+           active-text-color="#FA7D22"
+           :default-active="$route.path"
+           style="width: 115px;"
+           router>
+    <div class="logo">
+      <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/logo.png" alt="">
+    </div>
+    <div v-for="(item,index1) in menu" :key="index1">
+      <!--      <el-submenu :index="index1+'a'" v-if="item.children && item.children.length > 0">-->
+      <!--        <template slot="title">-->
+      <!--          <i :class="item.icon"></i>-->
+      <!--          <span v-show="!isCollapse" slot="title">{{ item.name }}</span>-->
+      <!--        </template>-->
+      <!--        <div v-for="(child,index2) in item.children" :key="'second'+index2">-->
+      <!--          <el-menu-item :index="child.path">-->
+      <!--            <i :class="child.icon"></i>-->
+      <!--            <span slot="title">{{ child.name }}</span>-->
+      <!--          </el-menu-item>-->
+      <!--        </div>-->
+      <!--      </el-submenu>-->
+      <div class="el-menu-item" @click="handleSelect(index1,item)" :index="item.path" :class="index1==nowIndex?'active':''"
+           :style="index1+1==nowIndex?'padding-bottom:0px':index1-1==nowIndex?'padding-top:0px':''">
+        <img :src="index1==nowIndex?item.icon:item.unicon"><span slot="title">{{ item.name }}</span>
+      </div>
+    </div>
+  </el-menu>
+</template>
+
+<script>
+// import memberLogic from '@/server/memberLogic.js'
+export default {
+  props: ['isCollapse'],
+  data() {
+    return {
+      menu: [
+        {
+          name: "首页",
+          path: "/home",
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unhome.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/home.png'
+
+        }, {
+          name: "测肤记录",
+          path: "/testSkin",
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unskin.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/Skin.png',
+        }, {
+          name: "发券中心",
+          path: "/coupon",
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/uncoupon.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/coupon.png',
+        }, {
+          name: "客户管理",
+          path: "/customerMan",
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unskin.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/Skin.png',
+        }, {
+          name: "历史订单",
+          path: "/historicalOrder",
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unhistory.png',
+          icon:'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/history.png',
+        }, {
+          name: "确定订单",
+          path: "/confirmOrder",
+          unicon:'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/unconfirmOrder.png',
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/confirmOrder.png'
+        }, {
+          name: "门店检测",
+          path: "/storeDetection",
+          icon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/testing.png',
+          unicon: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/untesting.png'
+        }
+      ],
+      nowIndex: 0
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    handleSelect(index,item) {
+      this.nowIndex = index
+      this.$router.push({
+        path:item.path
+      })
+      this.$emit('changeMenu',index)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.logo {
+  margin-top: 22px;
+  text-align: center;
+
+  img {
+    width: 60px;
+    height: 60px;
+
+  }
+}
+
+.active {
+  line-height: 46px !important;
+  background: url("https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/select_icon.png") no-repeat;
+  background-size: 100% 100%;
+  background-color: #FA7D22 !important;
+  color: #FA7D22 !important;
+}
+
+.el-menu-item {
+  margin-left: 8px;
+  padding: 0;
+  padding-left: 9px !important;
+  height: auto;
+  line-height: initial;
+  padding: 13px 0;
+  cursor: none;
+  color: #FFFFFF;
+
+  img {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+/deep/ .el-menu-item:focus {
+  background-color: transparent;
+}
+
+/deep/ .el-menu-item:hover {
+  background-color: transparent;
+}
+</style>

src/components/modules/helloWorld.vue

@@ -0,0 +1,40 @@
+<template>
+    <div class="hello">
+        <h1>{{ msg }}，样式由less书写</h1>
+        <input type="text" class="common">
+        <button @click="test()">点击</button>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'HelloWorld',
+    props: {
+        msg: String
+    },
+    data() {
+        return {
+            
+        }
+    },
+    mounted: function () {
+    },
+    created: function () {
+    },
+    methods: {
+        test(){
+            console.log("点击了")
+        }
+    }
+}
+</script>
+
+<style lang='less' scoped>
+    @import url(../../style/root.less);
+    h1 {
+        .hei(60px);
+        &:hover {
+            color: #696;
+        }
+    }
+</style>

src/config/env.js

@@ -0,0 +1,26 @@
+// 环境配置
+let appId = 102;       //sso登录服务的appid，传0表示走老的授权登录
+let appVersion = 1;    //sso登录服务的版本，默认为第一版
+let logFlag = {
+	dev: false,    			// 开发和测试环境是否上报log
+	from: false,   			// 是否上传页面来源
+	packageName: 'web-init'
+}; 
+let basePath = 'https://api.51yund.com'; 	// api请求地址
+let ssoPath = 'https://sso.51yund.com';		// 授权登录地址
+let localPath = 'https://51yund.com';       // 获取定位地址
+let logPath = 'https://api.51yund.com';     // 上传日志地址
+let jumpPath = 'https://d.51yund.com';		// 跳转登录地址
+let filterErr = ['sskey过期'];  //过滤掉某些错不上报
+
+export {
+	basePath,
+	ssoPath,
+	localPath,
+	jumpPath,
+	logPath,
+	logFlag,
+	appId,
+	appVersion,
+	filterErr
+}

src/directives/drag.js

@@ -0,0 +1,48 @@
+import Vue from 'vue'
+Vue.directive('drag', {  //自定义指令                                      JS
+    bind:function (el, binding) {
+        let oDiv = el;   //当前元素
+        oDiv.onmousedown = function (e) {
+         //鼠标按下，计算当前元素距离可视区的距离
+            let disX = e.clientX - oDiv.offsetLeft;
+            let disY = e.clientY - oDiv.offsetTop;
+
+            document.onmousemove = function (e) {
+              //通过事件委托，计算移动的距离 
+                let l = e.clientX - disX;
+                let t = e.clientY - disY;
+              //移动当前元素  
+                oDiv.style.left = l + 'px';
+                oDiv.style.top = t + 'px';
+            };
+            document.onmouseup = function () {               
+                document.onmousemove = null;
+                document.onmouseup = null;
+            };
+        };
+
+        function onMouseWheel(ev) {/*当鼠标滚轮事件发生时，执行一些操作*/
+            ev = ev || window.event;
+            var down = true; // 定义一个标志，当滚轮向下滚时，执行一些操作
+                down = ev.wheelDelta?ev.wheelDelta<0:ev.detail>0;
+            if(down){
+                oDiv.style.width = oDiv.offsetWidth-20+'px';
+            }else{
+                oDiv.style.width = oDiv.offsetWidth+20+'px';
+            }
+            if(ev.preventDefault){/*FF 和 Chrome*/
+                ev.preventDefault();// 阻止默认事件
+            }
+            return false;
+        }
+        addEvent(oDiv,'mousewheel',onMouseWheel);
+        addEvent(oDiv,'DOMMouseScroll',onMouseWheel);
+        function addEvent(obj,xEvent,fn) {
+            if(obj.attachEvent){
+                obj.attachEvent('on'+xEvent,fn);
+            }else{
+                obj.addEventListener(xEvent,fn,false);
+            }
+        }
+    }
+});

src/filters/filter.js

@@ -0,0 +1,90 @@
+import Vue from 'vue'
+/**
+   * 取小数位的精度   页面用法：{{'13232.1' | doubleNum}} 返回值：13232.10
+   * @param {Object} value     //需要匹配小数位的原始值
+   * @param {Object} d         //小数位的位数（可不传，不传默认保留两位小数）  
+   */
+Vue.filter("doubleNum", function(value,d) {
+	if(value=='--'){
+		return value;
+	}
+	d=d?d:'2';
+	if(value){
+		return parseFloat(value).toFixed(d);
+	} else{
+		// return '--'
+		return (0).toFixed(d);
+	}
+});
+
+/**
+   * 千分位符   页面用法：{{'13232.1' | thousand}}  返回值：13,232.1
+   * @param {Object} value     //需要匹配的原始值
+   * @param {Object} d         //需要保留的小数位的位数（可不传，不传保留原始小数位）  
+   */
+Vue.filter("thousand", function(value,d) {
+	if(value){
+		if(d) value=parseFloat(value).toFixed(d);
+		value=value.toString();
+		var re=/\d{1,3}(?=(\d{3})+$)/g;
+		var n1=value.replace(/^(\d+)((\.\d+)?)$/,function(s,s1,s2){return s1.replace(re,"$&,")+s2;});
+		return n1;
+	}
+});
+
+/**
+   * 日期格式重置   页面用法：{{'2017-08-22 18:30:26','yyyy-mm-dd hhmm' | formatDate}}  返回值：'2017-08-22 18:30'
+   * @param {Object} value     //需要匹配的原始值
+   * @param {Object} value2    //需要得到的日期格式（页面不区分大小写,可不传,不传默认返回年月日） 
+   */
+Vue.filter("formatDate", function(value,value2) {
+	if(value){ 
+		if(value2) {
+			if(value2.toLowerCase()=='yyyy-mm-dd hhmm'){
+				let str=value.slice(11,19);
+				if(str=='23:59:59'){
+					return value.slice(0,10)+' 24:00';
+				} else{
+					return value.slice(0,16);
+				}
+			} else if(value2.toLowerCase()=='yyyy-mm-dd hh'){
+				return value.slice(0,13);
+			}else if(value2.toLowerCase()=='hhmm'){
+				if(value.slice(11,19)=='23:59:59'){
+					return '24:00';
+				}
+				return value.slice(11,16);
+			} else{
+				return value.slice(0,10);
+			}
+		}else{
+			return value.slice(0,10);
+		}
+	}
+});
+
+/**
+   * 时间格式重置   页面用法：{{'18:30:26' | formatTime}}  返回值：'18:30'
+   * @param {Object} value     //需要匹配的原始值
+   */
+Vue.filter("formatTime", function(value) {
+	if(value){ 
+		if(value=='23:59:59'){
+			return "24:00";
+		} else{
+			return value.slice(0,5);
+		}
+	}
+});
+
+/**
+   * 格式重置   返回百分比
+   * @param {Object} value     //需要匹配的原始值
+   */
+Vue.filter("percent", function(value) {
+	if(value){
+		return parseFloat(value).toFixed(2)+ '%';
+	} else{
+		return (0).toFixed(2) + '%';
+	}
+});

src/main.js

@@ -0,0 +1,30 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router/index'
+import store from './store/index'
+import login from './common/login'
+import auth from './common/auth'
+import {injectGlobal} from './common/'
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import './style/reset.less'
+import './style/common.less'
+import './assets/font/iconfont.css'
+import './style/index.less'
+import './filters/filter'
+//全局注入
+injectGlobal()
+Vue.use(ElementUI)
+
+window.globalVue = "";
+// login((hasLogin)=>{
+	auth(router);
+	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/confirmOrder/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    ConfirmOrder
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/coupon/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    coupon
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/customerMan/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+客户管理
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/historicalOrder/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    historicalOrder
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/home/index.vue

@@ -0,0 +1,295 @@
+<template>
+  <div class="home">
+    <div class="tab">
+      <div class="make-order" v-for="item in tabList">
+        <div class="make-icon">
+          <img :src="item.image">
+        </div>
+        <div class="make-tips">
+          <div class="make-num">{{ item.num }}</div>
+          <div class="make-name">{{ item.name }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="order-list">
+      <div class="title">预约订单列表</div>
+      <div class="list-info">
+        <div class="user-info" v-for="(item,index) in orderList" :style="index==orderList.length-1?'border-bottom:0px':''">
+          <div class="head-img"> <div class="new">新</div><img :src="item.img" alt=""></div>
+          <div class="user-information">
+            <div class="name">客户昵称：<span>{{ item.name }}</span></div>
+            <div class="name">预约项目时间：<span>{{ item.ts }}</span></div>
+            <div class="name">预约项目数量：<span>{{ item.num }}</span></div>
+          </div>
+          <ul class="product-list">
+            <li class="product-image" v-for="value in item.imgList"><img :src="value" alt=""></li>
+          </ul>
+          <div class="status">
+            {{ item.status }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import api from '@/server/home'
+
+export default {
+  name: 'home',
+  data() {
+    return {
+      tabList: [
+        {
+          image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          num: 0,
+          name: '预约订单'
+        },
+        {
+          image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/unpaid.png',
+          num: 0,
+          name: '未支付订单'
+        },
+        {
+          image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/cancelOrder.png',
+          num: 0,
+          name: '取消订单'
+        },
+      ],
+      orderList: [
+        {
+          img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '滴滴滴',
+          ts: '2022.04.25  14:30-16:30',
+          num: '5',
+          imgList: [
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          ],
+          status: '未支付'
+        },
+        {
+          img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '滴滴滴',
+          ts: '2022.04.25  14:30-16:30',
+          num: '5',
+          imgList: [
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          ],
+          status: '未支付'
+        },
+        {
+          img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '滴滴滴',
+          ts: '2022.04.25  14:30-16:30',
+          num: '5',
+          imgList: [
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          ],
+          status: '未支付'
+        },
+        {
+          img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '滴滴滴',
+          ts: '2022.04.25  14:30-16:30',
+          num: '5',
+          imgList: [
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          ],
+          status: '未支付'
+        },
+      ],
+
+    }
+  },
+  mounted: function () {
+
+  },
+  created: function () {
+
+  },
+  methods: {
+    initData() {
+
+    },
+  },
+  computed: {},
+  watch: {}
+}
+</script>
+<style lang='less' scoped>
+@import url(../../style/root.less);
+
+.home {
+  text-align: center;
+
+  .tab {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .make-order {
+      width: 274px;
+      padding: 14px 30px;
+      background: #FFFFFF;
+      box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+
+      .make-icon {
+        img {
+          width: 68px;
+        }
+      }
+
+      .make-tips {
+        margin-left: 20px;
+
+        .make-num {
+          font-size: 34px;
+          font-family: OPPOSans-B, OPPOSans;
+          font-weight: normal;
+          color: #333333;
+          line-height: 40px;
+          text-align: left;
+        }
+
+        .make-name {
+          font-size: 14px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #333333;
+          line-height: 20px;
+        }
+      }
+    }
+  }
+
+  .order-list {
+    margin-top: 18px;
+    width: 100%;
+    background: #FFFFFF;
+    box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+    border-radius: 8px;
+    padding: 14px 12px;
+
+    .title {
+      font-size: 14px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333333;
+      line-height: 20px;
+      text-align: left;
+      padding-bottom: 5px;
+    }
+
+    .list-info {
+      height: 300px;
+      overflow: auto;
+
+      .user-info {
+        padding: 14px 0;
+        border-bottom: 1px solid #E6E6E6;
+        display: flex;
+        align-items: center;
+
+        .head-img {
+          position: relative;
+          width: 72px;
+          .new{
+            position: absolute;
+            top: -2px;
+            right: -2px;
+            width: 21px;
+            height: 21px;
+            line-height: 21px;
+            text-align: center;
+            font-size: 12px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #FFFFFF;
+            line-height: 17px;
+            background: #FF6945;
+            border-radius: 50%;
+          }
+
+          img {
+            width: 100%;
+            border-radius: 50%;
+          }
+        }
+
+        .user-information {
+          margin-left: 16px;
+          text-align: left;
+          font-size: 14px;
+          font-family: SourceHanSansCN-Regular, SourceHanSansCN;
+          font-weight: 400;
+          color: #999999;
+          line-height: 21px;
+
+          .name {
+            span {
+              color: #333333;
+            }
+          }
+        }
+
+        .product-list {
+          width: 322px;
+          margin-left: 22px;
+          white-space: nowrap;
+          overflow-x: scroll;
+          overflow-y: hidden;
+          padding-left: 8px;
+
+
+          .product-image {
+            display: inline-block;
+            margin-left: 16px;
+            width: 72px;
+            img{
+              border-radius: 8px;
+              width: 100%;
+              display: block;
+            }
+
+          }
+
+        }
+        .status{
+          margin-left: 56px;
+          font-size: 16px;
+          font-family: SourceHanSansCN-Regular, SourceHanSansCN;
+          font-weight: 400;
+          color: #FC3019;
+          line-height: 24px;
+        }
+      }
+    }
+
+  }
+}
+
+</style>

src/pages/login/login.vue

@@ -0,0 +1,117 @@
+<template>
+  <div class="mine">
+    <div class="login-info">
+      <div class="logo">
+        <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/logo%402x.png" alt="">
+      </div>
+      <div class="login-title">JOLIJOLI店员端</div>
+      <div class="content">
+        <div class="value-inp">
+          <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/num_icon.png" alt="">
+          <el-input placeholder="请输入账号名" v-model="account"></el-input>
+        </div>
+        <div class="value-inp">
+          <img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/password_icon.png" alt="">
+          <el-input placeholder="请输入密码" v-model="password" show-password></el-input>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      account:"",
+      password:""
+
+    };
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+.mine {
+  width: 100%;
+  min-height: 100vh;
+  background: linear-gradient(315deg, #FF9F7E 0%, #FF926C 0%, #FF9D55 100%);
+  position: relative;
+  .login-info{
+    position: absolute;
+    left: 50%;
+    top: 15%;
+    transform: translateX(-50%);
+    width: 460px;
+    height: 460px;
+    background: url("https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/login_bg.png") no-repeat;
+    background-size: 100% 100%;
+    .logo{
+      width: 100px;
+      height: 100px;
+      position: relative;
+      left: 50%;
+      transform: translateX(-50%);
+      top: -17px;
+      img{
+        width: 100%;
+        display: block;
+      }
+    }
+    .login-title{
+      margin-top: 7px;
+      font-size: 28px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      text-align: center;
+      color: #EB5C21;
+      line-height: 40px;
+    }
+    .content{
+      padding-top: 15px;
+      position: relative;
+      .value-inp{
+        position: relative;
+        margin-top: 20px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 336px;
+        height: 53px;
+        background: url("https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/input_bg.png") no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        padding: 0 24px;
+        justify-content: space-between;
+        align-items: center;
+        img{
+          width: 32px;
+          height: 32px;
+        }
+       /deep/ .el-input__inner{
+          background-color:transparent;
+         border: 0px solid #DCDFE6;
+         height: 53px;
+         line-height: 53px;
+         font-size: 18px;
+         font-family: PingFangSC-Regular, PingFang SC;
+         font-weight: 400;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/storeDetection/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    storeDetection
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/testSkin/details/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="mine">
+    <div class=""></div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+
+  methods: {},
+
+  created() {
+
+  },
+
+  mounted() {
+
+  },
+}
+
+</script>
+
+<style lang='less' scoped>
+
+</style>

src/pages/testSkin/index.vue

@@ -0,0 +1,248 @@
+<template>
+  <div class="mine">
+    <div class="condition">
+      <el-date-picker v-model="dates"
+                      type="daterange"
+                      range-separator="->"
+                      start-placeholder="开始日期"
+                      end-placeholder="结束日期">
+      </el-date-picker>
+
+      <el-input placeholder="请输入内容"
+                class="search"
+                v-model="searchText">
+        <i slot="prefix"
+           class="el-input__icon el-icon-search"></i>
+      </el-input>
+      <el-button type="primary"
+                 class="searchButton">搜索</el-button>
+    </div>
+    <div class="list">
+      <div class="tab">
+        <div class="head-img">头像</div>
+        <div class="head-name">昵称</div>
+        <div class="head-phone">联系电话</div>
+        <div class="head-ts">预约时间</div>
+        <div class="head-status">状态</div>
+      </div>
+      <div class="content">
+        <div class="tab user-info"
+             v-for="(item,index) in userList"
+             :key="index"
+             @click="onDetails">
+          <div class="head-img"><img :src="item.img"
+                 alt=""></div>
+          <div class="head-name">{{ item.name }}</div>
+          <div class="head-phone">{{ item.phone }}</div>
+          <div class="head-ts">{{ item.ts }}</div>
+          <div class="head-status">{{ item.status }}</div>
+        </div>
+      </div>
+      <div class="pagin">
+        <el-pagination background
+                       layout="prev, pager, next"
+                       @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="currentPage1"
+                       :total="1000">
+        </el-pagination>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {},
+  data () {
+    return {
+      dates: '',
+      searchText: '',
+      userList: [
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        },
+        {
+          img:
+            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',
+          name: '张三',
+          phone: 4556455645,
+          ts: '2022.04.15  14:30-16:30',
+          status: '标签信息未填写'
+        }
+      ],
+      currentPage1: 2
+    }
+  },
+  computed: {},
+  watch: {},
+
+  methods: {
+    onDetails () {
+      this.$router.push({
+        path: '/testSkin/details'
+      })
+    },
+    handleCurrentChange () { },
+    handleSizeChange () { }
+  },
+
+  created () { },
+
+  mounted () { }
+}
+</script>
+
+<style lang='less' scoped>
+.mine {
+  .condition {
+    display: flex;
+
+    .search {
+      width: 152px;
+      margin-left: 18px;
+    }
+
+    .searchButton {
+      margin-left: 18px;
+      width: 68px;
+      background: #fa7d22;
+      border-radius: 2px;
+      border-color: #fa7d22;
+    }
+  }
+
+  .list {
+    margin-top: 18px;
+    padding: 14px 12px;
+    background: #ffffff;
+    box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
+    border-radius: 8px;
+
+    .tab {
+      padding-bottom: 9px;
+      border-bottom: 1px solid #e6e6e6;
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #999999;
+      line-height: 20px;
+
+      .head-img {
+        width: 84px;
+
+        img {
+          width: 36px;
+        }
+      }
+
+      .head-name {
+        width: 144px;
+      }
+
+      .head-phone {
+        width: 192px;
+      }
+
+      .head-ts {
+        width: 288px;
+      }
+
+      .head-status {
+      }
+    }
+
+    .content {
+      border-bottom: 0px;
+      padding-top: 14px;
+      max-height: 300px;
+      overflow: auto;
+
+      .user-info {
+        border-bottom: 18px;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        line-height: 22px;
+      }
+    }
+
+    .el-pagination {
+      text-align: center;
+      margin-top: 50px;
+    }
+  }
+}
+</style>

src/plugins/rsa_password.js

@@ -0,0 +1,9 @@
+/* eslint-disable */
+function rsa(a) {
+	var rsa = new RSAKey();
+	var key="B2B41708916608F05AD96EBB26512E9700151348F13167BFDC79825F39FE68F867252275AD3476A3F36DAC7D2B370A15A2FAEFCA7C08980996A163984450642CD8B9A5788BB2D0F3940F8F7A41A0FCD2AFD823FDD3762729B2F4A56F8C4BFBDCD51EA314792527151D32EC6765B073756409C9BB2187278EFAD6DC0C167E0B33";
+	rsa.setPublic(key,"10001");
+	var res = rsa.encrypt(a);
+	res=linebrk(hex2b64(res), 64);
+	return res;
+}

src/router/index.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import home from './map/home'
+import login from "./map/login";
+
+Vue.use(Router)
+
+export default new Router({
+    mode: 'history',
+    base: process.env.BASE_URL,
+    routes: [
+        home,
+        ...login
+    ]
+})

src/router/map/home.js

@@ -0,0 +1,28 @@
+/**
+ * Created by ZhongquanHe on 2019/04/29.
+ */
+import layout from '@/components/common/layout/layout' 
+import Home from '@/pages/home/index.vue'
+import TestSkin from '@/pages/testSkin/index'
+import TestSkinDetails from '@/pages/testSkin/details'
+import CustomerMan from '@/pages/customerMan/index'
+import HistoricalOrder from '@/pages/historicalOrder/index'
+import ConfirmOrder from '@/pages/confirmOrder/index'
+import StoreDetection from '@/pages/storeDetection/index'
+import Coupon from '@/pages/coupon/index'
+export default {
+	path: '/',
+	name: '首页',
+	component:layout,
+	children:[
+		{path:'/home', component:Home},
+		{path:'/testSkin',component:TestSkin },
+		{path:'/testSkin/details',component: TestSkinDetails},
+		{path:'/customerMan',component:CustomerMan },
+		{path: '/historicalOrder',component: HistoricalOrder},
+		{path: '/confirmOrder',component: ConfirmOrder},
+		{path: '/storeDetection',component: StoreDetection},
+		{path:'/coupon',component: Coupon},
+
+    ]
+}

src/router/map/login.js

@@ -0,0 +1,8 @@
+// 登录
+export default [
+	{	
+		path: '/login',
+		name: 'login',
+		component: () => import('@/pages/login/login.vue') 
+	}
+]

src/server/home.js

@@ -0,0 +1,16 @@
+// created by zach He on 2019-04-29
+// 企业概况
+import url from './urls'
+
+export default class Home {
+	/**
+	 * @描述  1.1	获取用户信息
+	 */
+	static getUserMess(parms) {
+		return $http.post(url.getUserMess,parms);
+    }
+}
+
+ 
+ 
+

src/server/urls.js

@@ -0,0 +1,5 @@
+export default {
+	//登录
+	getsskey: '/sport/get_session_key',
+	getUserMess: '/enterprise/check_user_auth'
+}

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,23 @@
+const state = {
+    name:666,
+    isBack:false
+}
+
+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,25 @@
+.valid-red{
+    border: 1px solid #ea1717;
+}
+.search-wrapper{
+    >div{
+        margin:0 10px 10px 0;
+        display: inline-block;
+    }
+    margin-bottom: 20px;
+    color: #666
+}
+.login{
+    .el-dialog{
+        width: 400px;
+        .dialog-footer{
+            text-align: center;
+            .el-button{
+                width: 217px;
+            }
+        }
+
+    }
+}
+
+

src/style/index.less

@@ -0,0 +1,32 @@
+
+//elementUI 组件样式覆盖
+
+.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
+  background-color: #FFF0E6;
+}
+.el-date-table td.end-date span, .el-date-table td.start-date span {
+  background-color:  #FA7D22 !important;
+  border-radius: 2px;
+}
+.el-date-table td.today span{
+  border-radius: 2px;
+  border: 1px solid #FA7D22;
+  color: #FA7D22;
+}
+ .el-date-table td.start-date div{
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.el-date-table td.end-date div{
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.el-date-editor.el-input, .el-date-editor.el-input__inner{
+  width: 280px;
+}
+.el-date-editor .el-range-separator{
+  width: 20px;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+  background-color: #FA7D22;
+}

src/style/reset.less

@@ -0,0 +1,15 @@
+/*样式重置*/
+body,html{margin:0; font:normal normal normal 14px/20px sans-serif;line-height: 1;}
+html *{margin:0; padding:0; box-sizing: border-box;}
+.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;}
+.el-pagination{margin-top: 30px;}
+.el-menu{border: none; width: 200px; text-align: left};
+.el-menu--collapse{width: 64px;}
+.el-date-editor .el-range-separator{padding:0}

src/style/root.less

@@ -0,0 +1,51 @@
+@mainColor: #999;  //全局主色调
+@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="7.874" timestamp="Mon, 29 Apr 2019 12:25:44 GMT">
+  
+    <testcase name="default e2e tests" classname="test" time="7.874" 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,42 @@
+// vue.config.js 配置说明
+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+    publicPath: process.env.env_config === 'prod' ? 'https://ydcommon.51yund.com/' : 
+    process.env.env_config === 'test' ? '/vapps/calory/' : '/', 
+    // 设置跨域
+    crossorigin: 'anonymous',
+    /**
+       * 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+       *  map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。
+       *  有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
+       * */
+    productionSourceMap: false,
+    transpileDependencies: ['swiper', 'dom7'],
+ 
+    // 它支持webPack-dev-server的所有选项
+    devServer: {
+        host: "0.0.0.0",
+        port: 8083, // 端口号
+        https: false, // https:{type:Boolean}
+        open: true, //配置自动启动浏览器
+        proxy: '' // 配置跨域处理
+    },
+    configureWebpack: {
+        externals: {
+            '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`
+        //     })
+        // ]
+    }
+}

安装插件.bat

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

规范说明

@@ -0,0 +1,164 @@
+项目结构与规范说明
+
+一、目录结构说明
+src
+	assets			静态资源（图片、字体等）
+	common 			项目全局公共函数封装
+	components		全部组件
+		common 		通用组件，不带有任何业务数据，只带有通用样式或特定样式以及事件；以文件夹的形式隔开，如果存在资源则建立子目录存放
+		modules		业务组件，带有通用业务数据；
+	config			全局配置
+	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>
+
+
+
+
+
+