第一次

2023-03-17 19:08:51 +08:00 · 2023-03-17 19:08:51 +08:00 · 4c91ca8f0c
commit 4c91ca8f0c
parent 4b59a596df
96 changed files with 13636 additions and 0 deletions
--- a/.env
+++ b/.env
@ -0,0 +1,8 @@
+# port 端口号
+VITE_PORT = 8888
+
+# open 运行 npm run dev 时自动打开浏览器
+VITE_OPEN = true
+
+# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
+VITE_PUBLIC_PATH = 
--- a/.env.development
+++ b/.env.development
@ -0,0 +1,10 @@
+# 本地环境
+ENV = 'development'
+
+VITE_BASE = '/api'
+
+# Whether to open mock
+VITE_USE_MOCK = true
+
+# 本地环境接口地址
+VITE_API_URL = 'http://mp.eshangtech.com'
--- a/.env.production
+++ b/.env.production
@ -0,0 +1,11 @@
+# 线上环境
+ENV = 'production'
+
+VITE_BASE = '/api'
+
+VITE_NODE_ENV='production'
+
+VITE_USE_CHUNK_MOCK  = false
+
+# 线上环境接口地址
+VITE_API_URL = 'http://www.bisen-iot.com'
--- a/.env.staging
+++ b/.env.staging
@ -0,0 +1,11 @@
+# 线上环境
+ENV = 'production'
+
+VITE_BASE = '/api'
+
+VITE_NODE_ENV='staging'
+
+VITE_USE_CHUNK_MOCK  = false
+
+# 线上环境接口地址
+VITE_API_URL = 'http://csvideo.bisen-iot.com'
--- a/.eslintignore
+++ b/.eslintignore
@ -0,0 +1,8 @@
+*.css
+*.less
+*.scss
+*.jpg
+*.png
+*.gif
+*.svg
+*vue.d.ts
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,39 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-06-27 15:42:57
+ * @LastEditors: shuliang
+ */
+module.exports = {
+  root: true,
+  env: {
+    'vue/setup-compiler-macros': true,
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    '@vue/prettier/@typescript-eslint',
+    // eslint-config-prettier 的缩写
+    'prettier',
+  ],
+  parserOptions: {
+    ecmaVersion: 2021,
+  },
+  plugins: [],
+  rules: {
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-explicit-any': ['off'],
+    semi: 0,
+  },
+  globals: {
+    uni: true,
+    wx: true,
+  },
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,12 @@
+.DS_Store
+node_modules
+dist
+dist-ssr
+TODOs.md
+*.log
+temp
+explorations
+.idea
+*.local
+/packages/vite/LICENSE
+*.cpuprofile
--- a/.prettierrc.js
+++ b/.prettierrc.js
@ -0,0 +1,12 @@
+module.exports = {
+    printWidth: 120,
+    tabWidth: 2,
+    tabs: false,
+    semi: false,
+    singleQuote: true,
+    quoteProps: 'as-needed',
+    bracketSpacing: true,
+    jsxBracketSameLine: false,
+    arrowParens: 'always',
+    endOfLine: 'auto',
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,21 @@
+{
+    "editor.formatOnSave": false,
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    },
+    "eslint.validate": ["typescript", "vue", "html", "json"],
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "[javascript]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[vue]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[html]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[json]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "json.format.enable": false
+  }
--- a/21
+++ b/21
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 三线城市猿
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/index.html
+++ b/index.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
--- a/mock/_util.ts
+++ b/mock/_util.ts
@ -0,0 +1,51 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-05-06 10:24:27
+ * @LastEditTime: 2022-06-24 11:35:39
+ * @LastEditors: shuliang
+ */
+// Interface data format used to return a unified format
+
+import { Recordable } from 'vite-plugin-mock'
+
+export function resultSuccess<T = Recordable>(data: T, { message = 'ok' } = {}) {
+  return {
+    code: 0,
+    data,
+    message,
+    type: 'success',
+  }
+}
+
+export function resultPageSuccess<T = any>(page: number, pageSize: number, list: object[], { message = 'ok' } = {}) {
+  const pageData = pagination(page, pageSize, list)
+
+  return {
+    ...resultSuccess({
+      current: page,
+      size: pageSize,
+      records: pageData,
+      total: list.length,
+    }),
+    message,
+  }
+}
+
+export function resultError(message = 'Request failed', { code = -1, data = null } = {}) {
+  return {
+    code,
+    data,
+    message,
+    type: 'error',
+  }
+}
+
+export function pagination<T = any>(pageNo: number, pageSize: number, array: T[]): T[] {
+  const offset = (pageNo - 1) * Number(pageSize)
+  const ret =
+    offset + Number(pageSize) >= array.length
+      ? array.slice(offset, array.length)
+      : array.slice(offset, offset + Number(pageSize))
+  return ret
+}
--- a/mock/index.ts
+++ b/mock/index.ts
@ -0,0 +1,30 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-05-06 10:26:08
+ * @LastEditTime: 2022-06-27 15:21:28
+ * @LastEditors: shuliang
+ */
+import { MockMethod } from 'vite-plugin-mock'
+
+export default [
+  {
+    url: '/api/auth/token',
+    timeout: 100,
+    method: 'post',
+    response: ({ query }: any) => {
+      return {
+        code: 0,
+        data: {
+          userName: 'admin',
+          photo: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1813762643,1914315241&fm=26&gp=0.jpg',
+          time: new Date().getTime(),
+          roles: ['admin'],
+          authBtnList: ['btn.add', 'btn.del', 'btn.edit', 'btn.link'],
+        },
+        msg: null,
+        type: 'success',
+      }
+    },
+  },
+] as MockMethod[]
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,65 @@
+{
+  "name": "uni-preset-vue",
+  "version": "0.0.0",
+  "scripts": {
+    "dev:app": "uni -p app",
+    "dev:h5": "uni --mode development",
+    "dev:mp-weixin": "uni --mode development -p mp-weixin",
+    "build:app:staging": "uni build --mode staging -p app",
+    "build:h5:staging": "uni build --mode staging",
+    "build:mp-weixin:staging": "uni build --mode staging -p mp-weixin",
+    "build:app:pro": "uni build -p app",
+    "build:h5:pro": "uni build",
+    "build:mp-weixin:pro": "uni build -p mp-weixin",
+    "lint": "eslint --ext .ts,tsx,vue src/** --no-error-on-unmatched-pattern --quiet",
+    "lint:fix": "eslint --ext .ts,tsx,vue src/** --no-error-on-unmatched-pattern --fix",
+    "mock": "cd mock && ts-node-dev mock.ts"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-app-plus": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-components": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-h5": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-alipay": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-baidu": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-kuaishou": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-lark": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-qq": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-toutiao": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-mp-weixin": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-quickapp-webview": "^3.0.0-alpha-3030220211217008",
+    "lodash": "^4.17.20",
+    "log4js": "^6.3.0",
+    "pinia": "^2.0.14",
+    "reflect-metadata": "^0.1.13",
+    "uview-plus": "^3.1.3",
+    "vue": "^3.2.26",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^2.6.12",
+    "@dcloudio/uni-automator": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/uni-cli-shared": "^3.0.0-alpha-3030220211217008",
+    "@dcloudio/vite-plugin-uni": "^3.0.0-alpha-3030220211217008",
+    "@types/node": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.8.0",
+    "@typescript-eslint/parser": "^5.8.0",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "@vuedx/typescript-plugin-vue": "^0.7.4",
+    "autoprefixer": "^10.4.0",
+    "eslint": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.2.0",
+    "mini-types": "^0.1.7",
+    "miniprogram-api-typings": "^3.5.0",
+    "mockjs": "^1.1.0",
+    "prettier": "^2.5.1",
+    "sass": "^1.45.1",
+    "sass-loader": "^10.3.1",
+    "ts-node-dev": "^1.0.0",
+    "typescript": "^4.5.2",
+    "vite": "^2.7.6",
+    "vite-plugin-mock": "^2.9.6"
+  }
+}
--- a/postcss.config.js
+++ b/postcss.config.js
@ -0,0 +1,9 @@
+const {
+  uniPostcssPlugin
+} = require('@dcloudio/uni-cli-shared')
+module.exports = {
+  plugins: [
+    uniPostcssPlugin(),
+    require('autoprefixer')()
+  ]
+}
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
+import { getUser } from '@/api/login/login'
+import { useUserInfo } from '@/stores/userInfo'
+const store = useUserInfo()
+
+function weChatLogin(code) {
+  const data = {
+    WeChat_Code: code,
+    WeChat_AppId: 'wx4fb5da2b8d9e0e43',
+  }
+  store.weChatMessage = data
+  uni.switchTab({
+    url: '/pages/index/index',
+  })
+  getUser(data).then((res) => {
+    console.log('res', res)
+    if (res.Result_Code === 100) {
+      uni.setStorage({
+        key: 'token',
+        data: res.Result_Code.WeChat_MiniProToken,
+      })
+    } else if (res.Result_Code === 101) {
+      // uni.navigateTo({
+      //   url: '/register/userRegister',
+      // })
+    } else if (res.Result_Code === 102) {
+      uni.showToast({
+        title: res.Result_Desc,
+        icon: 'none',
+      })
+    }
+  })
+}
+
+onLaunch(() => {
+  uni.login({
+    success(res) {
+      console.log('res', res)
+      weChatLogin(res.code)
+    },
+  })
+})
+onShow(() => {
+  console.log('App Show')
+})
+onHide(() => {
+  console.log('App Hide')
+})
+</script>
+<style lang="scss">
+@import 'uview-plus/index.scss';
+@import 'static/icon/iconfont.css';
+@import 'static/css/base.css';
+@import 'static/css/mixn.scss';
+@import 'static/css/common.scss';
+
+/* 条件编译，仅在H5平台生效 */
+// #ifdef H5
+body::-webkit-scrollbar,
+html::-webkit-scrollbar {
+  display: none;
+}
+// #endif
+</style>
--- a/src/api/login.ts
+++ b/src/api/login.ts
@ -0,0 +1,11 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-05-04 11:46:05
+ * @LastEditTime: 2022-06-27 15:18:44
+ * @LastEditors: shuliang
+ */
+import request from '@/utils/requestMethod'
+import { ILogin, ILoginParams } from '@/models/login'
+
+export const signIn = (form: ILoginParams) => request.post<ILogin>('/api/auth/token', form)
--- a/src/api/login/login.ts
+++ b/src/api/login/login.ts
@ -0,0 +1,22 @@
+import request from '@/utils/request-service/requestMethods-service'
+
+interface getUserType {
+  WeChat_Code: string
+  WeChat_AppId: string
+}
+
+//小程序的登录 判断是否已经授权了
+export const getUser = (data: getUserType) =>
+  request.post('/Coop.Merchant/Handler/handler_ajax.ashx?action_type=WeChat_Login', data)
+
+//小程序的授权
+export const getEmpower = (data: any) =>
+  request.post('/Coop.Merchant/Handler/handler_ajax.ashx?action_type=WeChat_BusinessLicensed', data)
+
+//小程序手机授权
+export const getPhoneEmpower = (data: any) => {
+  request.post(
+    'http://mp.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx?action_type=WeChat_BusinessPhone',
+    data
+  )
+}
--- a/src/businessApproval/authorityApproval/index.vue
+++ b/src/businessApproval/authorityApproval/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>权限审批</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/bidding/index.vue
+++ b/src/businessApproval/bidding/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>招标投标</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/contractApproval/index.vue
+++ b/src/businessApproval/contractApproval/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>合同审批</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/dataVerification/index.vue
+++ b/src/businessApproval/dataVerification/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>数据校验</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/financialApproval/index.vue
+++ b/src/businessApproval/financialApproval/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>财务审批</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/productApproval/index.vue
+++ b/src/businessApproval/productApproval/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>商品审批</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/promotionApproval/index.vue
+++ b/src/businessApproval/promotionApproval/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>招商审批</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/businessApproval/serviceAreaReimbur/index.vue
+++ b/src/businessApproval/serviceAreaReimbur/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>服务区报销</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialOperation/dailyRevenue/index.vue
+++ b/src/commercialOperation/dailyRevenue/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>每日营收</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialOperation/festival/index.vue
+++ b/src/commercialOperation/festival/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>节日特刊</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialOperation/reportForms/index.vue
+++ b/src/commercialOperation/reportForms/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>经营报表</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialPortrait/brand/index.vue
+++ b/src/commercialPortrait/brand/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>品牌</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialPortrait/business/index.vue
+++ b/src/commercialPortrait/business/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>交易</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialPortrait/customerGroup/index.vue
+++ b/src/commercialPortrait/customerGroup/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>客群</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialPortrait/manage/index.vue
+++ b/src/commercialPortrait/manage/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>经营</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/commercialPortrait/traffic/index.vue
+++ b/src/commercialPortrait/traffic/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>车流</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/config/app.ts
+++ b/src/config/app.ts
@ -0,0 +1,7 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-06-28 08:35:08
+ * @LastEditors: shuliang
+ */
--- a/src/env.d.ts
+++ b/src/env.d.ts
@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,62 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-08-18 17:14:23
+ * @LastEditors: shuliang
+ */
+import { createSSRApp } from 'vue'
+import App from './App.vue'
+import pinia from '@/stores/index'
+import uviewPlus from 'uview-plus'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  uni.getSystemInfo({
+    success: function (e: any) {
+      // #ifndef MP
+      app.config.globalProperties.$StatusBar = e.statusBarHeight
+      if (e.platform == 'android') {
+        app.config.globalProperties.$CustomBar = e.statusBarHeight + 50
+      } else {
+        app.config.globalProperties.$CustomBar = e.statusBarHeight + 45
+      }
+      // #endif
+
+      // #ifdef MP-WEIXIN
+      app.config.globalProperties.$StatusBar = e.statusBarHeight
+      const custom = wx.getMenuButtonBoundingClientRect()
+      app.config.globalProperties.$Custom = custom
+      app.config.globalProperties.$CustomBar = custom.bottom + custom.top - e.statusBarHeight
+      // #endif
+
+      //窗口高度
+      app.config.globalProperties.$windowHeight = e.windowHeight
+      //获取导航高度
+      app.config.globalProperties.$navHeight = e.statusBarHeight * (750 / e.windowWidth) + 91
+      app.config.globalProperties.$SystemInfo = e
+    },
+  })
+  app.use(pinia).use(uviewPlus)
+  // 调用setConfig方法，方法内部会进行对象属性深度合并，可以放心嵌套配置
+  // 需要在app.use(uview-plus)之后执行
+  uni.$u.setConfig({
+    // 修改$u.config对象的属性
+    config: {
+      // 修改默认单位为rpx，相当于执行 uni.$u.config.unit = 'rpx'
+      unit: 'rpx',
+    },
+    // 修改$u.props对象的属性
+    props: {
+      // 修改radio组件的size参数的默认值，相当于执行 uni.$u.props.radio.size = 30
+      radio: {
+        size: 15,
+      },
+      // 其他组件属性配置
+      // ......
+    },
+  })
+  return {
+    app,
+  }
+}
--- a/src/manifest.json
+++ b/src/manifest.json
@ -0,0 +1,72 @@
+{
+  "name": "hello",
+  "appid": "__UNI__4DCD124",
+  "description": "",
+  "versionName": "1.0.0",
+  "versionCode": "100",
+  "transformPx": false,
+  /* 5+App特有相关 */
+  "app-plus": {
+    "usingComponents": true,
+    "nvueStyleCompiler": "uni-app",
+    "compilerVersion": 3,
+    "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.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.ACCESS_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+          "<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.FLASHLIGHT\"/>",
+          "<uses-feature android:name=\"android.hardware.camera\"/>",
+          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+        ]
+      },
+      /* ios打包配置 */
+      "ios": {},
+      /* SDK配置 */
+      "sdkConfigs": {}
+    }
+  },
+  /* 快应用特有相关 */
+  "quickapp": {},
+  /* 小程序特有相关 */
+  "mp-weixin": {
+    "appid": "wx4fb5da2b8d9e0e43",
+    "setting": {
+      "urlCheck": false
+    },
+    "usingComponents": true
+  },
+  "mp-alipay": {
+    "usingComponents": true
+  },
+  "mp-baidu": {
+    "usingComponents": true
+  },
+  "mp-toutiao": {
+    "usingComponents": true
+  },
+  "uniStatistics": {
+    "enable": false
+  },
+  "vueVersion": "3"
+}
--- a/src/models/login.ts
+++ b/src/models/login.ts
@ -0,0 +1,25 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-27 15:18:40
+ * @LastEditTime: 2022-06-27 16:16:32
+ * @LastEditors: shuliang
+ */
+export interface ILogin {
+  userName: string
+  photo: string
+  time: string
+  roles: Array<string>
+  authBtnList: Array<string>
+}
+
+export interface ILoginParams {
+  page: number
+  pageSize: number
+  [keys: string]: any
+}
+
+export interface UserInfosStates {
+  userInfos: ILogin
+  token: string
+}
--- a/src/pages.json
+++ b/src/pages.json
@ -0,0 +1,205 @@
+{
+  "easycom": {
+    "custom": {
+      "^u-(.*)": "uview-plus/components/u-$1/u-$1.vue"
+    }
+  },
+  "pages": [
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "驿达",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/user/user",
+      "style": {
+        "navigationBarTitleText": "我的",
+        "navigationStyle": "custom"
+      }
+    }
+  ],
+  "subpackages": [
+    {
+      "root": "register",
+      "pages": [
+        {
+          "path": "userRegister",
+          "style": {
+            "navigationBarTitleText": "授权"
+          }
+        }
+      ]
+    },
+    /* 商业经营 */
+    {
+      "root": "commercialOperation",
+      "pages": [
+        {
+          "path": "dailyRevenue/index",
+          "style": {
+            "navigationBarTitleText": "每日营收"
+          }
+        },
+        {
+          "path": "festival/index",
+          "style": {
+            "navigationBarTitleText": "节日特刊"
+          }
+        },
+        {
+          "path": "reportForms/index",
+          "style": {
+            "navigationBarTitleText": "经营报表"
+          }
+        }
+      ]
+    },
+    /* 商业画像 */
+    {
+      "root": "commercialPortrait",
+      "pages": [
+        {
+          "path": "traffic/index",
+          "style": {
+            "navigationBarTitleText": "车流"
+          }
+        },
+        {
+          "path": "customerGroup/index",
+          "style": {
+            "navigationBarTitleText": "客群"
+          }
+        },
+        {
+          "path": "manage/index",
+          "style": {
+            "navigationBarTitleText": "经营"
+          }
+        },
+        {
+          "path": "business/index",
+          "style": {
+            "navigationBarTitleText": "交易"
+          }
+        },
+        {
+          "path": "brand/index",
+          "style": {
+            "navigationBarTitleText": "品牌"
+          }
+        }
+      ]
+    },
+    /*  业务审批 */
+    {
+      "root": "businessApproval",
+      "pages": [
+        {
+          "path": "financialApproval/index",
+          "style": {
+            "navigationBarTitleText": "财务审批"
+          }
+        },
+        {
+          "path": "bidding/index",
+          "style": {
+            "navigationBarTitleText": "招标投标"
+          }
+        },
+        {
+          "path": "serviceAreaReimbur/index",
+          "style": {
+            "navigationBarTitleText": "服务区报销"
+          }
+        },
+        {
+          "path": "contractApproval/index",
+          "style": {
+            "navigationBarTitleText": "合同审批"
+          }
+        },
+        {
+          "path": "productApproval/index",
+          "style": {
+            "navigationBarTitleText": "商品审批"
+          }
+        },
+        {
+          "path": "promotionApproval/index",
+          "style": {
+            "navigationBarTitleText": "招商审批"
+          }
+        },
+        {
+          "path": "authorityApproval/index",
+          "style": {
+            "navigationBarTitleText": "权限审批"
+          }
+        },
+        {
+          "path": "dataVerification/index",
+          "style": {
+            "navigationBarTitleText": "数据校验"
+          }
+        }
+      ]
+    },
+    /* 现场管理 */
+    {
+      "root": "siteManager",
+      "pages": [
+        {
+          "path": "basicInformation/index",
+          "style": {
+            "navigationBarTitleText": "基础信息"
+          }
+        },
+        {
+          "path": "assessment/index",
+          "style": {
+            "navigationBarTitleText": "考评考核"
+          }
+        },
+        {
+          "path": "complaintSuggest/index",
+          "style": {
+            "navigationBarTitleText": "投诉建议"
+          }
+        },
+        {
+          "path": "cashierInspection/index",
+          "style": {
+            "navigationBarTitleText": "收银稽查"
+          }
+        }
+      ]
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#1aa86c",
+    "backgroundColor": "#1aa86c"
+  },
+  "tabBar": {
+    "color": "#474747",
+    "selectedColor": "#D7000F",
+    "backgroundColor": "#FFFFFF",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "驿达",
+        "iconPath": "static/images/tabBar/company_normal.png",
+        "selectedIconPath": "static/images/tabBar/company_active.png"
+      },
+      {
+        "pagePath": "pages/user/user",
+        "text": "我的",
+        "iconPath": "static/images/tabBar/user_normal.png",
+        "selectedIconPath": "static/images/tabBar/user_active.png"
+      }
+    ]
+  }
+}
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view class="main"></view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/pages/index/test.vue
+++ b/src/pages/index/test.vue
@ -0,0 +1,269 @@
+<template>
+  <view id="storeReg" style="background: url('../../static/img/login-bg.png')">
+    <view class="login-box">
+      <view class="login-img-box">
+        <image class="login-logo" src="../../static/img/login-logo.png" mode="widthFix"></image>
+        <!-- <image class="index-title" src="../../static/img/index-title.png" mode="widthFix"></image> -->
+      </view>
+      <view class="input-frame">
+        <input
+          v-model="usernameOrPhone"
+          type="text"
+          placeholder="请输入登录账号"
+          class="account-input"
+          @focus="showClear(1, true)"
+          @blur="showClear(1, false)"
+        />
+        <image
+          v-show="clearStatus1"
+          src="../../static/img/close.png"
+          mode="widthFix"
+          class="clear-content"
+          @tap="clearContent(1)"
+        ></image>
+      </view>
+      <view class="input-frame">
+        <input
+          v-model="password"
+          type="password"
+          placeholder="请输入登录密码"
+          class="account-input"
+          @focus="showClear(2, true)"
+          @blur="showClear(2, false)"
+        />
+        <image
+          v-show="clearStatus2"
+          src="../../static/img/close.png"
+          mode="widthFix"
+          class="clear-content"
+          @tap="clearContent(2)"
+        ></image>
+      </view>
+      <view class="go-psw-box">
+        <checkbox-group class="go-edit-psw" name="" @change="checkChange">
+          <checkbox :checked="checked" style="transform: scale(0.6)" />
+          <view style="margin-top: 8rpx">记住密码</view>
+        </checkbox-group>
+        <view class="go-edit-psw" @tap="goResetPsw"> 忘记密码？ </view>
+      </view>
+      <button class="bind_button" size="large" type="button" @click="bind">登 录</button>
+      <view class="go-reg-box">
+        <text> 还没有账号？ </text>
+        <text class="go-reg" @tap="goReg"> 立即注册> </text>
+      </view>
+    </view>
+    <!-- <view class="index-bottom"> 江西百胜智能科技股份有限公司 </view> -->
+  </view>
+</template>
+<script lang="ts" setup>
+import { ILogin, ILoginParams } from '@/models/login'
+import { useUserInfo } from '@/stores/userInfo'
+import { ref } from 'vue'
+import { signIn } from '@/api/login'
+let checked = ref(false)
+
+const checkChange = () => {
+  checked.value = !checked.value
+}
+
+let clearStatus1 = ref(false)
+let clearStatus2 = ref(false)
+const showClear = (status, state) => {
+  state = state ? true : false
+
+  setTimeout(function () {
+    if (status === 1) {
+      clearStatus1.value = state
+    } else {
+      clearStatus2.value = state
+    }
+
+    //验证
+  }, 100)
+}
+
+let usernameOrPhone = ref('')
+let password = ref('')
+const clearContent = (type) => {
+  if (type === 1) {
+    usernameOrPhone.value = ''
+  } else {
+    password.value = ''
+  }
+}
+const goReg = () => {
+  uni.navigateTo({
+    url: '/pages/common/regCheck',
+  })
+}
+const goResetPsw = () => {
+  uni.navigateTo({
+    url: '/pages/common/resetPswCheck',
+  })
+}
+const bind = () => {
+  let params: ILoginParams = {
+    page: 1,
+    pageSize: 20,
+  }
+  signIn(params).then((res) => {
+    useUserInfo().setUserInfos(res.data as ILogin)
+    useUserInfo().setToken('12345678909')
+    goHome()
+  })
+}
+const goHome = () => {
+  uni.navigateTo({
+    url: '/pages/index/index',
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.go-psw-box {
+  margin-top: 20upx;
+  display: flex;
+  justify-content: space-between;
+
+  .go-edit-psw {
+    color: #335ff2;
+    display: flex;
+  }
+}
+
+.go-reg-box {
+  text {
+    color: #00071e;
+  }
+
+  margin-top: 25upx;
+  text-align: center;
+
+  .go-reg {
+    color: #335ff2;
+  }
+}
+
+#storeReg {
+  float: left;
+  width: 100%;
+  height: 100vh;
+  background-repeat: no-repeat;
+  background-size: 100% 100vh;
+  background-position: center;
+}
+
+.input-frame {
+  width: 100%;
+  height: 90upx;
+  background: #f7f7f7;
+  border-radius: 40upx;
+  position: relative;
+  margin-top: 36upx;
+}
+
+.input-frame img,
+.input-frame image {
+  z-index: 1;
+}
+
+.input-frame:nth-child(2) {
+  margin-top: 36upx;
+}
+
+.login-account {
+  float: left;
+  width: 30upx;
+  height: 50upx;
+  margin-top: 20upx;
+  margin-left: 26upx;
+}
+
+.account-input {
+  float: left;
+  height: 90upx;
+  width: calc(100% - 100upx);
+  line-height: 90upx;
+  margin-left: 30upx;
+  font-size: 30upx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: #999;
+  text-align: left;
+}
+
+.clear-content {
+  width: 40upx;
+  height: 40upx;
+  position: absolute !important;
+  top: 25upx;
+  right: 25upx;
+  z-index: 9999999 !important;
+  filter: drop-shadow(705px 0 0 #000);
+}
+
+.login-pass {
+  float: left;
+  width: 36upx;
+  height: 42upx;
+  margin-top: 24upx;
+  margin-left: 26upx;
+}
+
+.bind_button {
+  border-radius: 40upx;
+  height: 90upx;
+  line-height: 90upx;
+  font-size: 36upx;
+  text-align: center;
+  background: linear-gradient(269deg, #1c48d7, #3965f9);
+  box-shadow: 2px 3px 16px 0px rgba(0, 60, 255, 0.4);
+  outline: none;
+  -webkit-appearance: none;
+  margin-top: 50upx;
+}
+
+.uni-input-placeholder {
+  font-size: 30upx;
+  font-family: PingFang SC;
+  font-weight: 500;
+  color: #ccc;
+}
+
+.login-img-box {
+  position: absolute;
+  top: -250upx;
+  left: 0upx;
+  width: 640upx;
+}
+
+.login-box {
+  background: #fff;
+  padding: 300upx 40upx 80upx;
+  text-align: center;
+  margin: 0 auto;
+  position: relative;
+  border-radius: 60upx;
+  color: #cccccc;
+  width: 640upx;
+  margin-top: 350upx;
+  z-index: 1;
+
+  .login-logo {
+    width: 500upx !important;
+  }
+
+  .login-title {
+    width: 400upx !important;
+    margin-top: 60upx;
+  }
+}
+
+.login-bottom {
+  text-align: center;
+  color: #fff;
+  position: fixed;
+  bottom: 50upx;
+  width: 100%;
+}
+</style>
--- a/src/pages/user/component/userList.vue
+++ b/src/pages/user/component/userList.vue
@ -0,0 +1,171 @@
+<template>
+  <view class="main">
+    <p class="title">{{ props.item.name }}</p>
+    <view v-if="props.item.value === 1" class="first">
+      <view v-for="(item, index) in props.item.list" :key="index" class="useListItem">
+        <p class="name">{{ item.name }}</p>
+        <image class="img" :src="item.imagePath"></image>
+      </view>
+    </view>
+    <view v-if="props.item.value === 2" class="second">
+      <view v-for="(item, index) in props.item.list" :key="index" class="useListItem">
+        <view class="img">
+          <image :src="item.imagePath"></image>
+        </view>
+        <span class="name">{{ item.name }}</span>
+      </view>
+    </view>
+    <view v-if="props.item.value === 3" class="third">
+      <view v-for="(item, index) in props.item.list" :key="index" class="useListItem">
+        <image class="img" :src="item.imagePath"></image>
+        <span class="name">{{ item.name }}</span>
+      </view>
+    </view>
+    <view v-if="props.item.value === 4" class="fourth">
+      <view v-for="(item, index) in props.item.list" :key="index" class="useListItem">
+        <image class="img" :src="item.imagePath"></image>
+        <span class="name">{{ item.name }}</span>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { dataType } from '../userType'
+import { watch } from 'vue'
+interface userList {
+  name: string
+  icon: string
+  messagePrompt: number
+}
+interface Prop {
+  item: dataType
+}
+const props = withDefaults(defineProps<Prop>(), {
+  item: () => ({
+    name: '',
+    value: 0,
+    list: [],
+  }),
+})
+</script>
+
+<style scoped lang="scss">
+.main {
+  .title {
+    font-size: 34rpx;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-weight: 600;
+    color: #160002;
+    line-height: 48rpx;
+    margin-bottom: 12px;
+  }
+  .first {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 28px;
+    .useListItem {
+      width: 30%;
+      height: 72px;
+      background: #ccc;
+      position: relative;
+      box-sizing: border-box;
+      padding: 8px 11px;
+      border-radius: 4px;
+      .name {
+        font-size: 28rpx;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #55277d;
+        line-height: 40rpx;
+      }
+      .img {
+        width: 30px;
+        height: 30px;
+        position: absolute;
+        bottom: 9px;
+        right: 14px;
+      }
+    }
+  }
+  .second {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 28px;
+    .useListItem {
+      .img {
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        background: #ffffff;
+        box-shadow: 0rpx 0rpx 18rpx 0rpx rgba(22, 0, 2, 0.05);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-bottom: 8px;
+        image {
+          width: 30px;
+          height: 30px;
+        }
+      }
+      .name {
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #160002;
+        line-height: 40rpx;
+      }
+    }
+  }
+  .third {
+    width: 100%;
+    .useListItem {
+      width: 25%;
+      position: relative;
+      margin-bottom: 16px;
+      float: left;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .img {
+        width: 30px;
+        height: 30px;
+        margin-bottom: 6px;
+      }
+      .name {
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #160002;
+        line-height: 40rpx;
+      }
+    }
+  }
+  .fourth {
+    width: 100%;
+    display: flex;
+    .useListItem {
+      width: 25%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      .img {
+        width: 30px;
+        height: 30px;
+        margin-bottom: 8px;
+      }
+      .name {
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #091732;
+        line-height: 40rpx;
+      }
+    }
+  }
+}
+</style>
--- a/src/pages/user/user.vue
+++ b/src/pages/user/user.vue
@ -0,0 +1,324 @@
+<template>
+  <view class="main">
+    <view class="userBg">
+      <view class="userBox" :style="{ top: menu.bottom + 18 + 'px' }">
+        <view class="box">
+          <view class="headImg">
+            <image src=""></image>
+          </view>
+          <view class="message">
+            <view class="people">
+              <p class="name">颖儿</p>
+              <view class="person">管理员</view>
+            </view>
+            <p class="phone">{{ handleGetPhone('15372883312') }}</p>
+            <p class="address">
+              安徽省驿达高速公路服务区经营管理有限公司安徽省驿达高速公路服务区经营管理有限公司经营管理有限公司
+            </p>
+          </view>
+        </view>
+        <view class="other">
+          <view v-for="(item, index) in user" :key="index" class="item">
+            <image class="icon" :src="item.url"></image>
+            <span class="name">{{ item.name }}</span>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="menu">
+      <UserList v-for="(item, index) in dataList" :key="index" ref="userList" :item="item"></UserList>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { onLoad } from '@dcloudio/uni-app'
+import { ref } from 'vue'
+import { capsuleBtn, otherType, dataType } from './userType'
+import UserList from '@/pages/user/component/userList.vue'
+
+const statusBarHeight = ref<number>() //获得每个手机的顶部状态栏高度
+const menu = ref<capsuleBtn>({
+  bottom: 0,
+  top: 0,
+  left: 0,
+  right: 0,
+  height: 0,
+  width: 0,
+}) //获得胶囊按钮的位置信息
+const user = ref<otherType[]>([
+  { url: '/static/images/user/position.svg', name: '我的服务区', value: 1 },
+  { url: '/static/images/user/limit.svg', name: '我的权限', value: 2 },
+])
+
+//渲染剩下按钮
+const dataList = ref<dataType[]>([
+  {
+    name: '商业经营',
+    value: 1,
+    list: [
+      {
+        name: '每日营收',
+        homeUrl: '/commercialOperation/dailyRevenue/index',
+        imagePath: '/static/images/user/dailyRevenue.svg',
+      },
+      {
+        name: '节日特刊',
+        homeUrl: '/commercialOperation/festival/index',
+        imagePath: '/static/images/user/festival.svg',
+      },
+      {
+        name: '经营报表',
+        homeUrl: '/commercialOperation/reportForms/index',
+        imagePath: '/static/images/user/reportForms.svg',
+      },
+    ],
+  },
+  {
+    name: '商业经营',
+    value: 2,
+    list: [
+      {
+        name: '车流',
+        homeUrl: '/commercialPortrait/traffic/index',
+        imagePath: '/static/images/user/traffic.svg',
+      },
+      {
+        name: '客群',
+        homeUrl: '/commercialPortrait/customerGroup/index',
+        imagePath: '/static/images/user/customerGroup.svg',
+      },
+      {
+        name: '经营',
+        homeUrl: '/commercialPortrait/manage/index',
+        imagePath: '/static/images/user/manage.svg',
+      },
+      {
+        name: '交易',
+        homeUrl: '/commercialPortrait/business/index',
+        imagePath: '/static/images/user/business.svg',
+      },
+      {
+        name: '品牌',
+        homeUrl: '/commercialPortrait/brand/index',
+        imagePath: '/static/images/user/brand.svg',
+      },
+    ],
+  },
+  {
+    name: '业务审批',
+    value: 3,
+    list: [
+      {
+        name: '财务审批',
+        homeUrl: '/businessApproval/financialApproval/index',
+        imagePath: '/static/images/user/financialApproval.svg',
+      },
+      {
+        name: '招标投标',
+        homeUrl: '/businessApproval/bidding/index',
+        imagePath: '/static/images/user/bidding.svg',
+      },
+      {
+        name: '服务区报销',
+        homeUrl: '/businessApproval/serviceAreaReimbur/index',
+        imagePath: '/static/images/user/serviceAreaReimbur.svg',
+      },
+      {
+        name: '合同审批',
+        homeUrl: '/businessApproval/contractApproval/index',
+        imagePath: '/static/images/user/contractApproval.svg',
+      },
+      {
+        name: '商品审批',
+        homeUrl: '/businessApproval/productApproval/index',
+        imagePath: '/static/images/user/productApproval.svg',
+      },
+      {
+        name: '招商审批',
+        homeUrl: '/businessApproval/promotionApproval/index',
+        imagePath: '/static/images/user/promotionApproval.svg',
+      },
+      {
+        name: '权限审批',
+        homeUrl: '/businessApproval/authorityApproval/index',
+        imagePath: '/static/images/user/authorityApproval.svg',
+      },
+      {
+        name: '数据校验',
+        homeUrl: '/businessApproval/dataVerification/index',
+        imagePath: '/static/images/user/dataVerification.svg',
+      },
+    ],
+  },
+  {
+    name: '现场管理',
+    value: 4,
+    list: [
+      {
+        name: '基础信息',
+        homeUrl: '/siteManager/basicInformation/index',
+        imagePath: '/static/images/user/basicInformation.svg',
+      },
+      {
+        name: '考评考核',
+        homeUrl: '/siteManager/assessment/index',
+        imagePath: '/static/images/user/assessment.svg',
+      },
+      {
+        name: '投诉建议',
+        homeUrl: '/siteManager/complaintSuggest/index',
+        imagePath: '/static/images/user/complaintSuggest.svg',
+      },
+      {
+        name: '收银稽查',
+        homeUrl: '/siteManager/cashierInspection/index',
+        imagePath: '/static/images/user/cashierInspection.svg',
+      },
+    ],
+  },
+])
+
+interface imgType {
+  url: string
+}
+
+onLoad(() => {
+  let systemInfo = uni.getSystemInfoSync()
+  statusBarHeight.value = Number(systemInfo.statusBarHeight)
+  menu.value = uni.getMenuButtonBoundingClientRect()
+  console.log('menu', menu.value)
+})
+
+function handleGetPhone(value: string) {
+  return value.substring(0, 3) + '****' + value.substring(7)
+}
+</script>
+
+<style scoped lang="scss">
+.main {
+  min-height: 100vh;
+  width: 100%;
+  .userBg {
+    width: 100%;
+    height: 280px;
+    background: linear-gradient(315deg, #ff8d95 0%, #ffdca8 100%);
+    position: relative;
+    .userBox {
+      height: 147px;
+      width: calc(100% - 32px);
+      position: absolute;
+      margin: 0 16px;
+      background: url('@/static/images/user/userBg.svg') no-repeat;
+      background-size: cover;
+      box-sizing: border-box;
+      padding: 16px 0 0 16px;
+      .box {
+        display: flex;
+        margin-bottom: 24px;
+        .headImg {
+          width: 52px;
+          height: 52px;
+          border-radius: 50%;
+          image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .message {
+          .people {
+            display: flex;
+            align-items: center;
+            .name {
+              font-size: 36rpx;
+              font-family: PingFangSC-Semibold, PingFang SC;
+              font-weight: 600;
+              color: #782717;
+              line-height: 52rpx;
+              margin-right: 8px;
+            }
+            .person {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 24rpx;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #782717;
+              padding: 0 5px;
+              border: 1px solid;
+              border-image: linear-gradient(134deg, rgba(255, 165, 0, 1), rgba(220, 55, 7, 1)) 2 2;
+              border-radius: 5px !important;
+            }
+          }
+          .phone {
+            font-size: 24rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #782717;
+            line-height: 36rpx;
+          }
+          .address {
+            font-size: 24rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #782717;
+            line-height: 36rpx;
+            width: 95%;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+          }
+        }
+      }
+      .other {
+        width: 100%;
+        height: 40px;
+        background: linear-gradient(315deg, rgba(255, 141, 149, 0.2), rgba(255, 220, 168, 0.2));
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .item {
+          width: 49%;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          position: relative;
+          .icon {
+            width: 28px;
+            height: 20px;
+          }
+          .name {
+            font-size: 28rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #782717;
+            line-height: 40rpx;
+          }
+        }
+        .item:first-child:after {
+          content: '';
+          width: 1px;
+          height: 24px;
+          background: #782717;
+          opacity: 0.08;
+          position: absolute;
+          right: 0;
+          top: 20%;
+        }
+      }
+    }
+  }
+  .menu {
+    width: 100%;
+    background: #fff;
+    box-sizing: border-box;
+    padding: 24px 16px 8px 16px;
+    transform: translateY(-16px);
+    border-radius: 32rpx 32rpx 2rpx 2rpx;
+  }
+}
+</style>
--- a/src/pages/user/userType.ts
+++ b/src/pages/user/userType.ts
@ -0,0 +1,26 @@
+export interface capsuleBtn {
+  bottom: number
+  top: number
+  left: number
+  right: number
+  height: number
+  width: number
+}
+
+export interface otherType {
+  url: string
+  name: string
+  value: number
+}
+
+export interface dataType {
+  name: string
+  value: number
+  list: listType[]
+}
+
+interface listType {
+  name: string
+  homeUrl: string
+  imagePath: string
+}
--- a/src/register/userRegister.vue
+++ b/src/register/userRegister.vue
@ -0,0 +1,92 @@
+<template>
+  <view class="content">
+    <view>
+      <image src="https://eshangtech.com/ShopICO/yxcl-register-pht.png" mode="aspectFit"></image>
+      <view class="desc">
+        <!-- <view class="desc">申请获取你的公开信息(昵称、头像)</view> -->
+        <button type="primary" class="btn" open-type="getUserInfo" @getuserinfo="bindGetUserInfo">微信授权</button>
+      </view>
+      <view class="desc">
+        <button type="primary" class="btn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
+          快速登录账号
+        </button>
+      </view>
+    </view>
+    <view class="login-tip-text"> 该小程序仅供企业内部人员登录使用，<br />您的手机号是核实身份的唯一凭证。 </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { useUserInfo } from '@/stores/userInfo'
+const store = useUserInfo()
+import { getEmpower, getPhoneEmpower } from '@/api/login/login'
+function bindGetUserInfo(e) {
+  uni.getUserInfo({
+    success(res) {
+      console.log('store', store.weChatMessage.WeChat_AppId)
+      console.log('res', res)
+      let data = {
+        WeChat_AppId: store.weChatMessage.WeChat_Code as string,
+        WeChat_MiniProToken: store.weChatMessage.WeChat_AppId as string,
+        encryptedData: encodeURIComponent(res.encryptedData),
+        iv: encodeURIComponent(res.iv),
+      }
+      getEmpower(data).then((res) => {
+        console.log('res', res)
+        if (res.Result_Code === 101) {
+          uni.showToast({
+            title: res.Result_Desc,
+            icon: 'none',
+          })
+        }
+      })
+    },
+  })
+}
+
+function getPhoneNumber(e) {
+  console.log(e)
+  // let data = {
+  //   WeChat_AppId: store.weChatMessage.WeChat_Code as string,
+  //   WeChat_MiniProToken: store.weChatMessage.WeChat_AppId as string,
+  //   encryptedData: encodeURIComponent(res.encryptedData),
+  //   iv: encodeURIComponent(res.iv),
+  // }
+}
+</script>
+
+<style scoped lang="scss">
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  height: 100vh;
+  box-sizing: border-box;
+  background-color: #fff;
+  padding-top: 60rpx;
+  image {
+    width: 624rpx;
+    height: 579rpx;
+  }
+  .desc {
+    margin: 0 auto;
+    .btn {
+      width: 100%;
+      margin-top: 84rpx;
+      font-size: 28rpx;
+      padding: 10px 0px;
+    }
+  }
+  .login-tip-text {
+    position: sticky;
+    bottom: 120rpx;
+    left: 0;
+    width: 580rpx;
+    z-index: 99;
+    text-align: center;
+    font-size: 26rpx;
+    color: #888;
+  }
+}
+</style>
--- a/src/siteManager/assessment/index.vue
+++ b/src/siteManager/assessment/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>考评考核</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/siteManager/basicInformation/index.vue
+++ b/src/siteManager/basicInformation/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>基础信息</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/siteManager/cashierInspection/index.vue
+++ b/src/siteManager/cashierInspection/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>收银稽查</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/siteManager/complaintSuggest/index.vue
+++ b/src/siteManager/complaintSuggest/index.vue
@ -0,0 +1,7 @@
+<template>
+  <view>投诉建议</view>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped lang="scss"></style>
--- a/src/static/css/base.css
+++ b/src/static/css/base.css
@ -0,0 +1,353 @@
+@charset "UTF-8";
+
+body {
+	background-color: #f1f1f1;
+	font-size: 28upx;
+	color: #333333;
+	font-family: Helvetica Neue, Helvetica, sans-serif;
+	height: 100%;
+}
+
+.padding20 {
+	padding: 20rpx
+}
+
+.pad20 {
+	padding: 0 20rpx
+}
+
+.padding30 {
+	padding: 30rpx
+}
+
+.pad30 {
+	padding: 0 30rpx
+}
+
+.p_center{
+	text-align: center;
+}
+
+.acea-row {
+	display: -webkit-box;
+	display: -moz-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-lines: multiple;
+	-moz-box-lines: multiple;
+	-o-box-lines: multiple;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap
+}
+
+.acea-row.row-middle {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center
+}
+
+.acea-row.row-top {
+	-webkit-box-align: start;
+	-moz-box-align: start;
+	-o-box-align: start;
+	-ms-flex-align: start;
+	-webkit-align-items: flex-start;
+	align-items: flex-start
+}
+
+.acea-row.row-bottom {
+	-webkit-box-align: end;
+	-moz-box-align: end;
+	-o-box-align: end;
+	-ms-flex-align: end;
+	-webkit-align-items: flex-end;
+	align-items: flex-end
+}
+
+.acea-row.row-center {
+	-webkit-box-pack: center;
+	-moz-box-pack: center;
+	-o-box-pack: center;
+	-ms-flex-pack: center;
+	-webkit-justify-content: center;
+	justify-content: center
+}
+
+.acea-row.row-right {
+	-webkit-box-pack: end;
+	-moz-box-pack: end;
+	-o-box-pack: end;
+	-ms-flex-pack: end;
+	-webkit-justify-content: flex-end;
+	justify-content: flex-end
+}
+
+.acea-row.row-left {
+	-webkit-box-pack: start;
+	-moz-box-pack: start;
+	-o-box-pack: start;
+	-ms-flex-pack: start;
+	-webkit-justify-content: flex-start;
+	justify-content: flex-start
+}
+
+.acea-row.row-between {
+	-webkit-box-pack: justify;
+	-moz-box-pack: justify;
+	-o-box-pack: justify;
+	-ms-flex-pack: justify;
+	-webkit-justify-content: space-between;
+	justify-content: space-between
+}
+
+.acea-row.row-around {
+	justify-content: space-around;
+	-webkit-justify-content: space-around
+}
+
+.acea-row.row-column-around {
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	justify-content: space-around;
+	-webkit-justify-content: space-around
+}
+
+.acea-row.row-column {
+	-webkit-box-orient: vertical;
+	-moz-box-orient: vertical;
+	-o-box-orient: vertical;
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column
+}
+
+.acea-row.row-column-between {
+	-webkit-box-orient: vertical;
+	-moz-box-orient: vertical;
+	-o-box-orient: vertical;
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	-webkit-box-pack: justify;
+	-moz-box-pack: justify;
+	-o-box-pack: justify;
+	-ms-flex-pack: justify;
+	-webkit-justify-content: space-between;
+	justify-content: space-between
+}
+
+.acea-row.row-center-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-moz-box-pack: center;
+	-o-box-pack: center;
+	-ms-flex-pack: center;
+	-webkit-justify-content: center;
+	justify-content: center
+}
+
+.acea-row.row-between-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: justify;
+	-moz-box-pack: justify;
+	-o-box-pack: justify;
+	-ms-flex-pack: justify;
+	-webkit-justify-content: space-between;
+	justify-content: space-between
+}
+
+.start{width: 122rpx; height: 30rpx;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAADMCAYAAAC8yreMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMDg0NEE2QTVFNUQxMUU4QUI3RkNGOTgwNDYyRUZDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QzVENDMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QzVEMzMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2ZhZTM5NC0wNmE4LTkzNGYtODA0OS0zNjBjNTcxOTU2YjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWI1M2NhMC04MWE1LTE5NGItYmJlYi1jMzI2MjIwNmNhOTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ctYL1AAAHsElEQVR42uycS4gcVRiFq5Mm4yuKihoVlKg7IVlkI4oGFV9R4wPSJChBMW5ECYooKuIbEReCBBGJEDS+BkVJYEIMJgvJIossFATxCW58boRJEDEZz83cDk3TXc/7T9Xt+g783O7p6tP/9Km6dbvp+jpzc3MJmnwt4i0gaETQiKBRM+UWY8OVpt9XXXySakcZ34Xwp/fR3mWO6LWqW/Wilxnte5b+re29TNB3+fEeozfL0r+1vXdGTRmdTmfc9HGGG1Rd1d+qZecc/PGfcVPI2Bc19Kf3uSBHdM+/mNNpqtsD77WW/q3uvTtmDzpPw9kDxm5XW6q6b2jTB7XtrEZXc35vc/rNV7LQ/vQ+2rs75v/Zproux45yhWrniL/vUq1JeZ6lP70XmLpvVr1SYoo5qnrBrQ4ztrP0p/eiizFND9dreHdgOknTr25lqEXCvrwLGgt/ei+xGNOTP9ewUrUn48XclLGi/2J5ZelP7wVX3TJxJ/f3Mjbbpu3+KrOctPSn9+Ifr9ZWfLxOf3rPE7TOF1Mabhg68e/yy/q+1mi7bpn/xNKf3osd0deqTva3f1ZdpenCLeFXq37wfz9ddWXJvdbSn94LBH2bH9/2J/79/hzypV8wvD60XVFZ+tN7xhcmgzrRnQv0AjtHLBgOa9is6eOzCm+WpT+9p32ORpMnfmFC0IigEUEjgkYEjQgaETQiaETQBI0IGhE0ImhE0IigEUGj8oIaEEfvTtPT0ytVF5bxh3gQl/9TqkcWauqGeFCDv47kM5P5y2PP1+0lpkH7K+9v9HfX6/4JIf8ZS/+Ye/dap/pI5U4Nt1gf0RAP6vO/WrVX9YnqjqJPhnjQoN5Tpu0LNPzS6/XcZTmHdH9WdZbu/1kp6ARqQC29Kzw39d+rOqL6V7XY33Y/5n9pYNOtqpdd4BqX+G3dNqck81dgzuQN2l15766gf7zgDHHUN/RcxnaW/jH3fkC1QbVbR+v7Y88Rvd5BDZsGdhA3qzykWqXaP+o5EA8a2LuCe0DDparHFOqhHKvxLaovtO3Wcf4QDxrYuwJ7Q8Nbqu0KckVKyO5Kyu2qF/shl151Qw2ox1/BfaXhbtVrKZs9r7pT234T6uMV1IB6/N3F8N+mPP6dX7BV/xwNNaA+f786n+kvuFT3qzYMPL5n4Euaykc01ID6/N3HuL0K91yNH/odaKnuu3P3Mt1264SbQgUNNaAGfwU55fNxX3e+qXrCLbhUbpH2tF9pO4Dcqdp2cYig+1feb1LNDi1GDqs26+Y1Fc5Dlv4x977azwSX+AXXTwMLNTd7rPOzhfti5vIsM4gHDdIgxllH6XJ3tPrVd9qRf5GGWW33R/9vI78bIeh2iJ8SETQiaETQiKARQSOCRgSNCBoRNEEjgkYEjQgaETQiaETQiKARQSMnYDXheneqApSx9AZWE16lgTKW3sBqAqoqUMbSG1hNWFUCylh6A6sJq0pAGUtvYDUBYDJ+aq0MlLH0BlZTsHdLoAywmmL+1r2bAWUSYDX5/ReqdwugjKl32gv6N8xdcP1OxnTopruNg6yOPG+Whf9C9u6+wNDwrOoZvclfjwnCXfr6pOrRQdZI1vse2htYTYXeQwNlLL2B1VTvPRhQxtIbWE01mEySBATKWHoDq6nWe5IEBMpYegOrqdB7aKCMpTewmmq9BwXKWHrDMCkoU6AMsBpUVfyUiKARQSOCRgSNCBoRNCJoRNCIoAkaETQiaETQiKARQSOCRgSNMtQmholTFQ4IDJOwsva3ZIxY+8MwySNLxoi1PwyTYrJkjFj7wzApIEvGiLU/DJOcU58ZY8TaH4bJ6DfFjANi7Q/DpJi/JWPE2h+GSVKQYWLBAbH2h2FSkmESmgNi7Q/DpKS/JWPE2h+GSXFZMkas/YN5Z7I7xnBAdvsvNvpzzTEOiI66/0p8SWLqnwxxQPwixl1P/IF/vM8B+bhkGJb+wbwnnWGSJLaMEWt/GCY5v2gwY4xY+8MwKSZLxoi1PwyT1H/IkANi7Q/DBFUWPyUiaETQiKARQSOCRgSNCBoRNCJogkYEjQgaETQiaETQiKARQaMMNY1h4tRUDggMk/BqJAck5t4bxzBpMgck5t4bxTDxaiwHJObem8YwcWosByTm3mthmKRMT43mgMTcey0Mk1g5IDH3XhfDJEoOSMy918owiY0DEnPvtTNMYuKAxNx77QyTmDggMffeFIZJFByQmHuvnWHSf34SAQck5t6bwDBJkkg4IDH3XjvDJCYOSMy9N4FhEg0HJObeR56jh5bnGxM/Z6TIfXbeVxKS8b2bDcaxOvR3Z7tFe+2M/6q1Kd5R9Q7DpCXip0QEjQgaETQiaETQiKARQSOCRgRN0IigEUEjgkYEjQgamQhqQDt6L3tEt5IaEHPvhYNuMzUg5t7LHNGtpQbE3HuZoFtLDYi590UFp4/jV977yzmPXXkfcHoy8297790xxlADWkI8gBowYb13oAZAPDj+IT2BGhB975mLMagBk9F73lU31IDIe+/mfEGoAZH3nveIhhoQee95FmNT/nPbDn/OeLh/UbYeW67hVdWnyTwXdL0eO1JwQRPUn95LLsYSqAET0XueczTUgAnoHeJBS8RPiQgaETQiaNRM/S/AAOykxVBJG5QXAAAAAElFTkSuQmCC');background-repeat: no-repeat; background-size: 122rpx auto;}
+.start.star5{background-position: 0 3rpx;}
+.start.star4{background-position: 0 -30rpx;}
+.start.star3{background-position: 0 -70rpx;}
+.start.star2{background-position: 0 -105rpx;}
+.start.star1{background-position: 0 -140rpx;}
+.start.star0{background-position: 0 -175rpx;}
+
+
+button {
+	padding: 0;
+	margin: 0;
+	line-height: normal;
+	background-color: #fff
+}
+
+button::after {
+	border: 0
+}
+
+radio .wx-radio-input {
+	border-radius: 50%;
+	width: 38rpx;
+	height: 38rpx
+}
+
+radio .wx-radio-input.wx-radio-input-checked {
+	border: 1px solid #e93323!important;
+	background-color: #e93323!important
+}
+
+radio .uni-radio-input {
+	border-radius: 50%;
+	width: 38rpx;
+	height: 38rpx
+}
+
+radio .uni-radio-input.uni-radio-input-checked {
+	border: 1px solid #e93323!important;
+	background-color: #e93323!important
+}
+
+checkbox .wx-checkbox-input {
+	border-radius: 50%;
+	width: 38rpx;
+	height: 38rpx
+}
+
+/* checkbox .wx-checkbox-input.wx-checkbox-input-checked {
+	border: 1px solid #e93323!important;
+	background-color: #e93323!important;
+	color: #fff!important
+} */
+
+checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
+	font-size: 35rpx
+}
+
+checkbox .uni-checkbox-input {
+	border-radius: 50%;
+	width: 38rpx;
+	height: 38rpx
+}
+
+/* checkbox .uni-checkbox-input.uni-checkbox-input-checked {
+	border: 1px solid #e93323!important;
+	background-color: #e93323!important;
+	color: #fff!important
+} */
+
+checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
+	font-size: 35rpx
+}
+
+.line1 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap
+}
+
+.line2 {
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden
+}
+
+.mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: #000;
+	opacity: .5;
+	z-index: 5
+}
+
+@keyframes load {
+	from {
+		transform: rotate(0)
+	}
+
+	to {
+		transform: rotate(360deg)
+	}
+}
+
+@-webkit-keyframes load {
+	from {
+		transform: rotate(0)
+	}
+
+	to {
+		transform: rotate(360deg)
+	}
+}
+
+.loadingpic {
+	animation: load 3s linear 1s infinite;
+	--webkit-animation: load 3s linear 1s infinite
+}
+
+.loading-list {
+	animation: load linear 1s infinite;
+	-webkit-animation: load linear 1s infinite;
+	font-size: 40rpx;
+	margin-right: 22rpx
+}
+
+.loading {
+	width: 100%;
+	height: 100rpx;
+	line-height: 100rpx;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	text-align: center
+}
+
+.loading .line {
+	position: absolute;
+	width: 450rpx;
+	left: 150rpx;
+	top: 50rpx;
+	height: 1px;
+	border-top: 1px solid #eee
+}
+
+.loading .text {
+	position: relative;
+	display: inline-block;
+	padding: 0 20rpx;
+	background: #fff;
+	z-index: 2;
+	color: #777
+}
+
+.loadingicon .loading {
+	animation: load linear 1s infinite;
+	font-size: 45rpx;
+	color: #000;
+	width: 50rpx;
+}
+
+.loadingicon {
+	width: 100%;
+	height: 80rpx;
+	overflow: hidden
+}
+
+.uni-p-b-98{
+	height: 100rpx;
+	/* 兼容 IOS<11.2 */
+	height: calc(100rpx + constant(safe-area-inset-bottom));
+	/* 兼容 IOS>11.2 */
+	height: calc(100rpx + env(safe-area-inset-bottom));
+}
--- a/src/static/css/common.scss
+++ b/src/static/css/common.scss
@ -0,0 +1,88 @@
+
+//左右浮动
+.two_sides {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    &>view:nth-child(1),
+    &>text:nth-child(1) {
+      flex: 1;
+      justify-content: flex-start;
+      text-align: left;
+    }
+    &>view:nth-child(2),
+    &>text:nth-child(2) {
+      flex: 1;
+      justify-content: flex-end;
+      text-align: right;
+    }
+}
+
+.row {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+}
+  
+.grid {
+    display: flex;
+    flex-wrap: wrap;
+}
+  
+.col {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -moz-box-flex: 1;
+    -moz-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: block;
+    width: 100%;
+}
+
+view {
+    box-sizing: border-box;
+  }
+  
+  .bg-color-red {
+    background-color: #e93323 !important;
+  }
+  
+  .syspadding {
+    padding-top: var(--status-bar-height);
+  }
+  
+  .flex {
+    display: flex;
+  }
+  
+  .uni-scroll-view::-webkit-scrollbar {
+    /* 隐藏滚动条，但依旧具备可以滚动的功能 */
+    display: none;
+  }
+  
+  ::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    color: transparent;
+  }
+  
+.col-triple,.col-3 {
+    @include make-col (33.3333333333%);
+}
+  
+.col-double,.col-2 {
+    @include make-col(50%);
+}
+  
+.col-4{
+    @include make-col(25%);
+}
+
+.col-5{
+    @include make-col(20%);
+}
--- a/src/static/css/mixn.scss
+++ b/src/static/css/mixn.scss
@ -0,0 +1,9 @@
+@mixin make-col($percent) {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 $percent;
+    -moz-box-flex: 0;
+    -moz-flex: 0 0 $percent;
+    -ms-flex: 0 0 $percent;
+    flex: 0 0 $percent;
+    max-width: $percent;
+}
--- a/src/static/css/variable.scss
+++ b/src/static/css/variable.scss
@ -0,0 +1,9 @@
+$theme-font-color: #00796b;
+$background-color: #ebfffd;
+$top-background-color: #1aa86c;
+
+.line1 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
--- a/src/static/icon/iconfont.css
+++ b/src/static/icon/iconfont.css
--- a/src/static/images/tabBar/company_active.png
+++ b/src/static/images/tabBar/company_active.png
--- a/src/static/images/tabBar/company_normal.png
+++ b/src/static/images/tabBar/company_normal.png
--- a/src/static/images/tabBar/user_active.png
+++ b/src/static/images/tabBar/user_active.png
--- a/src/static/images/tabBar/user_normal.png
+++ b/src/static/images/tabBar/user_normal.png
--- a/src/static/images/user/assessment.svg
+++ b/src/static/images/user/assessment.svg
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/基础信息@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-140.000000, -1586.000000)">
+            <g id="编组" transform="translate(140.000000, 1586.000000)">
+                <path d="M19.5,1 C20.6045695,1 21.5,1.8954305 21.5,3 L21.5,14 L20,14 L20,3 C20,2.74358208 19.8069799,2.53224642 19.5583106,2.50336387 L19.5,2.5 L4.5,2.5 C4.24358208,2.5 4.03224642,2.6930201 4.00336387,2.94168944 L4,3 L4,21 C4,21.2564179 4.1930201,21.4677536 4.44168944,21.4966361 L4.5,21.5 L12.5,21.5 L12.5,23 L4.5,23 C3.3954305,23 2.5,22.1045695 2.5,21 L2.5,3 C2.5,1.8954305 3.3954305,1 4.5,1 L19.5,1 Z" id="形状结合" fill="#160002" fill-rule="nonzero"></path>
+                <path d="M8.421875,10.0244141 L8.421875,5.04101562 L7.70751953,5.04101562 L7,5.55712891 L7,6.31591797 L7.70751953,5.79638672 L7.70751953,10.0244141 L8.421875,10.0244141 Z M11.4103742,10.0654297 C11.797744,10.0608724 12.1270083,9.93554688 12.3981672,9.68945312 C12.6738833,9.44108073 12.8162987,9.08789062 12.8254132,8.62988281 L12.8254132,6.43212891 C12.8162987,5.97184245 12.6738833,5.61751302 12.3981672,5.36914062 C12.1270083,5.12304688 11.797744,5 11.4103742,5 C11.0343976,5 10.7108299,5.12304688 10.4396711,5.36914062 C10.150283,5.61751302 10.0033104,5.97184245 9.99875309,6.43212891 L9.99875309,8.62988281 C10.0033104,9.08789062 10.150283,9.44108073 10.4396711,9.68945312 C10.7108299,9.93554688 11.0343976,10.0608724 11.4103742,10.0654297 Z M11.4103742,9.35107422 C10.954645,9.34651693 10.7222231,9.09244792 10.7131086,8.58886719 L10.7131086,6.4765625 C10.7222231,5.97753906 10.954645,5.72347005 11.4103742,5.71435547 C11.8638247,5.72347005 12.0973859,5.97753906 12.1110578,6.4765625 L12.1110578,8.58886719 C12.0973859,9.09244792 11.8638247,9.34651693 11.4103742,9.35107422 Z M15.569531,10.0654297 C15.9569007,10.0608724 16.2861651,9.93554688 16.5573239,9.68945312 C16.8330401,9.44108073 16.9754554,9.08789062 16.98457,8.62988281 L16.98457,6.43212891 C16.9754554,5.97184245 16.8330401,5.61751302 16.5573239,5.36914062 C16.2861651,5.12304687 15.9569007,5 15.569531,5 C15.1935544,5 14.8699867,5.12304687 14.5988278,5.36914062 C14.3094398,5.61751302 14.1624671,5.97184245 14.1579099,6.43212891 L14.1579099,8.62988281 C14.1624671,9.08789062 14.3094398,9.44108073 14.5988278,9.68945312 C14.8699867,9.93554688 15.1935544,10.0608724 15.569531,10.0654297 Z M15.569531,9.35107422 C15.1138018,9.34651693 14.8813799,9.09244792 14.8722653,8.58886719 L14.8722653,6.4765625 C14.8813799,5.97753906 15.1138018,5.72347005 15.569531,5.71435547 C16.0229815,5.72347005 16.2565427,5.97753906 16.2702145,6.4765625 L16.2702145,8.58886719 C16.2565427,9.09244792 16.0229815,9.34651693 15.569531,9.35107422 Z" id="100" stroke="#D7000F" stroke-width="0.5" fill="#D7000F" fill-rule="nonzero"></path>
+                <rect id="矩形" fill="#160002" x="20" y="11" width="1.5" height="4" rx="0.75"></rect>
+                <rect id="矩形" fill="#160002" x="9.68847403" y="21.5070686" width="4" height="1.5" rx="0.75"></rect>
+                <path d="M20.8778139,17.0070686 C21.2920274,17.0070686 21.6278139,17.3428551 21.6278139,17.7570686 C21.6278139,17.955981 21.5487962,18.1467464 21.4081439,18.2873987 L16.9688041,22.7267385 C16.6759109,23.0196318 16.2010372,23.0196318 15.9081439,22.7267385 C15.7674917,22.5860862 15.688474,22.3953208 15.688474,22.1964084 L15.688474,17.7570686 C15.688474,17.3428551 16.0242605,17.0070686 16.438474,17.0070686 L20.8778139,17.0070686 Z M19.066474,18.5070686 L17.188474,18.5070686 L17.188474,20.3850686 L19.066474,18.5070686 Z" id="矩形" fill="#160002" fill-rule="nonzero"></path>
+                <rect id="矩形" fill="#160002" x="6" y="12" width="11.5" height="1.5" rx="0.75"></rect>
+                <rect id="矩形备份-45" fill="#160002" x="6" y="15" width="7" height="1.5" rx="0.75"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/authorityApproval.svg
+++ b/src/static/images/user/authorityApproval.svg
@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_12@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-388.000000, -1538.000000)">
+            <g id="编组" transform="translate(388.000000, 1538.000000)">
+                <path d="M11,16 C14.0375661,16 16.5,13.5375661 16.5,10.5 C16.5,7.46243388 14.0375661,5 11,5 C7.96243388,5 5.5,7.46243388 5.5,10.5 C5.5,13.5375661 7.96243388,16 11,16 Z" id="椭圆形" fill="#ADE8C2"></path>
+                <path d="M9,17 L13,17 C17.9705627,17 22,21.0294373 22,26 L22,28 L22,28 L0,28 L0,26 C-6.08718376e-16,21.0294373 4.02943725,17 9,17 Z" id="矩形" fill="#ADE8C2"></path>
+                <g id="编组-2" transform="translate(20.000000, 4.000000)">
+                    <path d="M0.525778422,1.64638243 L5.46829221,0.159912118 C5.81509166,0.0556115307 6.18490834,0.0556115307 6.53170779,0.159912118 L11.4742216,1.64638243 C11.7863339,1.74025079 12,2.02763148 12,2.35355379 L12,7.71443905 C12,9.30445093 11.1480248,10.7725572 9.76750791,11.5614241 L6.73275905,13.2955663 C6.27870464,13.5550259 5.72129536,13.5550259 5.26724095,13.2955663 L2.23249209,11.5614241 C0.851975178,10.7725572 1.94720296e-16,9.30445093 0,7.71443905 L0,2.35355379 C-3.99139717e-17,2.02763148 0.213666126,1.74025079 0.525778422,1.64638243 Z" id="盾牌备份" fill="#1CB953"></path>
+                    <g id="编组" transform="translate(1.714286, 3.428571)" fill="#FFFFFF">
+                        <rect id="矩形" transform="translate(2.571429, 3.857143) rotate(-45.000000) translate(-2.571429, -3.857143) " x="1.71428571" y="1.71428571" width="1.71428571" height="4.28571429" rx="0.857142857"></rect>
+                        <rect id="矩形" transform="translate(4.995795, 3.251051) rotate(-45.000000) translate(-4.995795, -3.251051) " x="1.99579468" y="2.39390847" width="6" height="1.71428571" rx="0.857142857"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/basicInformation.svg
+++ b/src/static/images/user/basicInformation.svg
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/基础信息@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-100.000000, -1586.000000)">
+            <g id="个人中心/基础信息" transform="translate(94.000000, 1574.000000)">
+                <g id="编组" transform="translate(6.000000, 12.000000)">
+                    <g transform="translate(3.322639, 0.555556)">
+                        <path d="M3.51,22.999 L3.51059391,23 L3.484,22.999 L3.47569925,23 C2.55393592,23 1.76972845,22.4313924 1.4788478,21.6376617 C1.39114231,21.4105107 1.34317462,21.1643796 1.34317462,20.9074319 C1.34317462,20.8618938 1.3447143,20.8163679 1.34779116,20.7709269 L1.404,19.9326667 L1.39639165,19.9328444 L1.49739165,18.3998444 L1.50077198,18.4 L1.526,18.005 L1.56312501,17.3782222 L1.568,17.378 L2.067,9.92266667 L0.54335641,8.63595076 C0.198697445,8.34478902 0.000999999997,7.92415579 0.000999999997,7.48199983 L0,1.02266667 L0.001,1.022 L0.00100000041,0.75 C0.00100000041,0.335786438 0.336786438,3.41025581e-13 0.751,3.41060513e-13 L0.8391807,3.41060513e-13 C1.25339426,3.40873401e-13 1.5891807,0.335786438 1.5891807,0.75 L1.589,7.46966667 L3.09625395,8.7012621 C3.48028461,9.01498911 3.68765493,9.48582595 3.65526665,9.97050723 L3.433,13.2876667 L3.44517462,13.2882511 L3.063,18.938 L2.94651655,20.9411315 L2.94630568,20.9555556 C2.94630568,21.0087069 2.95470902,21.0599633 2.97030297,21.1081539 C3.05317004,21.3177352 3.26386745,21.4666667 3.51059391,21.4666667 L5.50464351,21.4665235 C5.81843426,21.4597301 6.07064473,21.2120173 6.07064473,20.9074319 L6.067,20.941 L6.06723464,20.9236272 L5.942,18.991 L5.5568254,13.2882511 L5.56900002,13.2876667 L5.34673341,9.97050723 C5.31434513,9.48582595 5.52171545,9.01498911 5.90574611,8.7012621 L5.90574611,8.7012621 L7.41300002,7.46966667 L7.41281936,0.75 C7.41281936,0.335786438 7.7486058,3.40984423e-13 8.16281936,3.41060513e-13 L8.16281936,3.41060513e-13 L8.25100002,3.41060513e-13 C8.66521358,3.41136603e-13 9.00100002,0.335786438 9.00100002,0.75 L9.00100002,0.75 L9.00100002,7.48199983 C9.00100002,7.92415579 8.80330261,8.34478902 8.45864365,8.63595076 L8.45864365,8.63595076 L6.93500002,9.92266667 L7.50122808,18.4 L7.50433105,18.3998444 L7.60633105,19.9328444 L7.59800002,19.9326667 L7.6542089,20.7709269 C7.65728576,20.8163679 7.6588254,20.8618938 7.6588254,20.9074319 C7.6588254,20.923619 7.65863503,20.9397632 7.65825633,20.9558625 L7.65231348,20.827842 C7.65604134,20.8853444 7.65726951,20.9424401 7.6560883,20.9990302 C7.6561466,21.0133687 7.65535688,21.02768 7.65441897,21.0419525 L7.6560883,20.9990302 C7.63412059,22.0514735 6.7788175,22.9290719 5.67115689,22.9960071 L5.60504828,22.9990015 L5.60504828,22.9990015 L3.51,22.999 Z" id="形状结合备份-10" fill="#160002"></path>
+                        <path d="M5.63996139,4.88498131e-15 L5.72814206,4.88498131e-15 C6.14235562,4.91991381e-15 6.47814206,0.335786438 6.47814206,0.75 L6.47814206,6.40555556 C6.47814206,6.81976912 6.14235562,7.15555556 5.72814206,7.15555556 L5.63996139,7.15555556 C5.22574782,7.15555556 4.88996139,6.81976912 4.88996139,6.40555556 L4.88996139,0.75 C4.88996139,0.335786438 5.22574782,5.07209341e-15 5.63996139,4.88498131e-15 Z" id="矩形" fill="#D7000F"></path>
+                        <path d="M3.23880857,4.88498131e-15 L3.32698925,4.88498131e-15 C3.74120281,4.91991381e-15 4.07698925,0.335786438 4.07698925,0.75 L4.07698925,6.40555556 C4.07698925,6.81976912 3.74120281,7.15555556 3.32698925,7.15555556 L3.23880857,7.15555556 C2.82459501,7.15555556 2.48880857,6.81976912 2.48880857,6.40555556 L2.48880857,0.75 C2.48880857,0.335786438 2.82459501,5.07209341e-15 3.23880857,4.88498131e-15 Z" id="矩形备份-51" fill="#D7000F"></path>
+                        <path d="M15.5605252,0.0517911134 C15.5904397,0.061529357 15.6166088,0.071703748 15.6400623,0.0821153335 L15.6409995,0.0809103421 C16.4114778,0.325055628 16.9326223,1.00857073 16.9947556,1.82714576 L17.001,1.9925714 L17.001,20.9992925 C17.001,22.1042527 16.0666378,23 14.9140435,23 C13.8138399,23 12.9124799,22.1838336 12.8328112,21.1486077 L12.827087,20.9992925 L12.827866,12.2062889 C11.7206413,10.9785901 11.001,8.98938087 11.001,6.74425168 C11.001,3.12720507 12.8660526,8.93303139e-06 15.2160251,8.93303139e-06 C15.3157928,8.93303139e-06 15.4004017,-0.000334826874 15.5605252,0.0517911134 Z M15.1158427,1.53118172 L15.054812,1.54698919 C13.785926,1.90722328 12.5662174,4.01267342 12.5662174,6.74425168 C12.5662174,8.00141729 12.8245706,9.12595928 13.227168,10.0087837 L14.1314348,11.2458435 L14.392087,11.5905922 L14.3923044,20.9992925 C14.3923044,21.2448392 14.5768698,21.4490599 14.8202602,21.4914109 L14.9140435,21.4994694 C15.1701756,21.4994694 15.3832001,21.3225317 15.4273767,21.0891999 L15.4357826,20.9992925 L15.4357826,1.9925714 C15.4357826,1.7849177 15.3037865,1.60681924 15.1158427,1.53118172 Z" id="形状结合备份-11" fill="#160002" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/bidding.svg
+++ b/src/static/images/user/bidding.svg
@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_7@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-148.000000, -1538.000000)">
+            <g id="个人中心/财务审批备份-7" transform="translate(148.000000, 1537.000000)">
+                <g id="编组" transform="translate(0.000000, 1.000000)">
+                    <g transform="translate(2.000000, 2.000000)">
+                        <circle id="椭圆形" fill="#CACAFE" cx="14" cy="14" r="14"></circle>
+                        <circle id="椭圆形备份" stroke="#FFFFFF" stroke-width="3" cx="14" cy="14" r="8.5"></circle>
+                        <circle id="椭圆形备份-2" fill="#FFFFFF" cx="14" cy="14" r="3"></circle>
+                    </g>
+                    <path d="M23.4748737,2.43933983 L25.767767,4.73223305 L25.767767,4.73223305 L28.0606602,2.43933983 C28.4511845,2.04881554 29.0843494,2.04881554 29.4748737,2.43933983 C29.6624101,2.62687621 29.767767,2.88123012 29.767767,3.14644661 L29.767767,7.31801948 C29.767767,7.58323597 29.6624101,7.83758989 29.4748737,8.02512627 L26.4748737,11.0251263 C26.0843494,11.4156506 25.4511845,11.4156506 25.0606602,11.0251263 L22.0606602,8.02512627 C21.8731238,7.83758989 21.767767,7.58323597 21.767767,7.31801948 L21.767767,3.14644661 C21.767767,2.59416186 22.2154822,2.14644661 22.767767,2.14644661 C23.0329834,2.14644661 23.2873374,2.25180345 23.4748737,2.43933983 Z" id="矩形" fill="#5B5BFB" transform="translate(25.767767, 6.232233) rotate(45.000000) translate(-25.767767, -6.232233) "></path>
+                    <rect id="矩形" fill="#5B5BFB" transform="translate(19.757359, 12.242641) rotate(45.000000) translate(-19.757359, -12.242641) " x="18.7573593" y="7.24264069" width="2" height="10" rx="1"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/brand.svg
+++ b/src/static/images/user/brand.svg
@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>商业bi/经营画像@2x</title>
+    <defs>
+        <linearGradient x1="87.1528861%" y1="100%" x2="7.98611111%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#45A6FF" offset="0%"></stop>
+            <stop stop-color="#2617FE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#72E3FF" offset="0%"></stop>
+            <stop stop-color="#07A8C0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#EBF6FF" offset="0%"></stop>
+            <stop stop-color="#CEE9FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M18.8211237,14.9489284 C19.2044621,15.1058506 19.3880087,15.5438183 19.2310865,15.9271567 C18.3537629,18.0703327 16.2632773,19.5 13.9077762,19.5 C12.4417986,19.5 11.0601492,18.9481907 10.0052686,17.9729388 L9.948,17.912 L9.58894921,18.4465219 C9.46541572,18.6296679 9.21680294,18.6779933 9.03365702,18.5544598 C8.96818792,18.5103003 8.91725492,18.44775 8.88727661,18.3746914 L8.03004762,16.2855828 C7.94618505,16.0812056 8.04388142,15.8475412 8.24825857,15.7636786 C8.2971158,15.7436309 8.34945928,15.7334564 8.40226892,15.733742 L10.6603803,15.745957 C10.881291,15.747152 11.0594057,15.9272042 11.0582107,16.1481149 C11.0577836,16.2270838 11.0339911,16.3041593 10.9898316,16.3696283 L10.7574131,16.7124919 C10.8534044,16.7452999 10.9442616,16.798226 11.0235432,16.8715229 C11.8039005,17.5929742 12.8230332,18 13.9077762,18 C15.6490858,18 17.194344,16.9432096 17.8428955,15.3588913 C17.9998177,14.9755529 18.4377854,14.7920063 18.8211237,14.9489284 Z M13.9077762,9 C15.3252846,9 16.6646618,9.51580103 17.7067848,10.4336645 L17.9468831,10.1476704 C18.0888839,9.97844049 18.3411861,9.95636691 18.510416,10.0983676 C18.5709105,10.1491286 18.6150262,10.2166602 18.6372036,10.2924522 L19.2713653,12.4597212 C19.3334052,12.6717448 19.2118194,12.8939172 18.9997958,12.9559571 C18.9491107,12.970788 18.8959904,12.9754355 18.8435,12.9696312 L16.5990355,12.7214462 C16.37946,12.6971663 16.2211415,12.4994824 16.2454214,12.2799068 C16.2541007,12.2014152 16.2858195,12.1272489 16.3365804,12.0667544 L16.7428185,11.582974 C16.736017,11.5773654 16.7292873,11.5716174 16.7226329,11.5657298 C15.9507895,10.882825 14.9600032,10.5 13.9077762,10.5 C12.1704343,10.5 10.6280103,11.5519659 9.97683573,13.1309384 C9.81891471,13.5138664 9.38046998,13.6962705 8.99754201,13.5383495 C8.61461405,13.3804285 8.43220988,12.9419838 8.5901309,12.5590558 C9.47098632,10.4231516 11.5576538,9 13.9077762,9 Z" id="path-4"></path>
+        <filter x="-75.3%" y="-61.9%" width="250.6%" height="261.9%" filterUnits="objectBoundingBox" id="filter-5">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0.337993621   0 0 0 0 0.914119112  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-292.000000, -1490.000000)">
+            <g id="编组" transform="translate(292.000000, 1490.000000)">
+                <rect id="矩形备份" fill="url(#linearGradient-1)" opacity="0.900000036" x="3" y="3" width="22" height="24" rx="4"></rect>
+                <path d="M21.4806248,17 L26.5193752,17 C26.8231589,17 27.1104718,17.1380897 27.300244,17.375305 L30.4408712,21.301089 C30.7591841,21.6989801 30.7274149,22.2725851 30.3671092,22.6328908 L24.7071068,28.2928932 C24.3165825,28.6834175 23.6834175,28.6834175 23.2928932,28.2928932 L17.6328908,22.6328908 C17.2725851,22.2725851 17.2408159,21.6989801 17.5591288,21.301089 L20.699756,17.375305 C20.8895282,17.1380897 21.1768411,17 21.4806248,17 Z" id="矩形" fill="url(#linearGradient-2)"></path>
+                <polyline id="路径-11" stroke="#FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="22 22 24 24 26 22"></polyline>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                    <use fill="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/business.svg
+++ b/src/static/images/user/business.svg
@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>商业bi/交易画像@2x</title>
+    <defs>
+        <linearGradient x1="76.4853626%" y1="91.8743393%" x2="28.2144944%" y2="4.92106877%" id="linearGradient-1">
+            <stop stop-color="#FFE58A" offset="0%"></stop>
+            <stop stop-color="#F38309" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="119.258354%" x2="50%" y2="3.061617e-15%" id="linearGradient-2">
+            <stop stop-color="#FEF199" offset="0%"></stop>
+            <stop stop-color="#FFF2E2" offset="100%"></stop>
+        </linearGradient>
+        <path d="M11.2573593,14.7426407 C10.7050746,14.7426407 10.2573593,14.2949254 10.2573593,13.7426407 C10.2573593,13.1903559 10.7050746,12.7426407 11.2573593,12.7426407 L12.7563593,12.742 L10.7218254,10.7071068 C10.3313011,10.3165825 10.3313011,9.68341751 10.7218254,9.29289322 C11.1123497,8.90236893 11.7455147,8.90236893 12.136039,9.29289322 L14.2573593,11.414 L16.3786797,9.29289322 C16.7692039,8.90236893 17.4023689,8.90236893 17.7928932,9.29289322 C18.1834175,9.68341751 18.1834175,10.3165825 17.7928932,10.7071068 L15.7573593,12.742 L17.2573593,12.7426407 C17.8096441,12.7426407 18.2573593,13.1903559 18.2573593,13.7426407 C18.2573593,14.2949254 17.8096441,14.7426407 17.2573593,14.7426407 L15.2573593,14.7426407 L15.2573593,14.7426407 L15.2573593,15.742 L17.2573593,15.7426407 C17.8096441,15.7426407 18.2573593,16.1903559 18.2573593,16.7426407 C18.2573593,17.2949254 17.8096441,17.7426407 17.2573593,17.7426407 L15.2573593,17.742 L15.2573593,19.7426407 C15.2573593,20.2949254 14.8096441,20.7426407 14.2573593,20.7426407 C13.7050746,20.7426407 13.2573593,20.2949254 13.2573593,19.7426407 L13.2573593,17.742 L11.2573593,17.7426407 C10.7050746,17.7426407 10.2573593,17.2949254 10.2573593,16.7426407 C10.2573593,16.1903559 10.7050746,15.7426407 11.2573593,15.7426407 L13.2573593,15.742 L13.2573593,14.7426407 L11.2573593,14.7426407 Z" id="path-3"></path>
+        <filter x="-87.5%" y="-42.6%" width="275.0%" height="219.2%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.525862069   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="27.3786322%" y1="0%" x2="73.0036732%" y2="93.2664295%" id="linearGradient-5">
+            <stop stop-color="#26E7D1" offset="0%"></stop>
+            <stop stop-color="#07C091" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-244.000000, -1490.000000)">
+            <g id="编组" transform="translate(244.000000, 1490.000000)">
+                <path d="M4.34295875,5.53288391 L13.8429588,2.22853609 C14.2684833,2.08052754 14.7315167,2.08052754 15.1570412,2.22853609 L24.6570412,5.53288391 C25.4611018,5.81255714 26,6.57056648 26,7.42187751 L26,21.314023 C26,22.361003 25.4541696,23.3322446 24.5598408,23.8766186 L15.5398939,29.3670211 C14.9011447,29.755825 14.0988553,29.755825 13.4601061,29.3670211 L4.44015916,23.8766186 C3.54583035,23.3322446 3,22.361003 3,21.314023 L3,7.42187751 C3,6.57056648 3.53889821,5.81255714 4.34295875,5.53288391 Z" id="矩形" fill="url(#linearGradient-1)"></path>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
+                </g>
+                <g transform="translate(17.000000, 17.000000)">
+                    <circle id="椭圆形" fill="url(#linearGradient-5)" cx="6" cy="6" r="6"></circle>
+                    <polyline id="路径-10备份" stroke="#FFF9F9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="2.5 7.5 4.5 5.5 7 7.5 9.5 5"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/cashierInspection.svg
+++ b/src/static/images/user/cashierInspection.svg
@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/基础信息@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-220.000000, -1586.000000)">
+            <g id="编组" transform="translate(220.000000, 1586.000000)">
+                <path d="M14.072949,18.25 L15.7437694,20.6645898 C15.8363904,20.8498317 15.8451588,21.0550789 15.7844615,21.2371708 C15.7237642,21.4192627 15.5936012,21.5781994 15.4083592,21.6708204 L15.4083592,21.6708204 L8.92705098,21.75 C8.7199442,21.75 8.5324442,21.6660534 8.3967209,21.5303301 C8.26099759,21.3946068 8.17705098,21.2071068 8.17705098,21 L8.17705098,21 L9.25623059,18.6645898 L14.072949,18.25 Z" id="矩形" stroke="#160002" stroke-width="1.5"></path>
+                <path d="M12.25,8 C13.4926407,8 14.5,9.00735931 14.5,10.25 C14.5,11.4926407 13.4926407,12.5 12.25,12.5 L12,12.5 L12,12.75 C12,13.1642136 11.6642136,13.5 11.25,13.5 C10.8357864,13.5 10.5,13.1642136 10.5,12.75 L10.5,12.5 L9.75,12.5 C9.33578644,12.5 9,12.1642136 9,11.75 C9,11.3357864 9.33578644,11 9.75,11 L12.25,11 C12.6642136,11 13,10.6642136 13,10.25 C13,9.86015194 12.702556,9.53977566 12.32223,9.50343329 L12.25,9.5 L11.25,9.5 C10.0073593,9.5 9,8.49264069 9,7.25 C9,6.00735931 10.0073593,5 11.25,5 L11.5,5 L11.5,4.75 C11.5,4.33578644 11.8357864,4 12.25,4 C12.6642136,4 13,4.33578644 13,4.75 L13,5 L13.75,5 C14.1642136,5 14.5,5.33578644 14.5,5.75 C14.5,6.16421356 14.1642136,6.5 13.75,6.5 L11.25,6.5 C10.8357864,6.5 10.5,6.83578644 10.5,7.25 C10.5,7.63984806 10.797444,7.96022434 11.17777,7.99656671 L11.25,8 L12.25,8 Z" id="形状结合" fill="#D7000F" fill-rule="nonzero"></path>
+                <path d="M22.75,15.25 L22.75,17 C22.75,17.345178 22.610089,17.657678 22.3838835,17.8838835 C22.157678,18.110089 21.845178,18.25 21.5,18.25 L21.5,18.25 L2.5,18.25 C2.15482203,18.25 1.84232203,18.110089 1.61611652,17.8838835 C1.38991102,17.657678 1.25,17.345178 1.25,17 L1.25,17 L1.25,15.25 L22.75,15.25 Z" id="矩形" stroke="#160002" stroke-width="1.5"></path>
+                <path d="M21.5,1.5 C22.6045695,1.5 23.5,2.3954305 23.5,3.5 L23.5,11 L22,11 L22,11 L22,3.5 C22,3.25454011 21.8231248,3.05039163 21.5898756,3.00805567 L21.5,3 L2.5,3 C2.25454011,3 2.05039163,3.17687516 2.00805567,3.41012437 L2,3.5 L2,17 C2,17.2454599 2.17687516,17.4496084 2.41012437,17.4919443 L2.5,17.5 L21.5,17.5 C21.7454599,17.5 21.9496084,17.3231248 21.9919443,17.0898756 L22,17 L22,15 L23.5,15 L23.5,17 C23.5,18.1045695 22.6045695,19 21.5,19 L2.5,19 C1.3954305,19 0.5,18.1045695 0.5,17 L0.5,3.5 C0.5,2.3954305 1.3954305,1.5 2.5,1.5 L21.5,1.5 Z" id="形状结合" fill="#160002" fill-rule="nonzero"></path>
+                <rect id="矩形" fill="#160002" x="22" y="9" width="1.5" height="3" rx="0.75"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/complaintSuggest.svg
+++ b/src/static/images/user/complaintSuggest.svg
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/基础信息@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-180.000000, -1586.000000)">
+            <g id="编组" transform="translate(180.000000, 1586.000000)">
+                <path d="M21.7251628,2.53 L22.8331628,3.557 L13.2053183,11.705999 C12.4595878,12.3370966 11.3670534,12.3370966 10.6213228,11.705999 L1.07216276,3.624 L2.02542539,3.1648875 L2.81616276,3.135 L11.5903211,10.5609914 C11.7612177,10.705618 12.0049672,10.7176702 12.1880059,10.597148 L12.23632,10.5609914 L21.7251628,2.53 Z" id="形状结合" fill="#160002" fill-rule="nonzero"></path>
+                <path d="M21.5,2 C22.6045695,2 23.5,2.8954305 23.5,4 L23.5,10 L22,10 L22,4 C22,3.74358208 21.8069799,3.53224642 21.5583106,3.50336387 L21.5,3.5 L2.5,3.5 C2.24358208,3.5 2.03224642,3.6930201 2.00336387,3.94168944 L2,4 L2,18 C2,18.2564179 2.1930201,18.4677536 2.44168944,18.4966361 L2.5,18.5 L10.5,18.5 L10.5,20 L2.5,20 C1.3954305,20 0.5,19.1045695 0.5,18 L0.5,4 C0.5,2.8954305 1.3954305,2 2.5,2 L21.5,2 Z" id="形状结合" fill="#160002" fill-rule="nonzero"></path>
+                <rect id="矩形" fill="#160002" x="22" y="8.5" width="1.5" height="3" rx="0.75"></rect>
+                <rect id="矩形" fill="#160002" x="9.5" y="18.5" width="2.5" height="1.5" rx="0.75"></rect>
+                <path d="M18.0357617,12.4934701 C18.3337754,12.3742645 18.6662246,12.3742645 18.9642383,12.4934701 L18.9642383,12.4934701 L22.278543,13.8191919 L22.75,18.7260716 C22.75,19.2529659 22.4735517,19.7412262 22.0217436,20.012311 L22.0217436,20.012311 L19.6576154,21.4307879 C19.3013478,21.6445486 18.9006739,21.7514289 18.5,21.7514289 C18.0993261,21.7514289 17.6986522,21.6445486 17.3423846,21.4307879 L17.3423846,21.4307879 L14.9782564,20.012311 C14.5264483,19.7412262 14.25,19.2529659 14.25,18.7260716 L14.25,18.7260716 L14.25,14.5155494 Z" id="矩形" stroke="#D7000F" stroke-width="1.5"></path>
+                <rect id="矩形" fill="#D7000F" x="17.75" y="14.5" width="1.5" height="3.5" rx="0.75"></rect>
+                <path d="M18.5,20 C18.9142136,20 19.25,19.6642136 19.25,19.25 C19.25,18.8357864 18.9142136,18.5 18.5,18.5 C18.0857864,18.5 17.75,18.8357864 17.75,19.25 C17.75,19.6642136 18.0857864,20 18.5,20 Z" id="椭圆形" fill="#D7000F"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/contractApproval.svg
+++ b/src/static/images/user/contractApproval.svg
@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_9@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-244.000000, -1538.000000)">
+            <g id="个人中心/财务审批备份-9" transform="translate(244.000000, 1538.000000)">
+                <g id="编组-4" transform="translate(1.000000, 3.000000)">
+                    <g id="编组-3" transform="translate(9.000000, 0.000000)" fill="#0095FB">
+                        <path d="M2,0 L14,0 L14,0 L21,7 L21,24 C21,25.1045695 20.1045695,26 19,26 L2,26 C0.8954305,26 1.3527075e-16,25.1045695 0,24 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="矩形" opacity="0.400000006"></path>
+                        <path d="M14,0 L21,7 L15,7 C14.4477153,7 14,6.55228475 14,6 L14,0 L14,0 Z" id="矩形"></path>
+                    </g>
+                    <g id="编组-2" transform="translate(3.000000, 7.000000)">
+                        <rect id="矩形" fill="#0095FB" x="0" y="0" width="19" height="11" rx="1"></rect>
+                        <text id="合同" font-family="PingFangSC-Medium, PingFang SC" font-size="8" font-weight="400" line-spacing="8" fill="#FFFFFF">
+                            <tspan x="1.55338462" y="9.42269732">合同</tspan>
+                        </text>
+                    </g>
+                    <g id="编组" opacity="0.400000006" transform="translate(0.000000, 3.000000)" fill="#0095FB">
+                        <rect id="矩形" x="0" y="0" width="4" height="2" rx="1"></rect>
+                        <rect id="矩形" x="0" y="0" width="2" height="4" rx="1"></rect>
+                    </g>
+                    <g id="编组备份" opacity="0.400000006" transform="translate(2.000000, 19.000000) scale(1, -1) translate(-2.000000, -19.000000) translate(0.000000, 17.000000)" fill="#0095FB">
+                        <rect id="矩形" x="0" y="0" width="4" height="2" rx="1"></rect>
+                        <rect id="矩形" x="0" y="0" width="2" height="4" rx="1"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/customerGroup.svg
+++ b/src/static/images/user/customerGroup.svg
@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>商业bi/车流画像@2x</title>
+    <defs>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#30C8ED" offset="0%"></stop>
+            <stop stop-color="#0B9353" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-2">
+            <stop stop-color="#30C8ED" offset="0%"></stop>
+            <stop stop-color="#0B9353" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17,18 C18.6568542,18 20,19.3431458 20,21 L20,22 L12,22 L12,21 C12,19.3431458 13.3431458,18 15,18 L17,18 Z M16,13 C17.1045695,13 18,13.8954305 18,15 C18,16.1045695 17.1045695,17 16,17 C14.8954305,17 14,16.1045695 14,15 C14,13.8954305 14.8954305,13 16,13 Z" id="path-3"></path>
+        <filter x="-75.0%" y="-66.7%" width="250.0%" height="233.3%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0549019608   0 0 0 0 0.592156863   0 0 0 0 0.368627451  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#C3F4FF" offset="0%"></stop>
+            <stop stop-color="#B9FFEC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#C3F4FF" offset="0%"></stop>
+            <stop stop-color="#B9FFEC" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-148.000000, -1490.000000)">
+            <g id="编组" transform="translate(148.000000, 1490.000000)">
+                <circle id="椭圆形" fill="url(#linearGradient-1)" cx="16" cy="16" r="15"></circle>
+                <path d="M15.0008365,1.03285964 C22.8184728,1.5478546 29,8.05204078 29,16 C29,23.9479592 22.8184728,30.4521454 15.0008365,30.9671404 C7.18205513,30.4527008 1,23.9482986 1,16 C1,8.13518552 7.05287201,1.68409506 14.7543616,1.05098303 Z" id="形状结合" fill="url(#linearGradient-2)"></path>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <use fill="#EAFBFF" fill-rule="evenodd" xlink:href="#path-3"></use>
+                </g>
+                <rect id="矩形" fill="url(#linearGradient-5)" transform="translate(22.303301, 22.303301) rotate(-45.000000) translate(-22.303301, -22.303301) " x="21.3033009" y="19.8033009" width="2" height="5" rx="1"></rect>
+                <circle id="椭圆形" stroke="url(#linearGradient-6)" stroke-width="2" cx="16" cy="16" r="7"></circle>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/dailyRevenue.svg
+++ b/src/static/images/user/dailyRevenue.svg
@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="34px" height="33px" viewBox="0 0 34 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_16@2x</title>
+    <defs>
+        <linearGradient x1="28.9594899%" y1="13.7288684%" x2="73.3110127%" y2="87.3912559%" id="linearGradient-1">
+            <stop stop-color="#3469FF" offset="0%"></stop>
+            <stop stop-color="#3D70FF" offset="57.3913839%"></stop>
+            <stop stop-color="#0B86FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="24.6735703%" y1="6.90091638%" x2="66.0482147%" y2="95.7237119%" id="linearGradient-2">
+            <stop stop-color="#7DF0FF" offset="0%"></stop>
+            <stop stop-color="#3497FF" offset="61.833567%"></stop>
+            <stop stop-color="#18CAC3" offset="100%"></stop>
+        </linearGradient>
+        <path d="M15.3232422,0.78515625 C23.6075134,0.78515625 30.3232422,7.500885 30.3232422,15.7851562 C30.3232422,24.0694275 23.6075134,30.7851562 15.3232422,30.7851562 C7.03897094,30.7851562 0.323242188,24.0694275 0.323242188,15.7851562 C0.323242188,7.500885 7.03897094,0.78515625 15.3232422,0.78515625 Z M15.3232422,3.59765625 C8.5922718,3.59765625 3.13574219,9.05418586 3.13574219,15.7851562 C3.13574219,22.5161266 8.5922718,27.9726562 15.3232422,27.9726562 C22.0542126,27.9726562 27.5107422,22.5161266 27.5107422,15.7851562 C27.5107422,9.05418586 22.0542126,3.59765625 15.3232422,3.59765625 Z" id="path-3"></path>
+        <filter x="-33.3%" y="-53.6%" width="166.7%" height="207.1%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="4.69238281" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-50.0%" y="-62.5%" width="200.0%" height="225.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feGaussianBlur stdDeviation="4.69238281" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#68EBFF" offset="0%"></stop>
+            <stop stop-color="#0AA5BC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="95.3792813%" y1="38.9273064%" x2="36.1851557%" y2="62.0690915%" id="linearGradient-8">
+            <stop stop-color="#BEFFDB" offset="0%"></stop>
+            <stop stop-color="#FFDF47" offset="49.7475778%"></stop>
+            <stop stop-color="#FFDA02" offset="100%"></stop>
+        </linearGradient>
+        <path d="M8.96966991,4.46966991 C9.26256313,4.1767767 9.73743687,4.1767767 10.0303301,4.46966991 C10.2965966,4.73593648 10.3208027,5.15260016 10.1029482,5.44621165 L10.0303301,5.53033009 L7.53033009,8.03033009 C7.28712373,8.27353644 6.91433804,8.31715686 6.62466601,8.14941132 L6.53147871,8.08565161 L4.555,6.505 L3.03033009,8.03033009 C2.76406352,8.29659665 2.34739984,8.3208027 2.05378835,8.10294824 L1.96966991,8.03033009 C1.70340335,7.76406352 1.6791973,7.34739984 1.89705176,7.05378835 L1.96966991,6.96966991 L3.96966991,4.96966991 C4.21287627,4.72646356 4.58566196,4.68284314 4.87533399,4.85058868 L4.96852129,4.91434839 L6.944,6.494 L8.96966991,4.46966991 Z" id="path-9"></path>
+        <filter x="-82.4%" y="-125.0%" width="264.7%" height="450.0%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.343325408   0 0 0 0 0.271370981   0 0 0 0 0  0 0 0 0.282451923 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50.6856425%" y1="0.685642483%" x2="50.6856425%" y2="99.3143575%" id="linearGradient-11">
+            <stop stop-color="#FFF6D4" offset="0%"></stop>
+            <stop stop-color="#ECBDFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-100.000000, -1442.000000)">
+            <g id="个人中心/财务审批备份-16" transform="translate(99.000000, 1442.000000)">
+                <g id="编组" transform="translate(1.000000, 0.000000)">
+                    <path d="M15,31 C23.2842712,31 30,24.2842712 30,16 C30,7.71572875 23.2842712,1 15,1 C6.71572875,1 0,7.71572875 0,16 C0,24.2842712 6.71572875,31 15,31 Z" id="椭圆形" fill="url(#linearGradient-1)" opacity="0.900000036"></path>
+                    <g id="编组-2" transform="translate(-0.323242, 0.214844)">
+                        <mask id="mask-4" fill="white">
+                            <use xlink:href="#path-3"></use>
+                        </mask>
+                        <use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
+                        <ellipse id="椭圆形备份" fill="#7C5EFF" opacity="0.434047965" filter="url(#filter-5)" mask="url(#mask-4)" cx="10.1157227" cy="14.8925781" rx="21.1157227" ry="13.1386719"></ellipse>
+                        <ellipse id="椭圆形" fill="#FFA95A" opacity="0.5" filter="url(#filter-6)" mask="url(#mask-4)" cx="6.83105469" cy="9.26171875" rx="14.0771484" ry="11.2617188"></ellipse>
+                    </g>
+                    <g transform="translate(20.000000, 19.000000)">
+                        <circle id="椭圆形" fill="url(#linearGradient-7)" cx="6" cy="6" r="6"></circle>
+                        <g id="路径-10备份">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                            <use fill="url(#linearGradient-8)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                        </g>
+                    </g>
+                    <path d="M16,8 C16.5522847,8 17,8.44771525 17,9 L17,10 L17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 C20,11.5522847 19.5522847,12 19,12 L14.5,12 C13.7203039,12 13.0795513,12.5948881 13.0068666,13.35554 L13,13.5 C13,14.2796961 13.5948881,14.9204487 14.35554,14.9931334 L14.5,15 L17,15 L17.0009499,15.0355804 C18.6966339,15.2786039 20,16.7370932 20,18.5 C20,20.2629068 18.6966339,21.7213961 17.0009499,21.9644196 L17,23 C17,23.5522847 16.5522847,24 16,24 C15.4477153,24 15,23.5522847 15,23 L15,22 L12,22 C11.4477153,22 11,21.5522847 11,21 C11,20.4477153 11.4477153,20 12,20 L16.5,20 C17.2796961,20 17.9204487,19.4051119 17.9931334,18.64446 L18,18.5 C18,17.7203039 17.4051119,17.0795513 16.64446,17.0068666 L16.5,17 L14,17 L14.0000497,16.9645627 C12.3038784,16.7219693 11,15.2632532 11,13.5 C11,11.5670034 12.5670034,10 14.5,10 L15,10 L15,9 C15,8.44771525 15.4477153,8 16,8 Z" id="形状结合" fill="url(#linearGradient-11)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/dataVerification.svg
+++ b/src/static/images/user/dataVerification.svg
@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_13@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-436.000000, -1538.000000)">
+            <g id="编组" transform="translate(436.000000, 1538.000000)">
+                <path d="M23.9997278,20.2208603 L23.9980116,26.1862572 L23.4941902,26.3686492 C22.5651675,26.6899472 21.5731166,26.9697455 20.5290385,27.2026047 L19.8964364,27.3366441 C17.7675386,27.7643761 15.4393328,28 12.9998268,28 C10.5603208,28 8.23211502,27.7643761 6.10321718,27.3366441 L5.47061508,27.2026047 C4.23483741,26.926991 3.07194591,26.5856192 2.00018177,26.1875086 L1.99983676,20.220811 C2.0784925,20.2644185 2.15929139,20.3079547 2.24220906,20.3513593 L2.49719543,20.4810697 C5.10614056,21.7710758 8.88644714,22.5616772 12.9998268,22.5616772 C17.1132065,22.5616772 20.893513,21.7710758 23.5024582,20.4810697 C23.676651,20.3949392 23.8424725,20.3080423 23.9997278,20.2208603 Z M23.9997278,12.9697632 L23.9980116,18.93516 L23.4941902,19.1175521 C22.5651675,19.4388501 21.5731166,19.7186484 20.5290385,19.9515076 L19.8964364,20.0855469 C17.7675386,20.5132789 15.4393328,20.7489029 12.9998268,20.7489029 C10.5603208,20.7489029 8.23211502,20.5132789 6.10321718,20.0855469 L5.47061508,19.9515076 C4.23483741,19.6758939 3.07194591,19.3345221 2.00018177,18.9364115 L1.99983676,12.9697139 C2.0784925,13.0133214 2.15929139,13.0568575 2.24220906,13.1002622 L2.49719543,13.2299726 C5.10614056,14.5199786 8.88644714,15.31058 12.9998268,15.31058 C17.1132065,15.31058 20.893513,14.5199786 23.5024582,13.2299726 C23.676651,13.1438421 23.8424725,13.0569452 23.9997278,12.9697632 Z M12.9998268,3 C18.9595859,3 23.8122162,4.17190343 23.9932127,5.63446657 L23.9948515,5.6470143 C23.9964778,5.64611372 23.9981033,5.64521311 23.9997278,5.64431247 L23.9980116,11.6097093 L23.4941902,11.7921014 C22.5651675,12.1133993 21.5731166,12.3931977 20.5290385,12.6260569 L19.8964364,12.7600962 C17.7675386,13.1878282 15.4393328,13.4234521 12.9998268,13.4234521 C10.5603208,13.4234521 8.23211502,13.1878282 6.10321718,12.7600962 L5.47061508,12.6260569 C4.23483741,12.3504432 3.07194591,12.0090713 2.00018177,11.6109608 L1.99983676,5.64426312 C2.1589021,4.17880712 7.02253899,3 12.9998268,3 Z" id="形状结合" fill="#149FB3" fill-rule="nonzero" opacity="0.400000006"></path>
+                <circle id="椭圆形" fill="#149FB3" fill-rule="nonzero" cx="24.5" cy="22.5" r="6.5"></circle>
+                <g transform="translate(20.714286, 19.428571)" fill="#FFFFFF" id="矩形">
+                    <rect transform="translate(2.571429, 3.857143) rotate(-45.000000) translate(-2.571429, -3.857143) " x="1.71428571" y="1.71428571" width="1.71428571" height="4.28571429" rx="0.857142857"></rect>
+                    <rect transform="translate(4.995795, 3.251051) rotate(-45.000000) translate(-4.995795, -3.251051) " x="1.99579468" y="2.39390847" width="6" height="1.71428571" rx="0.857142857"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/festival.svg
+++ b/src/static/images/user/festival.svg
@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="36px" viewBox="0 0 35 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_15@2x</title>
+    <defs>
+        <linearGradient x1="-17.184516%" y1="-8.5213982%" x2="86.961726%" y2="93.1122449%" id="linearGradient-1">
+            <stop stop-color="#FFAD78" offset="0%"></stop>
+            <stop stop-color="#3D70FF" offset="57.3913839%"></stop>
+            <stop stop-color="#2B96FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M27,19.5 C27.5522847,19.5 28,19.9477153 28,20.5 L28,25.5 C28,26.0522847 27.5522847,26.5 27,26.5 L1,26.5 C0.44771525,26.5 4.47140469e-16,26.0522847 0,25.5 L0,20.5 C-1.78657678e-16,19.9477153 0.44771525,19.5 1,19.5 L27,19.5 Z M27,10 C27.5522847,10 28,10.4477153 28,11 L28,16 C28,16.5522847 27.5522847,17 27,17 L1,17 C0.44771525,17 4.47140469e-16,16.5522847 0,16 L0,11 C-1.78657678e-16,10.4477153 0.44771525,10 1,10 L27,10 Z M27,0.5 C27.5522847,0.5 28,0.94771525 28,1.5 L28,6.5 C28,7.05228475 27.5522847,7.5 27,7.5 L1,7.5 C0.44771525,7.5 4.47140469e-16,7.05228475 0,6.5 L0,1.5 C-1.78657678e-16,0.94771525 0.44771525,0.5 1,0.5 L27,0.5 Z" id="path-2"></path>
+        <filter x="-100.0%" y="-160.0%" width="300.0%" height="420.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="8" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="1.37128497%" y1="50%" x2="100%" y2="50%" id="linearGradient-5">
+            <stop stop-color="#FFF8DC" offset="0%"></stop>
+            <stop stop-color="#FFCDB5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-6">
+            <stop stop-color="#FFF8DC" offset="1.37128497%"></stop>
+            <stop stop-color="#FFCDB5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-7">
+            <stop stop-color="#F2EACC" offset="0%"></stop>
+            <stop stop-color="#F7DACC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
+            <stop stop-color="#95E1ED" offset="0%"></stop>
+            <stop stop-color="#3CC7DC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.701725007,2.28071094 L7.25431252,0.233027338 C7.73985942,0.0812939318 8.26014058,0.0812939318 8.74568748,0.233027338 L15.298275,2.28071094 C15.7157502,2.41117193 16,2.79780594 16,3.23519091 L16,10.8345772 C16,12.9520135 14.8839202,14.9126724 13.0632325,15.9937057 L9.02107751,18.3937352 C8.3916532,18.7674559 7.6083468,18.7674559 6.97892249,18.3937352 L2.93676748,15.9937057 C1.11607983,14.9126724 2.035668e-15,12.9520135 0,10.8345772 L0,3.23519091 C-2.57575513e-17,2.79780594 0.28424981,2.41117193 0.701725007,2.28071094 Z" id="path-9"></path>
+        <filter x="-84.4%" y="-54.6%" width="231.2%" height="208.2%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="-3" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.0146624617   0 0 0 0 0.336079997   0 0 0 0 0.384935462  0 0 0 0.47893903 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-11">
+            <stop stop-color="#68EBFF" offset="0%"></stop>
+            <stop stop-color="#0AA5BC" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.701725007,2.28071094 L7.25431252,0.233027338 C7.73985942,0.0812939318 8.26014058,0.0812939318 8.74568748,0.233027338 L15.298275,2.28071094 C15.7157502,2.41117193 16,2.79780594 16,3.23519091 L16,10.8345772 C16,12.9520135 14.8839202,14.9126724 13.0632325,15.9937057 L9.02107751,18.3937352 C8.3916532,18.7674559 7.6083468,18.7674559 6.97892249,18.3937352 L2.93676748,15.9937057 C1.11607983,14.9126724 2.035668e-15,12.9520135 0,10.8345772 L0,3.23519091 C-2.57575513e-17,2.79780594 0.28424981,2.41117193 0.701725007,2.28071094 Z" id="path-12"></path>
+        <linearGradient x1="50%" y1="19.6412263%" x2="50%" y2="88.9080732%" id="linearGradient-14">
+            <stop stop-color="#95E1ED" offset="0%"></stop>
+            <stop stop-color="#3CC7DC" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="95.3792813%" y1="22.1617772%" x2="36.1851557%" y2="80.3432996%" id="linearGradient-15">
+            <stop stop-color="#BEFFDB" offset="0%"></stop>
+            <stop stop-color="#FFDF47" offset="49.7475778%"></stop>
+            <stop stop-color="#FFDA02" offset="100%"></stop>
+        </linearGradient>
+        <path d="M8.8890873,0.707106781 C9.27961159,1.09763107 9.27961159,1.73079605 8.8890873,2.12132034 L4.64644661,6.36396103 L4.64644661,6.36396103 C4.49624496,6.51416268 4.31014972,6.60659447 4.11577134,6.64125639 L3.99837121,6.65512115 L3.99837121,6.65512115 L3.88030844,6.65512115 C3.64440378,6.64125639 3.41247503,6.54420301 3.23223305,6.36396103 L1.1109127,4.24264069 C0.720388412,3.8521164 0.720388412,3.21895142 1.1109127,2.82842712 C1.501437,2.43790283 2.13460197,2.43790283 2.52512627,2.82842712 L3.93901948,4.24221356 L7.47487373,0.707106781 C7.86539803,0.316582489 8.498563,0.316582489 8.8890873,0.707106781 Z" id="path-16"></path>
+        <filter x="-83.7%" y="-80.1%" width="267.4%" height="324.3%" filterUnits="objectBoundingBox" id="filter-18">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.343325408   0 0 0 0 0.271370981   0 0 0 0 0  0 0 0 0.282451923 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-100.0%" y="-150.0%" width="300.0%" height="400.0%" filterUnits="objectBoundingBox" id="filter-19">
+            <feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="3.061617e-15%" id="linearGradient-20">
+            <stop stop-color="#078EA4" offset="0%"></stop>
+            <stop stop-color="#0ED1F2" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-148.000000, -1442.000000)">
+            <g id="编组" transform="translate(148.000000, 1442.000000)">
+                <rect id="矩形" fill="#98B3FF" x="2" y="7" width="24" height="19"></rect>
+                <g id="椭圆形" transform="translate(0.000000, 2.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <use id="蒙版" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
+                    <ellipse fill="#B8FFFE" filter="url(#filter-4)" mask="url(#mask-3)" cx="4" cy="32.5" rx="12" ry="7.5"></ellipse>
+                </g>
+                <rect id="矩形" fill="url(#linearGradient-5)" opacity="0.699999988" x="17" y="5" width="9" height="2" rx="1"></rect>
+                <rect id="矩形" fill="url(#linearGradient-6)" opacity="0.699999988" x="2" y="5" width="2" height="2" rx="1"></rect>
+                <rect id="矩形备份-44" fill="url(#linearGradient-6)" opacity="0.699999988" x="6" y="5" width="2" height="2" rx="1"></rect>
+                <rect id="矩形备份-4" fill="url(#linearGradient-7)" opacity="0.900000036" x="17" y="15" width="9" height="2" rx="1"></rect>
+                <rect id="矩形备份-3" fill="url(#linearGradient-6)" opacity="0.699999988" x="2" y="14.5" width="2" height="2" rx="1"></rect>
+                <rect id="矩形备份-45" fill="url(#linearGradient-6)" opacity="0.699999988" x="6" y="14.5" width="2" height="2" rx="1"></rect>
+                <rect id="矩形备份-5" fill="url(#linearGradient-6)" opacity="0.699999988" x="2" y="24" width="2" height="2" rx="1"></rect>
+                <rect id="矩形备份-46" fill="url(#linearGradient-6)" opacity="0.699999988" x="6" y="24" width="2" height="2" rx="1"></rect>
+                <g transform="translate(16.000000, 12.000000)">
+                    <g id="盾牌备份-2">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                        <path stroke="#16CBE6" stroke-width="0.5" d="M7.32888127,0.471647333 C7.76587348,0.335087267 8.23412652,0.335087267 8.67111873,0.471647333 L8.67111873,0.471647333 L15.2237062,2.51933093 L15.75,10.8345772 C15.75,12.863787 14.6804235,14.7427518 12.9355978,15.778742 L12.9355978,15.778742 L8.89344282,18.1787715 C8.61806968,18.3422743 8.30903484,18.4240257 8,18.4240257 C7.69096516,18.4240257 7.38193032,18.3422743 7.10655718,18.1787715 L7.10655718,18.1787715 L3.06440216,15.778742 C1.3195765,14.7427518 0.25,12.863787 0.25,10.8345772 L0.25,10.8345772 L0.25,3.23519091 Z" stroke-linejoin="square" fill="url(#linearGradient-8)" fill-rule="evenodd"></path>
+                    </g>
+                    <g id="矩形">
+                        <mask id="mask-13" fill="white">
+                            <use xlink:href="#path-12"></use>
+                        </mask>
+                        <use id="蒙版" fill="url(#linearGradient-11)" xlink:href="#path-12"></use>
+                        <rect fill="url(#linearGradient-14)" mask="url(#mask-13)" x="8" y="-3" width="8" height="24" rx="1"></rect>
+                    </g>
+                    <g id="椭圆形" transform="translate(3.000000, 5.025126)">
+                        <mask id="mask-17" fill="white">
+                            <use xlink:href="#path-16"></use>
+                        </mask>
+                        <g id="蒙版">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-16"></use>
+                            <use fill="url(#linearGradient-15)" fill-rule="evenodd" xlink:href="#path-16"></use>
+                        </g>
+                        <ellipse fill="#FB4313" filter="url(#filter-19)" mask="url(#mask-17)" cx="0" cy="2.97487373" rx="3" ry="2"></ellipse>
+                    </g>
+                    <path d="M8.00049884,1.10897031 L8,1.60897026 C7.88446831,1.60897026 7.76893661,1.62083306 7.65525423,1.64455865 L7.4863488,1.68904415 L1.76085529,3.51861914 C1.63136221,3.55999851 1.53654142,3.66718538 1.50853152,3.7961703 L1.5,3.87582495 L1.5,10.7956227 C1.5,12.3762291 2.28568452,13.8476765 3.58598332,14.7282666 L3.78485386,14.8558634 L7.35127733,17.021192 C7.55073721,17.1422926 7.77562944,17.2027978 8.0005027,17.2027075 L8,17.7027076 C7.68541201,17.7027076 7.37082402,17.6180003 7.09178827,17.4485857 L3.5253648,15.2832572 C1.95739794,14.3312773 1,12.629958 1,10.7956227 L1,3.87582495 C1,3.49518239 1.24608173,3.15820697 1.60866234,3.04234474 L7.33415585,1.21276975 C7.55087037,1.14351887 7.77568761,1.10891906 8.00049884,1.10897031 Z" id="形状结合" fill="url(#linearGradient-20)" fill-rule="nonzero"></path>
+                    <path d="M15.0004988,1.10897031 L15,1.60897026 C14.8844683,1.60897026 14.7689366,1.62083306 14.6552542,1.64455865 L14.4863488,1.68904415 L8.76085529,3.51861914 C8.63136221,3.55999851 8.53654142,3.66718538 8.50853152,3.7961703 L8.5,3.87582495 L8.5,10.7956227 C8.5,12.3762291 9.28568452,13.8476765 10.5859833,14.7282666 L10.7848539,14.8558634 L14.3512773,17.021192 C14.5507372,17.1422926 14.7756294,17.2027978 15.0005027,17.2027075 L15,17.7027076 C14.685412,17.7027076 14.370824,17.6180003 14.0917883,17.4485857 L10.5253648,15.2832572 C8.95739794,14.3312773 8,12.629958 8,10.7956227 L8,3.87582495 C8,3.49518239 8.24608173,3.15820697 8.60866234,3.04234474 L14.3341559,1.21276975 C14.5508704,1.14351887 14.7756876,1.10891906 15.0004988,1.10897031 Z" id="形状结合备份" fill="url(#linearGradient-20)" fill-rule="nonzero" transform="translate(11.500251, 9.405839) scale(-1, 1) translate(-11.500251, -9.405839) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/financialApproval.svg
+++ b/src/static/images/user/financialApproval.svg
@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-100.000000, -1538.000000)">
+            <g id="编组" transform="translate(100.000000, 1538.000000)">
+                <path d="M13.5,29.5 C20.9558441,29.5 27,23.4558441 27,16 C27,8.54415588 20.9558441,2.5 13.5,2.5 C6.04415588,2.5 0,8.54415588 0,16 C0,23.4558441 6.04415588,29.5 13.5,29.5 Z" id="椭圆形备份-6" fill="#C0D4FF"></path>
+                <path d="M12.6666667,8.375 C13.1499158,8.375 13.5416667,8.76675084 13.5416667,9.25 L13.5416667,10.25 L15.2291667,10.25 C15.7469336,10.25 16.1666667,10.669733 16.1666667,11.1875 C16.1666667,11.705267 15.7469336,12.125 15.2291667,12.125 L14.9996667,12.124 L14.9996667,12.125 L12.0833333,12.125 C11.468289,12.125 10.9644037,12.6349236 10.9198667,13.281711 L10.9166667,13.375 L10.9166667,13.6875 C10.9166667,14.3464761 11.3925954,14.8863532 11.9962636,14.9340714 L12.0833333,14.9375 L13.8326667,14.937 L13.8333159,15.0000075 C15.1646314,15.2895443 16.1666667,16.5506447 16.1666667,18.0625 L16.1666667,18.375 C16.1666667,19.9951189 15.015982,21.3272841 13.5424917,21.4844823 L13.5416667,22.5 C13.5416667,22.9832492 13.1499158,23.375 12.6666667,23.375 C12.1834175,23.375 11.7916667,22.9832492 11.7916667,22.5 L11.7916667,21.499 L10.1041667,21.5 C9.58639971,21.5 9.16666667,21.080267 9.16666667,20.5625 C9.16666667,20.044733 9.58639971,19.625 10.1041667,19.625 L13.25,19.625 C13.8650444,19.625 14.3689297,19.1150764 14.4134667,18.468289 L14.4166667,18.375 L14.4166667,18.0625 C14.4166667,17.4035239 13.940738,16.8636468 13.3370697,16.8159286 L13.25,16.8125 L11.5006667,16.813 L11.5000175,16.7499925 C10.1687019,16.4604557 9.16666667,15.1993553 9.16666667,13.6875 L9.16666667,13.375 C9.16666667,11.7545164 10.3178695,10.4221161 11.7918368,10.2654117 L11.7916667,9.25 C11.7916667,8.76675084 12.1834175,8.375 12.6666667,8.375 Z" id="形状结合备份-8" fill="#FFFFFF"></path>
+                <g id="编组-2" transform="translate(20.000000, 11.000000)">
+                    <path d="M0.525778422,1.64638243 L5.46829221,0.159912118 C5.81509166,0.0556115307 6.18490834,0.0556115307 6.53170779,0.159912118 L11.4742216,1.64638243 C11.7863339,1.74025079 12,2.02763148 12,2.35355379 L12,7.71443905 C12,9.30445093 11.1480248,10.7725572 9.76750791,11.5614241 L6.73275905,13.2955663 C6.27870464,13.5550259 5.72129536,13.5550259 5.26724095,13.2955663 L2.23249209,11.5614241 C0.851975178,10.7725572 1.94720296e-16,9.30445093 0,7.71443905 L0,2.35355379 C-3.99139717e-17,2.02763148 0.213666126,1.74025079 0.525778422,1.64638243 Z" id="盾牌备份" fill="#3473FE"></path>
+                    <g id="编组" transform="translate(1.714286, 3.428571)" fill="#FFFFFF">
+                        <rect id="矩形" transform="translate(2.571429, 3.857143) rotate(-45.000000) translate(-2.571429, -3.857143) " x="1.71428571" y="1.71428571" width="1.71428571" height="4.28571429" rx="0.857142857"></rect>
+                        <rect id="矩形" transform="translate(4.995795, 3.251051) rotate(-45.000000) translate(-4.995795, -3.251051) " x="1.99579468" y="2.39390847" width="6" height="1.71428571" rx="0.857142857"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/limit.svg
+++ b/src/static/images/user/limit.svg
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/我的权限@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.600000024">
+        <g id="驿达小程序-个人中心0311" transform="translate(-136.000000, -1406.000000)">
+            <g id="个人中心/我的权限" transform="translate(136.000000, 1406.000000)">
+                <g id="编组-2" transform="translate(2.000000, 0.000000)">
+                    <path d="M8,1.13012028 L15.1439606,3.80910551 L15.41,9.5 C15.41,11.2268604 14.9221707,12.8796151 14.0482036,14.2937235 C13.1742366,15.7078319 11.9141318,16.8832941 10.3695808,17.6555695 L10.3695808,17.6555695 L8,18.8403599 L5.63041917,17.6555695 C4.08586824,16.8832941 2.82576345,15.7078319 1.95179639,14.2937235 C1.07782933,12.8796151 0.59,11.2268604 0.59,9.5 L0.59,9.5 L0.59,4.19300047 L8,1.13012028 Z" id="矩形" stroke="#782717" stroke-width="1.18"></path>
+                    <g id="编组" transform="translate(5.500000, 5.000000)">
+                        <path d="M2.5,0.59 C3.02743194,0.59 3.50493194,0.803784032 3.85057395,1.14942605 C4.19621597,1.49506806 4.41,1.97256806 4.41,2.5 C4.41,3.02743194 4.19621597,3.50493194 3.85057395,3.85057395 C3.50493194,4.19621597 3.02743194,4.41 2.5,4.41 C1.97256806,4.41 1.49506806,4.19621597 1.14942605,3.85057395 C0.803784032,3.50493194 0.59,3.02743194 0.59,2.5 C0.59,1.97256806 0.803784032,1.49506806 1.14942605,1.14942605 C1.49506806,0.803784032 1.97256806,0.59 2.5,0.59 Z" id="椭圆形" stroke="#782717" stroke-width="1.18"></path>
+                        <rect id="矩形" fill="#782717" x="2" y="4.5" width="1.18" height="5" rx="0.59"></rect>
+                        <rect id="矩形" fill="#782717" x="2" y="5.5" width="3" height="1.18" rx="0.59"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/manage.svg
+++ b/src/static/images/user/manage.svg
@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>商业bi/经营画像@2x</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#B375FF" offset="0%"></stop>
+            <stop stop-color="#4B3BD8" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#F6ECFF" offset="0%"></stop>
+            <stop stop-color="#D2C2FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#F6ECFF" offset="0%"></stop>
+            <stop stop-color="#D2C2FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#F6ECFF" offset="0%"></stop>
+            <stop stop-color="#D2C2FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#36E6D3" offset="0%"></stop>
+            <stop stop-color="#19C9A7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
+            <stop stop-color="#F8F2FF" offset="0%"></stop>
+            <stop stop-color="#E8E0FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13,12.5 C12.938444,12.5 12.8775375,12.4972191 12.8173993,12.4917761 C12.7961779,12.4967668 12.7734665,12.5 12.75,12.5 C12.7025774,12.5 12.6582387,12.486796 12.6204599,12.4638638 C11.697696,12.2870695 11,11.4750126 11,10.5 C11,9.3954305 11.8954305,8.5 13,8.5 L13,8 C13,7.72385763 13.2238576,7.5 13.5,7.5 L14,7.5 C14.2761424,7.5 14.5,7.72385763 14.5,8 L14.5,8.5 L15,8.5 C15.2761424,8.5 15.5,8.72385763 15.5,9 L15.5,9.5 C15.5,9.74545989 15.3231248,9.94960837 15.0898756,9.99194433 L15,10 L13,10 C12.7545401,10 12.5503916,10.1768752 12.5080557,10.4101244 L12.5,10.5 C12.5,10.7454599 12.6768752,10.9496084 12.9101244,10.9919443 L13,11 L14,11 C14.0622438,11 14.1238235,11.0028434 14.1846163,11.0084074 C14.2051923,11.0030412 14.227241,11 14.25,11 C14.2974226,11 14.3417613,11.013204 14.3795401,11.0361362 C15.302304,11.2129305 16,12.0249874 16,13 C16,14.1045695 15.1045695,15 14,15 L14,15.5 C14,15.7761424 13.7761424,16 13.5,16 L13,16 C12.7238576,16 12.5,15.7761424 12.5,15.5 L12.5,15 L12,15 C11.7238576,15 11.5,14.7761424 11.5,14.5 L11.5,14 C11.5,13.7238576 11.7238576,13.5 12,13.5 L14,13.5 C14.2454599,13.5 14.4496084,13.3231248 14.4919443,13.0898756 L14.5,13 C14.5,12.7545401 14.3231248,12.5503916 14.0898756,12.5080557 L14,12.5 L13,12.5 Z" id="path-7"></path>
+        <filter x="-170.0%" y="-76.5%" width="440.0%" height="300.0%" filterUnits="objectBoundingBox" id="filter-8">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.319176611   0 0 0 0 0.241120427   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-196.000000, -1490.000000)">
+            <g id="编组" transform="translate(196.000000, 1490.000000)">
+                <rect id="矩形" fill="#3826D5" opacity="0.800000012" x="4" y="3.5" width="24" height="25" rx="4"></rect>
+                <path d="M8,3.5 L16,3.5 C22.627417,3.5 28,8.872583 28,15.5 L28,24.5 C28,26.709139 26.209139,28.5 24,28.5 L8,28.5 C5.790861,28.5 4,26.709139 4,24.5 L4,7.5 C4,5.290861 5.790861,3.5 8,3.5 Z" id="矩形备份" fill="url(#linearGradient-1)"></path>
+                <path d="M16,18.5 C16.8284271,18.5 17.5,19.1715729 17.5,20 L17.5,22.5 L17.5,22.5 L14.5,22.5 L14.5,20 C14.5,19.1715729 15.1715729,18.5 16,18.5 Z" id="矩形" fill="url(#linearGradient-2)" opacity="0.400000006"></path>
+                <path d="M11,17.5 C11.8284271,17.5 12.5,18.1715729 12.5,19 L12.5,22.5 L12.5,22.5 L9.5,22.5 L9.5,19 C9.5,18.1715729 10.1715729,17.5 11,17.5 Z" id="矩形备份-39" fill="url(#linearGradient-3)" opacity="0.699999988"></path>
+                <path d="M21,14.5 C21.8284271,14.5 22.5,15.1715729 22.5,16 L22.5,22.5 L22.5,22.5 L19.5,22.5 L19.5,16 C19.5,15.1715729 20.1715729,14.5 21,14.5 Z" id="矩形备份-38" fill="url(#linearGradient-4)" opacity="0.900000036"></path>
+                <rect id="矩形" fill="url(#linearGradient-5)" x="8.5" y="22.5" width="15" height="2" rx="1"></rect>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                    <use fill="url(#linearGradient-6)" fill-rule="evenodd" xlink:href="#path-7"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/position.svg
+++ b/src/static/images/user/position.svg
@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/我的权限@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.600000024">
+        <g id="驿达小程序-个人中心0311" transform="translate(-100.000000, -1406.000000)">
+            <g id="个人中心/我的权限" transform="translate(96.000000, 1398.000000)">
+                <g id="编组" transform="translate(4.000000, 8.000000)">
+                    <g id="编组-2" transform="translate(3.000000, 1.000000)">
+                        <path d="M7,0.59 C8.77007262,0.59 10.3725726,1.30746369 11.5325545,2.46744553 C12.6925363,3.62742738 13.41,5.22992738 13.41,7 C13.41,9.4078758 11.2063604,12.462608 6.99996894,16.2125791 C2.79336245,12.4622238 0.59,9.40772438 0.59,7 C0.59,5.22992738 1.30746369,3.62742738 2.46744553,2.46744553 C3.62742738,1.30746369 5.22992738,0.59 7,0.59 Z" id="椭圆形" stroke="#782717" stroke-width="1.18"></path>
+                        <path d="M7,4.59 C7.52743194,4.59 8.00493194,4.80378403 8.35057395,5.14942605 C8.69621597,5.49506806 8.91,5.97256806 8.91,6.5 C8.91,7.02743194 8.69621597,7.50493194 8.35057395,7.85057395 C8.00493194,8.19621597 7.52743194,8.41 7,8.41 C6.47256806,8.41 5.99506806,8.19621597 5.64942605,7.85057395 C5.30378403,7.50493194 5.09,7.02743194 5.09,6.5 C5.09,5.97256806 5.30378403,5.49506806 5.64942605,5.14942605 C5.99506806,4.80378403 6.47256806,4.59 7,4.59 Z" id="椭圆形" stroke="#782717" stroke-width="1.18"></path>
+                        <rect id="矩形" fill="#782717" x="2" y="17" width="10" height="1.18" rx="0.59"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/productApproval.svg
+++ b/src/static/images/user/productApproval.svg
@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_10@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-292.000000, -1538.000000)">
+            <g id="编组" transform="translate(292.000000, 1538.000000)">
+                <rect id="矩形" stroke="#FED0A7" stroke-width="2" x="10" y="3" width="8" height="11" rx="4"></rect>
+                <path d="M5.80052349,8 L22.1994765,8 C23.2229937,8 24.0813407,8.772737 24.1884874,9.79063043 L25.7674348,24.7906304 C25.8830664,25.8891308 25.0862938,26.8733793 23.9877934,26.9890109 C23.9182437,26.9963319 23.8483579,27 23.7784239,27 L4.22157612,27 C3.11700662,27 2.22157612,26.1045695 2.22157612,25 C2.22157612,24.930066 2.22524419,24.8601802 2.23256522,24.7906304 L3.81151259,9.79063043 C3.91865926,8.772737 4.77700629,8 5.80052349,8 Z" id="矩形" fill="#FED0A7"></path>
+                <path d="M11.173147,12.0068802 C11.5869197,13.1684772 12.6963536,14 14,14 C15.3001626,14 16.4071493,13.1729155 16.8235209,12.0161857" id="路径" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <g id="编组-2" transform="translate(18.000000, 16.000000)">
+                    <path d="M0.525778422,1.64638243 L5.46829221,0.159912118 C5.81509166,0.0556115307 6.18490834,0.0556115307 6.53170779,0.159912118 L11.4742216,1.64638243 C11.7863339,1.74025079 12,2.02763148 12,2.35355379 L12,7.71443905 C12,9.30445093 11.1480248,10.7725572 9.76750791,11.5614241 L6.73275905,13.2955663 C6.27870464,13.5550259 5.72129536,13.5550259 5.26724095,13.2955663 L2.23249209,11.5614241 C0.851975178,10.7725572 1.94720296e-16,9.30445093 0,7.71443905 L0,2.35355379 C-3.99139717e-17,2.02763148 0.213666126,1.74025079 0.525778422,1.64638243 Z" id="盾牌备份" fill="#FB8922"></path>
+                    <g id="编组" transform="translate(1.714286, 3.428571)" fill="#FFFFFF">
+                        <rect id="矩形" transform="translate(2.571429, 3.857143) rotate(-45.000000) translate(-2.571429, -3.857143) " x="1.71428571" y="1.71428571" width="1.71428571" height="4.28571429" rx="0.857142857"></rect>
+                        <rect id="矩形" transform="translate(4.995795, 3.251051) rotate(-45.000000) translate(-4.995795, -3.251051) " x="1.99579468" y="2.39390847" width="6" height="1.71428571" rx="0.857142857"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/promotionApproval.svg
+++ b/src/static/images/user/promotionApproval.svg
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_11@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-340.000000, -1538.000000)">
+            <g id="矩形" transform="translate(340.000000, 1538.000000)">
+                <rect stroke="#F7D999" stroke-width="3" x="10.5" y="5" width="11" height="5" rx="2.5"></rect>
+                <rect fill="#F7D999" x="2" y="8.5" width="28" height="20" rx="2"></rect>
+                <rect fill="#EAA000" x="2" y="15.5" width="28" height="3"></rect>
+                <rect fill="#FFFFFF" x="13" y="13.5" width="6" height="5" rx="1"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/reportForms.svg
+++ b/src/static/images/user/reportForms.svg
@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_14@2x</title>
+    <defs>
+        <linearGradient x1="11.9635248%" y1="6.7661666%" x2="100%" y2="139.315168%" id="linearGradient-1">
+            <stop stop-color="#FFCF94" offset="0%"></stop>
+            <stop stop-color="#3D97FF" offset="42.4343158%"></stop>
+            <stop stop-color="#1867CA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="0%" x2="89.2633167%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#89D9F9" offset="0%"></stop>
+            <stop stop-color="#41B9F9" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="86.961726%" y1="100%" x2="0%" y2="0%" id="linearGradient-3">
+            <stop stop-color="#1A5CF3" offset="0%"></stop>
+            <stop stop-color="#2B96FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="54.8489204%" y1="100%" x2="54.8489204%" y2="0%" id="linearGradient-4">
+            <stop stop-color="#56CBFF" offset="0%"></stop>
+            <stop stop-color="#FEF9AD" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-5" x="0.5" y="0" width="3" height="12"></rect>
+        <filter x="-125.0%" y="-166.7%" width="350.0%" height="433.3%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="54.8489204%" y1="100%" x2="54.8489204%" y2="0%" id="linearGradient-8">
+            <stop stop-color="#56CBFF" offset="0%"></stop>
+            <stop stop-color="#FEF9AD" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-9" x="0.5" y="0" width="3" height="8"></rect>
+        <filter x="-125.0%" y="-166.7%" width="350.0%" height="433.3%" filterUnits="objectBoundingBox" id="filter-11">
+            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="54.8489204%" y1="100%" x2="54.8489204%" y2="0%" id="linearGradient-12">
+            <stop stop-color="#56CBFF" offset="0%"></stop>
+            <stop stop-color="#FEF9AD" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-13" x="0.5" y="0" width="3" height="5"></rect>
+        <filter x="-125.0%" y="-166.7%" width="350.0%" height="433.3%" filterUnits="objectBoundingBox" id="filter-15">
+            <feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-196.000000, -1442.000000)">
+            <g id="编组" transform="translate(196.000000, 1442.000000)">
+                <circle id="椭圆形" fill="url(#linearGradient-1)" cx="13" cy="17" r="13"></circle>
+                <path d="M13,0 C22.3888407,0 30,7.61115925 30,17 L30,17 L13,17 Z" id="形状结合备份-2" fill="url(#linearGradient-2)"></path>
+                <path d="M13,4 C20.1797017,4 26,9.82029825 26,17 L26,17 L13,17 Z" id="形状结合" fill="url(#linearGradient-3)"></path>
+                <g id="椭圆形" transform="translate(28.500000, 20.000000)">
+                    <mask id="mask-6" fill="white">
+                        <use xlink:href="#path-5"></use>
+                    </mask>
+                    <use id="蒙版" fill="url(#linearGradient-4)" fill-rule="nonzero" xlink:href="#path-5"></use>
+                    <ellipse fill="#FF6341" filter="url(#filter-7)" mask="url(#mask-6)" cx="0" cy="-4.5" rx="6" ry="4.5"></ellipse>
+                </g>
+                <g id="椭圆形备份-2" transform="translate(23.500000, 24.000000)">
+                    <mask id="mask-10" fill="white">
+                        <use xlink:href="#path-9"></use>
+                    </mask>
+                    <use id="蒙版" fill="url(#linearGradient-8)" fill-rule="nonzero" xlink:href="#path-9"></use>
+                    <ellipse id="椭圆形" fill="#FF6341" filter="url(#filter-11)" mask="url(#mask-10)" cx="0" cy="-4.5" rx="6" ry="4.5"></ellipse>
+                </g>
+                <g id="椭圆形备份-3" transform="translate(18.500000, 27.000000)">
+                    <mask id="mask-14" fill="white">
+                        <use xlink:href="#path-13"></use>
+                    </mask>
+                    <use id="蒙版" fill="url(#linearGradient-12)" fill-rule="nonzero" xlink:href="#path-13"></use>
+                    <ellipse id="椭圆形" fill="#FF6341" filter="url(#filter-15)" mask="url(#mask-14)" cx="0" cy="-6.5" rx="6" ry="4.5"></ellipse>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/serviceAreaReimbur.svg
+++ b/src/static/images/user/serviceAreaReimbur.svg
@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>个人中心/财务审批备份_8@2x</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-196.000000, -1538.000000)">
+            <g id="编组" transform="translate(196.000000, 1538.000000)">
+                <path d="M6,3 L27,3 C28.1045695,3 29,3.8954305 29,5 L29,28.7903601 C29,29.2321879 28.6418278,29.5903601 28.2,29.5903601 C27.9625761,29.5903601 27.737418,29.4849016 27.585423,29.3025076 L26.5,28 L26.5,28 L25.1419704,29.0864237 C24.4618684,29.6305053 23.5078588,29.6719058 22.7831799,29.1887866 L21,28 L21,28 L19.6419704,29.0864237 C18.9618684,29.6305053 18.0078588,29.6719058 17.2831799,29.1887866 L15.5,28 L15.5,28 L14.2493901,29.0004879 C13.5189528,29.5848378 12.4810472,29.5848378 11.7506099,29.0004879 L10.5,28 L10.5,28 L9.41457702,29.3025076 C9.13172576,29.6419291 8.627274,29.6877883 8.28785248,29.4049371 C8.10545841,29.252942 8,29.0277839 8,28.7903601 L8,5 L8,5 L6,3 Z" id="矩形" fill="#E1BFFD"></path>
+                <path d="M5,3 L6,3 C7.1045695,3 8,3.8954305 8,5 L8,13 L8,13 L5,13 C3.8954305,13 3,12.1045695 3,11 L3,5 C3,3.8954305 3.8954305,3 5,3 Z" id="矩形" fill="#B55FFB"></path>
+                <g transform="translate(12.000000, 7.000000)" fill="#FFFFFF">
+                    <rect id="矩形" x="0" y="0" width="13" height="1.5" rx="0.75"></rect>
+                    <rect id="矩形备份" x="0" y="4" width="13" height="1.5" rx="0.75"></rect>
+                    <rect id="矩形备份-2" x="0" y="8" width="6.5" height="1.5" rx="0.75"></rect>
+                </g>
+                <path d="M24,19 C24.2761424,19 24.5,19.2238576 24.5,19.5 L24.5,19.875 L25.5625,19.875 C25.8041246,19.875 26,20.0708754 26,20.3125 C26,20.5541246 25.8041246,20.75 25.5625,20.75 L23.6666667,20.75 C23.3152127,20.75 23.0272783,20.9879644 23.0018286,21.2897985 L23,21.3333333 L23,21.4791667 C23,21.7866889 23.2719593,22.0386315 23.6169126,22.0609 L23.6666667,22.0625 L24.666,22.062 L24.6672152,22.0917695 C25.4276887,22.2270754 26,22.8154735 26,23.5208333 L26,23.6666667 C26,24.4227708 25.3423813,25.0444792 24.500309,25.1177726 L24.5,25.5 C24.5,25.7761424 24.2761424,26 24,26 C23.7238576,26 23.5,25.7761424 23.5,25.5 L23.499,25.125 L22.4375,25.125 C22.1958754,25.125 22,24.9291246 22,24.6875 C22,24.4458754 22.1958754,24.25 22.4375,24.25 L24.3333333,24.25 C24.6847873,24.25 24.9727217,24.0120356 24.9981714,23.7102015 L25,23.6666667 L25,23.5208333 C25,23.2133111 24.7280407,22.9613685 24.3830874,22.9391 L24.3333333,22.9375 L23.334,22.938 L23.33379,22.9084091 C22.5728157,22.773443 22,22.1848372 22,21.4791667 L22,21.3333333 C22,20.5772292 22.6576187,19.9555208 23.499691,19.8822274 L23.5,19.5 C23.5,19.2238576 23.7238576,19 24,19 Z" id="形状结合备份-8" fill="#FFFFFF"></path>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/traffic.svg
+++ b/src/static/images/user/traffic.svg
@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="32px" viewBox="0 0 36 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>商业bi/车流画像@2x</title>
+    <defs>
+        <linearGradient x1="50%" y1="-85.3086716%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#6FBAFF" offset="0%"></stop>
+            <stop stop-color="#1350FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#6FBAFF" offset="0%"></stop>
+            <stop stop-color="#0848FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#C9F6FF" offset="0%"></stop>
+            <stop stop-color="#92AEFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#C9F6FF" offset="0%"></stop>
+            <stop stop-color="#92AEFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
+            <stop stop-color="#36E6D3" offset="0%"></stop>
+            <stop stop-color="#19C9A7" offset="100%"></stop>
+        </linearGradient>
+        <path d="M26,29 C25.4477153,29 25,28.5522847 25,28 C25,27.4477153 25.4477153,27 26,27 L27,27 L27,26 C27,25.4477153 27.4477153,25 28,25 C28.5522847,25 29,25.4477153 29,26 L29,28 L29,28 C29,28.5128358 28.6139598,28.9355072 28.1166211,28.9932723 L28,29 L28,29 L26,29 Z" id="path-6"></path>
+        <filter x="-212.5%" y="-262.5%" width="525.0%" height="525.0%" filterUnits="objectBoundingBox" id="filter-7">
+            <feOffset dx="0" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 1   0 0 0 0 0.857954545  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <path d="M26,7 C25.4477153,7 25,6.55228475 25,6 C25,5.44771525 25.4477153,5 26,5 L27,5 L27,4 C27,3.44771525 27.4477153,3 28,3 C28.5522847,3 29,3.44771525 29,4 L29,6 L29,6 C29,6.51283584 28.6139598,6.93550716 28.1166211,6.99327227 L28,7 L28,7 L26,7 Z" id="path-8"></path>
+        <filter x="-212.5%" y="-262.5%" width="525.0%" height="525.0%" filterUnits="objectBoundingBox" id="filter-9">
+            <feOffset dx="0" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 1   0 0 0 0 0.857954545  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <path d="M4,29 C3.44771525,29 3,28.5522847 3,28 C3,27.4477153 3.44771525,27 4,27 L5,27 L5,26 C5,25.4477153 5.44771525,25 6,25 C6.55228475,25 7,25.4477153 7,26 L7,28 L7,28 C7,28.5128358 6.61395981,28.9355072 6.11662113,28.9932723 L6,29 L6,29 L4,29 Z" id="path-10"></path>
+        <filter x="-212.5%" y="-262.5%" width="525.0%" height="525.0%" filterUnits="objectBoundingBox" id="filter-11">
+            <feOffset dx="0" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 1   0 0 0 0 0.857954545  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <path d="M4,7 C3.44771525,7 3,6.55228475 3,6 C3,5.44771525 3.44771525,5 4,5 L5,5 L5,4 C5,3.44771525 5.44771525,3 6,3 C6.55228475,3 7,3.44771525 7,4 L7,6 L7,6 C7,6.51283584 6.61395981,6.93550716 6.11662113,6.99327227 L6,7 L6,7 L4,7 Z" id="path-12"></path>
+        <filter x="-212.5%" y="-262.5%" width="525.0%" height="525.0%" filterUnits="objectBoundingBox" id="filter-13">
+            <feOffset dx="0" dy="-2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 1   0 0 0 0 0.857954545  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-98.000000, -1490.000000)">
+            <g id="商业BI/车流画像" transform="translate(98.000000, 1490.000000)">
+                <g id="编组" transform="translate(2.000000, 0.000000)">
+                    <g transform="translate(2.000000, 5.000000)">
+                        <circle id="椭圆形" fill="url(#linearGradient-1)" cx="26" cy="10" r="2"></circle>
+                        <circle id="椭圆形备份" fill="url(#linearGradient-1)" cx="2" cy="10" r="2"></circle>
+                        <path d="M2,17 L6,17 L6,18 C6,19.1045695 5.1045695,20 4,20 C2.8954305,20 2,19.1045695 2,18 L2,17 L2,17 Z" id="矩形" fill="#0627FF"></path>
+                        <path d="M22,17 L26,17 L26,18 C26,19.1045695 25.1045695,20 24,20 C22.8954305,20 22,19.1045695 22,18 L22,17 L22,17 Z" id="矩形备份" fill="#0627FF"></path>
+                        <path d="M7.23606798,0 L20.763932,0 C21.5214761,1.63719824e-15 22.2140024,0.428004752 22.5527864,1.10557281 L25.7888544,7.57770876 C25.9277098,7.85541963 26,8.16164576 26,8.47213595 L26,17 C26,17.5522847 25.5522847,18 25,18 L3,18 C2.44771525,18 2,17.5522847 2,17 L2,8.47213595 C2,8.16164576 2.07229018,7.85541963 2.21114562,7.57770876 L5.4472136,1.10557281 C5.78599762,0.428004752 6.47852386,1.39158597e-16 7.23606798,0 Z" id="矩形" fill="url(#linearGradient-2)"></path>
+                        <path d="M7.65939616,2 L20.3406038,2 C20.740632,2 21.1021701,2.23839685 21.2597489,2.6060807 L23.5085693,7.85332844 C23.7261581,8.36096153 23.4909996,8.94885758 22.9833551,9.16641953 C22.9123733,9.19684031 22.8381066,9.21893659 22.7620398,9.23226659 C19.8413599,9.74408886 16.9206799,10 14,10 C11.0793141,10 8.15862816,9.74408781 5.23794224,9.23226344 C4.69395492,9.13692357 4.33024423,8.61865355 4.42557352,8.07466438 C4.43890299,7.99860076 4.46099837,7.92433715 4.49141789,7.85335826 L6.74025113,2.6060807 C6.89782992,2.23839685 7.25936805,2 7.65939616,2 Z" id="矩形" fill="url(#linearGradient-3)"></path>
+                        <path d="M24,11.8615898 L24,14.5 C24,14.7761424 23.7761424,15 23.5,15 L18.5062258,15 C18.2853119,15 18.1062258,14.8209139 18.1062258,14.6 C18.1062258,14.4564573 18.1831402,14.3239199 18.3077702,14.2527027 L23.2519305,11.4274683 C23.4916893,11.2904633 23.7971166,11.3737616 23.9341216,11.6135204 C23.9772923,11.6890692 24,11.7745764 24,11.8615898 Z" id="矩形" fill="url(#linearGradient-4)"></path>
+                        <path d="M11,11.8615898 L11,14.5 C11,14.7761424 10.7761424,15 10.5,15 L5.50622577,15 C5.28531187,15 5.10622577,14.8209139 5.10622577,14.6 C5.10622577,14.4564573 5.1831402,14.3239199 5.3077702,14.2527027 L10.2519305,11.4274683 C10.4916893,11.2904633 10.7971166,11.3737616 10.9341216,11.6135204 C10.9772923,11.6890692 11,11.7745764 11,11.8615898 Z" id="矩形备份-2" fill="url(#linearGradient-4)" transform="translate(7.500000, 13.000000) scale(-1, 1) translate(-7.500000, -13.000000) "></path>
+                    </g>
+                    <g id="形状结合">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-6"></use>
+                    </g>
+                    <g id="形状结合备份" transform="translate(27.000000, 5.000000) scale(1, -1) translate(-27.000000, -5.000000) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                    </g>
+                    <g id="形状结合备份-3" transform="translate(5.000000, 27.000000) scale(-1, 1) translate(-5.000000, -27.000000) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
+                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-10"></use>
+                    </g>
+                    <g id="形状结合备份-2" transform="translate(5.000000, 5.000000) scale(-1, -1) translate(-5.000000, -5.000000) ">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
+                        <use fill="url(#linearGradient-5)" fill-rule="evenodd" xlink:href="#path-12"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/static/images/user/userBg.svg
+++ b/src/static/images/user/userBg.svg
@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="383px" height="187px" viewBox="0 0 383 187" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组_34@2x</title>
+    <defs>
+        <linearGradient x1="1.95786221%" y1="41.4364055%" x2="100%" y2="59.1836735%" id="linearGradient-1">
+            <stop stop-color="#FFF2DF" offset="0%"></stop>
+            <stop stop-color="#FFE3E5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0.451813933%" y1="41.0587%" x2="100%" y2="59.1836735%" id="linearGradient-2">
+            <stop stop-color="#FFC590" offset="0%"></stop>
+            <stop stop-color="#FFD5CB" offset="100%"></stop>
+        </linearGradient>
+        <path d="M29,20 L354,20 C358.970563,20 363,24.0294373 363,29 L363,167 L363,167 L20,167 L20,29 C20,24.0294373 24.0294373,20 29,20 Z" id="path-3"></path>
+        <filter x="-8.7%" y="-20.4%" width="117.5%" height="140.8%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.956862745   0 0 0 0 0.541176471   0 0 0 0 0.560784314  0 0 0 0.210582386 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="驿达小程序-个人中心0311" transform="translate(-495.000000, -1386.000000)">
+            <g id="编组-34" transform="translate(495.000000, 1386.000000)">
+                <g id="矩形">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    <path stroke="url(#linearGradient-2)" stroke-width="1" d="M354,20.5 C356.34721,20.5 358.47221,21.4513949 360.010408,22.9895924 C361.548605,24.5277898 362.5,26.6527898 362.5,29 L362.5,29 L362.5,166.5 L20.5,166.5 L20.5,29 C20.5,26.6527898 21.4513949,24.5277898 22.9895924,22.9895924 C24.5277898,21.4513949 26.6527898,20.5 29,20.5 L29,20.5 Z" stroke-linejoin="square" fill="url(#linearGradient-1)" fill-rule="evenodd"></path>
+                </g>
+                <g id="形状-2" opacity="0.0399999991" transform="translate(229.000000, 36.000000)" fill="#D7000F">
+                    <path d="M76.2574562,6.22260149 C64.8954794,13.8202759 56.3653631,34.6620782 50.6843748,70.6992294 C46.8855376,90.5913224 45.0033864,92.490741 40.3239097,90.5913224 C21.2951887,82.0612061 -2.41300895,30.8805085 18.4460608,14.7699852 C29.825305,8.12202009 45.9358283,14.7699852 45.9358283,37.5112061 C60.1469329,23.3001015 54.483212,-5.17391014 27.9258864,3.45981079 C-10.0624857,14.839055 -10.0624857,81.1632992 32.6571655,96.358648 C48.7849562,101.089927 59.214491,89.7106829 62.0118166,73.6001596 C65.8624562,56.4708573 73.4255957,10.0214387 86.686991,5.29015962 C110.395189,-1.34053805 107.546061,46.0413224 72.4758864,73.5310899 C99.0159445,59.3199852 119.875014,34.6620782 117.025886,15.7196945 C114.176758,-3.22268921 88.6036771,-3.27449154 76.2574562,6.22260149 Z M25.0940259,45.0916131 C31.7247236,46.9910317 39.3051306,43.1921945 45.0033864,39.4106247 C43.1039678,48.8731829 32.6571655,57.4205666 19.3957701,60.2696945 C23.1946073,53.6217294 26.0264678,48.8731829 25.0940259,45.0916131 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@ -0,0 +1,8 @@
+// https://pinia.vuejs.org/
+import { createPinia } from 'pinia'
+
+// 创建
+const pinia = createPinia()
+
+// 导出
+export default pinia
--- a/src/stores/userInfo.ts
+++ b/src/stores/userInfo.ts
@ -0,0 +1,27 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-27 15:57:20
+ * @LastEditTime: 2022-06-27 16:17:59
+ * @LastEditors: shuliang
+ */
+import { defineStore } from 'pinia'
+
+/**
+ * 用户信息
+ * @methods setUserInfos 设置用户信息
+ */
+export const useUserInfo = defineStore('userInfo', {
+  state: () => {
+    return {
+      userData: {},
+      weChatMessage: {},
+    }
+  },
+  getters: {
+    getUser(state) {
+      return state.userData
+    },
+  },
+  actions: {},
+})
--- a/src/test.js
+++ b/src/test.js
@ -0,0 +1,38 @@
+const List = [
+  {
+    name: '商业经营',
+    value: 1,
+    list: [
+      { name: '每日营收', path: '/commercialOperation/dailyRevenue/index', iconUrl: '', messagePrompt: 0 },
+      { name: '节日特刊', path: '/commercialOperation/festival/index', iconUrl: '', messagePrompt: 0 },
+      { name: '经营报表', path: '/commercialOperation/reportForms/index', iconUrl: '', messagePrompt: 0 },
+    ],
+  },
+  {
+    name: '商业画像',
+    value: 2,
+    list: [
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+    ],
+  },
+  {
+    name: '业务审批',
+    value: 3,
+    list: [
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+    ],
+  },
+  {
+    name: '现场管理',
+    value: 4,
+    list: [
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+      { name: '', path: '', iconUrl: '', messagePrompt: 0 },
+    ],
+  },
+]
--- a/src/uni.d.ts
+++ b/src/uni.d.ts
@ -0,0 +1,12 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-08-18 11:57:40
+ * @LastEditTime: 2022-08-18 13:59:52
+ * @LastEditors: shuliang
+ */
+declare namespace UniApp {
+  interface Uni {
+    $u: any
+  }
+}
--- a/src/uni.scss
+++ b/src/uni.scss
@ -0,0 +1,78 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+@import 'uview-plus/theme.scss';
+
+/* 行为相关颜色 */
+$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:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;
--- a/src/utils/request-service/request-service.ts
+++ b/src/utils/request-service/request-service.ts
@ -0,0 +1,127 @@
+// 创建之后使用的是接口为服务商的请求
+//    baseURL: 'https://user.eshangtech.com/Coop.Merchant/Handler/handler_ajax.ashx', // 合作商户请求
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-08-02 09:38:24
+ * @LastEditors: shuliang
+ */
+/* eslint-disable @typescript-eslint/ban-types */
+import { zalert, toast } from '@/utils/util'
+type RequestOptionsMethod = 'OPTIONS' | 'GET' | 'HEAD' | 'POST' | 'PUT' | 'DELETE' | 'TRACE' | 'CONNECT'
+
+interface baseConfig {
+  url: string
+  method: RequestOptionsMethod
+  header?: any
+  data?: Record<string, any>
+  params?: Record<string, any>
+  showLoading?: boolean
+}
+
+export interface CustomSuccessData<T = any> {
+  code: number
+  msg?: string
+  message?: string
+  data?: T
+  [keys: string]: any
+}
+
+// 验证登录情况
+function ajaxFilter(data) {
+  let status = true
+  if (data.code == 401) {
+    status = false
+    // cosn
+    zalert('登录状态失效', () => {
+      uni.removeStorageSync('token')
+      uni.reLaunch({
+        url: '/pages/login/index',
+      })
+    })
+  }
+  return status
+}
+/**
+ * 发送请求
+ */
+const baseRequest = <T>(config: baseConfig) => {
+  if (!config.showLoading) {
+    uni.showLoading({
+      title: '加载中...',
+      mask: true,
+    })
+  }
+  if (config.method === 'GET' && config.params) {
+    let url = config.url + '?'
+    for (const propName of Object.keys(config.params)) {
+      const value = config.params[propName]
+      const part = encodeURIComponent(propName) + '='
+      if (value !== null && typeof value !== 'undefined') {
+        if (typeof value === 'object') {
+          for (const key of Object.keys(value)) {
+            const params = propName + '[' + key + ']'
+            const subPart = encodeURIComponent(params) + '='
+            url += subPart + encodeURIComponent(value[key]) + '&'
+          }
+        } else {
+          url += part + encodeURIComponent(value) + '&'
+        }
+      }
+    }
+    url = url.slice(0, -1)
+    config.params = {}
+    config.url = url
+  }
+  const Url = 'https://user.eshangtech.com'
+  console.log(Url)
+  console.log(config.url)
+  const token = uni.getStorageSync('token')
+  if (config.header) {
+    config.header.Authorization = 'Bearer ' + token
+  } else {
+    config.header = {
+      Authorization: 'Bearer ' + token,
+    }
+  }
+
+  return new Promise<CustomSuccessData<T>>((reslove, reject) => {
+    uni.showLoading({
+      title: '加载中',
+      mask: true,
+    })
+    uni.request({
+      url: Url + config.url,
+      method: config.method || 'GET',
+      header: config.header,
+      data: config.data || {},
+      success: (res: any) => {
+        if (!config.showLoading) {
+          uni.hideLoading()
+        }
+        if (ajaxFilter(res.data) && res.statusCode == 200) {
+          reslove(res.data)
+        } else if (res.data.code != 401) {
+          toast(res.data.msg)
+          reject(res)
+        }
+      },
+      fail: (res: any) => {
+        if (!config.showLoading) {
+          uni.hideLoading()
+        }
+        if (res.msg && res.msg.indexOf('timeout') !== -1) {
+          zalert('请求超时，请稍后再试')
+        } else if (res.msg && res.msg.indexOf('request') !== -1) {
+          zalert('服务器已关闭')
+        } else {
+          zalert('请求失败，请检查网络')
+        }
+        reject('请求失败')
+      },
+    })
+  })
+}
+
+export default baseRequest
--- a/src/utils/request-service/requestMethods-service.ts
+++ b/src/utils/request-service/requestMethods-service.ts
@ -0,0 +1,33 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-05-11 14:29:44
+ * @LastEditTime: 2022-06-27 14:27:33
+ * @LastEditors: shuliang
+ */
+import service, { CustomSuccessData } from './request-service'
+
+interface IAxiosGet {
+  <T = any>(url: string, params?: Record<string, any>): Promise<CustomSuccessData<T>>
+}
+interface IAxiosPostOrPutOrDelete {
+  <T = any>(url: string, data?: Record<string, any>): Promise<CustomSuccessData<T>>
+}
+const get: IAxiosGet = (url, params) => {
+  return service({ url: url, method: 'GET', params: params })
+}
+const post: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'POST', data: data })
+}
+const put: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'PUT', data: data })
+}
+const deleteRequest: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'DELETE', data: data })
+}
+export default {
+  get,
+  post,
+  put,
+  delete: deleteRequest,
+}
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@ -0,0 +1,125 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-08-02 09:38:24
+ * @LastEditors: shuliang
+ */
+/* eslint-disable @typescript-eslint/ban-types */
+import { zalert, toast } from '@/utils/util'
+type RequestOptionsMethod = 'OPTIONS' | 'GET' | 'HEAD' | 'POST' | 'PUT' | 'DELETE' | 'TRACE' | 'CONNECT'
+
+interface baseConfig {
+  url: string
+  method: RequestOptionsMethod
+  header?: any
+  data?: Record<string, any>
+  params?: Record<string, any>
+  showLoading?: boolean
+}
+
+export interface CustomSuccessData<T = any> {
+  code: number
+  msg?: string
+  message?: string
+  data?: T
+  [keys: string]: any
+}
+
+// 验证登录情况
+function ajaxFilter(data) {
+  let status = true
+  if (data.code == 401) {
+    status = false
+    // cosn
+    zalert('登录状态失效', () => {
+      uni.removeStorageSync('token')
+      uni.reLaunch({
+        url: '/pages/login/index',
+      })
+    })
+  }
+  return status
+}
+/**
+ * 发送请求
+ */
+const baseRequest = <T>(config: baseConfig) => {
+  if (!config.showLoading) {
+    uni.showLoading({
+      title: '加载中...',
+      mask: true,
+    })
+  }
+  if (config.method === 'GET' && config.params) {
+    let url = config.url + '?'
+    for (const propName of Object.keys(config.params)) {
+      const value = config.params[propName]
+      const part = encodeURIComponent(propName) + '='
+      if (value !== null && typeof value !== 'undefined') {
+        if (typeof value === 'object') {
+          for (const key of Object.keys(value)) {
+            const params = propName + '[' + key + ']'
+            const subPart = encodeURIComponent(params) + '='
+            url += subPart + encodeURIComponent(value[key]) + '&'
+          }
+        } else {
+          url += part + encodeURIComponent(value) + '&'
+        }
+      }
+    }
+    url = url.slice(0, -1)
+    config.params = {}
+    config.url = url
+  }
+  const Url = import.meta.env.VITE_API_URL as string
+  console.log(Url)
+  const token = uni.getStorageSync('token')
+  if (config.header) {
+    config.header.Authorization = 'Bearer ' + token
+  } else {
+    config.header = {
+      Authorization: 'Bearer ' + token,
+    }
+  }
+
+  return new Promise<CustomSuccessData<T>>((reslove, reject) => {
+    uni.showLoading({
+      title: '加载中',
+      mask: true,
+    })
+    uni.request({
+      url: Url + config.url,
+      method: config.method || 'GET',
+      header: config.header,
+      data: config.data || {},
+      success: (res: any) => {
+        console.log('res', res)
+        if (!config.showLoading) {
+          uni.hideLoading()
+        }
+        if (ajaxFilter(res.data) && res.statusCode == 200) {
+          reslove(res.data)
+        } else if (res.data.code != 401) {
+          toast(res.data.msg)
+          reject(res)
+        }
+      },
+      fail: (res: any) => {
+        if (!config.showLoading) {
+          uni.hideLoading()
+        }
+        if (res.msg && res.msg.indexOf('timeout') !== -1) {
+          zalert('请求超时，请稍后再试')
+        } else if (res.msg && res.msg.indexOf('request') !== -1) {
+          zalert('服务器已关闭')
+        } else {
+          zalert('请求失败，请检查网络')
+        }
+        reject('请求失败')
+      },
+    })
+  })
+}
+
+export default baseRequest
--- a/src/utils/requestMethod.ts
+++ b/src/utils/requestMethod.ts
@ -0,0 +1,33 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-05-11 14:29:44
+ * @LastEditTime: 2022-06-27 14:27:33
+ * @LastEditors: shuliang
+ */
+import service, { CustomSuccessData } from './request'
+
+interface IAxiosGet {
+  <T = any>(url: string, params?: Record<string, any>): Promise<CustomSuccessData<T>>
+}
+interface IAxiosPostOrPutOrDelete {
+  <T = any>(url: string, data?: Record<string, any>): Promise<CustomSuccessData<T>>
+}
+const get: IAxiosGet = (url, params) => {
+  return service({ url: url, method: 'GET', params: params })
+}
+const post: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'POST', data: data })
+}
+const put: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'PUT', data: data })
+}
+const deleteRequest: IAxiosPostOrPutOrDelete = (url, data) => {
+  return service({ url: url, method: 'DELETE', data: data })
+}
+export default {
+  get,
+  post,
+  put,
+  delete: deleteRequest,
+}
--- a/src/utils/util.ts
+++ b/src/utils/util.ts
@ -0,0 +1,50 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-27 11:08:58
+ * @LastEditTime: 2022-06-27 15:47:32
+ * @LastEditors: shuliang
+ */
+export function zconfirm(msg: string, callBackFun?: any) {
+  uni.showModal({
+    content: msg,
+    success: function (res) {
+      if (res.confirm) {
+        callBackFun(true)
+      } else if (res.cancel) {
+        callBackFun(false)
+      }
+    },
+  })
+}
+export function zalert(msg: string, callBackFun?: any) {
+  uni.showModal({
+    title: '提示',
+    content: msg,
+    showCancel: false,
+    success: function () {
+      if (callBackFun) {
+        callBackFun()
+      }
+    },
+  })
+}
+export function toast(msg: string) {
+  uni.showToast({
+    title: msg,
+    duration: 2000,
+    mask: false,
+    icon: 'none',
+  })
+}
+
+export const deepClone = function (origin, target: object = {}) {
+  for (const prop in target) {
+    if (target[prop] !== null && typeof target[prop] === 'object') {
+      origin[prop] = Object.prototype.toString.call(target[prop]) === '[object Array]' ? [] : {}
+      deepClone(origin[prop], target[prop])
+    } else {
+      origin[prop] = target[prop]
+    }
+  }
+}
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [ "src/*" ],
+    },
+    "lib": ["esnext", "dom"],
+    "types": ["@dcloudio/types"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
--- a/vite.config.ts
+++ b/vite.config.ts
@ -0,0 +1,100 @@
+/*
+ * @Description:
+ * @Author: shuliang
+ * @Date: 2022-06-21 15:58:08
+ * @LastEditTime: 2022-06-28 08:39:17
+ * @LastEditors: shuliang
+ */
+import { ConfigEnv, defineConfig, loadEnv } from 'vite'
+import { resolve } from 'path'
+import { viteMockServe } from 'vite-plugin-mock'
+import uni from '@dcloudio/vite-plugin-uni'
+
+const pathResolve = (dir: string): any => {
+  return resolve(__dirname, '.', dir)
+}
+
+const alias: Record<string, string> = {
+  '@': pathResolve('./src/'),
+}
+
+const viteConfig = defineConfig((mode: ConfigEnv) => {
+  const env = loadEnv(mode.mode, process.cwd())
+  const localEnabled: boolean = (env.VITE_USE_MOCK as unknown as boolean) || false
+  const prodEnabled: boolean = (env.USE_CHUNK_MOCK as unknown as boolean) || false
+  return {
+    plugins: [
+      uni(),
+      viteMockServe({
+        // ↓解析根目录下的mock文件夹
+        mockPath: 'mock',
+        localEnabled: localEnabled, // 开发打包开关
+        prodEnabled: prodEnabled, // 生产打包开关
+        supportTs: true, // 打开后，可以读取 ts 文件模块。 请注意，打开后将无法监视.js 文件。
+        watchFiles: true, // 监视文件更改
+      }),
+    ],
+    root: process.cwd(),
+    resolve: { alias },
+    base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,
+    server: {
+      host: '0.0.0.0',
+      port: env.VITE_PORT as unknown as number,
+      open: env.VITE_OPEN,
+      proxy: {
+        [env.VITE_BASE]: {
+          target: 'https://gitee.com',
+          ws: true,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(new RegExp(env.VITE_BASE, 'g'), '/'),
+        },
+      },
+    },
+    build: {
+      outDir: 'dist',
+      minify: 'terser',
+      sourcemap: false,
+      chunkSizeWarningLimit: 1500,
+      rollupOptions: {
+        output: {
+          entryFileNames: `assets/[name].${new Date().getTime()}.js`,
+          chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
+          assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
+          compact: true,
+          manualChunks: {
+            vue: ['vue', 'vue-router', 'vuex'],
+            echarts: ['echarts'],
+          },
+        },
+      },
+      terserOptions: {
+        compress: {
+          drop_console: true,
+          drop_debugger: true,
+        },
+        ie8: true,
+        output: {
+          comments: true,
+        },
+      },
+    },
+    css: {
+      postcss: {
+        plugins: [
+          {
+            postcssPlugin: 'internal:charset-removal',
+            AtRule: {
+              charset: (atRule) => {
+                if (atRule.name === 'charset') {
+                  atRule.remove()
+                }
+              },
+            },
+          },
+        ],
+      },
+    },
+  }
+})
+
+export default viteConfig
--- a/yarn.lock
+++ b/yarn.lock