init
This commit is contained in:
commit
8c9532125b
|
|
@ -0,0 +1,8 @@
|
||||||
|
# 页面标题
|
||||||
|
VITE_APP_TITLE=里派基础框架
|
||||||
|
|
||||||
|
# 开发环境配置
|
||||||
|
VITE_APP_ENV='development'
|
||||||
|
|
||||||
|
# 开发环境
|
||||||
|
VITE_APP_BASE_API='/dev-api'
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
# 页面标题
|
||||||
|
VITE_APP_TITLE=里派基础框架
|
||||||
|
|
||||||
|
# 生产环境配置
|
||||||
|
VITE_APP_ENV='production'
|
||||||
|
|
||||||
|
# 生产环境
|
||||||
|
VITE_APP_BASE_API='/prod-api'
|
||||||
|
|
||||||
|
# 是否在打包时开启压缩，支持 gzip 和 brotli
|
||||||
|
VITE_BUILD_COMPRESS=gzip
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
# 页面标题
|
||||||
|
VITE_APP_TITLE=里派基础框架
|
||||||
|
|
||||||
|
# 生产环境配置
|
||||||
|
VITE_APP_ENV='staging'
|
||||||
|
|
||||||
|
# 生产环境
|
||||||
|
VITE_APP_BASE_API='/staging-api'
|
||||||
|
|
||||||
|
# 是否在打包时开启压缩，支持 gzip 和 brotli
|
||||||
|
VITE_BUILD_COMPRESS=gzip
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
.DS_Store
|
||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
src/views/system/menu/test
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
**/*.log
|
||||||
|
|
||||||
|
tests/**/coverage/
|
||||||
|
tests/e2e/reports
|
||||||
|
selenium-debug.log
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.idea
|
||||||
|
.vscode
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.hbuilder
|
||||||
|
|
||||||
|
package-lock.json
|
||||||
|
yarn.lock
|
||||||
|
vite.config.js.*
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2025 leapy
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
@ -0,0 +1,174 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<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">
|
||||||
|
<link rel="icon" href="images/logo.png">
|
||||||
|
<title>%VITE_APP_TITLE%</title>
|
||||||
|
<script type="text/javascript">
|
||||||
|
document.write("<script src='config.ts?" + new Date().getTime() + "'><\/script>");
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<noscript>
|
||||||
|
<strong>We're sorry but %VITE_APP_TITLE% doesn't work properly without JavaScript
|
||||||
|
enabled. Please enable it to continue.</strong>
|
||||||
|
</noscript>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var dark = window.localStorage.getItem('APP_DARK');
|
||||||
|
if (dark) {
|
||||||
|
document.documentElement.classList.add("dark")
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<div id="app">
|
||||||
|
<div class="app-loading">
|
||||||
|
<div class="app-loading__logo">
|
||||||
|
<img src="images/logo.png"/>
|
||||||
|
</div>
|
||||||
|
<div class="app-loading__loader"></div>
|
||||||
|
<div class="app-loading__title">%VITE_APP_TITLE%</div>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
.app-loading {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-loading__logo {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-loading__logo img {
|
||||||
|
width: 90px;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-loading__loader {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
border: 5px solid transparent;
|
||||||
|
border-top-color: #000;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: .5s loader linear infinite;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-loading__loader:before {
|
||||||
|
box-sizing: border-box;
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: inherit;
|
||||||
|
height: inherit;
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
left: -5px;
|
||||||
|
border: 5px solid #ccc;
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-loading__title {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #333;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .app-loading {
|
||||||
|
background: #222225;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .app-loading__loader {
|
||||||
|
border-top-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .app-loading__title {
|
||||||
|
color: #d0d0d0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes loader {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
<div id="versionCheck"
|
||||||
|
style="display: none;position: absolute;z-index: 99;top:0;left:0;right:0;bottom:0;padding:40px;background:rgba(255,255,255,0.9);color: #333;">
|
||||||
|
<h2 style="line-height: 1;margin: 0;font-size: 24px;">当前使用的浏览器内核版本过低 :(</h2>
|
||||||
|
<p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 20px;opacity: 0.8;">当前版本：<span
|
||||||
|
id="versionCheck-type">--</span> <span id="versionCheck-version">--</span></p>
|
||||||
|
<p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">最低版本要求：Chrome 71+、Firefox
|
||||||
|
65+、Safari 12+、Edge 97+。</p>
|
||||||
|
<p style="line-height: 1;margin: 0;font-size: 14px;margin-top: 10px;opacity: 0.8;">
|
||||||
|
请升级浏览器版本，或更换现代浏览器，如果你使用的是双核浏览器,请切换到极速/高速模式。</p>
|
||||||
|
</div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
function getBrowerInfo() {
|
||||||
|
var userAgent = window.navigator.userAgent;
|
||||||
|
var browerInfo = {
|
||||||
|
type: 'unknown',
|
||||||
|
version: 'unknown',
|
||||||
|
userAgent: userAgent
|
||||||
|
};
|
||||||
|
if (document.documentMode) {
|
||||||
|
browerInfo.type = "IE"
|
||||||
|
browerInfo.version = document.documentMode + ''
|
||||||
|
} else if (indexOf(userAgent, "Firefox")) {
|
||||||
|
browerInfo.type = "Firefox"
|
||||||
|
browerInfo.version = userAgent.match(/Firefox\/([\d.]+)/)[1]
|
||||||
|
} else if (indexOf(userAgent, "Opera")) {
|
||||||
|
browerInfo.type = "Opera"
|
||||||
|
browerInfo.version = userAgent.match(/Opera\/([\d.]+)/)[1]
|
||||||
|
} else if (indexOf(userAgent, "Edg")) {
|
||||||
|
browerInfo.type = "Edg"
|
||||||
|
browerInfo.version = userAgent.match(/Edg\/([\d.]+)/)[1]
|
||||||
|
} else if (indexOf(userAgent, "Chrome")) {
|
||||||
|
browerInfo.type = "Chrome"
|
||||||
|
browerInfo.version = userAgent.match(/Chrome\/([\d.]+)/)[1]
|
||||||
|
} else if (indexOf(userAgent, "Safari")) {
|
||||||
|
browerInfo.type = "Safari"
|
||||||
|
browerInfo.version = userAgent.match(/Safari\/([\d.]+)/)[1]
|
||||||
|
}
|
||||||
|
return browerInfo
|
||||||
|
}
|
||||||
|
|
||||||
|
function indexOf(userAgent, brower) {
|
||||||
|
return userAgent.indexOf(brower) > -1
|
||||||
|
}
|
||||||
|
|
||||||
|
function isSatisfyBrower() {
|
||||||
|
var minVer = {
|
||||||
|
"Chrome": 71,
|
||||||
|
"Firefox": 65,
|
||||||
|
"Safari": 12,
|
||||||
|
"Edg": 97,
|
||||||
|
"IE": 999
|
||||||
|
}
|
||||||
|
var browerInfo = getBrowerInfo()
|
||||||
|
var materVer = browerInfo.version.split('.')[0]
|
||||||
|
return materVer >= minVer[browerInfo.type]
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!isSatisfyBrower()) {
|
||||||
|
document.getElementById('versionCheck').style.display = 'block';
|
||||||
|
document.getElementById('versionCheck-type').innerHTML = getBrowerInfo().type;
|
||||||
|
document.getElementById('versionCheck-version').innerHTML = getBrowerInfo().version;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
"name": "admin",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "one basic framework",
|
||||||
|
"author": "cfn",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build:prod": "vite build",
|
||||||
|
"build:stage": "vite build --mode staging",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@element-plus/icons-vue": "^2.3.1",
|
||||||
|
"axios": "^1.9.0",
|
||||||
|
"crypto-js": "^4.2.0",
|
||||||
|
"element-plus": "^2.9.10",
|
||||||
|
"nprogress": "^0.2.0",
|
||||||
|
"sortablejs": "^1.15.6",
|
||||||
|
"vue": "^3.5.14",
|
||||||
|
"vue-i18n": "^12.0.0-alpha.2",
|
||||||
|
"vue-router": "^4.5.1",
|
||||||
|
"vuedraggable": "^2.24.3",
|
||||||
|
"vuex": "^4.1.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/node": "^22.15.21",
|
||||||
|
"@vitejs/plugin-vue": "^5.2.4",
|
||||||
|
"eslint": "^9.27.0",
|
||||||
|
"sass": "^1.89.0",
|
||||||
|
"vite": "^6.3.5"
|
||||||
|
},
|
||||||
|
"license": "MIT"
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
|
|
@ -0,0 +1,24 @@
|
||||||
|
<template>
|
||||||
|
<el-config-provider :locale="locale" :size="config.size" :zIndex="config.zIndex" :button="config.button">
|
||||||
|
<router-view></router-view>
|
||||||
|
</el-config-provider>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import { computed } from 'vue'
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
size: "default",
|
||||||
|
zIndex: 2000,
|
||||||
|
button: {
|
||||||
|
autoInsertSpace: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const locale = computed(() => {
|
||||||
|
const {locale, messages} = useI18n()
|
||||||
|
return messages.value[locale.value]
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
const modules = import.meta.glob('./model/**/*.ts') // 异步加载
|
||||||
|
|
||||||
|
// 使用示例
|
||||||
|
const loadModel = async (modelName: string) => {
|
||||||
|
const path = `./model/${modelName}.ts`
|
||||||
|
const module = await modules[path]()
|
||||||
|
return module.default
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
export default {
|
||||||
|
//语言
|
||||||
|
LANG: 'zh-cn',
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
import { createI18n } from 'vue-i18n'
|
||||||
|
import el_zh_cn from 'element-plus/dist/locale/zh-cn'
|
||||||
|
import el_en from 'element-plus/dist/locale/en'
|
||||||
|
|
||||||
|
import config from "@/config"
|
||||||
|
import tools from '@/utils/tools'
|
||||||
|
import zh_cn from './lang/zh-cn.js'
|
||||||
|
import en from './lang/en.js'
|
||||||
|
|
||||||
|
const messages = {
|
||||||
|
'zh-cn': {
|
||||||
|
el: el_zh_cn,
|
||||||
|
...zh_cn
|
||||||
|
},
|
||||||
|
'en': {
|
||||||
|
el: el_en,
|
||||||
|
...en
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const i18n = createI18n({
|
||||||
|
legacy: false,
|
||||||
|
fallbackLocale: 'zh-cn',
|
||||||
|
locale: tools.data.get("APP_LANG") || config.LANG,
|
||||||
|
globalInjection: true,
|
||||||
|
messages,
|
||||||
|
})
|
||||||
|
|
||||||
|
export default i18n;
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
export default {
|
||||||
|
system: {
|
||||||
|
webTitleDev: 'Property Management System (Testing)',
|
||||||
|
webTitle: 'Property Management System',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
export default {
|
||||||
|
system: {
|
||||||
|
webTitleDev: '物业管理系统（测试）',
|
||||||
|
webTitle: '物业管理系统',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import ElementPlus from 'element-plus'
|
||||||
|
import 'element-plus/dist/index.css'
|
||||||
|
import 'element-plus/theme-chalk/display.css'
|
||||||
|
import i18n from './locales'
|
||||||
|
|
||||||
|
// import leapy from './leapy'
|
||||||
|
// import router from './router'
|
||||||
|
// import store from './store'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
const app = createApp(App);
|
||||||
|
|
||||||
|
// app.use(store);
|
||||||
|
// app.use(router);
|
||||||
|
app.use(ElementPlus);
|
||||||
|
app.use(i18n);
|
||||||
|
// app.use(leapy);
|
||||||
|
|
||||||
|
//挂载app
|
||||||
|
app.mount('#app');
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
import CryptoJS from 'crypto-js';
|
||||||
|
|
||||||
|
const tools = {
|
||||||
|
data: {
|
||||||
|
set(cacheKey, data, expireIn = 0) {
|
||||||
|
let cacheValue = {
|
||||||
|
content: data,
|
||||||
|
expireIn: expireIn === 0 ? 0 : new Date().getTime() + expireIn * 1000
|
||||||
|
}
|
||||||
|
return localStorage.setItem(cacheKey, tools.base64.encrypt(JSON.stringify(cacheValue)))
|
||||||
|
},
|
||||||
|
get(cacheKey) {
|
||||||
|
try {
|
||||||
|
const cacheValue = JSON.parse(tools.base64.decrypt(localStorage.getItem(cacheKey)))
|
||||||
|
if (cacheValue) {
|
||||||
|
let nowTime = new Date().getTime()
|
||||||
|
if (nowTime > cacheValue.expireIn && cacheValue.expireIn !== 0) {
|
||||||
|
localStorage.removeItem(cacheKey)
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return cacheValue.content
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
} catch (err) {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
remove(cacheKey) {
|
||||||
|
return localStorage.removeItem(cacheKey)
|
||||||
|
},
|
||||||
|
clear() {
|
||||||
|
return localStorage.clear()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
base64: {
|
||||||
|
encrypt(data){
|
||||||
|
return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(data))
|
||||||
|
},
|
||||||
|
decrypt(cipher){
|
||||||
|
return CryptoJS.enc.Base64.parse(cipher).toString(CryptoJS.enc.Utf8)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default tools
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"types": ["node"],
|
||||||
|
"baseUrl": "./",
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["src/*"]
|
||||||
|
},
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"allowSyntheticDefaultImports": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
declare module "*.vue" {
|
||||||
|
import { DefineComponent } from "vue";
|
||||||
|
const component: DefineComponent<{}, {}, any>;
|
||||||
|
export default component;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
import {defineConfig, loadEnv} from 'vite'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
import * as path from 'path'
|
||||||
|
|
||||||
|
export default defineConfig(({mode, command}) => {
|
||||||
|
const env = loadEnv(mode, process.cwd())
|
||||||
|
const {VITE_APP_ENV} = env
|
||||||
|
return {
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
// 设置路径
|
||||||
|
'~': path.resolve(__dirname, './'),
|
||||||
|
// 设置别名
|
||||||
|
'@': path.resolve(__dirname, './src'),
|
||||||
|
// 资源地址
|
||||||
|
'@assets': path.resolve(__dirname, './src/assets')
|
||||||
|
},
|
||||||
|
extensions: ['.ts', '.json', '.vue', '.js']
|
||||||
|
},
|
||||||
|
base: '/',
|
||||||
|
// vite 相关配置
|
||||||
|
server: {
|
||||||
|
port: 8611,
|
||||||
|
host: true,
|
||||||
|
// open: true,
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: 'http://dev.api.eswhyf.cn',
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: (p) => p.replace(/^\/api/, '')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: 'dist',
|
||||||
|
assetsDir: 'static',
|
||||||
|
sourcemap: true,
|
||||||
|
rollupOptions: {
|
||||||
|
output: {
|
||||||
|
manualChunks(id) {
|
||||||
|
if (id.includes('node_modules')) {
|
||||||
|
return 'vendor'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
plugins: [vue()],
|
||||||
|
css: {
|
||||||
|
preprocessorOptions: {
|
||||||
|
scss: {
|
||||||
|
additionalData: `@use "@/styles/variables.scss" as *;`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue