Skip to content

W
weChatFlowApprove
Commit 1d506804 authored by chuan.liu's avatar chuan.liu
Browse files
Options

项目初始化

parents
Pipeline #423 failed with stages
      Expand all Hide whitespace changes
      Inline Side-by-side
      Showing with 652 additions and 0 deletions
      .browserslistrc 0 → 100644
      View file @ 1d506804
      > 1%
      last 2 versions
      not dead
      .eslintrc.js 0 → 100644
      View file @ 1d506804
      module.exports = {
      root: true,
      env: {
      node: true,
      },
      extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
      parserOptions: {
      parser: "babel-eslint",
      },
      rules: {
      "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
      "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
      },
      };
      .gitignore 0 → 100644
      View file @ 1d506804
      .DS_Store
      node_modules
      /dist
      yarn.lock
      # local env files
      .env.local
      .env.*.local
      # Log files
      npm-debug.log*
      yarn-debug.log*
      yarn-error.log*
      pnpm-debug.log*
      # Editor directories and files
      .idea
      .vscode
      *.suo
      *.ntvs*
      *.njsproj
      *.sln
      *.sw?
      .prettierrc.js 0 → 100644
      View file @ 1d506804
      module.exports = {
      // 一行最多 120 字符
      printWidth: 100,
      // 使用 2 个空格缩进
      tabWidth: 2,
      // 不使用缩进符，而使用空格
      useTabs: false,
      // 行尾需要有分号
      semi: false,
      // 使用单引号
      singleQuote: true,
      // 末尾不需要逗号
      trailingComma: 'none',
      // 大括号内的首尾需要空格
      bracketSpacing: true,
      // 箭头函数，只有一个参数的时候，也需要括号
      arrowParens: 'avoid',
      // 每个文件格式化的范围是文件的全部内容
      rangeStart: 0,
      rangeEnd: Infinity,
      // 不需要写文件开头的 @prettier
      requirePragma: false,
      // 不需要自动在文件开头插入 @prettier
      insertPragma: false,
      // 使用默认的折行标准
      proseWrap: 'preserve',
      // 根据显示样式决定 html 要不要折行
      htmlWhitespaceSensitivity: 'css',
      // 换行符使用 lf
      endOfLine: 'lf'
      };
      README.md 0 → 100644
      View file @ 1d506804
      # oghash-template
      ## Project setup
      ```
      yarn install
      ```
      ### Compiles and hot-reloads for development
      ```
      yarn serve
      ```
      ### Compiles and minifies for production
      ```
      yarn build
      ```
      ### Lints and fixes files
      ```
      yarn lint
      ```
      ### Customize configuration
      See [Configuration Reference](https://cli.vuejs.org/config/).
      babel.config.js 0 → 100644
      View file @ 1d506804
      module.exports = {
      presets: ["@vue/cli-plugin-babel/preset"],
      "plugins": [
      [
      "import",
      {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
      }
      ]
      ]
      };
      package-lock.json 0 → 100644
      View file @ 1d506804
      This diff is collapsed.
      package.json 0 → 100644
      View file @ 1d506804
      {
      "name": "wechat-flow-approve",
      "version": "0.1.0",
      "private": true,
      "scripts": {
      "serve": "vue-cli-service serve",
      "build": "vue-cli-service build",
      "lint": "vue-cli-service lint"
      },
      "dependencies": {
      "clipboard": "^2.0.11",
      "core-js": "^3.6.5",
      "qrcode": "^1.5.0",
      "sass-loader": "10",
      "vant": "^3.5.0",
      "vue": "^3.0.0",
      "vue-router": "^4.0.15",
      "vuex": "^4.0.2"
      },
      "devDependencies": {
      "@vue/cli-plugin-babel": "~4.5.12",
      "@vue/cli-plugin-eslint": "~4.5.12",
      "@vue/cli-service": "~4.5.12",
      "@vue/compiler-sfc": "^3.0.0",
      "@vue/eslint-config-prettier": "^6.0.0",
      "babel-eslint": "^10.1.0",
      "babel-plugin-import": "^1.13.5",
      "eslint": "^6.7.2",
      "eslint-plugin-prettier": "^3.3.1",
      "eslint-plugin-vue": "^7.0.0",
      "postcss-px-to-viewport": "^1.1.1",
      "prettier": "^2.2.1",
      "sass": "^1.52.1"
      }
      }
      postcss.config.js 0 → 100644
      View file @ 1d506804
      module.exports = {
      plugins: {
      'postcss-px-to-viewport': {
      viewportWidth: 375
      // unitToConvert: 'px',
      // viewportWidth: 320,
      // unitPrecision: 5,
      // propList: ['*'],
      // viewportUnit: 'vw',
      // fontViewportUnit: 'vw',
      // selectorBlackList: [],
      // minPixelValue: 1,
      // mediaQuery: false,
      // replace: true,
      // exclude: undefined,
      // include: undefined,
      // landscape: false,
      // landscapeUnit: 'vw',
      // landscapeWidth: 568
      }
      }
      }
      public/index.html 0 → 100644
      View file @ 1d506804
      <!DOCTYPE html>
      <html lang="">
      <head>
      <meta charset="utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
      />
      <!-- 点击无高光 -->
      <meta name="msapplication-tap-highlight" content="no" />
      <!-- uc强制竖屏 -->
      <meta name="screen-orientation" content="portrait" />
      <!-- QQ强制竖屏 -->
      <meta name="x5-orientation" content="portrait" />
      <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
      <title><%= htmlWebpackPlugin.options.title %></title>
      </head>
      <body ontouchstart="">
      <noscript>
      <strong
      >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without
      JavaScript enabled. Please enable it to continue.</strong
      >
      </noscript>
      <div id="app"></div>
      <!-- built files will be auto injected -->
      </body>
      </html>
      src/App.vue 0 → 100644
      View file @ 1d506804
      <template>
      <div id="app">
      <router-view />
      </div>
      </template>
      <script>
      export default {
      name: 'App'
      }
      </script>
      <style lang="scss">
      #app {
      height: 100%;
      width: 100%;
      }
      @import '~@/assets/styles/reset.css';
      </style>
      src/assets/styles/reset.css 0 → 100644
      View file @ 1d506804
      html,
      body {
      width: 100%;
      height: 100%;
      background-color: #f5f5f5;
      }
      * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      }
      i,
      em {
      font-style: normal;
      }
      input[type="text"],
      input[type="password"],
      input[type="number"],
      input[type="tel"] textarea {
      outline: none;
      -webkit-appearance: none;
      }
      .border-t,
      .border-b {
      position: relative;
      }
      .border-t:before,
      .border-b:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: #cfcfcf;
      right: 0;
      height: 1px;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      }
      .border-b:after {
      top: auto;
      bottom: 0;
      }
      .hover {
      opacity: 0.8;
      }
      .text-ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      }
      .text-ellipsis-double {
      word-break: break-all;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      }
      i {
      display: inline-block;
      }
      button {
      padding: 0;
      }
      html,
      body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      -webkit-overflow-scrolling: touch;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
      font-family: Arial, "Microsoft YaHei", sans-serif;
      }
      input[type="text"],
      input[type="password"],
      input[type="number"],
      input[type="tel"] textarea {
      outline: none;
      -webkit-appearance: none;
      }
      button {
      border: none;
      user-select: none;
      outline: none !important;
      }
      i,
      em {
      font-style: normal;
      }
      /** 清除各浏览器默认，因margin,padding不同问题 */
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p,
      ul,
      li {
      margin: 0;
      padding: 0;
      }
      /** 清除样式 */
      ul,
      li {
      list-style: none;
      }
      /**去除所有滚动条*/
      *::-webkit-scrollbar {
      width: 0;
      height: 0;
      overflow: hidden;
      display: none;
      }
      /* // 输入框 可以选中 */
      input[type="text"],
      input[type="textarea"],
      input[type="number"],
      input[type="tel"] {
      user-select: true;
      }
      /* // 去除是否可以选中 */
      div,
      li,
      a,
      span {
      user-select: none;
      }
      i{
      display: inline-block;
      }
      .border-bottom{
      border-bottom: 1px solid #EAEAEA;
      }
      src/main.js 0 → 100644
      View file @ 1d506804
      import { createApp } from 'vue'
      import store from './store'
      import router from './router'
      import './assets/styles/reset.css'
      import App from './App.vue'
      import { Button, NavBar } from 'vant'
      const app = createApp(App)
      app.use(store)
      app.use(router)
      app.use(Button).use(NavBar)
      app.mount('#app')
      src/router/index.js 0 → 100644
      View file @ 1d506804
      import { createRouter, createWebHashHistory } from 'vue-router'
      export const globalRouter = [
      {
      path: '',
      name: 'MonthFlow2',
      component: () => import('@/views/month-flow/monthFlow.vue')
      },
      {
      path: '/month-flow',
      name: 'MonthFlow',
      component: () => import('@/views/month-flow/monthFlow.vue')
      }
      ]
      const router = createRouter({
      history: createWebHashHistory(),
      routes: globalRouter
      })
      export function resetRouter() {
      const newRouter = router
      router.matcher = newRouter.matcher // reset router
      }
      export default router
      src/store/actions.js 0 → 100644
      View file @ 1d506804
      const actions = {}
      export default actions
      src/store/getters.js 0 → 100644
      View file @ 1d506804
      const getters = {
      userInfo: state => state.user.userInfo
      }
      export default getters
      src/store/index.js 0 → 100644
      View file @ 1d506804
      import { createStore } from 'vuex'
      import state from './state'
      import getters from './getters'
      import mutations from './mutations'
      import actions from './actions'
      const debug = process.env.NODE_ENV !== 'production'
      const store = createStore({
      state,
      getters,
      mutations,
      actions,
      strict: debug
      })
      export default store
      src/store/mutations.js 0 → 100644
      View file @ 1d506804
      import { reactive } from 'vue'
      const mergeState = (state, payload) => {
      const stateR = reactive({
      state
      })
      Object.keys(payload).forEach(key => {
      if (!{}.hasOwnProperty.call(payload, key)) return
      if (typeof stateR[key] === 'undefined') {
      stateR[key] = payload[key]
      return
      }
      stateR[key] = payload[key]
      })
      return stateR
      }
      const mutations = {
      replaceState(state, payload) {
      mergeState(state, payload)
      },
      startLoading(state) {
      state.isLoading = true
      },
      closeLoading(state) {
      state.isLoading = false
      },
      startUpload(state) {
      state.isUploading = true
      state.uploadPercent = 0
      },
      uploadProgress(state, percent) {
      state.uploadPercent = percent
      },
      endUpload(state) {
      state.isUploading = false
      state.uploadPercent = 0
      }
      }
      export default mutations
      src/store/state.js 0 → 100644
      View file @ 1d506804
      const state = {
      isLoading: false,
      isUploading: false,
      uploadPercent: 0,
      clientWidth: '',
      clientHeight: ''
      }
      export default state
      src/store/user.js 0 → 100644
      View file @ 1d506804
      import router, { resetRouter } from '@/router'
      const state = {
      userInfo: {}
      }
      const mutations = {
      SET_USERINFO(state, userInfo) {
      state.userInfo = userInfo
      }
      }
      const actions = {
      // user login
      login({ commit }, userInfo) {
      const { username, password } = userInfo
      return new Promise((resolve, reject) => {
      login({ userName: username.trim(), password: password })
      .then(response => {
      const { data, status } = response
      if (status !== 200) {
      // Message.error('登录失败，请验证账号名和密码')
      return
      }
      commit('SET_TOKEN', data)
      setToken(data)
      resolve()
      })
      .catch(error => {
      reject(error)
      })
      })
      },
      outlogin({ commit }, token) {
      if (token !== null) {
      commit('SET_TOKEN', token)
      setToken(token)
      }
      },
      // get user info
      getInfo({ commit, state }) {
      return new Promise((resolve, reject) => {
      getInfo(state.token)
      .then(response => {
      const { data } = response
      if (!data) {
      reject('获取用户失败')
      }
      commit('SET_USERINFO', data)
      resolve(data)
      })
      .catch(error => {
      reject(error)
      })
      })
      },
      // user logout
      logout({ commit, state, dispatch }) {
      return new Promise((resolve, reject) => {
      logout(state.token)
      .then(() => {
      commit('SET_TOKEN', '')
      commit('SET_ROLES', [])
      removeToken()
      resetRouter()
      resolve()
      })
      .catch(error => {
      reject(error)
      })
      })
      },
      // remove token
      resetToken({ commit }) {
      return new Promise(resolve => {
      commit('SET_TOKEN', '')
      commit('SET_ROLES', [])
      removeToken()
      resolve()
      })
      },
      // dynamically modify permissions
      changeRoles({ commit, dispatch }, role) {
      return new Promise(async resolve => {
      const token = role + '-token'
      commit('SET_TOKEN', token)
      setToken(token)
      const { roles } = await dispatch('getInfo')
      resetRouter()
      resolve()
      })
      }
      }
      export default {
      namespaced: true,
      state,
      mutations,
      actions
      }
      src/utils/index.js 0 → 100644
      View file @ 1d506804
      // 判断是什么设备
      export const isH5OrPc = () => {
      if (/Mobile|Android|webOS|iPhone|iPad|Phone/i.test(navigator.userAgent)) {
      return 'H5'
      }
      return 'PC'
      }
      src/views/month-flow/monthFlow.vue 0 → 100644
      View file @ 1d506804
      <template>
      <div>
      <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" />
      </div>
      </template>
      <script>
      export default {
      data() {
      return {}
      },
      methods: {
      onClickLeft() {}
      }
      }
      </script>
      <style scoped lang="scss"></style>
      vue.config.js 0 → 100644
      View file @ 1d506804
      // webpack.config.js
      const path = require('path')
      module.exports = {
      css: {
      loaderOptions: {
      sass: {
      // 全局引入变量和 mixin
      additionalData: `
      @import "@/assets/styles/variable.scss";
      @import "@/assets/styles/mixin.scss";
      `
      }
      }
      },
      devServer: {},
      productionSourceMap: false,
      configureWebpack: {
      resolve: {
      alias: {
      '@': path.resolve(__dirname, './src'),
      '@img': path.resolve(__dirname, './src/assets/images')
      }
      },
      plugins: []
      }
      }
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment