+
+
@@ -13,21 +13,21 @@
diff --git a/web/src/core/config.js b/web/src/core/config.js
index 582ac01f2..847b68dc9 100644
--- a/web/src/core/config.js
+++ b/web/src/core/config.js
@@ -1,30 +1,52 @@
/**
* 网站配置文件
*/
-const greenText = (text) => `\x1b[32m${text}\x1b[0m`;
+const greenText = (text) => `\x1b[32m${text}\x1b[0m`
const config = {
appName: 'Gin-Vue-Admin',
appLogo: 'logo.png',
showViteLogo: true,
- logs: [],
+ logs: []
}
export const viteLogo = (env) => {
if (config.showViteLogo) {
- console.log(greenText(`> 欢迎使用Gin-Vue-Admin，开源地址：https://github.com/flipped-aurora/gin-vue-admin`));
- console.log(greenText(`> 当前版本:v2.7.7`));
- console.log(greenText(`> 加群方式:微信：shouzi_1994 QQ群：470239250`));
- console.log(greenText(`> 项目地址：https://github.com/flipped-aurora/gin-vue-admin`));
- console.log(greenText(`> 插件市场:https://plugin.gin-vue-admin.com`));
- console.log(greenText(`> GVA讨论社区:https://support.qq.com/products/371961`));
- console.log(greenText(`> 默认自动化文档地址:http://127.0.0.1:${env.VITE_SERVER_PORT}/swagger/index.html`));
- console.log(greenText(`> 默认前端文件运行地址:http://127.0.0.1:${env.VITE_CLI_PORT}`));
- console.log(greenText(`--------------------------------------版权声明--------------------------------------`));
- console.log(greenText(`** 版权所有方：flipped-aurora开源团队 **`));
- console.log(greenText(`** 版权持有公司：北京翻转极光科技有限责任公司 **`));
- console.log(greenText(`** 剔除授权标识需购买商用授权：https://gin-vue-admin.com/empower/index.html **`));
- console.log('\n');
+ console.log(
+ greenText(
+ `> 欢迎使用Gin-Vue-Admin，开源地址：https://github.com/flipped-aurora/gin-vue-admin`
+ )
+ )
+ console.log(greenText(`> 当前版本:v2.7.7`))
+ console.log(greenText(`> 加群方式:微信：shouzi_1994 QQ群：470239250`))
+ console.log(
+ greenText(`> 项目地址：https://github.com/flipped-aurora/gin-vue-admin`)
+ )
+ console.log(greenText(`> 插件市场:https://plugin.gin-vue-admin.com`))
+ console.log(
+ greenText(`> GVA讨论社区:https://support.qq.com/products/371961`)
+ )
+ console.log(
+ greenText(
+ `> 默认自动化文档地址:http://127.0.0.1:${env.VITE_SERVER_PORT}/swagger/index.html`
+ )
+ )
+ console.log(
+ greenText(`> 默认前端文件运行地址:http://127.0.0.1:${env.VITE_CLI_PORT}`)
+ )
+ console.log(
+ greenText(
+ `--------------------------------------版权声明--------------------------------------`
+ )
+ )
+ console.log(greenText(`** 版权所有方：flipped-aurora开源团队 **`))
+ console.log(greenText(`** 版权持有公司：北京翻转极光科技有限责任公司 **`))
+ console.log(
+ greenText(
+ `** 剔除授权标识需购买商用授权：https://gin-vue-admin.com/empower/index.html **`
+ )
+ )
+ console.log('\n')
}
}
diff --git a/web/src/core/global.js b/web/src/core/global.js
index 2ef1ffef4..b402b7053 100644
--- a/web/src/core/global.js
+++ b/web/src/core/global.js
@@ -10,21 +10,26 @@ const createIconComponent = (name) => ({
name: 'SvgIcon',
render() {
return h(svgIcon, {
- name: name,
+ name: name
})
- },
+ }
})
-const registerIcons = async(app) => {
+const registerIcons = async (app) => {
const iconModules = import.meta.glob('@/assets/icons/**/*.svg') // 系统目录 svg 图标
- const pluginIconModules = import.meta.glob('@/plugin/**/assets/icons/**/*.svg') // 插件目录 svg 图标
- const mergedIconModules = Object.assign({}, iconModules, pluginIconModules); // 合并所有 svg 图标
+ const pluginIconModules = import.meta.glob(
+ '@/plugin/**/assets/icons/**/*.svg'
+ ) // 插件目录 svg 图标
+ const mergedIconModules = Object.assign({}, iconModules, pluginIconModules) // 合并所有 svg 图标
for (const path in mergedIconModules) {
- let pluginName = ""
- if (path.startsWith("/src/plugin/")) {
+ let pluginName = ''
+ if (path.startsWith('/src/plugin/')) {
pluginName = `${path.split('/')[3]}-`
}
- const iconName = path.split('/').pop().replace(/\.svg$/, '')
+ const iconName = path
+ .split('/')
+ .pop()
+ .replace(/\.svg$/, '')
// 如果iconName带空格则不加入到图标库中并且提示名称不合法
if (iconName.indexOf(' ') !== -1) {
console.error(`icon ${iconName}.svg includes whitespace in ${path}`)
@@ -32,11 +37,12 @@ const registerIcons = async(app) => {
}
const key = `${pluginName}${iconName}`
// 开发模式下列出所有 svg 图标，方便开发者直接查找复制使用
- import.meta.env.MODE == 'development' && console.log(`svg-icon-component: <${key} />`)
+ import.meta.env.MODE == 'development' &&
+ console.log(`svg-icon-component: <${key} />`)
const iconComponent = createIconComponent(key)
config.logs.push({
- 'key': key,
- 'label': key,
+ key: key,
+ label: key
})
app.component(key, iconComponent)
}
diff --git a/web/src/directive/auth.js b/web/src/directive/auth.js
index 50594d45f..d2b9b6a8f 100644
--- a/web/src/directive/auth.js
+++ b/web/src/directive/auth.js
@@ -5,7 +5,7 @@ export default {
const userStore = useUserStore()
app.directive('auth', {
// 当被绑定的元素插入到 DOM 中时……
- mounted: function(el, binding) {
+ mounted: function (el, binding) {
const userInfo = userStore.userInfo
let type = ''
switch (Object.prototype.toString.call(binding.value)) {
@@ -27,7 +27,7 @@ export default {
return
}
const waitUse = binding.value.toString().split(',')
- let flag = waitUse.some(item => Number(item) === userInfo.authorityId)
+ let flag = waitUse.some((item) => Number(item) === userInfo.authorityId)
if (binding.modifiers.not) {
flag = !flag
}
@@ -38,4 +38,3 @@ export default {
})
}
}
-
diff --git a/web/src/hooks/charts.js b/web/src/hooks/charts.js
index e7a14b1b0..9f03b0e6a 100644
--- a/web/src/hooks/charts.js
+++ b/web/src/hooks/charts.js
@@ -1,19 +1,18 @@
// 本组件参考 arco-pro 的实现
// https://github.com/arco-design/arco-design-pro-vue/blob/main/arco-design-pro-vite/src/hooks/chart-option.ts
-import { computed } from 'vue';
-import { useAppStore } from '@/pinia';
-
+import { computed } from 'vue'
+import { useAppStore } from '@/pinia'
export default function useChartOption(sourceOption) {
- const appStore = useAppStore();
+ const appStore = useAppStore()
const isDark = computed(() => {
- return appStore.theme === 'dark';
- });
+ return appStore.theme === 'dark'
+ })
const chartOption = computed(() => {
- return sourceOption(isDark.value);
- });
+ return sourceOption(isDark.value)
+ })
return {
- chartOption,
- };
+ chartOption
+ }
}
diff --git a/web/src/hooks/responsive.js b/web/src/hooks/responsive.js
index 417c1f999..e324c1688 100644
--- a/web/src/hooks/responsive.js
+++ b/web/src/hooks/responsive.js
@@ -1,35 +1,35 @@
// 本组件参考 arco-pro 的实现
// https://github.com/arco-design/arco-design-pro-vue/blob/main/arco-design-pro-vite/src/hooks/responsive.ts
-import { onMounted, onBeforeMount, onBeforeUnmount } from 'vue';
-import { useDebounceFn } from '@vueuse/core';
-import { useAppStore } from '@/pinia';
-import { addEventListen, removeEventListen } from '@/utils/event';
+import { onMounted, onBeforeMount, onBeforeUnmount } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+import { useAppStore } from '@/pinia'
+import { addEventListen, removeEventListen } from '@/utils/event'
-const WIDTH = 992;
+const WIDTH = 992
function queryDevice() {
- const rect = document.body.getBoundingClientRect();
- return rect.width - 1 < WIDTH;
+ const rect = document.body.getBoundingClientRect()
+ return rect.width - 1 < WIDTH
}
export default function useResponsive(immediate) {
- const appStore = useAppStore();
- function resizeHandler() {
- if (!document.hidden) {
- const isMobile = queryDevice();
- appStore.toggleDevice(isMobile ? 'mobile' : 'desktop');
- // appStore.toggleDevice(isMobile);
- }
+ const appStore = useAppStore()
+ function resizeHandler() {
+ if (!document.hidden) {
+ const isMobile = queryDevice()
+ appStore.toggleDevice(isMobile ? 'mobile' : 'desktop')
+ // appStore.toggleDevice(isMobile);
}
- const debounceFn = useDebounceFn(resizeHandler, 100);
- onMounted(() => {
- if (immediate) debounceFn();
- });
- onBeforeMount(() => {
- addEventListen(window, 'resize', debounceFn);
- });
- onBeforeUnmount(() => {
- removeEventListen(window, 'resize', debounceFn);
- });
+ }
+ const debounceFn = useDebounceFn(resizeHandler, 100)
+ onMounted(() => {
+ if (immediate) debounceFn()
+ })
+ onBeforeMount(() => {
+ addEventListen(window, 'resize', debounceFn)
+ })
+ onBeforeUnmount(() => {
+ removeEventListen(window, 'resize', debounceFn)
+ })
}
diff --git a/web/src/hooks/use-windows-resize.js b/web/src/hooks/use-windows-resize.js
index 4ddf3f0fb..a3e1490ef 100644
--- a/web/src/hooks/use-windows-resize.js
+++ b/web/src/hooks/use-windows-resize.js
@@ -18,6 +18,6 @@ export const useWindowResize = (cb) => {
useEventListener('resize', onResize, { passive: true })
return {
width,
- height,
+ height
}
}
diff --git a/web/src/pathInfo.json b/web/src/pathInfo.json
index e08798c04..889d02a33 100644
--- a/web/src/pathInfo.json
+++ b/web/src/pathInfo.json
@@ -64,4 +64,4 @@
"/src/plugin/announcement/form/info.vue": "InfoForm",
"/src/plugin/announcement/view/info.vue": "Info",
"/src/plugin/email/view/index.vue": "Email"
-}
\ No newline at end of file
+}
diff --git a/web/src/permission.js b/web/src/permission.js
index b0c39af51..70c21bee8 100644
--- a/web/src/permission.js
+++ b/web/src/permission.js
@@ -8,26 +8,25 @@ Nprogress.configure({ showSpinner: false, ease: 'ease', speed: 500 })
const whiteList = ['Login', 'Init']
-const getRouter = async(userStore) => {
+const getRouter = async (userStore) => {
const routerStore = useRouterStore()
await routerStore.SetAsyncRouter()
await userStore.GetUserInfo()
const asyncRouters = routerStore.asyncRouters
- asyncRouters.forEach(asyncRouter => {
+ asyncRouters.forEach((asyncRouter) => {
router.addRoute(asyncRouter)
})
}
const removeLoading = () => {
- const element = document.getElementById('gva-loading-box');
+ const element = document.getElementById('gva-loading-box')
if (element) {
- element.remove();
+ element.remove()
}
}
-
async function handleKeepAlive(to) {
- if (to.matched.some(item => item.meta.keepAlive)) {
+ if (to.matched.some((item) => item.meta.keepAlive)) {
if (to.matched && to.matched.length > 2) {
for (let i = 1; i < to.matched.length; i++) {
const element = to.matched[i - 1]
@@ -45,7 +44,7 @@ async function handleKeepAlive(to) {
}
}
-router.beforeEach(async(to, from) => {
+router.beforeEach(async (to, from) => {
const routerStore = useRouterStore()
Nprogress.start()
const userStore = useUserStore()
@@ -54,7 +53,7 @@ router.beforeEach(async(to, from) => {
const token = userStore.token
// 在白名单中的判断情况
document.title = getPageTitle(to.meta.title, to)
- if(to.meta.client) {
+ if (to.meta.client) {
return true
}
if (whiteList.indexOf(to.name) > -1) {
@@ -85,9 +84,9 @@ router.beforeEach(async(to, from) => {
} else {
// 不在白名单中并且已经登录的时候
if (token) {
- if(sessionStorage.getItem("needToHome") === 'true') {
- sessionStorage.removeItem("needToHome")
- return { path: '/'}
+ if (sessionStorage.getItem('needToHome') === 'true') {
+ sessionStorage.removeItem('needToHome')
+ return { path: '/' }
}
// 添加flag防止多次获取动态路由和栈溢出
if (!routerStore.asyncRouterFlag && whiteList.indexOf(from.name) < 0) {
@@ -124,7 +123,6 @@ router.beforeEach(async(to, from) => {
}
})
-
router.afterEach(() => {
// 路由加载完成后关闭进度条
document.getElementsByClassName('main-cont main-right')[0]?.scrollTo(0, 0)
diff --git a/web/src/pinia/index.js b/web/src/pinia/index.js
index 49c389e99..85e45e84e 100644
--- a/web/src/pinia/index.js
+++ b/web/src/pinia/index.js
@@ -5,9 +5,4 @@ import { useDictionaryStore } from '@/pinia/modules/dictionary'
const store = createPinia()
-export {
- store,
- useAppStore,
- useUserStore,
- useDictionaryStore
-}
+export { store, useAppStore, useUserStore, useDictionaryStore }
diff --git a/web/src/pinia/modules/app.js b/web/src/pinia/modules/app.js
index 91e222e72..2a37f4d4d 100644
--- a/web/src/pinia/modules/app.js
+++ b/web/src/pinia/modules/app.js
@@ -1,58 +1,56 @@
-
import { defineStore } from 'pinia'
import { ref, watchEffect, reactive } from 'vue'
-import { setBodyPrimaryColor } from '@/utils/format'
+import { setBodyPrimaryColor } from '@/utils/format'
export const useAppStore = defineStore('app', () => {
-
- const device = ref("")
+ const device = ref('')
const config = reactive({
weakness: false,
grey: false,
primaryColor: '#3b82f6',
showTabs: true,
darkMode: 'auto',
- layout_side_width : 256,
- layout_side_collapsed_width : 80,
- layout_side_item_height : 48,
+ layout_side_width: 256,
+ layout_side_collapsed_width: 80,
+ layout_side_item_height: 48,
show_watermark: true,
- side_mode : 'normal'
+ side_mode: 'normal'
})
- const theme = ref( 'auto')
+ const theme = ref('auto')
const toggleTheme = (dark) => {
if (dark) {
- theme.value = 'dark';
+ theme.value = 'dark'
} else {
- theme.value = 'light';
+ theme.value = 'light'
}
}
const toggleWeakness = (e) => {
- config.weakness = e;
+ config.weakness = e
}
const toggleGrey = (e) => {
- config.grey = e;
+ config.grey = e
}
const togglePrimaryColor = (e) => {
- config.primaryColor = e;
+ config.primaryColor = e
}
const toggleTabs = (e) => {
- config.showTabs = e;
+ config.showTabs = e
}
const toggleDevice = (e) => {
- device.value = e;
+ device.value = e
}
const toggleDarkMode = (e) => {
config.darkMode = e
}
- const toggleDarkModeAuto = () =>{
+ const toggleDarkModeAuto = () => {
// 处理浏览器主题
const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')
const dark = darkQuery.matches
@@ -63,61 +61,59 @@ export const useAppStore = defineStore('app', () => {
}
const toggleConfigSideWidth = (e) => {
- config.layout_side_width = e;
+ config.layout_side_width = e
}
const toggleConfigSideCollapsedWidth = (e) => {
- config.layout_side_collapsed_width = e;
+ config.layout_side_collapsed_width = e
}
const toggleConfigSideItemHeight = (e) => {
- config.layout_side_item_height = e;
+ config.layout_side_item_height = e
}
const toggleConfigWatermark = (e) => {
- config.show_watermark = e;
+ config.show_watermark = e
}
- const toggleSideModel= (e) =>{
+ const toggleSideModel = (e) => {
config.side_mode = e
}
watchEffect(() => {
if (theme.value === 'dark') {
- document.documentElement.classList.add('dark');
- document.documentElement.classList.remove('light');
+ document.documentElement.classList.add('dark')
+ document.documentElement.classList.remove('light')
} else {
- document.documentElement.classList.add('light');
- document.documentElement.classList.remove('dark');
+ document.documentElement.classList.add('light')
+ document.documentElement.classList.remove('dark')
}
})
watchEffect(() => {
// 色弱模式监听处理
if (config.weakness) {
- document.documentElement.classList.add('html-weakenss');
+ document.documentElement.classList.add('html-weakenss')
} else {
- document.documentElement.classList.remove('html-weakenss');
+ document.documentElement.classList.remove('html-weakenss')
}
})
watchEffect(() => {
// 灰色模式监听处理
if (config.grey) {
- document.documentElement.classList.add('html-grey');
+ document.documentElement.classList.add('html-grey')
} else {
- document.documentElement.classList.remove('html-grey');
+ document.documentElement.classList.remove('html-grey')
}
})
-
-
watchEffect(() => {
- if(config.darkMode === 'auto'){
+ if (config.darkMode === 'auto') {
toggleDarkModeAuto()
}
- if(config.darkMode === 'dark'){
+ if (config.darkMode === 'dark') {
toggleTheme(true)
- }else{
+ } else {
toggleTheme(false)
}
})
@@ -143,5 +139,4 @@ export const useAppStore = defineStore('app', () => {
toggleConfigWatermark,
toggleSideModel
}
-
})
diff --git a/web/src/pinia/modules/dictionary.js b/web/src/pinia/modules/dictionary.js
index cd88f8c72..57a284497 100644
--- a/web/src/pinia/modules/dictionary.js
+++ b/web/src/pinia/modules/dictionary.js
@@ -10,7 +10,7 @@ export const useDictionaryStore = defineStore('dictionary', () => {
dictionaryMap.value = { ...dictionaryMap.value, ...dictionaryRes }
}
- const getDictionary = async(type) => {
+ const getDictionary = async (type) => {
if (dictionaryMap.value[type] && dictionaryMap.value[type].length) {
return dictionaryMap.value[type]
} else {
@@ -18,13 +18,14 @@ export const useDictionaryStore = defineStore('dictionary', () => {
if (res.code === 0) {
const dictionaryRes = {}
const dict = []
- res.data.resysDictionary.sysDictionaryDetails && res.data.resysDictionary.sysDictionaryDetails.forEach(item => {
- dict.push({
- label: item.label,
- value: item.value,
- extend: item.extend
+ res.data.resysDictionary.sysDictionaryDetails &&
+ res.data.resysDictionary.sysDictionaryDetails.forEach((item) => {
+ dict.push({
+ label: item.label,
+ value: item.value,
+ extend: item.extend
+ })
})
- })
dictionaryRes[res.data.resysDictionary.type] = dict
setDictionaryMap(dictionaryRes)
return dictionaryMap.value[type]
diff --git a/web/src/plugin/announcement/api/info.js b/web/src/plugin/announcement/api/info.js
index e0b5fec7c..e19770bd2 100644
--- a/web/src/plugin/announcement/api/info.js
+++ b/web/src/plugin/announcement/api/info.js
@@ -105,6 +105,6 @@ export const getInfoList = (params) => {
export const getInfoDataSource = () => {
return service({
url: '/info/getInfoDataSource',
- method: 'get',
+ method: 'get'
})
}
diff --git a/web/src/plugin/announcement/form/info.vue b/web/src/plugin/announcement/form/info.vue
index 3c3c5399e..9824048ba 100644
--- a/web/src/plugin/announcement/form/info.vue
+++ b/web/src/plugin/announcement/form/info.vue
@@ -1,21 +1,41 @@
+
-
+
diff --git a/web/src/components/richtext/rich-view.vue b/web/src/components/richtext/rich-view.vue
index 2e84ed5dc..b1de744f2 100644
--- a/web/src/components/richtext/rich-view.vue
+++ b/web/src/components/richtext/rich-view.vue
@@ -11,48 +11,48 @@
-
+
diff --git a/web/src/components/svgIcon/svgIcon.vue b/web/src/components/svgIcon/svgIcon.vue
index c6f766532..a72a421e2 100644
--- a/web/src/components/svgIcon/svgIcon.vue
+++ b/web/src/components/svgIcon/svgIcon.vue
@@ -1,39 +1,32 @@
-
diff --git a/web/src/components/warningBar/warningBar.vue b/web/src/components/warningBar/warningBar.vue
index 4fac6c0b9..9d018812f 100644
--- a/web/src/components/warningBar/warningBar.vue
+++ b/web/src/components/warningBar/warningBar.vue
@@ -1,7 +1,7 @@
-
diff --git a/web/src/components/office/pdf.vue b/web/src/components/office/pdf.vue
index 8098f06ff..2ca4363a5 100644
--- a/web/src/components/office/pdf.vue
+++ b/web/src/components/office/pdf.vue
@@ -1,36 +1,39 @@
+
-
-
+
-
+
-
+
-
-
-
+
+
+
+
保存
返回
@@ -26,42 +46,41 @@
-
+
diff --git a/web/src/plugin/email/api/email.js b/web/src/plugin/email/api/email.js
index 590c862f4..c3f6c7b24 100644
--- a/web/src/plugin/email/api/email.js
+++ b/web/src/plugin/email/api/email.js
@@ -27,4 +27,3 @@ export const sendEmail = (data) => {
data
})
}
-
diff --git a/web/src/router/index.js b/web/src/router/index.js
index 52d376307..d5203b2f8 100644
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -1,31 +1,32 @@
import { createRouter, createWebHashHistory } from 'vue-router'
-const routes = [{
- path: '/',
- redirect: '/login'
-},
-{
- path: '/init',
- name: 'Init',
- component: () => import('@/view/init/index.vue')
-},
-{
- path: '/login',
- name: 'Login',
- component: () => import('@/view/login/index.vue')
-},
-{
- path: '/:catchAll(.*)',
- meta: {
- closeTab: true,
+const routes = [
+ {
+ path: '/',
+ redirect: '/login'
},
- component: () => import('@/view/error/index.vue')
-}
+ {
+ path: '/init',
+ name: 'Init',
+ component: () => import('@/view/init/index.vue')
+ },
+ {
+ path: '/login',
+ name: 'Login',
+ component: () => import('@/view/login/index.vue')
+ },
+ {
+ path: '/:catchAll(.*)',
+ meta: {
+ closeTab: true
+ },
+ component: () => import('@/view/error/index.vue')
+ }
]
const router = createRouter({
history: createWebHashHistory(),
- routes,
+ routes
})
export default router
diff --git a/web/src/style/element/index.scss b/web/src/style/element/index.scss
index 40ef0df5c..0c2de8ddf 100644
--- a/web/src/style/element/index.scss
+++ b/web/src/style/element/index.scss
@@ -1,24 +1,24 @@
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
$colors: (
- 'white': #ffffff,
+ 'white': #ffffff,
'black': #000000,
'primary': (
- 'base': #4d70ff,
+ 'base': #4d70ff
),
'success': (
- 'base': #67c23a,
+ 'base': #67c23a
),
'warning': (
- 'base': #e6a23c,
+ 'base': #e6a23c
),
'danger': (
- 'base': #f56c6c,
+ 'base': #f56c6c
),
'error': (
- 'base': #f56c6c,
+ 'base': #f56c6c
),
'info': (
- 'base': #909399,
- ),
+ 'base': #909399
+ )
)
);
diff --git a/web/src/style/element_visiable.scss b/web/src/style/element_visiable.scss
index fad0754e3..4d33aef7b 100644
--- a/web/src/style/element_visiable.scss
+++ b/web/src/style/element_visiable.scss
@@ -1,138 +1,136 @@
@use '@/style/main.scss';
-@use "@/style/reset";
+@use '@/style/reset';
@tailwind base;
@tailwind components;
@tailwind utilities;
.el-button {
- font-weight: 400;
- border-radius: 2px;
+ font-weight: 400;
+ border-radius: 2px;
}
.gva-pagination {
- @apply flex justify-end;
- .el-pagination__editor {
- .el-input__inner {
- @apply h-8;
- }
+ @apply flex justify-end;
+ .el-pagination__editor {
+ .el-input__inner {
+ @apply h-8;
}
+ }
- .is-active {
- @apply rounded text-white;
- background: var(--el-color-primary);
- color: #ffffff !important;
- }
+ .is-active {
+ @apply rounded text-white;
+ background: var(--el-color-primary);
+ color: #ffffff !important;
+ }
}
-
-.el-drawer__header{
- margin-bottom: 0 !important;
- padding-top: 16px !important;
- padding-bottom: 16px !important;
- @apply border-0 border-b border-solid border-gray-200;
+.el-drawer__header {
+ margin-bottom: 0 !important;
+ padding-top: 16px !important;
+ padding-bottom: 16px !important;
+ @apply border-0 border-b border-solid border-gray-200;
}
-
.el-form--inline {
- .el-form-item {
- & > .el-input, .el-cascader, .el-select, .el-date-editor, .el-autocomplete {
- @apply w-52;
- }
+ .el-form-item {
+ & > .el-input,
+ .el-cascader,
+ .el-select,
+ .el-date-editor,
+ .el-autocomplete {
+ @apply w-52;
}
+ }
}
.el-dropdown {
- @apply overflow-hidden
+ @apply overflow-hidden;
}
-
.el-table {
- tr{
- th {
- @apply dark:bg-slate-900;
- .cell {
- @apply leading-[36px] text-gray-700 dark:text-gray-200;
- }
- }
+ tr {
+ th {
+ @apply dark:bg-slate-900;
+ .cell {
+ @apply leading-[36px] text-gray-700 dark:text-gray-200;
+ }
}
- .el-table__row {
- td {
- @apply dark:bg-slate-900;
- .cell {
- @apply leading-[32px] text-gray-600 dark:text-gray-300;
- }
- }
+ }
+ .el-table__row {
+ td {
+ @apply dark:bg-slate-900;
+ .cell {
+ @apply leading-[32px] text-gray-600 dark:text-gray-300;
+ }
}
- tr{
- th{
- &.is-leaf {
- @apply dark:bg-slate-900;
- }
- }
-
+ }
+ tr {
+ th {
+ &.is-leaf {
+ @apply dark:bg-slate-900;
+ }
}
+ }
}
// layout
// table
.el-pagination {
- @apply mt-8;
- .btn-prev,
- .btn-next {
- @apply border border-solid border-gray-300 dark:border-gray-700 rounded;
- }
- .el-pager {
- li {
- @apply border border-solid border-gray-300 dark:border-gray-600 rounded text-gray-600 text-sm mx-1;
- }
+ @apply mt-8;
+ .btn-prev,
+ .btn-next {
+ @apply border border-solid border-gray-300 dark:border-gray-700 rounded;
+ }
+ .el-pager {
+ li {
+ @apply border border-solid border-gray-300 dark:border-gray-600 rounded text-gray-600 text-sm mx-1;
}
+ }
}
-.el-menu{
- li{
- @apply my-1;
- }
+.el-menu {
+ li {
+ @apply my-1;
+ }
}
-.el-menu--vertical{
- .el-menu-item{
- border-radius: 2px;
- &.is-active{
- background-color: var(--el-color-primary) !important;
- color: #fff !important;
- }
+.el-menu--vertical {
+ .el-menu-item {
+ border-radius: 2px;
+ &.is-active {
+ background-color: var(--el-color-primary) !important;
+ color: #fff !important;
}
+ }
}
-
-.el-sub-menu.el-sub-menu__hide-arrow{
- height: 44px;
+.el-sub-menu.el-sub-menu__hide-arrow {
+ height: 44px;
}
-
-.el-tabs__header{
- margin: 0 0 1px !important;
+.el-tabs__header {
+ margin: 0 0 1px !important;
}
-.el-sub-menu.is-active{
- > .el-sub-menu__title{
- color: var(--el-color-primary) !important;
- }
+.el-sub-menu.is-active {
+ > .el-sub-menu__title {
+ color: var(--el-color-primary) !important;
+ }
}
.el-sub-menu__title.el-tooltip__trigger,
-.el-menu-item .el-menu-tooltip__trigger{
- justify-content: center;
+.el-menu-item .el-menu-tooltip__trigger {
+ justify-content: center;
}
-.el-menu--horizontal .el-menu .el-sub-menu__title{
- justify-content: flex-start;
+.el-menu--horizontal .el-menu .el-sub-menu__title {
+ justify-content: flex-start;
}
html.dark {
- /* 自定义深色背景颜色 */
- --el-bg-color: rgb(30 ,41 ,59);
- --el-bg-color-overlay: rgb(40 ,51 ,69);
- --el-fill-color-light: rgb(15 ,23 ,42);
- --el-fill-color : rgb(15 ,23 ,42);
+ /* 自定义深色背景颜色 */
+ --el-bg-color: rgb(30, 41, 59);
+ --el-bg-color-overlay: rgb(40, 51, 69);
+ --el-fill-color-light: rgb(15, 23, 42);
+ --el-fill-color: rgb(15, 23, 42);
}
diff --git a/web/src/style/iconfont.css b/web/src/style/iconfont.css
index bc091a05c..623bf13b5 100644
--- a/web/src/style/iconfont.css
+++ b/web/src/style/iconfont.css
@@ -1,47 +1,47 @@
@font-face {
- font-family: 'gvaIcon';
- src: url('data:font/ttf;charset=utf-8;base64,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AAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAACwAAAAEAAgECAQMBBAEFAQYBBwEIAQkRYXJyb3ctZG91YmxlLWxlZnQSYXJyb3ctZG91YmxlLXJpZ2h0EGN1c3RvbWVyLXNlcnZpY2URZnVsbHNjcmVlbi1leHBhbmQRZnVsbHNjcmVlbi1zaHJpbmsGcHJvbXB0B3JlZnJlc2gGc2VhcmNoAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMACgABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADeWFEjAAAAAN5YUSM=') format('truetype');
- font-weight: 600;
- font-style: normal;
- font-display: swap;
+ font-family: 'gvaIcon';
+ src: url('data:font/ttf;charset=utf-8;base64,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AAAAAAALABMBkAADAAEECQAAACYAAAADAAEECQABABAAPAADAAEECQACAA4AVwADAAEECQADABAAbwADAAEECQAEABAAigADAAEECQAFABYApQADAAEECQAGABAAyQADAAEECQAKAFYA5AADAAEECQALACYBaABDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AABDcmVhdGVkIGJ5IGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAAAAAIAAAAAAAAACgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAACwAAAAEAAgECAQMBBAEFAQYBBwEIAQkRYXJyb3ctZG91YmxlLWxlZnQSYXJyb3ctZG91YmxlLXJpZ2h0EGN1c3RvbWVyLXNlcnZpY2URZnVsbHNjcmVlbi1leHBhbmQRZnVsbHNjcmVlbi1zaHJpbmsGcHJvbXB0B3JlZnJlc2gGc2VhcmNoAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMACgABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADeWFEjAAAAAN5YUSM=')
+ format('truetype');
+ font-weight: 600;
+ font-style: normal;
+ font-display: swap;
}
.gvaIcon {
- font-family: "gvaIcon" !important;
- font-size: 16px;
- font-style: normal;
- font-weight: 800;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
+ font-family: 'gvaIcon' !important;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 800;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
.gvaIcon-arrow-double-left:before {
- content: "\e665";
- }
+ content: '\e665';
+}
.gvaIcon-arrow-double-right:before {
- content: "\e666";
+ content: '\e666';
}
.gvaIcon-fullscreen-shrink:before {
- content: "\e676";
+ content: '\e676';
}
.gvaIcon-customer-service:before {
- content: "\e66a";
- }
+ content: '\e66a';
+}
.gvaIcon-fullscreen-expand:before {
- content: "\e675";
+ content: '\e675';
}
.gvaIcon-prompt:before {
- content: "\e67b";
+ content: '\e67b';
}
.gvaIcon-refresh:before {
- content: "\e67c";
+ content: '\e67c';
}
.gvaIcon-search:before {
- content: "\e67d";
+ content: '\e67d';
}
-
diff --git a/web/src/style/main.scss b/web/src/style/main.scss
index 12318e5ac..ac5622d97 100644
--- a/web/src/style/main.scss
+++ b/web/src/style/main.scss
@@ -1,53 +1,50 @@
-
@use '@/style/iconfont.css';
-.html-grey{
- filter: grayscale(100%);
+.html-grey {
+ filter: grayscale(100%);
}
-.html-weakenss{
- filter: invert(80%);
+.html-weakenss {
+ filter: invert(80%);
}
.gva-table-box {
- @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
- .el-table{
- @apply border-x border-t border-b-0 rounded border-table-border border-solid -mx-[1px];
- }
+ @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
+ .el-table {
+ @apply border-x border-t border-b-0 rounded border-table-border border-solid -mx-[1px];
+ }
}
.gva-btn-list {
- @apply mb-3 flex items-center;
+ @apply mb-3 flex items-center;
}
-
#nprogress .bar {
- background: #29d !important;
+ background: #29d !important;
}
-.gva-customer-icon{
- @apply w-4 h-4;
+.gva-customer-icon {
+ @apply w-4 h-4;
}
::-webkit-scrollbar {
- @apply hidden;
+ @apply hidden;
}
-
.gva-search-box {
- @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
+ @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
}
.gva-form-box {
- @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
+ @apply p-4 bg-white text-slate-700 dark:text-slate-400 dark:bg-slate-900 rounded my-2;
}
-.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
- background: var(--el-color-primary-bg) !important;
+.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+ background: var(--el-color-primary-bg) !important;
}
-.el-dropdown{
+.el-dropdown {
+ outline: none;
+ * {
outline: none;
- *{
- outline: none;
- }
+ }
}
diff --git a/web/src/style/reset.scss b/web/src/style/reset.scss
index 745bcdb07..2cd44c702 100644
--- a/web/src/style/reset.scss
+++ b/web/src/style/reset.scss
@@ -1,7 +1,6 @@
/* Document
========================================================================== */
-
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
@@ -14,11 +13,9 @@ html {
/* 2 */
}
-
/* Sections
========================================================================== */
-
/**
* Remove the margin in all browsers.
*/
@@ -27,7 +24,6 @@ body {
margin: 0;
}
-
/**
* Render the `main` element consistently in IE.
*/
@@ -36,7 +32,6 @@ main {
display: block;
}
-
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
@@ -47,11 +42,9 @@ h1 {
margin: 0.67em 0;
}
-
/* Grouping content
========================================================================== */
-
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
@@ -66,7 +59,6 @@ hr {
/* 2 */
}
-
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
@@ -79,11 +71,9 @@ pre {
/* 2 */
}
-
/* Text-level semantics
========================================================================== */
-
/**
* Remove the gray background on active links in IE 10.
*/
@@ -92,7 +82,6 @@ a {
background-color: transparent;
}
-
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@@ -107,7 +96,6 @@ abbr[title] {
/* 2 */
}
-
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
@@ -117,7 +105,6 @@ strong {
font-weight: bolder;
}
-
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
@@ -132,7 +119,6 @@ samp {
/* 2 */
}
-
/**
* Add the correct font size in all browsers.
*/
@@ -141,7 +127,6 @@ small {
font-size: 80%;
}
-
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
@@ -163,11 +148,9 @@ sup {
top: -0.5em;
}
-
/* Embedded content
========================================================================== */
-
/**
* Remove the border on images inside links in IE 10.
*/
@@ -176,11 +159,9 @@ img {
border-style: none;
}
-
/* Forms
========================================================================== */
-
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
@@ -201,7 +182,6 @@ textarea {
/* 2 */
}
-
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
@@ -213,7 +193,6 @@ input {
overflow: visible;
}
-
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
@@ -225,44 +204,40 @@ select {
text-transform: none;
}
-
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
-webkit-appearance: button;
}
-
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
-
/**
* Correct the padding in Firefox.
*/
@@ -271,7 +246,6 @@ fieldset {
padding: 0.35em 0.75em 0.625em;
}
-
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
@@ -294,7 +268,6 @@ legend {
/* 1 */
}
-
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
@@ -303,7 +276,6 @@ progress {
vertical-align: baseline;
}
-
/**
* Remove the default vertical scrollbar in IE 10+.
*/
@@ -312,53 +284,48 @@ textarea {
overflow: auto;
}
-
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
-
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
height: auto;
}
-
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
-[type="search"] {
+[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
-
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
-
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
@@ -371,11 +338,9 @@ textarea {
/* 2 */
}
-
/* Interactive
========================================================================== */
-
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
@@ -384,7 +349,6 @@ details {
display: block;
}
-
/*
* Add the correct display in all browsers.
*/
@@ -393,11 +357,9 @@ summary {
display: list-item;
}
-
/* Misc
========================================================================== */
-
/**
* Add the correct display in IE 10+.
*/
@@ -406,7 +368,6 @@ template {
display: none;
}
-
/**
* Add the correct display in IE 10.
*/
@@ -433,7 +394,8 @@ table,
th,
td {
border: none;
- font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+ font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
+ 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
@@ -486,8 +448,8 @@ input::-moz-placeholder {
color: #ccc;
}
-input[type=submit],
-input[type=button] {
+input[type='submit'],
+input[type='button'] {
cursor: pointer;
}
diff --git a/web/src/utils/asyncRouter.js b/web/src/utils/asyncRouter.js
index 26c3df0a0..9e7a5cae2 100644
--- a/web/src/utils/asyncRouter.js
+++ b/web/src/utils/asyncRouter.js
@@ -2,9 +2,9 @@ const viewModules = import.meta.glob('../view/**/*.vue')
const pluginModules = import.meta.glob('../plugin/**/*.vue')
export const asyncRouterHandle = (asyncRouter) => {
- asyncRouter.forEach(item => {
+ asyncRouter.forEach((item) => {
if (item.component && typeof item.component === 'string') {
- item.meta.path = "/src/"+item.component
+ item.meta.path = '/src/' + item.component
if (item.component.split('/')[0] === 'view') {
item.component = dynamicImport(viewModules, item.component)
} else if (item.component.split('/')[0] === 'plugin') {
@@ -17,10 +17,7 @@ export const asyncRouterHandle = (asyncRouter) => {
})
}
-function dynamicImport(
- dynamicViewsModules,
- component
-) {
+function dynamicImport(dynamicViewsModules, component) {
const keys = Object.keys(dynamicViewsModules)
const matchKeys = keys.filter((key) => {
const k = key.replace('../', '')
diff --git a/web/src/utils/bus.js b/web/src/utils/bus.js
index 4b673fa2f..f2a3b9238 100644
--- a/web/src/utils/bus.js
+++ b/web/src/utils/bus.js
@@ -1,6 +1,4 @@
-
// using ES6 modules
import mitt from 'mitt'
export const emitter = mitt()
-
diff --git a/web/src/utils/date.js b/web/src/utils/date.js
index 57433009e..0744cfb83 100644
--- a/web/src/utils/date.js
+++ b/web/src/utils/date.js
@@ -3,7 +3,7 @@
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
-Date.prototype.Format = function(fmt) {
+Date.prototype.Format = function (fmt) {
const o = {
'M+': this.getMonth() + 1, // 月份
'd+': this.getDate(), // 日
@@ -11,11 +11,21 @@ Date.prototype.Format = function(fmt) {
'm+': this.getMinutes(), // 分
's+': this.getSeconds(), // 秒
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
- 'S': this.getMilliseconds() // 毫秒
+ S: this.getMilliseconds() // 毫秒
+ }
+ if (/(y+)/.test(fmt)) {
+ fmt = fmt.replace(
+ RegExp.$1,
+ (this.getFullYear() + '').substr(4 - RegExp.$1.length)
+ )
}
- if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)) }
for (const k in o) {
- if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
+ if (new RegExp('(' + k + ')').test(fmt)) {
+ fmt = fmt.replace(
+ RegExp.$1,
+ RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
+ )
+ }
}
return fmt
}
diff --git a/web/src/utils/dictionary.js b/web/src/utils/dictionary.js
index 440fe5e1a..679a6b988 100644
--- a/web/src/utils/dictionary.js
+++ b/web/src/utils/dictionary.js
@@ -1,7 +1,7 @@
import { useDictionaryStore } from '@/pinia/modules/dictionary'
import { getSysParam } from '@/api/sysParams'
// 获取字典方法 使用示例 getDict('sex').then(res) 或者 async函数下 const res = await getDict('sex')
-export const getDict = async(type) => {
+export const getDict = async (type) => {
const dictionaryStore = useDictionaryStore()
await dictionaryStore.getDictionary(type)
return dictionaryStore.dictionaryMap[type]
@@ -18,7 +18,7 @@ export const showDictLabel = (
return ''
}
const dictMap = {}
- dict.forEach(item => {
+ dict.forEach((item) => {
if (Reflect.has(item, keyCode) && Reflect.has(item, valueCode)) {
dictMap[item[keyCode]] = item[valueCode]
}
@@ -26,10 +26,9 @@ export const showDictLabel = (
return Reflect.has(dictMap, code) ? dictMap[code] : ''
}
-
-export const getParams = async (key)=>{
- const res = await getSysParam({key})
- if(res.code === 0){
+export const getParams = async (key) => {
+ const res = await getSysParam({ key })
+ if (res.code === 0) {
return res.data.value
}
}
diff --git a/web/src/utils/downloadImg.js b/web/src/utils/downloadImg.js
index 93fb2222d..10506c791 100644
--- a/web/src/utils/downloadImg.js
+++ b/web/src/utils/downloadImg.js
@@ -1,7 +1,8 @@
-export const downloadImage = (imgsrc, name) => { // 下载图片地址和图片名
+export const downloadImage = (imgsrc, name) => {
+ // 下载图片地址和图片名
var image = new Image()
image.setAttribute('crossOrigin', 'anonymous')
- image.onload = function() {
+ image.onload = function () {
var canvas = document.createElement('canvas')
canvas.width = image.width
canvas.height = image.height
diff --git a/web/src/utils/event.js b/web/src/utils/event.js
index 5063d8cba..4861bf703 100644
--- a/web/src/utils/event.js
+++ b/web/src/utils/event.js
@@ -1,29 +1,17 @@
-export function addEventListen(
- target,
- event,
- handler,
- capture = false
-) {
+export function addEventListen(target, event, handler, capture = false) {
if (
target.addEventListener &&
typeof target.addEventListener === 'function'
) {
- target.addEventListener(event, handler, capture);
+ target.addEventListener(event, handler, capture)
}
}
-export function removeEventListen(
- target,
- event,
- handler,
- capture = false
-) {
+export function removeEventListen(target, event, handler, capture = false) {
if (
target.removeEventListener &&
typeof target.removeEventListener === 'function'
) {
- target.removeEventListener(event, handler, capture);
+ target.removeEventListener(event, handler, capture)
}
}
-
-
diff --git a/web/src/utils/image.js b/web/src/utils/image.js
index 9a929588c..a2d3241e8 100644
--- a/web/src/utils/image.js
+++ b/web/src/utils/image.js
@@ -9,7 +9,7 @@ export default class ImageCompress {
// 压缩
const fileType = this.file.type
const fileSize = this.file.size / 1024
- return new Promise(resolve => {
+ return new Promise((resolve) => {
const reader = new FileReader()
reader.readAsDataURL(this.file)
reader.onload = () => {
@@ -26,7 +26,7 @@ export default class ImageCompress {
ctx.clearRect(0, 0, canvas.width, canvas.height)
ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
- const newImgData = canvas.toDataURL(fileType, 0.90)
+ const newImgData = canvas.toDataURL(fileType, 0.9)
// 压缩宽高后的图像大小
const newImgSize = this.fileSizeKB(newImgData)
@@ -69,7 +69,7 @@ export default class ImageCompress {
fileSizeKB(dataURL) {
let sizeKB = 0
- sizeKB = Math.round((dataURL.split(',')[1].length * 3 / 4) / 1024)
+ sizeKB = Math.round((dataURL.split(',')[1].length * 3) / 4 / 1024)
return sizeKB
}
@@ -93,21 +93,30 @@ export default class ImageCompress {
const path = import.meta.env.VITE_FILE_API
export const getUrl = (url) => {
- if (url && url.slice(0, 4) !== 'http'){
- if (path === "/"){
- return url
+ if (url && url.slice(0, 4) !== 'http') {
+ if (path === '/') {
+ return url
}
- if (url.slice(0, 1) === "/"){
- return path + url
+ if (url.slice(0, 1) === '/') {
+ return path + url
}
- return path + "/" + url
- }else{
+ return path + '/' + url
+ } else {
return url
}
}
-export const isVideoExt = (url) => url.endsWith('.mp4') || url.endsWith('.mov') || url.endsWith('.webm') || url.endsWith('.ogg');
+export const isVideoExt = (url) =>
+ url.endsWith('.mp4') ||
+ url.endsWith('.mov') ||
+ url.endsWith('.webm') ||
+ url.endsWith('.ogg')
-export const isVideoMime = (type) => type == 'video/mp4' || type == 'video/webm' || type == 'video/ogg';
+export const isVideoMime = (type) =>
+ type == 'video/mp4' || type == 'video/webm' || type == 'video/ogg'
-export const isImageMime = (type) => type == 'image/jpeg' || type == 'image/png' || type == 'image/webp' || type == 'image/svg+xml';
+export const isImageMime = (type) =>
+ type == 'image/jpeg' ||
+ type == 'image/png' ||
+ type == 'image/webp' ||
+ type == 'image/svg+xml'
diff --git a/web/src/utils/stringFun.js b/web/src/utils/stringFun.js
index eac417911..baec83db1 100644
--- a/web/src/utils/stringFun.js
+++ b/web/src/utils/stringFun.js
@@ -1,29 +1,29 @@
/* eslint-disable */
export const toUpperCase = (str) => {
- if (str[0]) {
- return str.replace(str[0], str[0].toUpperCase())
- } else {
- return ''
- }
+ if (str[0]) {
+ return str.replace(str[0], str[0].toUpperCase())
+ } else {
+ return ''
+ }
}
export const toLowerCase = (str) => {
- if (str[0]) {
- return str.replace(str[0], str[0].toLowerCase())
- } else {
- return ''
- }
+ if (str[0]) {
+ return str.replace(str[0], str[0].toLowerCase())
+ } else {
+ return ''
+ }
}
// 驼峰转换下划线
export const toSQLLine = (str) => {
- if (str === 'ID') return 'ID'
- return str.replace(/([A-Z])/g, "_$1").toLowerCase();
+ if (str === 'ID') return 'ID'
+ return str.replace(/([A-Z])/g, '_$1').toLowerCase()
}
// 下划线转换驼峰
export const toHump = (name) => {
- return name.replace(/\_(\w)/g, function(all, letter) {
- return letter.toUpperCase();
- });
-}
\ No newline at end of file
+ return name.replace(/\_(\w)/g, function (all, letter) {
+ return letter.toUpperCase()
+ })
+}
diff --git a/web/src/view/dashboard/components/banner.vue b/web/src/view/dashboard/components/banner.vue
index 0141f5c5f..226dda997 100644
--- a/web/src/view/dashboard/components/banner.vue
+++ b/web/src/view/dashboard/components/banner.vue
@@ -5,36 +5,39 @@
-
+
-
+
diff --git a/web/src/view/dashboard/components/charts-content-numbers.vue b/web/src/view/dashboard/components/charts-content-numbers.vue
index b11564f7c..950b3b416 100644
--- a/web/src/view/dashboard/components/charts-content-numbers.vue
+++ b/web/src/view/dashboard/components/charts-content-numbers.vue
@@ -10,174 +10,181 @@
-
+
diff --git a/web/src/view/dashboard/components/charts-people-numbers.vue b/web/src/view/dashboard/components/charts-people-numbers.vue
index a7013f20e..3d10b3fab 100644
--- a/web/src/view/dashboard/components/charts-people-numbers.vue
+++ b/web/src/view/dashboard/components/charts-people-numbers.vue
@@ -11,131 +11,128 @@
-
+
diff --git a/web/src/view/dashboard/components/charts.vue b/web/src/view/dashboard/components/charts.vue
index 3bcf5a9ed..650b5f13f 100644
--- a/web/src/view/dashboard/components/charts.vue
+++ b/web/src/view/dashboard/components/charts.vue
@@ -11,7 +11,7 @@
+
+
-
+
@@ -14,9 +11,9 @@
diff --git a/web/src/view/layout/aside/asideComponent/asyncSubmenu.vue b/web/src/view/layout/aside/asideComponent/asyncSubmenu.vue
index 678683fa5..b9c4bf4b8 100644
--- a/web/src/view/layout/aside/asideComponent/asyncSubmenu.vue
+++ b/web/src/view/layout/aside/asideComponent/asyncSubmenu.vue
@@ -7,9 +7,9 @@
@@ -29,39 +29,38 @@
diff --git a/web/src/view/layout/aside/asideComponent/index.vue b/web/src/view/layout/aside/asideComponent/index.vue
index 8558655ab..32e7d4186 100644
--- a/web/src/view/layout/aside/asideComponent/index.vue
+++ b/web/src/view/layout/aside/asideComponent/index.vue
@@ -4,7 +4,7 @@
v-if="!routerInfo.hidden"
:router-info="routerInfo"
>
-
+
-
-
diff --git a/web/src/view/layout/aside/asideComponent/menuItem.vue b/web/src/view/layout/aside/asideComponent/menuItem.vue
index a43b24afd..b6b4ff777 100644
--- a/web/src/view/layout/aside/asideComponent/menuItem.vue
+++ b/web/src/view/layout/aside/asideComponent/menuItem.vue
@@ -3,7 +3,7 @@
:index="routerInfo.name"
class="dark:text-slate-300 overflow-hidden"
:style="{
- height : sideHeight,
+ height: sideHeight
}"
>
@@ -15,33 +15,29 @@
-
-
+
diff --git a/web/src/view/layout/aside/combinationMode.vue b/web/src/view/layout/aside/combinationMode.vue
index f8a934188..22c6c38df 100644
--- a/web/src/view/layout/aside/combinationMode.vue
+++ b/web/src/view/layout/aside/combinationMode.vue
@@ -1,12 +1,15 @@
-
+
@@ -33,7 +36,7 @@
:default-active="active"
class="border-r-0 w-full"
unique-opened
- @select="(index, _, ele)=>selectMenuItem(index, _, ele,false)"
+ @select="(index, _, ele) => selectMenuItem(index, _, ele, false)"
>
diff --git a/web/src/view/layout/aside/headMode.vue b/web/src/view/layout/aside/headMode.vue
index a2fc1282b..9157c5926 100644
--- a/web/src/view/layout/aside/headMode.vue
+++ b/web/src/view/layout/aside/headMode.vue
@@ -1,5 +1,7 @@
-
+
diff --git a/web/src/view/layout/aside/index.vue b/web/src/view/layout/aside/index.vue
index 637208a41..c5e010add 100644
--- a/web/src/view/layout/aside/index.vue
+++ b/web/src/view/layout/aside/index.vue
@@ -1,25 +1,34 @@
@@ -39,67 +39,67 @@
-
-
+
diff --git a/web/src/view/layout/screenfull/index.vue b/web/src/view/layout/screenfull/index.vue
index ab8da7f0a..da91a5013 100644
--- a/web/src/view/layout/screenfull/index.vue
+++ b/web/src/view/layout/screenfull/index.vue
@@ -1,69 +1,62 @@
-
+
-
+
@@ -14,10 +11,10 @@
diff --git a/web/src/view/superAdmin/params/sysParams.vue b/web/src/view/superAdmin/params/sysParams.vue
index 4e564b93e..c84ae9ad3 100644
--- a/web/src/view/superAdmin/params/sysParams.vue
+++ b/web/src/view/superAdmin/params/sysParams.vue
@@ -1,29 +1,55 @@
-
+ >
- {{ formatDate(scope.row.CreatedAt) }}
+ {{
+ formatDate(scope.row.CreatedAt)
+ }}
-
-
- 变更
- 删除
-
+
+
+ 变更
+ 删除
+
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+
diff --git a/web/src/view/system/state.vue b/web/src/view/system/state.vue
index aa3ca6724..e54eeb93e 100644
--- a/web/src/view/system/state.vue
+++ b/web/src/view/system/state.vue
@@ -1,14 +1,8 @@
-
diff --git a/web/src/view/layout/aside/normalMode.vue b/web/src/view/layout/aside/normalMode.vue
index 3e20f219e..a3bc7f424 100644
--- a/web/src/view/layout/aside/normalMode.vue
+++ b/web/src/view/layout/aside/normalMode.vue
@@ -3,7 +3,7 @@
class="relative h-full bg-white text-slate-700 dark:text-slate-300 dark:bg-slate-900 border-r shadow dark:shadow-gray-700"
:class="isCollapse ? '' : ' px-2'"
:style="{
- width: layoutSideWidth + 'px',
+ width: layoutSideWidth + 'px'
}"
>
-
-
+
+
diff --git a/web/src/view/routerHolder.vue b/web/src/view/routerHolder.vue
index da4e5fb7c..1b671abfb 100644
--- a/web/src/view/routerHolder.vue
+++ b/web/src/view/routerHolder.vue
@@ -2,10 +2,7 @@
-
-
-
-
- 创建日期
-
-
-
-
-
+
+
+
+
+ 创建日期
+
+
+
+
+
-
-
@@ -31,290 +57,422 @@
- 查询
+ 查询
重置
- 展开
- 收起
+ 展开
+ 收起
-
+ 新增
+ 删除
+
+
- 新增
- 删除
-
-
-
-
+
+
+
- {{type==='create'?'添加':'修改'}}
-
-
+
- 确 定
- 取 消
-
-
+ {{ type === 'create' ? '添加' : '修改' }}
+
+
-
+ 确 定
+ 取 消
+
+
+
-
-
-
-
- {{ detailFrom.name }}
-
-
- {{ detailFrom.key }}
-
-
- {{ detailFrom.value }}
-
-
- {{ detailFrom.desc }}
-
-
-
-
+
+
+
+ {{ detailFrom.name }}
+
+
+ {{ detailFrom.key }}
+
+
+ {{ detailFrom.value }}
+
+
+ {{ detailFrom.desc }}
+
+
+
使用说明
- 前端可以通过引入 import { getParams } from '@/utils/dictionary' 然后通过 await getParams("{{formData.key}}") 来获取对应的参数。
+ 前端可以通过引入
+ import { getParams } from '@/utils/dictionary'
+ 然后通过
+ await getParams("{{ formData.key }}")
+ 来获取对应的参数。
- 后端需要提前 import "github.com/flipped-aurora/gin-vue-admin/server/service/system"
+ 后端需要提前
+ import
+ "github.com/flipped-aurora/gin-vue-admin/server/service/system"
- 然后调用 new(system.SysParamsService).GetSysParam("{{formData.key}}") 来获取对应的 value 值。
+ 然后调用
+ new(system.SysParamsService).GetSysParam("{{
+ formData.key
+ }}")
+ 来获取对应的 value 值。
-
+
-
+
@@ -76,9 +70,9 @@
@@ -86,10 +80,7 @@
-
+
-
+
used (GB)
- {{ (state.ram.usedMb / 1024).toFixed(2) }}
+ {{
+ (state.ram.usedMb / 1024).toFixed(2)
+ }}
@@ -164,41 +154,39 @@
diff --git a/web/src/view/systemTools/exportTemplate/code.js b/web/src/view/systemTools/exportTemplate/code.js
index 1d1371069..98823ee2a 100644
--- a/web/src/view/systemTools/exportTemplate/code.js
+++ b/web/src/view/systemTools/exportTemplate/code.js
@@ -1,5 +1,5 @@
export const getCode = (templateID) => {
- return `
+ return `
-
+
@@ -14,10 +11,10 @@
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index bff67d2c4..35531e00e 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -1,27 +1,23 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
- content: [
- "./index.html",
- "./src/**/*.{vue,js,ts,jsx,tsx}",
- ],
+ content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
important: true,
theme: {
extend: {
backgroundColor: {
- "main": "#F5F5F5",
+ main: '#F5F5F5'
},
textColor: {
- "active": "var(--el-color-primary)",
+ active: 'var(--el-color-primary)'
},
boxShadowColor: {
- "active": "var(--el-color-primary)",
+ active: 'var(--el-color-primary)'
},
borderColor: {
- "table-border": "var(--el-border-color-lighter)",
+ 'table-border': 'var(--el-border-color-lighter)'
}
- },
+ }
},
- darkMode: "class",
+ darkMode: 'class',
plugins: []
}
-
diff --git a/web/vite.config.js b/web/vite.config.js
index 93c0c1400..54424242c 100644
--- a/web/vite.config.js
+++ b/web/vite.config.js
@@ -10,14 +10,10 @@ import VueFilePathPlugin from './vitePlugin/componentName/index.js'
import { svgBuilder } from 'vite-auto-import-svg'
import { AddSecret } from './vitePlugin/secret'
// @see https://cn.vitejs.dev/config/
-export default ({
- mode
-}) => {
- AddSecret("")
+export default ({ mode }) => {
+ AddSecret('')
const NODE_ENV = mode || 'development'
- const envFiles = [
- `.env.${NODE_ENV}`
- ]
+ const envFiles = [`.env.${NODE_ENV}`]
for (const file of envFiles) {
const envConfig = dotenv.parse(fs.readFileSync(file))
for (const k in envConfig) {
@@ -33,7 +29,7 @@ export default ({
const alias = {
'@': path.resolve(__dirname, './src'),
- 'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
+ vue$: 'vue/dist/vue.runtime.esm-bundler.js'
}
const esbuild = {}
@@ -42,8 +38,8 @@ export default ({
output: {
entryFileNames: 'assets/087AC4D233B64EB0[name].[hash].js',
chunkFileNames: 'assets/087AC4D233B64EB0[name].[hash].js',
- assetFileNames: 'assets/087AC4D233B64EB0[name].[hash].[ext]',
- },
+ assetFileNames: 'assets/087AC4D233B64EB0[name].[hash].[ext]'
+ }
}
const config = {
@@ -51,7 +47,7 @@ export default ({
root: './', // index.html文件所在位置
publicDir: 'public', // 静态资源文件夹
resolve: {
- alias,
+ alias
},
define: {
'process.env': {}
@@ -70,12 +66,14 @@ export default ({
proxy: {
// 把key的路径代理到target位置
// detail: https://cli.vuejs.org/config/#devserver-proxy
- [process.env.VITE_BASE_API]: { // 需要代理的路径 例如 '/api'
+ [process.env.VITE_BASE_API]: {
+ // 需要代理的路径 例如 '/api'
target: `${process.env.VITE_BASE_PATH}:${process.env.VITE_SERVER_PORT}/`, // 代理到 目标路径
changeOrigin: true,
- rewrite: path => path.replace(new RegExp('^' + process.env.VITE_BASE_API), ''),
+ rewrite: (path) =>
+ path.replace(new RegExp('^' + process.env.VITE_BASE_API), '')
}
- },
+ }
},
build: {
minify: 'terser', // 是否进行压缩,boolean | 'terser' | 'esbuild',默认使用terser
@@ -86,24 +84,32 @@ export default ({
compress: {
//生产环境时移除console
drop_console: true,
- drop_debugger: true,
- },
+ drop_debugger: true
+ }
},
- rollupOptions,
+ rollupOptions
},
esbuild,
optimizeDeps,
plugins: [
- process.env.VITE_POSITION === 'open' && vueDevTools({launchEditor: process.env.VITE_EDITOR}),
+ process.env.VITE_POSITION === 'open' &&
+ vueDevTools({ launchEditor: process.env.VITE_EDITOR }),
legacyPlugin({
- targets: ['Android > 39', 'Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15'],
+ targets: [
+ 'Android > 39',
+ 'Chrome >= 60',
+ 'Safari >= 10.1',
+ 'iOS >= 10.3',
+ 'Firefox >= 54',
+ 'Edge >= 15'
+ ]
}),
vuePlugin(),
svgBuilder('./src/assets/icons/'),
svgBuilder('./src/plugin/'),
[Banner(`\n Build based on gin-vue-admin \n Time : ${timestamp}`)],
- VueFilePathPlugin("./src/pathInfo.json")
- ],
+ VueFilePathPlugin('./src/pathInfo.json')
+ ]
}
return config
}
diff --git a/web/vitePlugin/componentName/index.js b/web/vitePlugin/componentName/index.js
index a6b7bdd0c..bae9f0faa 100644
--- a/web/vitePlugin/componentName/index.js
+++ b/web/vitePlugin/componentName/index.js
@@ -1,80 +1,85 @@
-import fs from 'fs';
-import path from 'path';
-import chokidar from 'chokidar';
+import fs from 'fs'
+import path from 'path'
+import chokidar from 'chokidar'
const toPascalCase = (str) => {
- return str.replace(/(^\w|-\w)/g, clearAndUpper);
-};
+ return str.replace(/(^\w|-\w)/g, clearAndUpper)
+}
const clearAndUpper = (text) => {
- return text.replace(/-/, '').toUpperCase();
-};
+ return text.replace(/-/, '').toUpperCase()
+}
// 递归获取目录下所有的 .vue 文件
const getAllVueFiles = (dir, fileList = []) => {
- const files = fs.readdirSync(dir);
- files.forEach(file => {
- const filePath = path.join(dir, file);
- if (fs.statSync(filePath).isDirectory()) {
- getAllVueFiles(filePath, fileList);
- } else if (filePath.endsWith('.vue')) {
- fileList.push(filePath);
- }
- });
- return fileList;
+ const files = fs.readdirSync(dir)
+ files.forEach((file) => {
+ const filePath = path.join(dir, file)
+ if (fs.statSync(filePath).isDirectory()) {
+ getAllVueFiles(filePath, fileList)
+ } else if (filePath.endsWith('.vue')) {
+ fileList.push(filePath)
+ }
+ })
+ return fileList
}
// 从 .vue 文件内容中提取组件名称
const extractComponentName = (fileContent) => {
- const regex = /defineOptions\(\s*{\s*name:\s*["']([^"']+)["']/;
- const match = fileContent.match(regex);
- return match ? match[1] : null;
+ const regex = /defineOptions\(\s*{\s*name:\s*["']([^"']+)["']/
+ const match = fileContent.match(regex)
+ return match ? match[1] : null
}
// Vite 插件定义
const vueFilePathPlugin = (outputFilePath) => {
- let root;
+ let root
- const generatePathNameMap = () => {
- const vueFiles = [
- ...getAllVueFiles(path.join(root, 'src/view')),
- ...getAllVueFiles(path.join(root, 'src/plugin'))
- ];
- const pathNameMap = vueFiles.reduce((acc, filePath) => {
- const content = fs.readFileSync(filePath, 'utf-8');
- const componentName = extractComponentName(content);
- let relativePath ="/" + path.relative(root, filePath).replace(/\\/g, '/');
- acc[relativePath] = componentName || toPascalCase(path.basename(filePath, '.vue'));
- return acc;
- }, {});
- const outputContent = JSON.stringify(pathNameMap, null, 2);
- fs.writeFileSync(outputFilePath, outputContent);
- };
+ const generatePathNameMap = () => {
+ const vueFiles = [
+ ...getAllVueFiles(path.join(root, 'src/view')),
+ ...getAllVueFiles(path.join(root, 'src/plugin'))
+ ]
+ const pathNameMap = vueFiles.reduce((acc, filePath) => {
+ const content = fs.readFileSync(filePath, 'utf-8')
+ const componentName = extractComponentName(content)
+ let relativePath = '/' + path.relative(root, filePath).replace(/\\/g, '/')
+ acc[relativePath] =
+ componentName || toPascalCase(path.basename(filePath, '.vue'))
+ return acc
+ }, {})
+ const outputContent = JSON.stringify(pathNameMap, null, 2)
+ fs.writeFileSync(outputFilePath, outputContent)
+ }
- const watchDirectoryChanges = () => {
- const watchDirectories = [path.join(root, 'src/view'), path.join(root, 'src/plugin')];
- const watcher = chokidar.watch(watchDirectories, { persistent: true, ignoreInitial: true });
- watcher.on('all', () => {
- generatePathNameMap();
- });
- };
+ const watchDirectoryChanges = () => {
+ const watchDirectories = [
+ path.join(root, 'src/view'),
+ path.join(root, 'src/plugin')
+ ]
+ const watcher = chokidar.watch(watchDirectories, {
+ persistent: true,
+ ignoreInitial: true
+ })
+ watcher.on('all', () => {
+ generatePathNameMap()
+ })
+ }
-
-
- return {
- name: 'vue-file-path-plugin',
- configResolved(resolvedConfig) {
- root = resolvedConfig.root;
- },
- buildStart() {
- generatePathNameMap();
- },
- buildEnd() {
- if (process.env.NODE_ENV === 'development') {
- watchDirectoryChanges();
- }
- },
- };
+ return {
+ name: 'vue-file-path-plugin',
+ configResolved(resolvedConfig) {
+ root = resolvedConfig.root
+ },
+ buildStart() {
+ generatePathNameMap()
+ },
+ buildEnd() {
+ if (process.env.NODE_ENV === 'development') {
+ watchDirectoryChanges()
+ }
+ }
+ }
}
export default vueFilePathPlugin
diff --git a/web/vitePlugin/secret/index.js b/web/vitePlugin/secret/index.js
index 56fd3333d..93a846452 100644
--- a/web/vitePlugin/secret/index.js
+++ b/web/vitePlugin/secret/index.js
@@ -1,6 +1,6 @@
export function AddSecret(secret) {
- if(!secret){
- secret = ""
+ if (!secret) {
+ secret = ''
}
- global['gva-secret'] = secret;
+ global['gva-secret'] = secret
}
Runtime
@@ -47,10 +41,10 @@
Ram
@@ -146,7 +134,9 @@