xiaoy
/
sqhj-workbench-pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
main
xy 2 years ago
parent 4b2f2e2995
commit 223363388f
10 changed files with 95 additions and 173 deletions
Show Stats Download Patch File Download Diff File

2
src/main/config/StaticPath.js
Unescape View File

@ -13,8 +13,6 @@ if (process.env.NODE_ENV !== 'development') {
} }
export const winURL = process.env.NODE_ENV === 'development' ? `http://localhost:${process.env.PORT}` : `file://${__dirname}/index.html` export const winURL = process.env.NODE_ENV === 'development' ? `http://localhost:${process.env.PORT}` : `file://${__dirname}/index.html`
export const loadingURL = process.env.NODE_ENV === 'development' ? `http://localhost:${process.env.PORT}/static/loader.html` : `file://${__static}/loader.html` export const loadingURL = process.env.NODE_ENV === 'development' ? `http://localhost:${process.env.PORT}/static/loader.html` : `file://${__static}/loader.html`
export const noticeURL = process.env.NODE_ENV === 'development' ? `http://localhost:${process.env.PORT}/static/notice.html` : `file://${__static}/loader.html`
export const libPath = process.env.libPath export const libPath = process.env.libPath
export const adminWebUri = process.env.NODE_ENV === 'development' ? "http://contract-sqhj-test.ali251.langye.net/admin_test/#/" : "http://contract-sqhj.ali251.langye.net/admin/#/" export const adminWebUri = process.env.NODE_ENV === 'development' ? "http://contract-sqhj-test.ali251.langye.net/admin_test/#/" : "http://contract-sqhj.ali251.langye.net/admin/#/"

8
src/main/services/ipcMain.js
Unescape View File

