commit ac0d3b2f7d6fb0a8d5a0b49f08a28d7ae72b98e5 Author: dengtongyu Date: Thu Apr 13 19:49:22 2023 +0800 feat: 初始化 diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 0000000..44e83e2 --- /dev/null +++ b/.eslintignore @@ -0,0 +1,4 @@ +build +dist +node_modules +.vscode \ No newline at end of file diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..40c2966 --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,67 @@ +module.exports = { + root: true, + env: { + "browser": true, + "es2021": true, + "node": true, + "vue/setup-compiler-macros": true + }, + extends: ["eslint:recommended", "plugin:vue/vue3-recommended", "@vue/typescript/recommended", "prettier"], + parser: "vue-eslint-parser", + parserOptions: { + ecmaVersion: "latest", + parser: "@typescript-eslint/parser", + sourceType: "module" + }, + plugins: ["vue", "html", "@typescript-eslint"], + rules: { + "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", + "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", + "semi": [2, "always"], + "comma-dangle": [2, "never"], + "eqeqeq": "warn", + "quotes": ["warn", "double"], + "@typescript-eslint/ban-types": [ + "warn", + { + types: { + "{}": false + } + } + ], + "@typescript-eslint/no-explicit-any": "off", + "vue/no-unused-vars": "warn", + "vue/multi-word-component-names": "off", + "vue/no-mutating-props": "off", + "@typescript-eslint/ban-ts-comment": "off", + "vue/html-closing-bracket-newline": [ + "error", + { + singleline: "never", + multiline: "always" + } + ], + "vue/html-indent": [ + "error", + 2, + { + attribute: 1, + baseIndent: 1, + closeBracket: 0, + alignAttributesVertically: true, + ignores: [] + } + ], + "vue/max-attributes-per-line": [ + "error", + { + singleline: { + max: 2 + }, + multiline: { + max: 1 + } + } + ] + } +}; \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6238331 --- /dev/null +++ b/.gitignore @@ -0,0 +1,22 @@ +.DS_Store +node_modules +/dist +package-lock.json + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/.prettierrc.cjs b/.prettierrc.cjs new file mode 100644 index 0000000..5a3baee --- /dev/null +++ b/.prettierrc.cjs @@ -0,0 +1,11 @@ +module.exports = { + semi: false, + singleQuote: false, + tabWidth: 2, + useTabs: false, + printWidth: 120, + proseWrap: 'preserve', + trailingComma: 'es5', + bracketSpacing: true, + quoteProps: "consistent", +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..93ff15c --- /dev/null +++ b/README.md @@ -0,0 +1,88 @@ +# vue3-template-h5 + +一个h5项目 + +## 安装 + +``` +npm install +``` + +## 运行 + +``` +npm run serve:dev //本地运行，并且代理到开发环境 +npm run serve:test //本地运行，并且代理到测试环境 +npm run serve:uat //本地运行，并且代理到预发布环境 +npm run serve:prod //本地运行，并且代理到生产环境 +``` + +## 打包 + +``` +// 测试环境 +npm run build:test + +// 预发布环境 +npm run build:uat + +// 生产环境 +npm run build:prod +``` + +## 说明 + +项目采用vue3.0 + vite搭建，组件库默认引入了vant，状态管理使用pinia。 +使用vw适配方案，默认375宽度，可在vite.config.ts里配置更改默认宽度。 + +## 常见问题 + +### 按需引入组件 + +项目使用 unplugin-vue-components 插件，它可以自动引入组件，并按需引入组件的样式，无需手动引入样式。 + +```JS +import { + Button +} from 'vant'; +``` + +### 引入函数组件的样式 + +Vant 中有个别组件是以函数的形式提供的，包括 Toast，Dialog，Notify 和 ImagePreview 组件。在使用函数组件时，unplugin-vue-components 无法自动引入对应的样式，因此需要手动引入样式。 + +```JS +// Toast +import { + Toast +} from 'vant'; +import 'vant/es/toast/style'; + +// Dialog +import { + Dialog +} from 'vant'; +import 'vant/es/dialog/style'; + +// Notify +import { + Notify +} from 'vant'; +import 'vant/es/notify/style'; + +// ImagePreview +import { + ImagePreview +} from 'vant'; +import 'vant/es/image-preview/style'; +``` + +### 本地代理 + +运行项目时的接口代理，可在 proxy.config.ts 中配置。 + +## 相关文档 + +[vue3.0 文档](https://cn.vuejs.org/guide/quick-start.html). +[vite 文档](https://vitejs.cn/). +[vant 文档](https://vant-contrib.gitee.io/vant/#/zh-CN/). diff --git a/components.d.ts b/components.d.ts new file mode 100644 index 0000000..aaa6be2 --- /dev/null +++ b/components.d.ts @@ -0,0 +1,18 @@ +// generated by unplugin-vue-components +// We suggest you to commit this file into source control +// Read more: https://github.com/vuejs/core/pull/3399 +import '@vue/runtime-core' + +export {} + +declare module '@vue/runtime-core' { + export interface GlobalComponents { + _index: typeof import('./src/components/abnormal/_index.vue')['default'] + Abnormal: typeof import('./src/components/abnormal/index.vue')['default'] + HelloWorld: typeof import('./src/components/HelloWorld.vue')['default'] + IconAndText: typeof import('./src/components/abnormal/iconAndText.vue')['default'] + RouterLink: typeof import('vue-router')['RouterLink'] + RouterView: typeof import('vue-router')['RouterView'] + VanButton: typeof import('vant/es')['Button'] + } +} diff --git a/config/index.d.ts b/config/index.d.ts new file mode 100644 index 0000000..1d478b8 --- /dev/null +++ b/config/index.d.ts @@ -0,0 +1,15 @@ +export declare const appName: string; + +export declare const passid: string; + +export declare const VITE_APP_ENV: string; + +export declare let proxyTarget: string; + +export declare const vconsoleDebug: boolean; + +export declare const scriptSrcStr: string; + +export declare let temp: string; + +export declare const injectScriptStr: string; \ No newline at end of file diff --git a/config/index.ts b/config/index.ts new file mode 100644 index 0000000..a73bc9f --- /dev/null +++ b/config/index.ts @@ -0,0 +1,39 @@ +const appName = "协同办公XX管理后台"; + +const passid = "paasid"; + +const ENV: any = import.meta.env || process.env; +const VITE_APP_ENV: string = ENV.VITE_APP_ENV; + +let proxyTarget = ""; +switch (VITE_APP_ENV) { + case "test": + proxyTarget = "https://xxxxxx.com"; + break; + case "uat": + proxyTarget = "https://xxxxxx.com"; + break; + case "prod": + proxyTarget = "https://xxxxxx.com"; + break; + default: + proxyTarget = "https://xxxxxx.com"; + break; +} + +const vconsoleDebug = true; +const scriptSrcStr = "var src = '/midjs/mjs/vconsole/v3.14.6/vconsole.min.js';document.write('');document.write('new window.VConsole();');"; +let temp = ""; +if (vconsoleDebug && (VITE_APP_ENV === "test" || VITE_APP_ENV === "uat")) { + temp = scriptSrcStr; +} else { + temp = `if (/vconsole=true/.test(window.location)) {${scriptSrcStr}};`; +} +const injectScriptStr = ``; + +export { + appName, + proxyTarget, + passid, + injectScriptStr +}; \ No newline at end of file diff --git a/env.d.ts b/env.d.ts new file mode 100644 index 0000000..5b51319 --- /dev/null +++ b/env.d.ts @@ -0,0 +1,13 @@ +/// +declare interface ImportMetaEnv { + readonly VITE_APP_ENV: string + // 更多环境变量... +} + +declare interface ImportMeta { + readonly env: ImportMetaEnv +} + +declare interface Window { + wx: any; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..810bb30 --- /dev/null +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + + <%- title %> + + + +
+ <%- injectScript %> + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..937fdd2 --- /dev/null +++ b/package.json @@ -0,0 +1,48 @@ +{ + "name": "vue3-template-h5", + "description": "一个h5项目", + "author": "dengtongyu", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "serve:test": "cross-env VITE_APP_ENV=test vite", + "serve:uat": "cross-env VITE_APP_ENV=uat vite", + "serve:prod": "cross-env VITE_APP_ENV=prod vite", + "build:test": "vue-tsc --noEmit && cross-env VITE_APP_ENV=test vite build", + "build:uat": "vue-tsc --noEmit && cross-env VITE_APP_ENV=uat vite build", + "build:prod": "vue-tsc --noEmit && cross-env VITE_APP_ENV=prod vite build", + "preview": "vite preview", + "lint": "eslint --fix config/*.{ts} && eslint --fix src/*.{ts,vue} && eslint --fix src/**/*.{ts,vue}" + }, + "dependencies": { + "axios": "^0.27.2", + "pinia": "^2.0.19", + "vant": "^3.5.4", + "vue": "^3.2.37", + "vue-router": "^4.1.3" + }, + "devDependencies": { + "@types/node": "^18.11.18", + "@typescript-eslint/eslint-plugin": "^5.40.1", + "@typescript-eslint/parser": "^5.40.1", + "@vitejs/plugin-legacy": "^2.0.1", + "@vitejs/plugin-vue": "^3.0.0", + "@vue/eslint-config-prettier": "^7.0.0", + "@vue/eslint-config-typescript": "^11.0.2", + "cross-env": "^7.0.3", + "eslint": "^8.25.0", + "eslint-plugin-html": "^7.1.0", + "eslint-plugin-vue": "^9.6.0", + "less": "^4.1.3", + "postcss-px-to-viewport": "^1.1.1", + "prettier": "^2.7.1", + "typescript": "^4.6.4", + "unplugin-vue-components": "^0.22.4", + "vite": "^3.0.9", + "vite-plugin-html": "^3.2.0", + "vite-plugin-vue-setup-extend": "^0.4.0", + "vue-tsc": "^0.38.4" + } +} diff --git a/proxy.config.ts b/proxy.config.ts new file mode 100644 index 0000000..cb80ce9 --- /dev/null +++ b/proxy.config.ts @@ -0,0 +1,26 @@ +import { proxyTarget } from "./config" + +let proxyTable = { + "/zuul": { + target: proxyTarget, + changeOrigin: true + }, + "/media/": { + target: proxyTarget, + changeOrigin: true + }, + "/zwwxgzt": { + target: proxyTarget, + changeOrigin: true + }, + "/midjs": { + target: proxyTarget, + changeOrigin: true + }, + "/irc": { + target: proxyTarget, + changeOrigin: true + }, +}; + +export default proxyTable; diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..81737e1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,89 @@ + + + + diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..27c46ae --- /dev/null +++ b/src/App.vue @@ -0,0 +1,6 @@ + + + diff --git a/src/api/index.ts b/src/api/index.ts new file mode 100644 index 0000000..c9a33af --- /dev/null +++ b/src/api/index.ts @@ -0,0 +1,14 @@ +import ajax from "../lib/ajax"; +// import { passid } from "../../config"; + + +const HOST = "/zwwxgzt/workstation"; + +// 获取用户信息 +const getUserInfo = function (param: any) { + return ajax.post(`${HOST}/LoginUserInfo`, param); +}; + +export { + getUserInfo +}; \ No newline at end of file diff --git a/src/assets/images/no_power.png b/src/assets/images/no_power.png new file mode 100644 index 0000000..1f32e7f Binary files /dev/null and b/src/assets/images/no_power.png differ diff --git a/src/assets/svg/404.svg b/src/assets/svg/404.svg new file mode 100644 index 0000000..1ffc6c5 --- /dev/null +++ b/src/assets/svg/404.svg @@ -0,0 +1,33 @@ + + + 404 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/500.svg b/src/assets/svg/500.svg new file mode 100644 index 0000000..1f4a786 --- /dev/null +++ b/src/assets/svg/500.svg @@ -0,0 +1,50 @@ + + + + 服务器异常 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/device_abnormal.svg b/src/assets/svg/device_abnormal.svg new file mode 100644 index 0000000..042d263 --- /dev/null +++ b/src/assets/svg/device_abnormal.svg @@ -0,0 +1,57 @@ + + + + 设备异常 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/failed.svg b/src/assets/svg/failed.svg new file mode 100644 index 0000000..6b15e39 --- /dev/null +++ b/src/assets/svg/failed.svg @@ -0,0 +1,50 @@ + + + + 加载失败 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/logo.svg b/src/assets/svg/logo.svg new file mode 100644 index 0000000..81737e1 --- /dev/null +++ b/src/assets/svg/logo.svg @@ -0,0 +1,89 @@ + + + + diff --git a/src/assets/svg/no_data.svg b/src/assets/svg/no_data.svg new file mode 100644 index 0000000..3e73b53 --- /dev/null +++ b/src/assets/svg/no_data.svg @@ -0,0 +1,43 @@ + + + + 暂无数据 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/no_network.svg b/src/assets/svg/no_network.svg new file mode 100644 index 0000000..3ee7609 --- /dev/null +++ b/src/assets/svg/no_network.svg @@ -0,0 +1,48 @@ + + + + 暂无网络 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/no_permission.svg b/src/assets/svg/no_permission.svg new file mode 100644 index 0000000..aad52a4 --- /dev/null +++ b/src/assets/svg/no_permission.svg @@ -0,0 +1,47 @@ + + + + 暂无权限 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue new file mode 100644 index 0000000..89e0d3f --- /dev/null +++ b/src/components/HelloWorld.vue @@ -0,0 +1,35 @@ + + + + + diff --git a/src/components/abnormal/iconAndText.vue b/src/components/abnormal/iconAndText.vue new file mode 100644 index 0000000..f81dc5d --- /dev/null +++ b/src/components/abnormal/iconAndText.vue @@ -0,0 +1,39 @@ + + + \ No newline at end of file diff --git a/src/components/abnormal/index.vue b/src/components/abnormal/index.vue new file mode 100644 index 0000000..8765c48 --- /dev/null +++ b/src/components/abnormal/index.vue @@ -0,0 +1,107 @@ + + + \ No newline at end of file diff --git a/src/installComponents.ts b/src/installComponents.ts new file mode 100644 index 0000000..a1b015b --- /dev/null +++ b/src/installComponents.ts @@ -0,0 +1,10 @@ +import { Button, Empty } from "vant"; + +const install = function (app: any) { + app.use(Button); + app.use(Empty); +}; + +export { + install +}; diff --git a/src/lib/ajax.ts b/src/lib/ajax.ts new file mode 100644 index 0000000..6b3699b --- /dev/null +++ b/src/lib/ajax.ts @@ -0,0 +1,3 @@ +import axios from "./request"; + +export default axios; \ No newline at end of file diff --git a/src/lib/request.ts b/src/lib/request.ts new file mode 100644 index 0000000..e707174 --- /dev/null +++ b/src/lib/request.ts @@ -0,0 +1,34 @@ +import axios from "axios"; + +axios.defaults.headers.common["Request-Type"] = "ajax"; + +axios.interceptors.response.use( + function (response) { + // 对响应数据做点什么 + const { errcode } = response.data || {}; + if (errcode === 401) { + const { + data: { authorizeURI } + } = response.data; + let currentURI = location.href; + currentURI = encodeURIComponent(currentURI); + currentURI = encodeURIComponent(currentURI); + let redirectURI = authorizeURI; + redirectURI = redirectURI.replace("REDIRECT_URI", currentURI); + const hostNames = ["127.0.0.1", "localhost"]; + if (hostNames.includes(location.hostname)) { + console.log("当前cookie失效"); + } else { + location.replace(redirectURI); + } + } + + const data = response.data || JSON.parse(response.request.responseText); + return data; + }, + function (error) { + return Promise.reject(error); + } +); + +export default axios; diff --git a/src/lib/util.ts b/src/lib/util.ts new file mode 100644 index 0000000..21e359d --- /dev/null +++ b/src/lib/util.ts @@ -0,0 +1,35 @@ +// 设备信息 +const browser = { + versions: (function () { + const u = navigator.userAgent; + return { + trident: u.indexOf("Trident") > -1, //IE内核 + presto: u.indexOf("Presto") > -1, //opera内核 + webKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核 + gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") === -1, //火狐内核 + mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 + ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 + android: u.indexOf("Android") > -1 || u.indexOf("Adr") > -1, //android终端 + iPad: u.indexOf("iPad") > -1, //是否iPad + webApp: u.indexOf("Safari") === -1, //是否web应该程序，没有头部与底部 + zwwx: u.indexOf("zwwx-customized") > -1 //是否政务微信 + }; + })() +}; + +// 随机长度字符串 +const randomString = function (len: number) { + len = len || 10; + const chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; + const maxPos = chars.length; + let str = ""; + for (let i = 0; i < len; i++) { + str += chars.charAt(Math.floor(Math.random() * maxPos)); + } + return str; +}; + +export { + browser, + randomString +}; \ No newline at end of file diff --git a/src/main.ts b/src/main.ts new file mode 100644 index 0000000..bb3ca69 --- /dev/null +++ b/src/main.ts @@ -0,0 +1,15 @@ +import { createApp } from "vue"; +import routes from "./routes"; +import App from "./App.vue"; +import pinia from "./store/pinia"; +import { install } from "./installComponents"; +import "./styles/index.less"; + +const app = createApp(App); +app.use(pinia); +app.use(routes); +install(app); +app.mount("#app"); + + + diff --git a/src/pages/Home.vue b/src/pages/Home.vue new file mode 100644 index 0000000..7b8de34 --- /dev/null +++ b/src/pages/Home.vue @@ -0,0 +1,28 @@ + + + + + \ No newline at end of file diff --git a/src/pages/Login.vue b/src/pages/Login.vue new file mode 100644 index 0000000..83344a1 --- /dev/null +++ b/src/pages/Login.vue @@ -0,0 +1,56 @@ + + + + + \ No newline at end of file diff --git a/src/pages/error/404.vue b/src/pages/error/404.vue new file mode 100644 index 0000000..9239fa0 --- /dev/null +++ b/src/pages/error/404.vue @@ -0,0 +1,26 @@ + + + \ No newline at end of file diff --git a/src/pages/error/500.vue b/src/pages/error/500.vue new file mode 100644 index 0000000..9ce1d7d --- /dev/null +++ b/src/pages/error/500.vue @@ -0,0 +1,21 @@ + + + \ No newline at end of file diff --git a/src/pages/error/DeviceAbnormal.vue b/src/pages/error/DeviceAbnormal.vue new file mode 100644 index 0000000..b5c0c9c --- /dev/null +++ b/src/pages/error/DeviceAbnormal.vue @@ -0,0 +1,25 @@ + + + \ No newline at end of file diff --git a/src/pages/error/Failed.vue b/src/pages/error/Failed.vue new file mode 100644 index 0000000..1fc4019 --- /dev/null +++ b/src/pages/error/Failed.vue @@ -0,0 +1,25 @@ + + + \ No newline at end of file diff --git a/src/pages/error/NoAccess.vue b/src/pages/error/NoAccess.vue new file mode 100644 index 0000000..a22c46c --- /dev/null +++ b/src/pages/error/NoAccess.vue @@ -0,0 +1,25 @@ + + + \ No newline at end of file diff --git a/src/pages/error/NoData.vue b/src/pages/error/NoData.vue new file mode 100644 index 0000000..26b64f8 --- /dev/null +++ b/src/pages/error/NoData.vue @@ -0,0 +1,26 @@ + + + \ No newline at end of file diff --git a/src/pages/error/NoNetwork.vue b/src/pages/error/NoNetwork.vue new file mode 100644 index 0000000..32c010b --- /dev/null +++ b/src/pages/error/NoNetwork.vue @@ -0,0 +1,25 @@ + + + \ No newline at end of file diff --git a/src/routes/index.ts b/src/routes/index.ts new file mode 100644 index 0000000..2688c88 --- /dev/null +++ b/src/routes/index.ts @@ -0,0 +1,33 @@ +import { createWebHashHistory, createRouter } from "vue-router"; +import routes from "./routes"; +import pinia from "../store/pinia"; +import { baseInfo } from "../store"; + +const baseInfoStore = baseInfo(pinia); +const history = createWebHashHistory(); + + +const router = createRouter({ + history, + routes: routes +}); + +router.beforeEach((to, from, next) => { + if (to.meta && to.meta.power) { + const user = baseInfoStore.userInfo.value; + if (user.uin) { + next(); + } else { + next({ + path: "/loginfo", + query: { + rediret: to.fullPath + } + }); + } + } else { + next(); + } +}); + +export default router; \ No newline at end of file diff --git a/src/routes/routes.ts b/src/routes/routes.ts new file mode 100644 index 0000000..4be2947 --- /dev/null +++ b/src/routes/routes.ts @@ -0,0 +1,15 @@ +const routes = [ + { path: "/", name: "root", redirect: "/home" }, + { path: "/home", name: "home", meta: { power: true }, component: () => import("../pages/Home.vue") }, + { path: "/loginfo", name: "loginfo", component: () => import("../pages/Login.vue") }, + { path: "/nonetwork:text?", name: "nonetwork", props: true, component: () => import("../pages/error/NoNetwork.vue") }, + { path: "/noaccess/:text?", name: "noaccess", props: true, component: () => import("../pages/error/NoAccess.vue") }, + { path: "/empty/:text?", name: "empty", props: true, component: () => import("../pages/error/NoData.vue") }, + { path: "/deviceabnormal/:text?", name: "deviceabnormal", props: true, component: () => import("../pages/error/DeviceAbnormal.vue") }, + { path: "/failed/:text?", name: "failed", props: true, component: () => import("../pages/error/Failed.vue") }, + { path: "/500/:text?", name: "500", props: true, component: () => import("../pages/error/500.vue") }, + { path: "/404", name: "404", component: () => import("../pages/error/404.vue") }, + { path: "/:catchAll(.*)", redirect: "/404", hidden: true } +]; + +export default routes; \ No newline at end of file diff --git a/src/store/baseInfo.ts b/src/store/baseInfo.ts new file mode 100644 index 0000000..b7a6728 --- /dev/null +++ b/src/store/baseInfo.ts @@ -0,0 +1,30 @@ +import { defineStore } from "pinia"; +import { ref, computed } from "vue"; +import { getUserInfo } from "../api"; + +const baseInfo = defineStore("baseInfo", () => { + const user = ref({}); + const loginUserInfo = () => { + return new Promise((resolve, reject) => { + getUserInfo({}) + .then((res: any) => { + const { errcode, data } = res; + if (errcode === 0) { + const info = data.data; + user.value = info; + } + resolve(res); + }) + .catch((err: any) => { + reject(err); + }); + }); + }; + const userInfo = computed(() => { + return user; + }); + + return { loginUserInfo, userInfo }; +}); + +export default baseInfo; \ No newline at end of file diff --git a/src/store/index.ts b/src/store/index.ts new file mode 100644 index 0000000..0fcd99b --- /dev/null +++ b/src/store/index.ts @@ -0,0 +1,5 @@ +import baseInfo from "./baseInfo"; + +export { + baseInfo +}; \ No newline at end of file diff --git a/src/store/pinia.ts b/src/store/pinia.ts new file mode 100644 index 0000000..23d5e61 --- /dev/null +++ b/src/store/pinia.ts @@ -0,0 +1,5 @@ +import { createPinia } from "pinia"; + +const pinia = createPinia(); + +export default pinia; \ No newline at end of file diff --git a/src/styles/cover.less b/src/styles/cover.less new file mode 100644 index 0000000..b58e734 --- /dev/null +++ b/src/styles/cover.less @@ -0,0 +1 @@ +// --van-button-default-color:var(--van-text-color); \ No newline at end of file diff --git a/src/styles/global.less b/src/styles/global.less new file mode 100644 index 0000000..fdbce38 --- /dev/null +++ b/src/styles/global.less @@ -0,0 +1,77 @@ +:root { + font-family: Inter, Avenir, Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 24px; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; + } + + html, + body, + #app { + width: 100%; + height: 100%; + margin: 0; + } + + ul, + li, + p, + h1, + h2, + h3, + h4, + h5, + h6 { + margin: 0; + } + + #app { + background-color: #fff; + color: #000; + font-size: 14px; + font-family: "Helvetica", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; + } + + .xtbg-tips-page { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + &-image { + width: 200px; + height: 200px; + & > img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + &-text { + margin-top: 10px; + padding: 0 16px; + line-height: 26px; + color: #888; + font-size: 16px; + } + &-btn { + margin-top: 20px; + width: 100%; + display: flex; + justify-content: center; + &-class { + min-width: 100px; + margin: 0 8px !important; + } + } + } \ No newline at end of file diff --git a/src/styles/index.less b/src/styles/index.less new file mode 100644 index 0000000..bb307c4 --- /dev/null +++ b/src/styles/index.less @@ -0,0 +1,2 @@ +@import './cover.less'; +@import './global.less'; \ No newline at end of file diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..fc81239 --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1,7 @@ +/// + +declare module "*.vue" { + import type { DefineComponent } from "vue"; + const component: DefineComponent<{}, {}, any>; + export default component; +} diff --git a/src/wx/index.ts b/src/wx/index.ts new file mode 100644 index 0000000..635723e --- /dev/null +++ b/src/wx/index.ts @@ -0,0 +1,48 @@ +import axios from "axios"; + +// 初始化微信js-sdk配置 +const initConfig = (config: any) => { + function jsdkCB(data: any) { + let jsApiList = ["showWatermark"]; + if (typeof window.wx !== "object") { + return; + } + if (!config) { + config = {}; + } + jsApiList = jsApiList.concat(config.jsApiList || []); + const wxError = { + status: "", + errmsg: "配置失败，请退出重试" + }; + if (data.appid) { + window.wx.config({ + beta: true, + debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 + appId: data.appid, // 必填，政务微信的cropID + timestamp: data.timestamp, // 必填，生成签名的时间戳 + nonceStr: data.nonce, // 必填，生成签名的随机串 + signature: data.signature, // 必填，签名，见附录1 + jsApiList: jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 + }); + window.wx.ready(function (e: any) { + console.log("config注册成功"); + // window['_initSuccess'] = true; + // 注册政务微信权限API，需要AgentId + // wxApi.registerAgentConfig(data, config); + typeof config.sucesscb === "function" && config.sucesscb(e); + }); + window.wx.error(function (e: any) { + console.log("initConfig wx error:", e); + typeof config.errorcb === "function" && config.errorcb(wxError); + }); + } + } + axios.get("/zwwxgzt/jsapi").then((res) => { + res && jsdkCB(res); + }); +}; + +export { + initConfig +}; \ No newline at end of file diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..3007e06 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,43 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "module": "ESNext", + "moduleResolution": "Node", + "strict": true, + "jsx": "preserve", + "sourceMap": true, + "resolveJsonModule": true, + "isolatedModules": true, + "esModuleInterop": true, + "lib": [ + "ESNext", + "DOM" + ], + "skipLibCheck": true, + "allowSyntheticDefaultImports": true, + "baseUrl": "./", + "paths": { + "@/*": [ + "src/*" + ] + }, + "types": [ + "vite/client", + "node" + ], + }, + "include": [ + "./*.d.ts", + "src/**/*.ts", + "src/**/*.d.ts", + "src/**/*.tsx", + "src/**/*.vue", + "config/**/*.ts" + ], + "references": [ + { + "path": "./tsconfig.node.json" + } + ] +} \ No newline at end of file diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..1eb706a --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,9 @@ +{ + "compilerOptions": { + "composite": true, + "module": "ESNext", + "moduleResolution": "Node", + "allowSyntheticDefaultImports": true + }, + "include": ["vite.config.ts", "proxy.config.ts", "config/**/*.ts", "./*.d.ts",] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..15848be --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,101 @@ +import { defineConfig, loadEnv } from "vite"; +import vue from "@vitejs/plugin-vue"; +import Components from "unplugin-vue-components/vite"; +import { VantResolver } from "unplugin-vue-components/resolvers"; +import postcsspxtoviewport from "postcss-px-to-viewport"; +import { createHtmlPlugin } from "vite-plugin-html"; +import VueSetupExtend from "vite-plugin-vue-setup-extend"; +import legacy from "@vitejs/plugin-legacy"; +import proxyConfig from "./proxy.config"; +import { appName, injectScriptStr } from "./config"; +import path from "path"; + +type enforceType = "post" | "pre"; +const enforceValue:enforceType = "post"; +const setCrossoriginUseCredentials = () => { + return { + name: "set-crossorigin", + enforce: enforceValue, + transformIndexHtml(html) { + return html.replace(/crossorigin/g, "crossorigin=\"use-credentials\""); + } + }; +}; + + +// https://vitejs.dev/config/ +export default (opt: any) => { + const { mode } = opt; + const env: any = loadEnv(mode, process.cwd()); + + return defineConfig({ + base: "./", + envDir: "./env", + build: { + target: "es2015" + }, + plugins: [ + createHtmlPlugin({ + inject: { + data: { + title: appName, + injectScript: injectScriptStr + } + } + }), + vue(), + VueSetupExtend(), + Components({ + resolvers: [VantResolver()] + }), + legacy({ + // targets: ['defaults', 'not IE 11'], + targets: ["chrome 52"], + additionalLegacyPolyfills: ["regenerator-runtime/runtime"], + renderLegacyChunks: true, + polyfills: [ + "es.symbol", + "es.array.filter", + "es.promise", + "es.promise.finally", + "es/map", + "es/set", + "es.array.for-each", + "es.object.define-properties", + "es.object.define-property", + "es.object.get-own-property-descriptor", + "es.object.get-own-property-descriptors", + "es.object.keys", + "es.object.to-string", + "web.dom-collections.for-each", + "esnext.global-this", + "esnext.string.match-all" + ] + }), + setCrossoriginUseCredentials() + ], + css: { + preprocessorOptions: { + less: { + javascriptEnabled: true + } + }, + postcss: { + plugins: [ + postcsspxtoviewport({ + viewportWidth: 375 + }) + ] + } + }, + server: { + proxy: proxyConfig + }, + resolve: { + alias: { + "@": path.resolve(__dirname, "src") + } + } + }); + +}; \ No newline at end of file