+ 
+
+
+ 
+
+
+ 代理人
+
+
+
+
+
+ 
+
+
+ 仓管
+
+
-
-
-
-
-
-
-
diff --git a/src/main.js b/src/main.js
index a92f228..70e761d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,4 +3,7 @@ import App from './App.vue'
import router from './router'
import store from './store'
-createApp(App).use(store).use(router).mount('#app')
+import Vant from 'vant'
+import 'vant/lib/index.css'
+
+createApp(App).use(store).use(Vant).use(router).mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index d3a856e..04eb10c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,19 +1,28 @@
import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
const routes = [
{
- path: '/',
- name: 'home',
- component: HomeView
+ path: '/login',
+ name: 'login',
+ component: () => import('@/views/login/index')
},
{
- path: '/about',
- name: 'about',
- // route level code-splitting
- // this generates a separate chunk (about.[hash].js) for this route
- // which is lazy-loaded when the route is visited.
- component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+ path: '/addUser',
+ name: 'addUser',
+ component: () => import('@/views/addUser/index')
+ },
+ {
+ path: '/dealer',
+ name: 'dealer',
+ redirect: '/dealer/home',
+ component: () => import('@/views/Layout.vue'),
+ children: [
+ {
+ path: 'home',
+ name: 'home',
+ component: () => import('@/views/dealer/home')
+ }
+ ]
}
]
diff --git a/src/store/getters.js b/src/store/getters.js
new file mode 100644
index 0000000..3b7c4a5
--- /dev/null
+++ b/src/store/getters.js
@@ -0,0 +1,7 @@
+const getters = {
+ token: state => state.user.token,
+ avatar: state => state.user.avatar,
+ name: state => state.user.name,
+ roles: state => state.user.roles
+}
+export default getters
diff --git a/src/store/index.js b/src/store/index.js
index 7f5b89c..c55dfff 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,14 +1,12 @@
import { createStore } from 'vuex'
+import user from './modules/user'
+import getters from './getters'
-export default createStore({
- state: {
- },
- getters: {
- },
- mutations: {
- },
- actions: {
- },
+const store = createStore({
modules: {
- }
+ user
+ },
+ getters
})
+
+export default store
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
new file mode 100644
index 0000000..2d70fdb
--- /dev/null
+++ b/src/store/modules/user.js
@@ -0,0 +1,95 @@
+import { login, logout, getInfo } from '@/api/login'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+
+const user = {
+ namespaced: true, // 启用命名空间
+
+ state: {
+ token: getToken(),
+ name: '',
+ avatar: '',
+ roles: []
+ },
+
+ mutations: {
+ SET_TOKEN: (state, token) => {
+ state.token = token
+ },
+ SET_NAME: (state, name) => {
+ state.name = name
+ },
+ SET_AVATAR: (state, avatar) => {
+ state.avatar = avatar
+ },
+ SET_ROLES: (state, roles) => {
+ state.roles = roles
+ }
+ },
+
+ actions: {
+ // 登录
+ Login ({ commit }, userInfo) {
+ const username = userInfo.username.trim()
+ return new Promise((resolve, reject) => {
+ login(username, userInfo.password).then(response => {
+ const { data } = response
+ const tokenStr = data.tokenValue
+ setToken(tokenStr)
+ commit('SET_TOKEN', tokenStr)
+ resolve(data)
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // 获取用户信息
+ GetInfo ({ commit }) {
+ return new Promise((resolve, reject) => {
+ getInfo().then(response => {
+ const { data } = response
+ if (data.roles && data.roles.length > 0) {
+ commit('SET_ROLES', data.roles)
+ } else {
+ reject(new Error('getInfo: roles must be a non-null array !'))
+ }
+ commit('SET_NAME', data.userName)
+ commit('SET_AVATAR', data.avatar || '')
+ resolve(data)
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // 登出
+ LogOut ({ commit, state }) {
+ return new Promise((resolve, reject) => {
+ logout(state.token).then(() => {
+ commit('SET_TOKEN', '')
+ commit('SET_ROLES', [])
+ commit('SET_NAME', '')
+ commit('SET_AVATAR', '')
+ removeToken()
+ resolve()
+ }).catch(error => {
+ reject(error)
+ })
+ })
+ },
+
+ // 前端登出
+ FedLogOut ({ commit }) {
+ return new Promise(resolve => {
+ commit('SET_TOKEN', '')
+ commit('SET_ROLES', [])
+ commit('SET_NAME', '')
+ commit('SET_AVATAR', '')
+ removeToken()
+ resolve()
+ })
+ }
+ }
+}
+
+export default user
diff --git a/src/utils/auth.js b/src/utils/auth.js
new file mode 100644
index 0000000..5c88b02
--- /dev/null
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'loginToken'
+
+export function getToken () {
+ return Cookies.get(TokenKey)
+}
+
+export function setToken (token) {
+ return Cookies.set(TokenKey, token)
+}
+
+export function removeToken () {
+ return Cookies.remove(TokenKey)
+}
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..424272c
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,96 @@
+import axios from 'axios'
+import { Toast, Dialog } from 'vant'
+import store from '../store'
+import { getToken } from '@/utils/auth'
+
+// 创建axios实例
+const service = axios.create({
+ baseURL: process.env.VUE_APP_BASE_API || '/api', // 修改环境变量前缀
+ timeout: 15000 // 请求超时时间
+})
+
+// request拦截器
+service.interceptors.request.use(
+ config => {
+ if (store.getters.token) {
+ config.headers.token = getToken() // 让每个请求携带自定义token
+ }
+ return config
+ },
+ error => {
+ console.log(error) // for debug
+ return Promise.reject(error)
+ }
+)
+
+// response拦截器
+service.interceptors.response.use(
+ response => {
+ /**
+ * code为非200是抛错 可结合自己业务进行修改
+ */
+ const res = response.data
+
+ // 如果返回的是文件流或其他非标准格式，直接返回
+ if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
+ return response
+ }
+
+ if (res.code !== 200) {
+ // 401:未登录
+ if (res.code === 401) {
+ Dialog.confirm({
+ title: '确定登出',
+ message: '你已被登出，可以取消继续留在该页面，或者重新登录',
+ confirmButtonText: '重新登录',
+ cancelButtonText: '取消'
+ }).then(() => {
+ store.dispatch('user/FedLogOut').then(() => {
+ location.reload() // 为了重新实例化vue-router对象 避免bug
+ })
+ }).catch(() => {
+ // 用户取消操作
+ })
+ return Promise.reject(res)
+ }
+
+ // 弹出错误信息，显示后端返回的消息
+ Toast(res.msg || '错误')
+ return Promise.reject(res)
+ } else {
+ return res
+ }
+ },
+ error => {
+ console.log('err' + error) // for debug
+
+ // 处理网络错误
+ if (error.message.includes('timeout')) {
+ Toast('请求超时，请稍后重试')
+ } else if (error.message.includes('Network Error')) {
+ Toast('网络错误，请检查网络连接')
+ } else {
+ // 处理token无效的情况
+ if (error.response && error.response.status === 401) {
+ Dialog.confirm({
+ title: '提示',
+ message: '登录已过期，请重新登录',
+ confirmButtonText: '重新登录',
+ cancelButtonText: '取消'
+ }).then(() => {
+ store.dispatch('user/FedLogOut').then(() => {
+ location.reload()
+ })
+ }).catch(() => {
+ // 用户取消操作
+ })
+ } else {
+ Toast(error.message || '网络错误')
+ }
+ }
+
+ return Promise.reject(error)
+ }
+)
+
+export default service
diff --git a/src/utils/wx-api-config.js b/src/utils/wx-api-config.js
new file mode 100644
index 0000000..2371eb5
--- /dev/null
+++ b/src/utils/wx-api-config.js
@@ -0,0 +1,19 @@
+// 微信授权跳转
+export const wxAuthRedirect = () => {
+ const appId = 'wx8f2aa0defc700688' // 替换实际值
+ const redirectUri = encodeURIComponent(window.location.origin + '/addUser')
+ const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect`
+
+ // 清除可能存在的旧code
+ const cleanUrl = window.location.href.split('?')[0]
+ window.history.replaceState({}, document.title, cleanUrl)
+
+ window.location.href = authUrl
+}
+
+// 解析URL参数
+export const getUrlParam = (name) => {
+ const reg = new RegExp(`(^|&)${name}=([^&]*)(&|$)`)
+ const match = window.location.search.substr(1).match(reg)
+ return match ? decodeURIComponent(match[2]) : null
+}
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
deleted file mode 100644
index 3fa2807..0000000
--- a/src/views/AboutView.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-
- {{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
Installed CLI Plugins
- -Essential Links
--
-
- Core Docs -
- Forum -
- Community Chat -
- News -
Ecosystem
--
-
- vue-router -
- vuex -
- vue-devtools -
- vue-loader -
- awesome-vue -
-
-
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
deleted file mode 100644
index e8d96d7..0000000
--- a/src/views/HomeView.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-
- This is an about page
-
- 
-
-
-
-
diff --git a/src/views/Layout.vue b/src/views/Layout.vue
new file mode 100644
index 0000000..8febc0a
--- /dev/null
+++ b/src/views/Layout.vue
@@ -0,0 +1,20 @@
+
+
-
+
+
+
+
+
+
+
diff --git a/src/views/addUser/index.vue b/src/views/addUser/index.vue
new file mode 100644
index 0000000..b22e719
--- /dev/null
+++ b/src/views/addUser/index.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dealer/home.vue b/src/views/dealer/home.vue
new file mode 100644
index 0000000..c6084da
--- /dev/null
+++ b/src/views/dealer/home.vue
@@ -0,0 +1,61 @@
+
+
+
+ 上传身份证的正反面*
+ 我确认身份证影像是本人名下最新且有效的身份证影像
+
+
+
+ 
+
+
+ 待上传
+
+
+
+
+
+
+ 待上传
+
+
+ 上传营业执照*
+ 请上传您的营业执照
+
+
+
+
+
+
+ 待上传
+
+
+
+ 提交
+
+ 请完善您的个人信息*
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..7970b3a
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+ 黄埔长威
+ 联系方式:13137589630
+ 退出账号
+
+ 
+
+ 申请提货
+
+
+
+
+ 申请退货
+
+
+
+
+ 历史记录
+
+
+
+
+
+
+
+
diff --git a/vue.config.js b/vue.config.js
index 910e297..195d56e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,102 @@
+// const { defineConfig } = require('@vue/cli-service')
+// module.exports = defineConfig({
+// transpileDependencies: true
+// })
const { defineConfig } = require('@vue/cli-service')
+const path = require('path')
+const resolve = (dir) => path.join(__dirname, dir)
module.exports = defineConfig({
- transpileDependencies: true
+ transpileDependencies: true,
+ publicPath: '/', // 署应用包时的基本 URL。 vue-router hash 模式使用
+ outputDir: 'dist', // 生产环境构建文件的目录
+ assetsDir: 'static', // outputDir的静态资源(js、css、img、fonts)目录
+ lintOnSave: false, // eslint 检测
+ productionSourceMap: false, // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+ devServer: {
+ hot: true,
+ compress: true,
+ historyApiFallback: true,
+ static: {
+ directory: path.join(__dirname, 'public')
+ },
+ port: 8080,
+ headers: {
+ 'Access-Control-Allow-Origin': '*'
+ }
+ },
+ chainWebpack: (config) => {
+ config.resolve.alias
+ .set('@', resolve('src'))
+ .set('assets', resolve('src/assets'))
+ .set('api', resolve('src/api'))
+ .set('views', resolve('src/views'))
+ .set('components', resolve('src/components'))
+ }
})
+// module.exports = defineConfig({
+//
+// publicPath: '/', // 应用程序域名后的根目录，运行后为：http://localhost:8081/ ,如果设置子路径为/myh5/ :http://10.29.0.20:8082/myh5/
+// outputDir: 'dist', // 生成生产环境文件的目录，(打包后的文件存放目录)
+// assetsDir: 'staticDir', // 防止生成的静态资源(js\css\img\fonts)(相对于outputDir的目录)
+// indexPath: 'index.html', // 指定生成的index.html的输出路径，在打包后也就是在dist文件中index.html生成的位置；如果写成a/b/c.html,那生成的dist里面index.html就是dist/a/b/c.html
+// filenameHashing: false, // 默认为true，在打包之后，生成的dist目录的静态资源的文件名会追加上hash值，比如，common.f151bhg.js,设置为false，就不要hash
+// // pages:{ // 多页模式下配置的，每个页面都有对应的条目文件,每个条目中都有entry，template，filename，title和chunks和其他自定义添加的属性
+// // index:{}
+// // },
+// lintOnSave: false, // 设置是否在开发环境下每次保存代码时都进行eslint验证
+// // false：关闭每次保存都进行检测
+// // true：开启每次保存都进行检测，效果与warning一样
+// // ‘error’：开启每次保存都进行检测，lint 错误将显示到浏览器页面上，且编译失败。
+// // ‘default’：同error
+// // ‘warning’：开启每次保存都进行检测，lint 错误将显示到控制台命令行，而且编译并不会失败。
+// // 所有 webpack-dev-server 的选项都支持
+// devServer: { // 配置dev的服务器，包括host，port，热更新，代理服务器配置等
+// overlay: {
+// warnings: false,
+// errors: true
+// },
+// host: 'http://localhost:8081/',
+// port: 8080,
+// open: true, // 配置自动启动浏览器
+// hotOnly: true, // 开启热更新
+// disableHostCheck: true,
+// proxy: {
+// '/mall': {
+// target: 'http://dev.baijin.com',
+// changeOrigin: true,
+// secure: false,
+// pathRewrite: {
+// '^/mall': '/mall'
+// }
+// }
+// }
+// },
+// productionSourceMap: false, // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+// // configureWebpack 和 chainWebpack 的作用相同(都是修改webpack的默认配置)，唯一的区别就是它们修改 webpack 配置的方式不同：
+// // ①chainWebpack 通过链式编程的形式，来修改默认的 webpack 配置
+// // ②configureWebpack 通过操作对象的形式，来修改默认的 webpack 配置
+// configureWebpack: {
+// },
+// css: { // css
+// // modules:false, //启用css的模块化?后面被requireModuleExtension属性替代
+// // 为所有的 CSS 及其预处理文件开启 CSS Modules。
+// // 这个选项不会影响 `*.vue` 文件。
+// requireModuleExtension: true,
+// extract: false, // 使用css分离插件 ExtractTextPlugin?生产环境下是true,开发环境下是false
+// sourceMap: false, // 开启 CSS source maps?
+// loaderOptions: { // 将选项传递给预加载程序处理器
+// css: {}, // 这里的选项会传递给 css-loader
+// postcss: {} // 这里的选项会传递给 postcss-loader
+// } // css预设器配置项
+// },
+// // 是否为 Babel 或 TypeScript 使用 thread-loader。
+// // 该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建
+// parallel: require('os').cpus().length > 1,
+// // 向 PWA 插件传递选项
+// pwa: {},
+// // 可以用来传递任何第三方插件选项
+// pluginOptions: {},
+// // babel是一个编译器，主要作用是将ECMAScript 2015+版本的代码转换为向后兼容的js语法，
+// // 因为Vue项目中普遍使用ES6语法，若要求兼容低版本浏览器，就需要引入babel，将ES6转换为E5
+// babel: {}
+// })
+ 
+ 
+
+
+
+
+
+