init

.env

@@ -0,0 +1,23 @@
+# 配置文件（正式环境）
+
+#node环境（打包为: production，测试为: development）
+NODE_ENV = 'production'
+
+# 运行环境
+VUE_APP_ENV = develop
+
+# 接口请求基地址
+VUE_APP_API_BASE_URL = https://whcapi.chuangzhikeji.com
+
+# 接口请求基地址
+VUE_APP_WEBSOCKET_BASE_URL = wss://whcsocket.chuangzhikeji.com
+
+# 图片基地址
+VUE_APP_IMAGE_BASE_URL = https://whcapi.chuangzhikeji.com
+VUE_APP_IMAGE_RESOURCE_URL = https://whcoss.chuangzhikeji.com
+
+# 微信小程序appId
+VUE_APP_WX_APPID = wx83192c5ed4977f37
+
+# 签名加密盐
+VUE_APP_SALT =

.env.develop

@@ -0,0 +1,23 @@
+# 配置文件（开发环境）
+
+#node环境（打包为: production，测试为: development）
+NODE_ENV = 'production'
+
+# 运行环境
+VUE_APP_ENV = production
+
+# 接口请求基地址
+VUE_APP_API_BASE_URL = https://whc.api.dev.chuangzhikeji.com
+
+# 接口请求基地址
+VUE_APP_WEBSOCKET_BASE_URL = wss://whc.socket.dev.chuangzhikeji.com
+
+# 图片基地址
+VUE_APP_IMAGE_BASE_URL = https://whc.api.dev.chuangzhikeji.com
+VUE_APP_IMAGE_RESOURCE_URL = https://whcoss.chuangzhikeji.com
+
+# 微信小程序appId
+VUE_APP_WX_APPID = wxb81eca6ac3c7955c
+
+# 签名加密盐
+VUE_APP_SALT =

.env.production

@@ -0,0 +1,23 @@
+# 配置文件（正式环境）
+
+#node环境（打包为: production，测试为: development）
+NODE_ENV = 'production'
+
+# 运行环境
+VUE_APP_ENV = production
+
+# 接口请求基地址
+VUE_APP_API_BASE_URL = https://whcapi.chuangzhikeji.com
+
+# 接口请求基地址
+VUE_APP_WEBSOCKET_BASE_URL = wss://whcsocket.chuangzhikeji.com
+
+# 图片基地址
+VUE_APP_IMAGE_BASE_URL = https://whcapi.chuangzhikeji.com
+VUE_APP_IMAGE_RESOURCE_URL = https://whcoss.chuangzhikeji.com
+
+# 微信小程序appId
+VUE_APP_WX_APPID = wx83192c5ed4977f37
+
+# 签名加密盐
+VUE_APP_SALT =

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules/
+unpackage/
+dist/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.project
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

README.md