@ -4,11 +4,17 @@ import { winURL } from '../config/StaticPath'
import downloadFile from './downloadFile' import downloadFile from './downloadFile'
import Update from './checkupdate' import Update from './checkupdate'
import { updater } from './HotUpdater' import { updater } from './HotUpdater'
import { createAdminWindow } from "./windowManager" import { createAdminWindow, toggleMainWindowResizable, mainWindowResize } from "./windowManager"
export default { export default {
Mainfunc(IsUseSysTitle) { Mainfunc(IsUseSysTitle) {
const allUpdater = new Update(); const allUpdater = new Update();
ipcMain.handle('main-window-resize', (event, arg) => {
mainWindowResize(arg.width, arg.height)
})
ipcMain.handle('toggle-main-window-resizable', (event, arg) => {
toggleMainWindowResizable(arg)
})
ipcMain.handle("create-admin-window", async (event) => { ipcMain.handle("create-admin-window", async (event) => {
createAdminWindow() createAdminWindow()
}) })

12
src/main/services/windowManager.js
Unescape View File

@ -10,6 +10,12 @@ var loadWindow = null
var mainWindow = null var mainWindow = null
setIpc.Mainfunc(IsUseSysTitle) setIpc.Mainfunc(IsUseSysTitle)
var adminWindow = null var adminWindow = null
export function toggleMainWindowResizable (status) {
mainWindow.setResizable(status)
}
export function mainWindowResize (w,h) {
mainWindow.setSize(w,h)
}
function createAdminWindow() { function createAdminWindow() {
adminWindow = new BrowserWindow({ adminWindow = new BrowserWindow({
height: 800, height: 800,
@ -63,10 +69,10 @@ function createMainWindow() {
* Initial window options * Initial window options
*/ */
mainWindow = new BrowserWindow({ mainWindow = new BrowserWindow({
height: 800, height: 504,
useContentSize: true, useContentSize: true,
width: 1700, width: 302,
minWidth: 1366, resizable: false,
show: false, show: false,
frame: IsUseSysTitle, frame: IsUseSysTitle,
titleBarStyle: platform().includes('win32') ? 'default' : 'hidden', titleBarStyle: platform().includes('win32') ? 'default' : 'hidden',

2
src/renderer/layout/components/Navbar.vue
Unescape View File

@ -99,6 +99,7 @@ const logout = () => {
height: 62px; height: 62px;
.hamburger-container { .hamburger-container {
-webkit-app-region: no-drag;
line-height: 58px; line-height: 58px;
height: 50px; height: 50px;
float: left; float: left;
@ -153,6 +154,7 @@ const logout = () => {
} }
.select-right { .select-right {
-webkit-app-region: no-drag;
.el-dropdown-link { .el-dropdown-link {
color: #333333; color: #333333;
font-weight: 400; font-weight: 400;

6
src/renderer/layout/components/Sidebar/index.vue
Unescape View File

@ -4,6 +4,10 @@
<Logo :collapse="isCollapse" /> <Logo :collapse="isCollapse" />
<sidebar-item v-for="route in routes_list" :key="route.name" :item="route" :base-path="route.path" <sidebar-item v-for="route in routes_list" :key="route.name" :item="route" :base-path="route.path"
:collapse="isCollapse"></sidebar-item> :collapse="isCollapse"></sidebar-item>
<sidebar-item :collapse="isCollapse" :item="{
onlyShowfirst: true,
name: '后台管理'
}"></sidebar-item>
</el-menu> </el-menu>
</scroll-bar> </scroll-bar>
</template> </template>
@ -48,4 +52,4 @@ const isCollapse = computed(() => !sidebarStatus.opened)
overflow: hidden; overflow: hidden;
width: 180px; width: 180px;
} }
</style> </style>

3
src/renderer/layout/index.vue
Unescape View File

@ -59,4 +59,7 @@ const classObj = computed(() => {
.NoUseSysTitle { .NoUseSysTitle {
top: 38px top: 38px
} }
.sidebar-container {
-webkit-app-region: no-drag;
}
</style> </style>

22
src/renderer/permission.js
Unescape View File

@ -2,32 +2,33 @@ import router from './router'
import Performance from '@/tools/performance' import Performance from '@/tools/performance'
import { usePermissionStore } from "@/store/permission" import { usePermissionStore } from "@/store/permission"
import { useUserStore } from "@/store/user" import { useUserStore } from "@/store/user"
import { ipcRenderer } from "electron"
export function usePermission() { export function usePermission() {
let end = null let end = null
const whiteList = ['/login'] // 不重定向白名单 const whiteList = ['/login'] // 不重定向白名单
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {
const { GenerateRoutes, routers } = usePermissionStore() const { GenerateRoutes, routers } = usePermissionStore()
const { GetUserInfo, token, roles, logOut } = useUserStore() const { getUserInfo, token, roles, logOut } = useUserStore()
end = Performance.startExecute(`${from.path} => ${to.path} 路由耗时`) /// 路由性能监控 end = Performance.startExecute(`${from.path} => ${to.path} 路由耗时`) /// 路由性能监控
if (token) { if (token) {
if (to.path === '/login') { if (to.path === '/login') {
next({ path: '/' }) next({ path: '/' })
} else { } else {
const hasRoles = roles && roles.length > 0; const hasRoles = roles && roles.length > 0;
if (hasRoles && routers && routers.length > 0) { if (hasRoles) {
next() next()
} else { } else {
try { try {
const roles = await GetUserInfo() const roles = await getUserInfo()
const accessRoutes = await GenerateRoutes(roles)
accessRoutes.forEach(item => {
router.addRoute(item)
})
next({ ...to, replace: true }) next({ ...to, replace: true })
} catch (error) { } catch (error) {
await logOut() await logOut()
console.error(error) console.error(error)
await ipcRenderer.invoke("toggle-main-window-resizable",false)
await ipcRenderer.invoke("main-window-resize",{
width: 320,
height: 504
})
next('/login') next('/login')
} }
} }
@ -37,6 +38,11 @@ export function usePermission() {
if (whiteList.includes(to.path)) { if (whiteList.includes(to.path)) {
next() next()
} else { } else {
await ipcRenderer.invoke("toggle-main-window-resizable",false)
await ipcRenderer.invoke("main-window-resize",{
width: 320,
height: 504
})
next('/login') next('/login')
} }
} }

4
src/renderer/router/index.js
Unescape View File

@ -8,7 +8,7 @@ export const constantRouterMap = [{
component: Layout, component: Layout,
redirect: '/dashboard', redirect: '/dashboard',
name: '主页', name: '主页',
hidden: true, hidden: false,
children: [{ children: [{
path: 'dashboard', path: 'dashboard',
name: '总览', name: '总览',
@ -18,7 +18,7 @@ export const constantRouterMap = [{
path: '/login', path: '/login',
component: () => import('@/views/login'), component: () => import('@/views/login'),
hidden: true hidden: true
}, { },{
path: '*', path: '*',
component: () => import('@/views/404'), component: () => import('@/views/404'),
hidden: true hidden: true

2
src/renderer/store/user.js
Unescape View File

@ -57,6 +57,8 @@ export const useUserStore = defineStore({
getInfo().then(res => { getInfo().then(res => {
this.info = res this.info = res
this.isLogin = true this.isLogin = true
this.roles = ['admin']
localStorage.setItem("roles", JSON.stringify(this.roles));
localStorage.setItem("name", res.name); localStorage.setItem("name", res.name);
resolve(res) resolve(res)
}).then(err => { }).then(err => {

207
src/renderer/views/login/index.vue
Unescape View File

@ -1,73 +1,57 @@
<template> <template>
<div class="login-container"> <div class="login-container">
<div ref="formContainer" class="form-container"> <div ref="formContainer" class="form-container">
<template v-if="!userStore.isLogin">
<div class="title-container">
<img :src="require('@/assets/imgs/login-title.png')" alt="" />
</div>
<div <el-form
style=" ref="loginFormRef"
display: flex; :model="loginForm"
justify-content: space-between; :rules="loginRules"
padding: 0 41px 0 104px; class="login-form"
margin-top: 57px; auto-complete="on"
" label-position="left"
> >
<div class="left"> <el-form-item class="form-item" prop="username">
<img :src="require('@/assets/imgs/login-img1.png')" alt="" />
</div>
<div class="right">
<el-form
ref="loginFormRef"
:model="loginForm"
:rules="loginRules"
class="login-form"
auto-complete="on"
label-position="left"
>
<el-form-item class="form-item" prop="username">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="user" /> <svg-icon icon-class="user" />
</span> </span>
<el-input <el-input
ref="username" ref="username"
v-model:value="loginForm.username" v-model:value="loginForm.username"
placeholder="请输入账号" placeholder="请输入账号"
name="username" name="username"
type="text" type="text"
tabindex="1" tabindex="1"
auto-complete="off" auto-complete="off"
/> />
</el-form-item> </el-form-item>
<el-form-item class="form-item" prop="password"> <el-form-item class="form-item" prop="password">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="password" /> <svg-icon icon-class="password" />
</span> </span>
<el-input <el-input
:key="pwdType" :key="pwdType"
ref="password" ref="password"
v-model:value="loginForm.password" v-model:value="loginForm.password"
:type="pwdType" :type="pwdType"
placeholder="请输入密码" placeholder="请输入密码"
name="password" name="password"
tabindex="2" tabindex="2"
auto-complete="off" auto-complete="off"
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
/> />
<span class="show-pwd" @click="showPwd"> <span class="show-pwd" @click="showPwd">
<svg-icon :icon-class="pwdType === 'password' ? 'eye' : 'eye-open'" /> <svg-icon :icon-class="pwdType === 'password' ? 'eye' : 'eye-open'" />
</span> </span>
</el-form-item> </el-form-item>
<el-checkbox size="large" style="margin-top: 18px;zoom: 1.3;" v-model="isRemember">记住密码</el-checkbox> <el-checkbox size="large" style="margin-top: 18px;zoom: 1.3;" v-model="isRemember">记住密码</el-checkbox>
<el-button <el-button
:loading="loading" :loading="loading"
type="primary" type="primary"
round round
style=" style="
margin-top: 35px; margin-top: 35px;
font-size: 18px; font-size: 18px;
letter-spacing: 3px; letter-spacing: 3px;
@ -77,72 +61,10 @@
background-color: #3d7af6; background-color: #3d7af6;
filter: drop-shadow(0px 4px 9px rgba(72, 93, 237, 0.63)); filter: drop-shadow(0px 4px 9px rgba(72, 93, 237, 0.63));
" "
@click.native.prevent="handleLogin" @click.native.prevent="handleLogin"
>登录</el-button >登录</el-button
>
</el-form>
</div>
</div>
</template>
<template v-else>
<div class="title-container">
<img :src="require('@/assets/imgs/login-title.png')" alt="" />
</div>
<div
style="
display: flex;
justify-content: space-between;
padding: 0 41px 0 104px;
margin-top: 57px;
"
> >
<div class="left"> </el-form>
<img :src="require('@/assets/imgs/login-img1.png')" alt="" />
</div>
<div class="right">
<el-descriptions title="用户信息" :column="2">
<el-descriptions-item label="用户名">{{ userStore.info.name }}</el-descriptions-item>
<el-descriptions-item label="手机号">{{ userStore.info.mobile }}</el-descriptions-item>
<el-descriptions-item label="职位">{{ userStore.info.position }}</el-descriptions-item>
<el-descriptions-item label="部门">
<el-tag size="small">{{ userStore.info.department ? userStore.info.department.name : "" }}</el-tag>
</el-descriptions-item>
</el-descriptions>
<div style="display: flex;justify-content: space-between;align-items: center;">
<el-button
type="primary"
round
style="
width: 44%;
margin-top: 35px;
font-size: 18px;
letter-spacing: 3px;
border-radius: 50px;
height: 50px;
background-color: #3d7af6;
filter: drop-shadow(0px 4px 9px rgba(72, 93, 237, 0.63));
"
@click.native.prevent="toAdmin"
>进入后台</el-button>
<el-button
type="danger"
round
style="
width: 44%;
margin-top: 35px;
font-size: 18px;
letter-spacing: 3px;
border-radius: 50px;
height: 50px;
filter: drop-shadow(0px 4px 9px rgba(219, 79, 43, 0.63));
"
@click.native.prevent="handleLogout"
>退出登录</el-button>
</div>
</div>
</div>
</template>
</div> </div>
</div> </div>
</template> </template>
@ -158,10 +80,6 @@ import { useRouter } from "@/hooks/use-router";
const userStore = useUserStore() const userStore = useUserStore()
init(".form-container")
if (userStore.token) {
userStore.getUserInfo()
}
const validateUsername = (rule, value, callback) => { const validateUsername = (rule, value, callback) => {
if (!isvalidUsername(value)) { if (!isvalidUsername(value)) {
callback(new Error("请输入正确的用户名")); callback(new Error("请输入正确的用户名"));
@ -226,7 +144,13 @@ const handleLogin = () => {
userStore.login(loginForm.value).then(res => { userStore.login(loginForm.value).then(res => {
loading.value = false; loading.value = false;
ipcRenderer.invoke("create-admin-window") //ipcRenderer.invoke("create-admin-window")
ipcRenderer.invoke("toggle-main-window-resizable",true)
ipcRenderer.invoke("main-window-resize",{
width: 1200,
height: 800
})
router.push('/')
if (isRemember.value) { if (isRemember.value) {
window.localStorage.setItem('lgif',window.btoa(JSON.stringify(loginForm.value))) window.localStorage.setItem('lgif',window.btoa(JSON.stringify(loginForm.value)))
} else { } else {
@ -319,20 +243,8 @@ $light_gray: #eee;
.form-container { .form-container {
transition: all .2s; padding: 20px;
width: 930px;
max-width: 100vw;
background: #fff;
border-radius: 14px;
padding-bottom: 53px;
filter: drop-shadow(0px 5px 24.5px rgba(74, 113, 240, 0.23));
.left {
img {
width: 310px;
}
}
} }
.tips { .tips {
@ -347,13 +259,6 @@ $light_gray: #eee;
} }
} }
.form-item {
width: 361px;
height: 51px;
margin-bottom: 0;
}
.svg-container { .svg-container {
padding: 6px 0; padding: 6px 0;
color: $dark_gray; color: $dark_gray;
@ -364,16 +269,6 @@ $light_gray: #eee;
margin-left: 15px; margin-left: 15px;
} }
.title-container {
display: flex;
justify-content: center;
position: relative;
margin-top: 85px;
img {
width: 754px;
}
}
.show-pwd { .show-pwd {
position: absolute; position: absolute;
right: 10px; right: 10px;

Write Preview
Loading…
Cancel
Save