@@ -0,0 +1,26 @@
+# xkjHelperongcheng
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn run serve
+```
+
+### Compiles and minifies for production
+```
+yarn run build
+```
+
+### Run your tests
+```
+yarn run test
+```
+
+### Lints and fixes files
+```
+yarn run lint
+```

babel.config.js

@@ -0,0 +1,64 @@
+const plugins = []
+
+if (process.env.UNI_OPT_TREESHAKINGNG) {
+    plugins.push(require('@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js'))
+}
+
+if (
+    (
+        process.env.UNI_PLATFORM === 'app-plus' &&
+        process.env.UNI_USING_V8
+    ) ||
+    (
+        process.env.UNI_PLATFORM === 'h5' &&
+        process.env.UNI_H5_BROWSER === 'builtin'
+    )
+) {
+    const path = require('path')
+
+    const isWin = /^win/.test(process.platform)
+
+    const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path)
+
+    const input = normalizePath(process.env.UNI_INPUT_DIR)
+    try {
+        plugins.push([
+            require('@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console'),
+            {
+                file(file) {
+                    file = normalizePath(file)
+                    if (file.indexOf(input) === 0) {
+                        return path.relative(input, file)
+                    }
+                    return false
+                },
+            },
+        ])
+    } catch (e) {
+    }
+}
+
+process.UNI_LIBRARIES = process.UNI_LIBRARIES || ['@dcloudio/uni-ui']
+process.UNI_LIBRARIES.forEach(libraryName => {
+    plugins.push([
+        'import',
+        {
+            'libraryName': libraryName,
+            'customName': (name) => {
+                return `${libraryName}/lib/${name}/${name}`
+            },
+        },
+    ])
+})
+module.exports = {
+    presets: [
+        [
+            '@vue/app',
+            {
+                modules: 'commonjs',
+                useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry',
+            },
+        ],
+    ],
+    plugins,
+}

package.json

@@ -0,0 +1,88 @@
+{
+    "name": "xkjHelperongcheng",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "serve": "npm run dev:h5",
+        "build": "npm run build:h5",
+        "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
+        "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
+        "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
+        "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
+        "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
+        "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
+        "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
+        "build:mp-weixin-develop": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build --mode develop",
+        "build:mp-weixin-production": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build --mode production",
+        "build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
+        "build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
+        "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
+        "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
+        "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
+        "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
+        "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
+        "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
+        "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
+        "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",
+        "dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
+        "dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
+        "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
+        "serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
+        "test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
+        "test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
+        "test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
+        "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
+        "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
+    },
+    "dependencies": {
+        "@dcloudio/uni-app-plus": "^2.0.0-27520200518001",
+        "@dcloudio/uni-h5": "^2.0.0-27520200518001",
+        "@dcloudio/uni-helper-json": "*",
+        "@dcloudio/uni-mp-alipay": "^2.0.0-27520200518001",
+        "@dcloudio/uni-mp-baidu": "^2.0.0-27520200518001",
+        "@dcloudio/uni-mp-qq": "^2.0.0-27520200518001",
+        "@dcloudio/uni-mp-toutiao": "^2.0.0-27520200518001",
+        "@dcloudio/uni-mp-weixin": "^2.0.0-27520200518001",
+        "@dcloudio/uni-quickapp-native": "^2.0.0-27520200518001",
+        "@dcloudio/uni-quickapp-webview": "^2.0.0-27520200518001",
+        "@dcloudio/uni-stat": "^2.0.0-27520200518001",
+        "core-js": "^2.6.5",
+        "flyio": "^0.6.2",
+        "js-md5": "^0.7.3",
+        "regenerator-runtime": "^0.12.1",
+        "vue": "^2.6.10",
+        "vuex": "^3.2.0",
+        "vuex-persistedstate": "^3.0.1"
+    },
+    "devDependencies": {
+        "@dcloudio/types": "*",
+        "@dcloudio/uni-automator": "^2.0.0-27520200518001",
+        "@dcloudio/uni-cli-shared": "^2.0.0-27520200518001",
+        "@dcloudio/uni-migration": "^2.0.0-27520200518001",
+        "@dcloudio/uni-template-compiler": "^2.0.0-27520200518001",
+        "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-27520200518001",
+        "@dcloudio/vue-cli-plugin-uni": "^2.0.0-27520200518001",
+        "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-27520200518001",
+        "@dcloudio/webpack-uni-mp-loader": "^2.0.0-27520200518001",
+        "@dcloudio/webpack-uni-pages-loader": "^2.0.0-27520200518001",
+        "@vue/cli-plugin-babel": "^3.0.5",
+        "@vue/cli-service": "^3.0.5",
+        "babel-plugin-import": "^1.11.0",
+        "compression-webpack-plugin": "^4.0.0",
+        "cross-env": "^7.0.2",
+        "jest": "^25.4.0",
+        "mini-types": "*",
+        "miniprogram-api-typings": "*",
+        "node-sass": "^4.14.1",
+        "postcss-comment": "^2.0.0",
+        "sass-loader": "^8.0.2",
+        "vue-template-compiler": "^2.6.10"
+    },
+    "browserslist": [
+        "Android >= 4",
+        "ios >= 8"
+    ],
+    "uni-app": {
+        "scripts": {}
+    }
+}

postcss.config.js

@@ -0,0 +1,22 @@
+const path = require('path')
+module.exports = {
+    parser: require('postcss-comment'),
+    plugins: [
+        require('postcss-import')({
+            resolve(id, basedir, importOptions) {
+                if (id.startsWith('~@/')) {
+                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
+                } else if (id.startsWith('@/')) {
+                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
+                } else if (id.startsWith('/') && !id.startsWith('//')) {
+                    return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
+                }
+                return id
+            },
+        }),
+        require('autoprefixer')({
+            remove: process.env.UNI_PLATFORM !== 'h5',
+        }),
+        require('@dcloudio/vue-cli-plugin-uni/packages/postcss'),
+    ],
+}

public/index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>
+        <%= htmlWebpackPlugin.options.title %>
+    </title>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
+        })
+        var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+        document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css"/>
+</head>
+
+<body>
+    <noscript>
+        <strong>Please enable JavaScript to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+</body>
+
+</html>

src/App.vue

@@ -0,0 +1,70 @@
+<script>
+    export default {
+        onLaunch: async function (option) {
+            const self = this
+
+            // 调试开关
+            uni.setEnableDebug({
+                enableDebug: process.env.VUE_APP_ENV === 'develop',
+            })
+
+            // 开发版设置
+            if (process.env.VUE_APP_ENV === 'develop') {
+
+                // 打印接收参数
+                console.log(option)
+            }
+
+            uni.getSystemInfo({
+                success: function (res) {
+                    if (res.model.indexOf('iPhone X') > -1) {
+                        self.$store.commit('common/update', {
+                            iphoneX: true,
+                        })
+                    }
+                },
+            })
+        },
+
+        onShow: async function (option) {
+            const self = this
+
+            // 保存盒子id
+            if (option.query.bid) {
+                self.$store.commit('user/update', {
+                    boxId: option.query.bid,
+                })
+            }
+
+            // 保存预览类型
+            if (option.query.preview) {
+                self.$store.commit('common/update', {
+                    preview: option.query.preview,
+                })
+            }
+
+            // 登录处理
+            // await self.fn.login(option)
+
+            // 修改配置
+            // self.fn.setConfig()
+        },
+
+        onHide: function () {
+            const self = this
+
+            self.$store.commit('user/update', {
+                init: false,
+            })
+        },
+    }
+</script>
+
+<style lang="scss">
+    @import "common/scss/main";
+    @import "common/iconfont/index.css";
+
+    page {
+        background-color: #f8f8f8;
+    }
+</style>

src/common/api/ajax.js

@@ -0,0 +1,252 @@
+import qs from 'qs'
+import md5 from 'js-md5'
+import config from '../js/config'
+import fn from '../js/function'
+import plugin from '../js/plugin'
+import store from '../store'
+
+const http = {
+    /**
+     * ajax请求处理
+     * @param type
+     * @param url
+     * @param data
+     * @param map
+     * @param repeat
+     * @param awaitTime
+     * @param isJson
+     * @returns {Promise<*|Promise<any>|Promise<Promise<any>|*>>}
+     */
+    async ajax(type, url, data = {}, {map = {}, repeat = false, awaitTime = 1000, isJson = false} = {}) {
+        const self = this
+        let httpKey = md5(url + qs.stringify(data))
+        let ContentType = 'application/x-www-form-urlencoded;charset=UTF-8;'
+
+        // 重复请求检测
+        if (repeat) {
+            let httpInfo = store.state.http[httpKey]
+
+            if (httpInfo && self.isRepeat(httpKey)) {
+                console.warn('重复请求过滤')
+                return new Promise((resolve) => {
+                    resolve({
+                        code: '-1',
+                        data: '',
+                        message: '正在处理中，请稍等...',
+                        requestData: '',
+                    })
+                })
+            } else {
+                // 记录请求信息
+                store.commit('http/add', httpKey)
+            }
+        }
+
+        // 请求数据处理
+        data = self.request(data, map)
+
+        // get请求url处理
+        if (type === 'GET') {
+            data = qs.stringify(data)
+            url = url + '?' + data
+        }
+
+        // json请求类型处理，兼容后台接口混乱问题
+        if (isJson) {
+            ContentType = 'application/json;charset=UTF-8;'
+        } else {
+            data = qs.stringify(data)
+        }
+
+        // 添加请求基地址
+        if (url.indexOf('http') < 0) {
+            url = config.apiBaseUrl + url
+        }
+
+        // 发送请求
+        let response = await uni.request({
+            url: url,
+            data: data,
+            header: {
+                'Accept': 'application/json',
+                'Content-Type': ContentType,
+                'appId': store.state.user.appId,
+                'companyId': store.state.user.companyId,
+                'userId': store.state.user.userId,
+                'Authorization': 'Bearer ' + store.state.user.token,
+            },
+            method: type,
+        })
+
+        return self.response(response, {
+            map: map,
+            httpKey: httpKey,
+            repeat: repeat,
+            awaitTime: awaitTime,
+            request: arguments,
+        })
+    },
+
+    /**
+     * 是否是重复请求处理
+     * @param httpKey
+     * @returns {boolean}
+     */
+    isRepeat(httpKey) {
+        let httpInfo = store.state.http[httpKey]
+        let nowTime = new Date().getTime()
+        let outTime = 5
+
+        return httpInfo && nowTime < httpInfo + outTime * 1000
+    },
+
+    /**
+     * 请求参数处理
+     * @param data
+     * @param map
+     * @returns {*}
+     */
+    request(data, map) {
+        const self = this
+
+        // data.device = data.device || 'web'
+        // data.timestamp = data.timestamp || self.getTimestamp()
+        // data.noncestr = data.noncestr || fn.uuid('')
+
+        // 请求数据映射处理
+        data = fn.deepClone(data)
+        data = fn.objSetKey(data, map)
+
+        for (let key in data) {
+            if (data.hasOwnProperty(key) && (data[key] === undefined)) {
+                delete data[key]
+            }
+        }
+
+        // 签名处理
+        // data = self.setSign(data)
+
+        return data
+    },
+
+    /**
+     * 获取时间戳
+     */
+    getTimestamp() {
+        let differTimestamp = store.state.common.differTimestamp || 0
+        let localTimestamp = parseInt(new Date().getTime() / 1000)
+
+        return localTimestamp + differTimestamp
+    },
+
+    /**
+     * 添加签名处理
+     * @param data
+     * @returns {*|{}}
+     */
+    setSign(data) {
+        let sign = '' // 签名
+
+        data = fn.objSort(data)
+        sign = decodeURIComponent(qs.stringify(data))
+        data.sign = md5(sign + config.salt)
+
+        return data
+    },
+
+    /**
+     * 请求响应处理
+     * @param res
+     * @param map
+     * @param repeat
+     * @param httpKey
+     * @param awaitTime
+     * @param request
+     * @returns {Promise<any>}
+     */
+    response(res, {map = {}, httpKey = '', repeat = false, awaitTime = '', request = []} = {}) {
+        const self = this
+
+        return new Promise(async resolve => {
+            let response = res[1]
+            let data = {
+                success: response.data.success,
+                affectedRows: response.data.affectedRows,
+                code: response.data.code,
+                message: '无法访问到服务器',
+                data: '',
+            }
+
+            // 移除请求记录
+            if (repeat) {
+                setTimeout(function () {
+                    store.commit('http/success', httpKey)
+                }, awaitTime)
+            }
+
+            // 请求成功数据处理
+            if (response.statusCode === 200) {
+                data = {
+                    success: response.data.success,
+                    affectedRows: response.data.affectedRows,
+                    code: response.data.code,
+                    message: response.data.message || '',
+                    data: fn.objSetKey(response.data.data, map, true),
+                }
+            } else if (response.statusCode === 401) {
+                await plugin.getToken()
+                data = await self.ajax(request[0], request[1], request[2], request[3])
+            } else {
+                console.error(response.data)
+            }
+
+            resolve(data)
+        })
+    },
+}
+
+export default {
+    /**
+     * get请求(获取)
+     * @param url
+     * @param data
+     * @param config
+     * @returns {*}
+     */
+    get(url, data, config) {
+        return http.ajax('GET', url, data, config)
+    },
+
+    /**
+     * post请求（添加）
+     * @param url
+     * @param data
+     * @param config
+     * @returns {*}
+     */
+    post(url, data, config) {
+        return http.ajax('POST', url, data, config)
+    },
+
+    /**
+     * put请求（修改）
+     * @param url
+     * @param data
+     * @param config
+     * @returns {*}
+     */
+    put(url, data, config) {
+        return http.ajax('PUT', url, data, config)
+    },
+
+    /**
+     * delete请求（删除）
+     * @param url
+     * @param data
+     * @param config
+     * @returns {*}
+     */
+    delete(url, data, config) {
+        return http.ajax('DELETE', url, data, config)
+    },
+}

src/common/api/index.js

@@ -0,0 +1,91 @@
+import qs from 'qs'
+import ajax from './ajax'
+import plugin from '../js/plugin'
+import store from '../store'
+
+export default {
+
+    /**
+     * get请求
+     * @param data
+     * @param url
+     * @param config
+     * @returns {Promise<any>}
+     */
+    get(url, data = {}, config = {}) {
+        return new Promise((resolve, reject) => {
+            ajax.get(url, {
+                preview: Number(store.state.common.preview),
+                ...data,
+            }, {
+                ...config,
+            }).then(res => {
+                if (res.code === '0' || config.pass === true) {
+                    resolve(res)
+                } else {
+                    plugin.showToast(res.message)
+                    reject(res)
+                }
+            })
+        })
+    },
+
+    /**
+     * post请求
+     * @param url
+     * @param data
+     * @param config
+     * @returns {Promise<any>}
+     */
+    post(url, data = {query: ''}, config = {}) {
+        if (data.query) {
+            url = url + '?' + qs.stringify(data)
+            delete data.query
+        }
+
+        return new Promise((resolve, reject) => {
+            ajax.post(url, {
+                preview: Number(store.state.common.preview),
+                ...data,
+            }, {
+                isJson: true,
+                ...config,
+            }).then(res => {
+                if (res.code === '0' || config.pass === true) {
+                    resolve(res)
+                } else {
+                    plugin.showToast(res.message)
+                    reject(res)
+                }
+            })
+        })
+    },
+
+    /**
+     * delete请求
+     * @param data
+     * @param url
+     * @returns {Promise<any>}
+     */
+    delete(url, data = {query: ''}) {
+        if (data.query) {
+            url = url + '?' + qs.stringify(data)
+            delete data.query
+        }
+
+        return new Promise((resolve, reject) => {
+            ajax.delete(url, {
+                ...data,
+            }, {
+                isJson: true,
+            }).then(res => {
+                if (res.code === '0' || config.pass === true) {
+                    resolve(res)
+                } else {
+                    plugin.showToast(res.message)
+                    reject(res)
+                }
+            })
+        })
+    },
+}

src/common/js/config.js

@@ -0,0 +1,12 @@
+export default {
+    nodeEnv: process.env.NODE_ENV, // node运行环境
+    appEnv: process.env.VUE_APP_ENV, // APP运行环境
+    apiBaseUrl: process.env.VUE_APP_API_BASE_URL, // 接口基地址
+    websocketUrl: process.env.VUE_APP_WEBSOCKET_BASE_URL, // websocket基地址
+    fileUploadUrl: process.env.VUE_APP_API_BASE_URL, // 文件上传地址
+    fileUrl: process.env.VUE_APP_IMAGE_BASE_URL + '/', // 文件基地址
+    imageUrl: process.env.VUE_APP_IMAGE_BASE_URL + '/', // 图片基地址
+    imageResourceUrl: process.env.VUE_APP_IMAGE_RESOURCE_URL + '/', // 项目图片基地址
+    salt: process.env.VUE_APP_SALT, // 签名加密盐
+    appId: process.env.VUE_APP_WX_APPID,// 微信appid
+}

src/common/js/filters.js

@@ -0,0 +1,177 @@
+/**
+ *  日期转xx之前
+ * @param dateStr 日期字符串 eg：2019-12-30T02:14:14.000+0000
+ * @return {string}
+ **/
+export function dateView(dateStr) {
+    if (!dateStr) {
+        return ''
+    }
+    if (isNaN(Date.parse(dateStr))) {
+        return dateStr
+    }
+    dateStr = dateStr.replace(/-/g, '/')
+    let dateNow = Date.parse(dateStr)
+
+    let mius = Date.now() - dateNow
+    let minute = 1000 * 60
+    let hour = minute * 60
+    let day = hour * 24
+    let month = day * 30
+    let quarter = month * 3
+    let year = quarter * 12
+    if (mius < minute) {
+        return '刚刚'
+    } else if (mius < hour) {
+        return Math.floor(mius / minute) + '分钟前'
+    } else if (mius < day) {
+        return Math.floor(mius / hour) + '小时前'
+    } else if (mius < month) {
+        return Math.floor(mius / day) + '天前'
+    } else if (mius < quarter) {
+        return Math.floor(mius / month) + '个月前'
+    } else if (mius < year) {
+        return Math.floor(mius / quarter) + '季度前'
+    } else {
+        return Math.floor(mius / year) + '年前'
+    }
+}
+
+/**
+ * 转化为指定格式日期
+ * @param date
+ * @param format
+ * @returns {string}
+ */
+export function dateFormat(date, format = 'yyyy-MM-dd') {
+    if (date) {
+        date = date.replace(/-/g, '/')
+        date = new Date(Date.parse(date))
+
+        let o = {
+            'M+': date.getMonth() + 1, //月份
+            'd+': date.getDate(), //日
+            'h+': date.getHours(), //小时
+            'm+': date.getMinutes(), //分
+            's+': date.getSeconds(), //秒
+            'S': date.getMilliseconds(), //毫秒
+            'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+        }
+
+        if (/(y+)/.test(format)) {
+            format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+        }
+        for (let k in o) {
+            if (new RegExp('(' + k + ')').test(format)) {
+                format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+            }
+        }
+        return format
+    } else {
+        return date
+    }
+}
+
+/**
+ * 手机号中间4位隐藏
+ * @param str
+ * @returns {string|*}
+ */
+export function phoneHide(str) {
+    if (str) {
+        return str.substr(0, 3) + ' **** ' + str.substr(7)
+    } else {
+        return str
+    }
+}
+
+/**
+ *  日期转（今天、昨天、前天）
+ * @param date 日期字符串 eg：2019-12-30T02:14:14.000+0000
+ * @return {string}
+ **/
+export function dateView2(date) {
+    date = date.replace(/-/g, '/')
+    date = Date.parse(date)
+
+    let tt = new Date(date)
+    let days = parseInt((new Date().getTime() - date) / 86400000)
+    let today = new Date().getDate()
+    let mouth = tt.getMonth() + 1
+    let day = tt.getDate()
+    let result, offset
+    offset = Math.abs(today - day)
+    mouth = mouth < 10 ? '0' + mouth : mouth
+    day = day < 10 ? '0' + day : day
+
+    if (days < 4 && offset < 4) {
+        if (offset === 0) {
+            result = '今天'
+        } else if (offset === 1) {
+            result = '昨天'
+        } else if (offset === 2) {
+            result = '前天'
+        }
+    } else {
+        result = mouth + '-' + day
+    }
+    return result
+}
+
+/**
+ * 时间戳转化为指定格式日期
+ * @param val
+ * @param format
+ * @returns {string}
+ */
+export function timestampToDate(val, format = 'yyyy-MM-dd') {
+    if (val) {
+        let date = new Date(val)
+
+        let o = {
+            'M+': date.getMonth() + 1, //月份
+            'd+': date.getDate(), //日
+            'h+': date.getHours(), //小时
+            'm+': date.getMinutes(), //分
+            's+': date.getSeconds(), //秒
+            'S': date.getMilliseconds(), //毫秒
+            'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+        }
+
+        if (/(y+)/.test(format)) {
+            format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+        }
+        for (let k in o) {
+            if (new RegExp('(' + k + ')').test(format)) {
+                format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+            }
+        }
+        return format
+    } else {
+        return val
+    }
+}
+
+/**
+ * 分转换为人民币
+ * @param val
+ * @param format
+ * @returns {string}
+ */
+export function minuteToRmb(val) {
+    val = val || 0
+
+    return (Number(val) / 100).toFixed(2)
+}
+
+/**
+ * 分转换为人民币
+ * @param val
+ * @param format
+ * @returns {string}
+ */
+export function minuteToRmb2(val) {
+    val = val || 0
+
+    return Number(val) / 100
+}

src/common/js/function.js

@@ -0,0 +1,361 @@
+import md5 from 'js-md5'
+import plugin from './plugin'
+
+export default {
+    /**
+     * 判断数据类型
+     * @param obj
+     * @returns {*}
+     */
+    getType(obj) {
+        let toString = Object.prototype.toString
+        let map = {
+            '[object Boolean]': 'boolean',
+            '[object Number]': 'number',
+            '[object String]': 'string',
+            '[object Function]': 'function',
+            '[object Array]': 'array',
+            '[object Date]': 'date',
+            '[object RegExp]': 'regExp',
+            '[object Undefined]': 'undefined',
+            '[object Null]': 'null',
+            '[object Object]': 'object',
+        }
+        return map[toString.call(obj)]
+    },
+
+    /**
+     * 获取系统类型
+     * @returns {{userAgent: string, isAndroid: boolean, isIphone: boolean, isIpad: boolean, isWeixin: boolean}}
+     */
+    getOsType() {
+        //#ifdef H5
+        return {
+            userAgent: navigator.userAgent.toLowerCase(),
+            isAndroid: Boolean(navigator.userAgent.match(/android/ig)),
+            isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)),
+            isIpad: Boolean(navigator.userAgent.match(/ipad/ig)),
+            isWeixin: Boolean(navigator.userAgent.match(/MicroMessenger/ig)),
+            isAlipay: Boolean(navigator.userAgent.match(/AlipayClient/ig)),
+        }
+        //#endif
+
+        //#ifndef H5
+        return {
+            userAgent: '',
+            isAndroid: false,
+            isIphone: false,
+            isIpad: false,
+            isWeixin: false,
+            isAlipay: false,
+        }
+        //#endif
+    },
+
+    /**
+     * 深拷贝
+     * @param data
+     * @returns {*}
+     */
+    deepClone(data) {
+        const self = this
+        let result = {}
+        let type = self.getType(data)
+
+        if (type === 'array') {
+            result = []
+            data.forEach(item => {
+                result.push(self.deepClone(item))
+            })
+        } else if (type === 'object') {
+            for (let key in data) {
+                if (data.hasOwnProperty(key)) {
+                    result[key] = self.deepClone(data[key])
+                }
+            }
+        } else {
+            return data
+        }
+
+        return result
+    },
+
+    /**
+     * 对象键值映射（默认从左到右）
+     * @param data
+     * @param map
+     * @param orientation
+     * @returns {*}
+     */
+    objSetKey(data, map, orientation = false) {
+        const self = this
+
+        if (self.getType(data) === 'object') {
+            // 映射处理(对象数据处理)
+            for (let key in map) {
+                if (map.hasOwnProperty(key)) {
+                    let val = map[key]
+                    if (val && val !== key) {
+                        if (orientation) {
+                            [key, val] = [val, key]
+                        }
+
+                        if (data[key]) {
+                            data[val] = data[key]
+                            delete data[key]
+                        }
+                    }
+                }
+            }
+
+            // 子数据处理
+            for (let key in data) {
+                if (data.hasOwnProperty(key)) {
+                    let val = data[key]
+                    if (self.getType(val) === 'array' || self.getType(val) === 'object') {
+                        data[key] = self.objSetKey(val, map, orientation)
+                    }
+                }
+            }
+        } else if (self.getType(data) === 'array') {
+            // 数组递归处理
+            data.forEach((item, index) => {
+                item = self.objSetKey(item, map, orientation)
+                data.splice(index, 1, item)
+            })
+        }
+        return data
+    },
+
+    /**
+     * 对象排序
+     * @param obj
+     * @returns {{}}
+     */
+    objSort(obj) {
+        let newKey = Object.keys(obj).sort()
+        let newObj = {}
+        for (let i = 0; i < newKey.length; i++) {
+            newObj[newKey[i]] = obj[newKey[i]]
+        }
+        return newObj
+    },
+
+    /**
+     * 生成uuid的没4位数
+     * @returns {string}
+     * @constructor
+     */
+    S4() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+    },
+
+    /**
+     * 生成uuid
+     * @param separator
+     * @returns {string}
+     */
+    uuid(separator = '-') {
+        const self = this
+        return (self.S4() + self.S4() + separator + self.S4() + separator + self.S4() + separator + self.S4() + separator + self.S4() + self.S4() + self.S4())
+    },
+
+    /**
+     * 创建随机字符串
+     * @param num
+     * @returns {string} (0-9,a-z)
+     */
+    randomString(num) {
+        let chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z']
+        let res = ''
+        for (let i = 0; i < num; i++) {
+            let id = Math.ceil(Math.random() * 35)
+            res += chars[id]
+        }
+        return res
+    },
+
+    /**
+     * 去除2端空格
+     * @param string
+     */
+    trim(string) {
+        if (typeof string === 'string') {
+            return string.replace(/^\s\s*/, '').replace(/\s\s*$/, '')
+        } else {
+            return string
+        }
+    },
+
+    /**
+     * md5加密
+     * @param string
+     * @returns {*}
+     */
+    md5(string) {
+        return md5(string)
+    },
+
+    /**
+     * 获取服务时间列表
+     * @param startDay
+     * @param length
+     */
+    getDateList(startDay = 0, length = 7) {
+        let dateList = []
+        let week = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'] // 星期
+        for (let i = 0; i < length; i++) {
+            let tmp = ''
+            let date = new Date()
+            date.setDate(date.getDate() + i + startDay)
+            tmp = date.getMonth() + 1 + '月' + (date.getDate()) + '日[' + week[date.getDay()] + ']'
+            dateList.push(tmp)
+        }
+        return dateList
+    },
+
+    /**
+     * 获取格式化后的时间
+     * @param date
+     * @param format
+     * @returns {string}
+     */
+    getDateFormat(date, format = 'yyyy-MM-dd') {
+        let o = {
+            'M+': date.getMonth() + 1, //月份
+            'd+': date.getDate(), //日
+            'h+': date.getHours(), //小时
+            'm+': date.getMinutes(), //分
+            's+': date.getSeconds(), //秒
+            'S': date.getMilliseconds(), //毫秒
+            'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+        }
+
+        if (/(y+)/.test(format)) {
+            format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+        }
+        for (let k in o) {
+            if (new RegExp('(' + k + ')').test(format)) {
+                format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+            }
+        }
+
+        return format
+    },
+
+    /**
+     * 格式化时间
+     * @param val
+     * @param format
+     * @returns {string|*}
+     */
+    timestampToDate(val, format = 'yyyy-MM-dd') {
+        val = val.replace(/-/g, '/')
+
+        if (val) {
+            let date = new Date(val)
+
+            let o = {
+                'M+': date.getMonth() + 1, //月份
+                'd+': date.getDate(), //日
+                'h+': date.getHours(), //小时
+                'm+': date.getMinutes(), //分
+                's+': date.getSeconds(), //秒
+                'S': date.getMilliseconds(), //毫秒
+                'q+': Math.floor((date.getMonth() + 3) / 3), //季度
+            }
+
+            if (/(y+)/.test(format)) {
+                format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
+            }
+            for (let k in o) {
+                if (new RegExp('(' + k + ')').test(format)) {
+                    format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+                }
+            }
+            return format
+        } else {
+            return val
+        }
+    },
+
+    /**
+     * 富文本标签添加class
+     */
+    classAdd(string, label, className) {
+        if (this.getType(string) === 'string' && string) {
+            if (label === 'p') {
+                return string
+                    .replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
+                    .replace(/<p([\s\w"=\/\.:;]+)((?:(class="[^"]+")))/ig, '<p')
+                    .replace(/<p>/ig, '<p class="' + className + '">')
+            } else if (label === 'img') {
+                return string
+                    .replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
+                    .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
+                    .replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
+                    .replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
+                    .replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img$1 class="' + className + '"')
+            }
+        } else {
+            return string
+        }
+    },
+
+    /**
+     * 数组转字符串逗号分隔
+     * @param str
+     * @returns {string}
+     */
+    arrToStr(arr) {
+        let str = ''
+        if (arr) {
+            for (let item of arr) {
+                str += item + ','
+            }
+            str = str.replace(/,$/igm, '')
+        }
+
+        return str
+    },
+
+    /**
+     * 客服
+     * @param str
+     * @returns {string}
+     */
+    kefu() {
+        //#ifdef H5
+        window.doyoo.util.openChat('g=10085481')
+        //#endif
+
+        //#ifndef H5
+        plugin.showToast('客服升级中')
+        //#endif
+    },
+
+    /**
+     * 数组切割
+     * @param array
+     * @param length
+     * @returns {Array|default}
+     */
+    arrayChunk(array, length) {
+        length = parseInt(length)
+
+        //如果长度小于要划分的长度，返回原数组
+        if (length <= 1 || this.length < length) {
+            return array
+        }
+
+        let groups = []
+        let number = Math.ceil(array.length / length)// 拆分成的二维数组的个数
+
+        //用slice方法，每四个截取一次
+        for (let i = 0; i < number; i++) {
+            groups.push(array.slice(length * i, length * (i + 1)))
+        }
+
+        return groups
+    },
+}

src/common/js/index.js

@@ -0,0 +1,7 @@
+import fn from './function'
+import plugin from './plugin'
+
+export default {
+    ...fn,
+    ...plugin,
+}

src/common/js/log.js

@@ -0,0 +1,26 @@
+const log = wx.getRealtimeLogManager ? wx.getRealtimeLogManager() : null
+
+export default {
+    info() {
+        if (!log) return
+        log.info.apply(log, arguments)
+    },
+    warn() {
+        if (!log) return
+        log.warn.apply(log, arguments)
+    },
+    error() {
+        if (!log) return
+        log.error.apply(log, arguments)
+    },
+    setFilterMsg(msg) { // 从基础库2.7.3开始支持
+        if (!log || !log.setFilterMsg) return
+        if (typeof msg !== 'string') return
+        log.setFilterMsg(msg)
+    },
+    addFilterMsg(msg) { // 从基础库2.8.1开始支持
+        if (!log || !log.addFilterMsg) return
+        if (typeof msg !== 'string') return
+        log.addFilterMsg(msg)
+    },
+}

src/common/js/plugin.js

@@ -0,0 +1,300 @@
+import api from '../api/index'
+import store from '../store/index'
+import router from './router'
+import config from './config'
+import qs from 'qs'
+
+export default {
+    /**
+     * 消息提示
+     * @param title
+     */
+    showToast(title = '') {
+        let config = {}
+
+        if (typeof title === 'string') {
+            config.title = title
+        } else {
+            config = title
+        }
+
+        uni.showToast({
+            title: config.title || '',
+            icon: 'none',
+            duration: 2000,
+        })
+    },
+
+    /**
+     *  显示模态弹窗
+     * @param config
+     * @returns {Promise<any>}
+     */
+    showModal(config = {}) {
+        return new Promise(resolve => {
+            uni.showModal({
+                title: config.title || '温馨提示', //标题
+                content: config.content || '', //内容
+                showCancel: config.showCancel === false ? config.showCancel : true, //是否显示取消按钮
+                cancelText: config.cancelText || '取消', //取消按钮的文字
+                cancelColor: config.cancelColor || '#000', //取消按钮的文字颜色
+                confirmText: config.confirmText || '确定', //确定按钮的文字
+                confirmColor: config.confirmColor || '#000', //确定按钮的文字颜色
+                success: res => {
+                    resolve(res)
+                },
+                fail: res => {
+                    resolve(res)
+                },
+            })
+        })
+    },
+
+    /**
+     * ​显示操作菜单
+     * @param list
+     * @returns {Promise<any>}
+     */
+    showActionSheet(list = []) {
+        if (list.length) {
+            return new Promise(resolve => {
+                uni.showActionSheet({
+                    itemList: list,
+                    success: res => {
+                        resolve(res.tapIndex)
+                    },
+                    fail: () => {
+                        console.log('取消选择')
+                    },
+                })
+            })
+        } else {
+            console.log('至少需要一个元素')
+        }
+    },
+
+    /**
+     * 设置标题
+     * @param title
+     */
+    setTitle(title) {
+        if (title) {
+            uni.setNavigationBarTitle({
+                title: decodeURIComponent(title),
+            })
+        }
+    },
+
+    /**
+     * 打开分享菜单
+     * @param config
+     */
+    shareMenu(config) {
+        // #ifdef MP-WEIXIN
+        uni.showShareMenu({
+            withShareTicket: true,
+            ...config,
+        })
+        // #endif
+    },
+
+    /**
+     * 更新用户信息
+     */
+    updateUserInfo() {
+        // 用户微信信息
+        api.get('/User/GerUserInfo').then(res => {
+            store.commit('user/update', {
+                userInfo: res.data,
+            })
+        })
+
+        // 用户积分、会员身份
+        api.get('/My/GetMy').then(res => {
+            if (res.data) {
+                store.commit('user/update', {
+                    integral: res.data.pointsInfo.points,
+                })
+            }
+        })
+    },
+
+    /**
+     * 支付
+     * @param orderId
+     * @param price
+     */
+    pay(orderId, price, jump = false) {
+        const self = this
+
+        return new Promise(resolve => {
+            if (store.state.common.payStatus) {
+                console.log('支付中...')
+
+                // 改为支付中的状态
+                store.commit('common/update', {
+                    payStatus: false,
+                })
+
+                api.post('/Order/Pay', {
+                    payMethod: 'WeiXin',
+                    orderId: orderId,
+                }).then(res => {
+                    let options = res.data
+
+                    uni.requestPayment({
+                        timeStamp: options.timeStamp,
+                        nonceStr: options.nonceStr,
+                        package: options.package,
+                        signType: options.signType,
+                        paySign: options.paySign,
+                        success: function () {
+                            console.log('支付成功')
+
+                            // 改为可以支付的状态
+                            store.commit('common/update', {
+                                payStatus: true,
+                            })
+
+                            self.orderTake(orderId, 2)
+                            api.post('/Order/Query', {
+                                orderId: orderId,
+                            })
+
+                            router.replace({
+                                path: '/pages/pay/result',
+                                query: {
+                                    orderId: orderId,
+                                    price: price,
+                                    type: 'success',
+                                },
+                            })
+                        },
+                        fail: function () {
+                            console.log('支付失败')
+
+                            // 改为可以支付的状态
+                            store.commit('common/update', {
+                                payStatus: true,
+                            })
+
+                            if (jump) {
+                                self.orderTake(orderId, 1)
+                                router.replace({
+                                    path: '/pages/pay/result',
+                                    query: {
+                                        orderId: orderId,
+                                        price: price,
+                                        type: 'fail',
+                                    },
+                                })
+                            }
+                        },
+                        complete: function () {
+                            resolve()
+                        },
+                    })
+                })
+            }
+        })
+    },
+
+    // 订单订阅
+    orderTake(orderId, type) {
+        api.get('/Subscription/GetMsgTpls', {
+            type: type,
+        }).then(res => {
+            uni.requestSubscribeMessage({
+                tmplIds: res.data,
+                success: () => {
+                    api.post('/Subscription/Subscribe', {
+                        type: 4,
+                        objectId: orderId.toString(),
+                    }).then(() => {
+                        console.log('订阅成功')
+                    })
+                },
+                fail: err => {
+                    console.log(err)
+                },
+            })
+        })
+    },
+
+    // 接口请求前的初始化
+    init() {
+        return new Promise(resolve => {
+            let timer = setInterval(() => {
+                if (store.state.user.init) {
+                    clearInterval(timer)
+                    resolve()
+                }
+            }, 10)
+        })
+    },
+
+    // 登录处理
+    login(option) {
+        const self = this
+        return new Promise(resolve => {
+            uni.login({
+                provider: 'weixin',
+                success: async result => {
+                    api.post('/Login/Login', {
+                        code: result.code,
+                        appId: config.appId,
+                        boxId: option.query.bid,
+                        fromUserId: option.query.uid,
+                        fromScene: option.scene,
+                        fromUrl: option.path + '?' + qs.stringify(option.query),
+                        fromExtra: JSON.stringify(option),
+                    }).then(res => {
+                        store.commit('user/login', res.data)
+                        self.updateUserInfo()
+                        resolve()
+                    })
+                    resolve()
+                },
+            })
+        })
+    },
+
+    // 获取token
+    getToken() {
+        return new Promise(resolve => {
+            uni.login({
+                provider: 'weixin',
+                success: async result => {
+                    api.get('/Login/RefreshToken', {
+                        code: result.code,
+                        appId: config.appId,
+                    }).then(res => {
+                        let token = res.data.tokenStr
+
+                        if (token) {
+                            store.commit('user/update', {
+                                token: token,
+                            })
+                        }
+
+                        resolve()
+                    })
+                },
+            })
+        })
+    },
+
+    // 修改配置
+    setConfig() {
+        api.get('/Shop/GetConfig').then(res => {
+            let data = JSON.parse(res.data)
+
+            store.commit('common/update', data)
+        })
+    },
+
+    // 打开设置
+    openSetting() {
+        uni.openSetting()
+    },
+}

src/common/js/router.js

@@ -0,0 +1,175 @@
+import qs from 'qs'
+import fn from './function'
+import store from '../store/index'
+import api from '../api/index'
+
+export default {
+    /**
+     * 页面跳转
+     * @param router
+     * router.isTabBer 跳转到带底部导航的需要为true
+     */
+    push(router) {
+        if (fn.getType(router) === 'string') {
+            uni.navigateTo({
+                url: router,
+                fail: err => {
+                    console.log(err)
+                },
+            })
+        } else {
+            let query = qs.stringify(router.query)
+            let url = query ? router.path + '?' + query : router.path
+            let isTabBer = router.isTabBer
+            let isHasUrl = false
+
+            for (let key in router.query) {
+                if (router.query.hasOwnProperty(key)) {
+                    let item = router.query[key]
+                    if (fn.getType(item) === 'string' && item.indexOf('http') > -1) {
+                        isHasUrl = true
+                    }
+                }
+            }
+
+            url = isHasUrl ? url : decodeURIComponent(url)
+
+            if (isTabBer) {
+                uni.switchTab({
+                    url: url,
+                    fail: err => {
+                        console.log(err)
+                    },
+                })
+            } else {
+                uni.navigateTo({
+                    url: url,
+                    fail: err => {
+                        console.log(err)
+                    },
+                })
+            }
+        }
+    },
+
+    /**
+     * 页面重定向
+     * @param router
+     * router.isReLaunch 关闭其他页面需要为true
+     */
+    replace(router) {
+        if (fn.getType(router) === 'string') {
+            uni.redirectTo({
+                url: router,
+                fail: err => {
+                    console.log(err)
+                },
+            })
+        } else {
+            let query = qs.stringify(router.query)
+            let url = router.path + '?' + query
+            let isReLaunch = router.isReLaunch
+            let isHasUrl = false
+
+            for (let key in router.query) {
+                if (router.query.hasOwnProperty(key)) {
+                    let item = router.query[key]
+                    if (fn.getType(item) === 'string' && item.indexOf('http') > -1) {
+                        isHasUrl = true
+                    }
+                }
+            }
+
+            url = isHasUrl ? url : decodeURIComponent(url)
+
+            if (isReLaunch) {
+                uni.reLaunch({
+                    url: url,
+                    fail: err => {
+                        console.log(err)
+                    },
+                })
+            } else {
+                uni.redirectTo({
+                    url: url,
+                    fail: err => {
+                        console.log(err)
+                    },
+                })
+            }
+        }
+    },
+
+    /**
+     * 返回指定页面
+     * @param index 后退的页面数
+     */
+    go(index) {
+        index = index || 1
+        uni.navigateBack({
+            delta: index,
+        })
+    },
+
+    /**
+     * 返回上一页
+     */
+    back() {
+        const self = this
+        let page = getCurrentPages()
+
+        if (page.length <= 1) {
+            // 重定向到首页
+            self.push({
+                isTabBer: true,
+                path: '/pages/index/index',
+            })
+        } else {
+            uni.navigateBack({
+                delta: 1,
+            })
+        }
+    },
+
+    /**
+     * 获取path路径
+     * @param path
+     * @param query
+     */
+    getPath(path, query) {
+        query = {
+            ...query,
+            'uid': store.state.user.userId,
+            'bid': store.state.user.boxId,
+        }
+
+        console.log('分享路径： /' + path + '?' + decodeURIComponent(qs.stringify(query)))
+
+        return '/' + path + '?' + decodeURIComponent(qs.stringify(query))
+    },
+
+    /**
+     * 获取小程序吗参数
+     * @param query
+     * @returns {{}}
+     */
+    getScene(query = {}) {
+        return new Promise(resolve => {
+            if (query.shareId) {
+                api.get('/Share/GetSharePath', {
+                    id: query.shareId,
+                }).then(res => {
+                    resolve(JSON.parse(res.data.parameters))
+                })
+            } else {
+                query = {
+                    ...query,
+                    'uid': store.state.user.userId,
+                    'bid': store.state.user.boxId,
+                }
+
+                resolve(query)
+            }
+        })
+    },
+}

src/common/js/signalR.js

@@ -0,0 +1,154 @@
+const protocal = {
+    protocol: 'json',
+    version: 1,
+}
+
+const MessageType = {
+    /** Indicates the message is an Invocation message and implements the {@link InvocationMessage} interface. */
+    Invocation: 1,
+    /** Indicates the message is a StreamItem message and implements the {@link StreamItemMessage} interface. */
+    StreamItem: 2,
+    /** Indicates the message is a Completion message and implements the {@link CompletionMessage} interface. */
+    Completion: 3,
+    /** Indicates the message is a Stream Invocation message and implements the {@link StreamInvocationMessage} interface. */
+    StreamInvocation: 4,
+    /** Indicates the message is a Cancel Invocation message and implements the {@link CancelInvocationMessage} interface. */
+    CancelInvocation: 5,
+    /** Indicates the message is a Ping message and implements the {@link PingMessage} interface. */
+    Ping: 6,
+    /** Indicates the message is a Close message and implements the {@link CloseMessage} interface. */
+    Close: 7,
+}
+
+export class HubConnection {
+
+    // 构造函数
+    constructor() {
+        this.connection = {}
+        this.openStatus = false
+        this.invocationId = 0
+    }
+
+    // 创建链接
+    connectSocket(option = {}) {
+        if (this.connection != null && this.openStatus) {
+            return
+        }
+
+        this.connection = uni.connectSocket({
+            ...option,
+            success: () => {
+                console.log('建立连接成功')
+            },
+            fail: () => {
+                console.log('建立连接失败')
+            },
+        })
+        this.onOpen(() => {
+            console.log('连接打开')
+            this.openStatus = true
+            this.send(protocal)
+        })
+        this.onClose(() => {
+            console.log('连接关闭')
+            this.connection = null
+            this.openStatus = false
+        })
+        this.onError(res => {
+            console.error('连接出错：' + res.errMsg)
+        })
+    }
+
+    // 监听连接打开事件
+    onOpen(callback) {
+        this.connection.onOpen(res => {
+            callback(res)
+        })
+    }
+
+    // 监听连接关闭事件
+    onClose(callback) {
+        this.connection.onClose(res => {
+            callback(res)
+        })
+    }
+
+    // 监听连接错误事件
+    onError(callback) {
+        this.connection.onError(res => {
+            callback(res)
+        })
+    }
+
+    // 接收服务器消息事件
+    onMessage(callback) {
+        this.connection.onMessage(res => {
+            let data = res.data.split('')
+            data.length = data.length - 1
+
+            data.forEach(item => {
+                let message = JSON.parse(item)
+                if (message.type === MessageType.Invocation) {
+                    callback(message)
+                } else if (message.type === MessageType.Completion) {
+                    if (message.error) {
+                        console.error(message.error)
+                    }
+                }
+            })
+        })
+    }
+
+    // 发送数据
+    send(data, success, fail) {
+        this.connection.send({
+            data: JSON.stringify(data) + '',
+            success: success,
+            fail: fail,
+        })
+    }
+
+    // 发送消息
+    sendData(functionName) {
+        let args = []
+        for (let i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i]
+        }
+
+        let data = {
+            target: functionName,
+            arguments: args,
+            type: MessageType.Invocation,
+            invocationId: this.invocationId.toString(),
+        }
+        this.invocationId++
+
+        return new Promise((resolve, reject) => {
+            this.connection.send({
+                data: JSON.stringify(data) + '',
+                success: res => {
+                    resolve(res)
+                },
+                fail: res => {
+                    reject(res)
+                },
+            })
+        })
+    }
+
+    // 关闭连接
+    close(option = {}) {
+        this.connection.close({
+            code: option.code || 1000,
+            reason: option.reason || '客户端主动关闭',
+            success: () => {
+                this.openStatus = false
+                console.log('主动关闭连接')
+            },
+            fail: res => {
+                console.log('主动关闭连接失败')
+                console.log(res)
+            },
+        })
+    }
+}

src/common/scss/config.scss

@@ -0,0 +1,58 @@
+// 行为相关颜色
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+// 文字基本颜色
+$uni-text-color: #333; //基本色
+$uni-text-color-inverse: #fff; //反色
+$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+// 背景颜色
+$uni-bg-color: #ffffff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; //点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
+
+// 边框颜色
+$uni-border-color: #c8c7cc;
+
+// 文字尺寸
+$uni-font-size-sm: 24 upx;
+$uni-font-size-base: 28 upx;
+$uni-font-size-lg: 32 upx;
+
+// 图片尺寸
+$uni-img-size-sm: 40 upx;
+$uni-img-size-base: 52 upx;
+$uni-img-size-lg: 80 upx;
+
+// Border Radius
+$uni-border-radius-sm: 4 upx;
+$uni-border-radius-base: 6 upx;
+$uni-border-radius-lg: 12 upx;
+$uni-border-radius-circle: 50%;
+
+// 水平间距
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20 upx;
+$uni-spacing-row-lg: 30 upx;
+
+// 垂直间距
+$uni-spacing-col-sm: 8 upx;
+$uni-spacing-col-base: 16 upx;
+$uni-spacing-col-lg: 24 upx;
+
+// 透明度
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+// 文章场景相关
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title: 40 upx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle: 36 upx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph: 30 upx;

src/common/scss/function.scss

@@ -0,0 +1,16 @@
+// 自定义函数
+
+// px转换为rem（1px = 0.01rem）设计图为1080
+@function px($size) {
+    @return $size * (750 / 1080) + rpx;
+}
+
+// px转换为rem（1px = 0.01rem）设计图为750
+@function rpx($size) {
+    @return $size + rpx;
+}
+
+// px转换为导航栏适配的px
+@function px2($size) {
+    @return $size * (400 / 1080) + px;
+}

src/common/scss/main.scss

@@ -0,0 +1,20 @@
+@import "reset";
+
+// 输入框
+.uni-input-placeholder {
+    display: flex;
+    align-items: center;
+}
+
+// 按钮
+.button {
+    margin: 0;
+    padding: 0;
+    line-height: normal;
+    border: none;
+    background: none;
+
+    &:after {
+        display: none;
+    }
+}

src/common/scss/mixin.scss

@@ -0,0 +1,19 @@
+@import "function";
+
+//单行省略号
+@mixin omit($width: 100%) {
+    max-width: $width;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
+}
+
+//多行省略号
+@mixin omits($line) {
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: $line;
+    -webkit-box-orient: vertical;
+}

src/common/scss/public.scss

@@ -0,0 +1,2 @@
+@import "function";
+@import "mixin";

src/common/scss/reset.scss

@@ -0,0 +1,46 @@
+/*css重置*/
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font: 14px "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
+    color: #333;
+}
+
+::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    color: transparent;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+ul, li {
+    list-style: none;
+}
+
+img {
+    display: block;
+    border: none;
+}
+
+a:hover, a:visited, a:link, a:active {
+    text-decoration: none;
+    color: #333333;
+}
+
+input:focus, textarea:focus {
+    outline: none;
+}
+
+// 小程序兼容
+div, p, ul, li {
+    box-sizing: border-box;
+}

src/common/store/common.js

@@ -0,0 +1,49 @@
+// 公共
+const module = {
+    // 开启命名空间
+    namespaced: true,
+
+    // 仓库
+    state: {
+        iphoneX:false,
+    },
+
+    // 同步方法
+    mutations: {
+        // 更新数据
+        update(state, data) {
+            for (let key in data) {
+                if (data.hasOwnProperty(key)) {
+                    state[key] = data[key]
+                }
+            }
+        },
+
+        // 移除数据
+        remove(state, name) {
+            if (typeof name === 'string') {
+                delete state[name]
+            } else {
+                for (let key in name) {
+                    if (name.hasOwnProperty(key)) {
+                        delete state[name[key]]
+                    }
+                }
+            }
+        },
+
+        // 移除所有数据
+        removeAll(state) {
+            for (let key in state) {
+                if (state.hasOwnProperty(key)) {
+                    delete state[key]
+                }
+            }
+        },
+    },
+
+    // 异步方法
+    actions: {},
+}
+
+export default module

src/common/store/http.js

@@ -0,0 +1,29 @@
+const module = {
+    // 开启命名空间
+    namespaced: true,
+
+    // 仓库
+    state: {},
+
+    // 同步方法
+    mutations: {
+        // 添加http请求历史
+        add(state, key) {
+            let startTime = new Date().getTime()
+
+            if (!state[key]) {
+                state[key] = startTime
+            }
+        },
+
+        // 请求成功后删除请求历史
+        success(state, key) {
+            delete state[key]
+        },
+    },
+
+    // 异步方法
+    actions: {},
+}
+
+export default module

src/common/store/index.js

@@ -0,0 +1,30 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import VuexPersistedState from 'vuex-persistedstate'
+import config from '../js/config'
+import common from './common'
+import user from './user'
+import http from './http'
+
+Vue.use(Vuex)
+
+const vuexLocal = new VuexPersistedState({
+    key: config.appEnv + '_vuex',
+    storage: {
+        getItem: key => uni.getStorageSync(key),
+        setItem: (key, value) => uni.setStorageSync(key, value),
+        removeItem: key => uni.removeStorageSync(key),
+    },
+})
+
+let store = new Vuex.Store({
+    strict: process.env.NODE_ENV !== 'production',
+    plugins: [vuexLocal],
+    modules: {
+        'common': common,
+        'user': user,
+        'http': http,
+    },
+})
+
+export default store

src/common/store/user.js

@@ -0,0 +1,74 @@
+// 用户信息
+const module = {
+    // 开启命名空间
+    namespaced: true,
+
+    // 仓库
+    state: {
+        appId: '',// appId(系统内部使用)
+        companyId: '',// 公司id
+        userId: '',// 用户id
+        boxId: '',// 盒子id
+        token: '',// 聊天使用的
+        sessionKeyId: '',// 微信登录的sessionKeyId
+        userInfo: '', // 用户信息
+        integral: 0,// 用户剩余积分
+        vip: false,// 是否是vip
+        vipStatus: false,// 是否激活vip
+        login: false,// 是否登录
+        writeOffUser: false,// 是否有核销权限
+        init: false,// 是否初始化
+    },
+
+    // 同步方法
+    mutations: {
+        // 更新数据
+        update(state, data) {
+            for (let key in data) {
+                if (data.hasOwnProperty(key)) {
+                    state[key] = data[key]
+                }
+            }
+        },
+
+        // 移除数据
+        remove(state, name) {
+            if (typeof name === 'string') {
+                delete state[name]
+            } else {
+                for (let key in name) {
+                    if (name.hasOwnProperty(key)) {
+                        delete state[name[key]]
+                    }
+                }
+            }
+        },
+
+        // 登录处理
+        login(state, data) {
+            state.companyId = data.visitor.companyId || ''
+            state.userId = data.visitor.id || ''
+            state.boxId = data.visitor.boxId ? data.visitor.boxId : state.boxId
+            state.appId = data.visitor.appId || ''
+            state.token = data.token || ''
+            state.vip = data.visitor.isVip || false
+            state.vipStatus = data.visitor.vipStatus === 1 || false
+            state.login = data.visitor.nickName ? true : false
+            state.writeOffUser = data.visitor.writeOffUser
+            state.init = true
+        },
+
+        // 退出登录处理
+        logout(state) {
+            state.companyId = ''
+            state.userId = ''
+            state.userInfo = ''
+            state.vipStatus = false
+        },
+    },
+
+    // 异步方法
+    actions: {},
+}
+
+export default module

src/components/image/index.vue

@@ -0,0 +1,87 @@
+<template>
+    <div class="c-img" @click="handleClick">
+        <img :mode="mode" :lazy-load="true" :src="url" alt="">
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'MyImage',
+
+        props: {
+            // 图片裁剪、缩放的模式（aspectFit：显示长边，aspectFill：显示短边，widthFix：高度自动）
+            mode: {
+                type: String,
+                default: 'aspectFill',
+            },
+
+            // 图片地址
+            src: {
+                type: String,
+                default: '',
+            },
+        },
+
+        // 数据
+        data() {
+            return {
+                url: '',
+            }
+        },
+
+        // 初始化
+        created() {
+            this.urlHandle()
+        },
+
+        // 函数
+        methods: {
+            handleClick() {
+                const self = this
+
+                self.$emit('click')
+            },
+
+            // url处理
+            urlHandle() {
+                const self = this
+                let src = self.src
+                let imageResourceUrl = self.config.imageResourceUrl
+
+                // #ifdef APP
+                if (src) {
+                    src = src.replace(/^\//, '')
+                }
+
+                imageResourceUrl = imageResourceUrl.replace(/^\//, '')
+                // #endif
+
+                if (!src || src === 'true') {
+                    self.url = imageResourceUrl + '/resource/common/default.gif'
+                } else if (src.indexOf('resource') > -1) {
+                    self.url = imageResourceUrl + src
+                } else if (src.indexOf('http') > -1 || src.indexOf('static') > -1) {
+                    self.url = src
+                } else {
+                    self.url = self.config.imageUrl + src
+                }
+            },
+        },
+
+        // 数据计算
+        computed: {},
+
+        // 数据监听
+        watch: {
+            src() {
+                this.urlHandle()
+            },
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+    .c-img img {
+        object-fit: cover;
+    }
+</style>

src/components/layout/nav.vue

@@ -0,0 +1,133 @@
+<template>
+    <div class="c-nav" :style="'height:' + (statusBarHeight + height) + 'px;'">
+        <div class="c-nav__status-bar" :style="'height:' + statusBarHeight + 'px;'"></div>
+        <div class="c-nav__fixed" :style="'top:' + statusBarHeight + 'px; height:' + height + 'px;'">
+            <div class="c-nav__content">
+                <div class="c-nav__left" @click="back()">
+                    <img v-if="icon === 'back'" class="c-nav__icon" src="/static/icon/arrows_left.png" alt="">
+                    <img v-if="icon === 'backGray'" class="c-nav__icon" src="/static/common/arrows_left.png" alt="">
+                </div>
+                <div v-if="title" class="c-nav__title">{{ title }}</div>
+                <div class="c-nav__slot">
+                    <slot></slot>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'MyNav',
+
+        props: {
+            // 左侧按钮
+            icon: {
+                type: String,
+                default: 'back',
+            },
+
+            // 标题
+            title: {
+                type: String,
+                default: '',
+            },
+        },
+
+        // 数据
+        data() {
+            return {
+                statusBarHeight: uni.getSystemInfoSync().statusBarHeight, //状态栏高度,
+                height: 44,
+            }
+        },
+
+        // 初始化
+        created() {
+            const self = this
+
+            // #ifdef MP-WEIXIN
+            let button = wx.getMenuButtonBoundingClientRect()
+            self.height = (button.top - self.statusBarHeight) * 2 + button.height
+            // #endif
+        },
+
+        // 函数
+        methods: {
+            // 返回上一页
+            back() {
+                const self = this
+                self.router.back()
+            },
+        },
+
+        // 数据计算
+        computed: {},
+
+        // 数据监听
+        watch: {},
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import "../../common/scss/public";
+
+    .c-nav {
+        background-color: #fff;
+
+        &__status-bar {
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 996;
+            width: 100%;
+            background-color: #fff;
+        }
+
+        &__fixed {
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 996;
+            width: 100%;
+            background-color: #fff;
+        }
+
+        &__content {
+            position: relative;
+            display: flex;
+            align-items: center;
+            width: 100%;
+            height: 100%;
+            padding: 0 px2(30);
+
+            /* #ifdef MP */
+            padding-right: px2(200);
+            /* #endif */
+        }
+
+        &__icon {
+            width: px2(60);
+            height: px2(60);
+            margin-right: px2(30);
+        }
+
+        &__title {
+            @include omit(px2(300));
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            z-index: 1;
+            width: px2(300);
+            transform: translate(-50%, -50%);
+            font-size: px2(30);
+            font-weight: 700;
+            text-align: center;
+            color: #000;
+        }
+
+        &__slot {
+            flex: 1;
+        }
+    }
+</style>

src/components/layout/null.vue

@@ -0,0 +1,64 @@
+<template>
+    <div class="c-null">
+        <img class="c-null__img" src="/static/common/cart_null.jpg" alt="">
+        <div class="c-null__title">{{ title }}</div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'MyNull',
+
+        props: {
+            // 标题
+            title: {
+                type: String,
+            },
+
+            // 副标题
+            subTitle: {
+                type: String,
+                default: '',
+            },
+        },
+
+        // 数据
+        data() {
+            return {}
+        },
+
+        // 初始化
+        created() {
+        },
+
+        // 函数
+        methods: {},
+
+        // 数据计算
+        computed: {},
+
+        // 数据监听
+        watch: {},
+    }
+</script>
+
+<style lang="scss" scoped>
+    .c-null {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        height: px(1100);
+
+        &__img {
+            width: px(740);
+            height: px(371);
+        }
+
+        &__title {
+            margin-top: px(60);
+            font-size: px(38);
+            color: #666;
+        }
+    }
+</style>

src/main.js

@@ -0,0 +1,103 @@
+import Vue from 'vue'
+import App from './App'
+import config from './common/js/config'
+import router from './common/js/router'
+import store from './common/store/index'
+import fn from './common/js/index'
+import log from './common/js/log'
+import api from './common/api/index'
+import * as filters from './common/js/filters'
+
+App.mpType = 'app'
+Vue.config.productionTip = false
+Vue.prototype.config = config
+Vue.prototype.router = router
+Vue.prototype.$store = store
+Vue.prototype.fn = fn
+Vue.prototype.log = log
+Vue.prototype.api = api
+
+// 全局混入
+Vue.mixin({
+    // 数据
+    data() {
+        return {}
+    },
+
+    // 页面加载
+    onLoad() {
+        // #ifdef MP
+        uni.hideShareMenu()
+        // #endif
+    },
+
+    // 页面隐藏
+    onHide() {
+        const self = this
+
+        // 恢复预览类型
+        self.$store.commit('common/update', {
+            preview: '0',
+        })
+
+        // 改为可以支付的状态
+        self.$store.commit('common/update', {
+            payStatus: true,
+        })
+    },
+
+    methods: {
+        // 跳转到指定页面
+        jump(option) {
+            const self = this
+            self.router.push(option)
+        },
+
+        // 替换当前页面为指定页面
+        jumpReplace(option) {
+            const self = this
+            self.router.replace(option)
+        },
+
+        // 跳转到webView
+        jumpWebView(url, title) {
+            const self = this
+            self.router.push({
+                path: '/pages/webView/index',
+                query: {
+                    url: url,
+                    title: title,
+                },
+            })
+        },
+
+        // 返回上一页
+        back() {
+            const self = this
+            self.router.back()
+        },
+    },
+
+    // 数据计算
+    computed: {
+        siteTitle() {
+            return this.$store.state.common.siteTitle
+        },
+        logoUrl() {
+            return this.$store.state.common.logoUrl
+        },
+        iphoneX() {
+            return this.$store.state.common.iphoneX
+        },
+    },
+})
+
+// 注册过滤器
+Object.keys(filters).forEach(key => {
+    Vue.filter(key, filters[key])
+})
+
+const app = new Vue({
+    ...App,
+})
+app.$mount()

src/manifest.json

@@ -0,0 +1,84 @@
+{
+    "name": "xkjHelperongcheng",
+    "appid": "__UNI__F283109",
+    "description": "",
+    "versionName": "1.0.0",
+    "versionCode": "100",
+    "transformPx": false,
+    "app-plus": {
+        /* 5+App特有相关 */
+        "usingComponents": true,
+        "splashscreen": {
+            "alwaysShowBeforeRender": true,
+            "waiting": true,
+            "autoclose": true,
+            "delay": 0
+        },
+        "modules": {
+            /* 模块配置 */
+
+        },
+        "distribute": {
+            /* 应用发布信息 */
+            "android": {
+                /* android打包配置 */
+                "permissions": [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios": {
+                /* ios打包配置 */
+
+            },
+            "sdkConfigs": {
+                /* SDK配置 */
+
+            }
+        }
+    },
+    "quickapp": {
+        /* 快应用特有相关 */
+
+    },
+    "mp-weixin": {
+        /* 微信小程序特有相关 */
+        "appid": "wxb81eca6ac3c7955c",
+        "setting": {
+            "urlCheck": false
+        },
+        "usingComponents": true
+    },
+    "mp-alipay": {
+        "usingComponents": true
+    },
+    "mp-baidu": {
+        "usingComponents": true
+    },
+    "mp-toutiao": {
+        "usingComponents": true
+    },
+    "mp-qq": {
+        "usingComponents": true
+    }
+}

src/pages.json

@@ -0,0 +1,18 @@
+{
+    "globalStyle": {
+        "navigationBarTitleText": "配送助手",
+        "navigationBarTextStyle": "black",
+        "navigationBarBackgroundColor": "#fff",
+        "backgroundColor": "#fff"
+    },
+
+    "pages": [
+        {
+            "path": "pages/index/index",
+            "style": {
+                "navigationBarTitleText": "配送助手",
+                "enablePullDownRefresh": true
+            }
+        }
+    ]
+}

src/pages/index/index.vue

@@ -0,0 +1,569 @@
+<template>
+    <div class="page">
+        <ul class="tab">
+            <li
+                class="tab__item"
+                :class="{'tab__item--active': tab === index}"
+                v-for="(item, index) in list"
+                :key="index"
+                @click="setTab(index)"
+            >
+                <div class="tab__text">{{ item.title }}</div>
+                <div class="tab__num" v-if="item.num > 0">{{ item.num }}</div>
+            </li>
+        </ul>
+        <div class="page__content">
+            <swiper class="page__swiper" :current="tab" @change="swiperChange">
+                <swiper-item v-for="(item, index) in list" :key="index">
+                    <scroll-view class="page__scroll" :scroll-y="true" @scrolltolower="getMoreList">
+                        <ul class="order">
+                            <li class="order__item">
+                                <div class="order__main">
+                                    <div class="order__top">
+                                        <div class="des">立即 (建议19：00前送达)</div>
+                                        <div class="index">
+                                            <span class="symbol">#</span>155
+                                        </div>
+                                    </div>
+                                    <div class="order__con">
+                                        <div class="order__title on">西北卖村（北京六里桥店）</div>
+                                        <p class="order__des">北京市丰台区六里桥10号院综合楼</p>
+                                        <div class="order__title order__title2">周庄子家园（6号楼2单元1701）</div>
+                                    </div>
+                                </div>
+                                <div class="order__btns">
+                                    <div class="btn tel">
+                                        <my-image src="/static/icon/tal.png"></my-image>
+                                        <span >联系</span>
+                                    </div>
+                                    <div class="btn active">接单</div>
+                                </div>
+                            </li>
+                        </ul>
+                        <div class="null" v-if="loading && !item.list.length">
+                            <img class="null__img" src="/static/common/order_null.jpg" alt />
+                            <div class="null__title">还没有相关数据哦</div>
+                            <!-- <div class="null__sub-title">xxx</div> -->
+                        </div>
+                    </scroll-view>
+                </swiper-item>
+            </swiper>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+    // 数据
+    data() {
+        return {
+            tab: 0,
+            list: [
+                {
+                    title: "待接单",
+                    status: "0",
+                    num: 0,
+                    page: 1,
+                    list: [],
+                },
+                {
+                    title: "打包中",
+                    status: "2",
+                    num: 0,
+                    page: 1,
+                    list: [],
+                },
+                {
+                    title: "待配送",
+                    status: "3",
+                    num: 0,
+                    page: 1,
+                    list: [],
+                },
+                {
+                    title: "配送中",
+                    status: "4",
+                    num: 0,
+                    page: 1,
+                    list: [],
+                },
+                {
+                    title: "已送达",
+                    status: "9",
+                    num: 0,
+                    page: 1,
+                    list: [],
+                },
+            ],
+            loading: false, // 是否加载完成
+        };
+    },
+
+    onLoad() {
+        const self = this;
+
+        // if (!self.loading) {
+        //     uni.showLoading({
+        //         title: '加载中...',
+        //     })
+        // }
+
+        self.tab = self.$mp.query.index ? Number(self.$mp.query.index) : 0;
+    },
+
+    onShow() {
+        const self = this;
+
+        // self.getList()
+    },
+
+    // 函数
+    methods: {
+        // 切换导航
+        setTab(index) {
+            const self = this;
+
+            self.tab = index;
+        },
+
+        // swiper切换处理
+        swiperChange(val) {
+            const self = this;
+            self.tab = val.target.current;
+            // self.getList()
+        },
+
+        // 获取订单列表
+        getList() {
+            const self = this;
+
+            self.list[self.tab].page = 1;
+
+            self.api
+                .get("/Order/GetList", {
+                    status: self.list[self.tab].status,
+                    pageIndex: self.list[self.tab].page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    let data = JSON.parse(res.data);
+
+                    if (data.orderList.length) {
+                        self.list[self.tab].page++;
+                    }
+
+                    // self.list[1].num = data.countInfo.unpaidOrderCount
+                    // self.list[2].num = data.countInfo.waitShippedOrderCount
+                    // self.list[3].num = data.countInfo.waitReceivedOrderCount
+                    self.list[self.tab].list = data.orderList;
+                    self.loading = true;
+                    uni.hideLoading();
+                });
+        },
+
+        // 获取更多内容
+        getMoreList() {
+            return console.log("获取更多");
+            const self = this;
+
+            self.api
+                .get("/Order/GetList", {
+                    status: self.list[self.tab].status,
+                    pageIndex: self.list[self.tab].page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    let data = JSON.parse(res.data);
+
+                    if (data.orderList.length) {
+                        self.list[self.tab].page++;
+                    }
+
+                    self.list[1].num = data.countInfo.unpaidOrderCount;
+                    self.list[2].num = data.countInfo.waitShippedOrderCount;
+                    self.list[3].num = data.countInfo.waitReceivedOrderCount;
+                    self.list[self.tab].list = self.list[self.tab].list.concat(
+                        data.orderList
+                    );
+                });
+        },
+
+        // 跳转到详情
+        jumpDetail(val) {
+            const self = this;
+
+            self.router.push({
+                path: "/pages/order/detail",
+                query: {
+                    orderId: val.shopOrderId,
+                },
+            });
+        },
+
+        // 跳转到物流信息
+        jumpExpress(val) {
+            const self = this;
+
+            self.router.push({
+                path: "/pages/order/express",
+                query: {
+                    orderId: val.shopOrderId,
+                },
+            });
+        },
+
+        // 取消订单
+        cancel(val, key) {
+            const self = this;
+
+            self.fn
+                .showModal({
+                    title: "取消订单",
+                    content: "这么好的宝贝，确定不要了？",
+                })
+                .then((res) => {
+                    if (res.confirm) {
+                        self.api
+                            .post(
+                                "/Order/Cancel",
+                                {
+                                    orderId: val.shopOrderId,
+                                    reason: "",
+                                },
+                                {
+                                    repeat: true,
+                                }
+                            )
+                            .then(() => {
+                                if (self.tab !== 0 && self.tab !== 4) {
+                                    self.list[self.tab].num--;
+                                }
+                                self.list[self.tab].list.splice(key, 1);
+                                self.fn.showToast("订单取消成功");
+                            });
+                    }
+                });
+        },
+
+        // 支付
+        pay(val) {
+            const self = this;
+
+            self.fn.pay(val.shopOrderId, val.buyerPayAmount);
+        },
+
+        // 确认收货处理
+        receive(val, key) {
+            const self = this;
+
+            self.fn
+                .showModal({
+                    title: "确认收货",
+                    content: "请你收到货物后再点击“确认”，否则可能钱货两空！",
+                })
+                .then((res) => {
+                    if (res.confirm) {
+                        self.api
+                            .post(
+                                "/Order/SignOff",
+                                {
+                                    orderId: val.shopOrderId,
+                                },
+                                {
+                                    repeat: true,
+                                }
+                            )
+                            .then(() => {
+                                if (self.tab !== 0 && self.tab !== 4) {
+                                    self.list[self.tab].num--;
+                                }
+                                self.list[self.tab].list.splice(key, 1);
+                            });
+                    }
+                });
+        },
+
+        // 删除订单
+        remove(val, key) {
+            const self = this;
+
+            self.fn
+                .showModal({
+                    title: "删除订单",
+                    content: "确定删除订单？",
+                })
+                .then((res) => {
+                    if (res.confirm) {
+                        self.api
+                            .delete(
+                                "/Order/Delete",
+                                {
+                                    orderId: val.shopOrderId,
+                                },
+                                {
+                                    repeat: true,
+                                }
+                            )
+                            .then(() => {
+                                if (self.tab !== 0 && self.tab !== 4) {
+                                    self.list[self.tab].num--;
+                                }
+                                self.list[self.tab].list.splice(key, 1);
+                                self.fn.showToast("删除成功");
+                            });
+                    }
+                });
+        },
+    },
+
+    // 数据计算
+    computed: {},
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style>
+page {
+    height: 100%;
+}
+</style>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+
+    &__content {
+        flex: 1;
+        position: relative;
+    }
+
+    &__swiper {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 100%;
+        height: 100%;
+    }
+
+    &__scroll {
+        height: 100%;
+    }
+}
+
+.tab {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    width: 100%;
+    height: px(145);
+    background-color: #fff;
+
+    &__item {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex: 1;
+        height: 100%;
+
+        &--active:before {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            z-index: 1;
+            width: 100%;
+            height: px(6);
+            background-color: #333;
+        }
+    }
+
+    &__text {
+        font-size: px(42);
+        color: #333;
+    }
+
+    &__num {
+        position: absolute;
+        top: px(30);
+        right: px(30);
+        z-index: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-width: px(42);
+        height: px(42);
+        transform: translateX(50%);
+        padding: 0 px(15);
+        font-size: px(30);
+        color: #fff;
+        border-radius: px(21);
+        background-color: #262626;
+    }
+}
+
+.order {
+    padding-top: px(30);
+
+    &__item {
+        margin: px(20);
+        margin-top: px(30);
+        background-color: #fff;
+        border-radius: px(10);
+        box-shadow: 0px 2px 6px -3px rgba(0,0,0,0.5);
+    }
+    &__main{
+        padding: px(40);
+    }
+    &__top {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .des {
+            font-size: px(40);
+        }
+        .index {
+            font-size: px(55);
+        }
+        .symbol {
+            font-size: px(36);
+        }
+    }
+    
+
+    &__con {
+        margin-top: px(60);
+        padding-left: px(60);
+        position: relative;
+        &::after{
+            content: "";
+            position: absolute;
+            left: px(20);
+            top: px(60);
+            bottom: px(60);
+            width: px(3);
+            background-color: #a8a8a8;
+        }
+    }
+
+    &__title{
+        font-size: px(60);
+        position: relative;
+        &::after{
+            content: "";
+            position: absolute;
+            left: px(-50);
+            top: 50%;
+            transform: translate(0,-50%);
+            z-index: 1;
+            width: px(20);
+            height: px(20);
+            border-radius: 50%;
+            background-color: #a8a8a8;
+        }
+        &.on{
+            color: #333;
+            &::after{
+                background-color: #f68a3f;
+            }
+        }
+    }
+    &__title2{
+        margin-top: px(60);
+            color: #999;
+    }
+    &__des{
+        font-size: px(36);
+        margin-top: px(20);
+    }
+    &__btns{
+        display: flex;
+        border-top: 1px solid #dedede;
+        justify-content: space-between;
+        .btn{
+            height: px(130);
+            line-height: px(130);
+            text-align: center;
+        }
+        .active{
+            background-color: #f68a3f;
+            color: #333;
+            font-size: px(50);
+            width: 100%;
+        }
+        .tel{
+            width: px(200);
+            flex-shrink: 0;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            font-size: px(36);
+            line-height: 1;
+            /deep/ img{
+                width: px(60);
+                height: px(60);
+                margin-bottom: px(10);
+            }
+        }
+        
+    }
+}
+
+.caption {
+    display: flex;
+    align-items: center;
+
+    &__icon {
+        margin-top: px(5);
+        font-size: px(44);
+        color: #333;
+    }
+
+    &__title {
+        margin-left: px(30);
+        font-size: px(36);
+        color: #333;
+    }
+
+    &__arrows {
+        margin: px(5) 0 0 px(20);
+        font-size: px(44);
+        color: #333;
+    }
+}
+
+.null {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding-top: px(145);
+
+    &__img {
+        width: px(739);
+        height: px(371);
+    }
+
+    &__title {
+        margin-top: px(20);
+        font-size: px(42);
+        color: #666;
+    }
+
+    &__sub-title {
+        margin-top: px(20);
+        font-size: px(42);
+        color: #999;
+    }
+}
+</style>

src/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color: #333; //基本色
+$uni-text-color-inverse: #fff; //反色
+$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color: #ffffff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; //点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color: #c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm: 24 upx;
+$uni-font-size-base: 28 upx;
+$uni-font-size-lg: 32 upx;
+
+/* 图片尺寸 */
+$uni-img-size-sm: 40 upx;
+$uni-img-size-base: 52 upx;
+$uni-img-size-lg: 80 upx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4 upx;
+$uni-border-radius-base: 6 upx;
+$uni-border-radius-lg: 12 upx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20 upx;
+$uni-spacing-row-lg: 30 upx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8 upx;
+$uni-spacing-col-base: 16 upx;
+$uni-spacing-col-lg: 24 upx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title: 40 upx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle: 36 upx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph: 30 upx;

tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "types": [
+            "@dcloudio/types",
+            "miniprogram-api-typings",
+            "mini-types"
+        ]
+    }
+}

vue.config.js

@@ -0,0 +1,63 @@
+const CompressionWebpackPlugin = require('compression-webpack-plugin')
+const path = require('path')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+
+module.exports = {
+    // eslint-loader 是否在保存的时候检查
+    lintOnSave: true,
+
+    // webpack配置
+    configureWebpack: config => {
+        if (process.env.UNI_PLATFORM === 'h5') {
+
+            // 开启gzip压缩
+            config.plugins = [
+                ...config.plugins,
+                new CompressionWebpackPlugin({
+                    filename: '[path].gz[query]',
+                    algorithm: 'gzip',
+                    test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
+                    threshold: 8192,
+                    minRatio: 0.8,
+                }),
+            ]
+
+            // public目录下文件文件设置为静态资源目录
+            config.plugins = [
+                ...config.plugins,
+                new CopyWebpackPlugin([
+                    {
+                        from: path.join(__dirname, 'public'),
+                        to: path.join(__dirname, 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM),
+                    },
+                ]),
+            ]
+        }
+    },
+
+    // 生产环境是否生成 sourceMap 文件
+    productionSourceMap: false,
+
+    // css相关配置
+    css: {
+        sourceMap: process.env.NODE_ENV !== 'production',
+        loaderOptions: {
+            scss: {
+                prependData: `@import "~@/common/scss/public.scss";`,
+            },
+        },
+    },
+
+    // webpack-dev-server 相关配置
+    devServer: {
+        open: false, // 配置自动启动浏览器
+        port: 8080, // 端口号
+        https: false,
+        hotOnly: true,
+        disableHostCheck: true,
+        proxy: '',// 设置代理
+    },
+
+    // 第三方插件配置
+    pluginOptions: {},
+}