1
This commit is contained in:
parent
5c84560c70
commit
4bc0f47b97
2
auto-imports.d.ts
vendored
2
auto-imports.d.ts
vendored
@ -1,5 +1,5 @@
|
||||
// Generated by 'unplugin-auto-import'
|
||||
export {}
|
||||
declare global {
|
||||
const layer: typeof import('@layui/layer-vue')['layer']
|
||||
|
||||
}
|
||||
|
7
components.d.ts
vendored
7
components.d.ts
vendored
@ -12,16 +12,12 @@ declare module 'vue' {
|
||||
LayBreadcrumb: typeof import('@layui/layui-vue')['LayBreadcrumb']
|
||||
LayBreadcrumbItem: typeof import('@layui/layui-vue')['LayBreadcrumbItem']
|
||||
LayButton: typeof import('@layui/layui-vue')['LayButton']
|
||||
LayButtonContainer: typeof import('@layui/layui-vue')['LayButtonContainer']
|
||||
LayButtonGroup: typeof import('@layui/layui-vue')['LayButtonGroup']
|
||||
LayCard: typeof import('@layui/layui-vue')['LayCard']
|
||||
LayCascader: typeof import('@layui/layui-vue')['LayCascader']
|
||||
LayCheckbox: typeof import('@layui/layui-vue')['LayCheckbox']
|
||||
LayCol: typeof import('@layui/layui-vue')['LayCol']
|
||||
LayConfigProvider: typeof import('@layui/layui-vue')['LayConfigProvider']
|
||||
LayContainer: typeof import('@layui/layui-vue')['LayContainer']
|
||||
LayCountUp: typeof import('@layui/layui-vue')['LayCountUp']
|
||||
LayDate: typeof import('@layui/layui-vue')['LayDate']
|
||||
LayDatePicker: typeof import('@layui/layui-vue')['LayDatePicker']
|
||||
LayDropdown: typeof import('@layui/layui-vue')['LayDropdown']
|
||||
LayDropdownMenu: typeof import('@layui/layui-vue')['LayDropdownMenu']
|
||||
@ -41,11 +37,8 @@ declare module 'vue' {
|
||||
LayLogo: typeof import('@layui/layui-vue')['LayLogo']
|
||||
LayMenu: typeof import('@layui/layui-vue')['LayMenu']
|
||||
LayMenuItem: typeof import('@layui/layui-vue')['LayMenuItem']
|
||||
LayNoticeBar: typeof import('@layui/layui-vue')['LayNoticeBar']
|
||||
LayPopconfirm: typeof import('@layui/layui-vue')['LayPopconfirm']
|
||||
LayProgress: typeof import('@layui/layui-vue')['LayProgress']
|
||||
LayQrcode: typeof import('@layui/layui-vue')['LayQrcode']
|
||||
LayRadio: typeof import('@layui/layui-vue')['LayRadio']
|
||||
LayRow: typeof import('@layui/layui-vue')['LayRow']
|
||||
LaySelect: typeof import('@layui/layui-vue')['LaySelect']
|
||||
LaySelectOption: typeof import('@layui/layui-vue')['LaySelectOption']
|
||||
|
5720
package-lock.json
generated
5720
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -19,7 +19,8 @@
|
||||
"pinia": "^2.1.7",
|
||||
"pinia-plugin-persistedstate": "^3.2.0",
|
||||
"vue": "^3.3.4",
|
||||
"vue-router": "^4.2.5"
|
||||
"vue-router": "^4.2.5",
|
||||
"vue3-puzzle-vcode": "^1.1.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@layui/unplugin-vue-components": "^0.0.3",
|
||||
|
@ -8,9 +8,11 @@ type TAxiosOption = {
|
||||
baseURL: string;
|
||||
}
|
||||
|
||||
const baseURL = '/api' // 设置基础URL前缀
|
||||
|
||||
const config: TAxiosOption = {
|
||||
timeout: 5000,
|
||||
baseURL: "/"
|
||||
baseURL: "http://yfyd.hschool.com.cn",
|
||||
}
|
||||
|
||||
class Http {
|
||||
@ -49,7 +51,7 @@ class Http {
|
||||
}});
|
||||
return response.data;
|
||||
default:
|
||||
break;
|
||||
return response.data;
|
||||
}
|
||||
}, error => {
|
||||
return Promise.reject(error)
|
||||
|
@ -2,6 +2,11 @@ import Http from '../http';
|
||||
export const login = function(loginForm: any) {
|
||||
return Http.post('/api/backend/login/login', loginForm)
|
||||
}
|
||||
|
||||
export const getMenu = function(loginForm: any) {
|
||||
return Http.post('/api/backend/login/getAuth', loginForm)
|
||||
}
|
||||
|
||||
//基础评分项列表
|
||||
export const homeGetHierarchicalData = function(date: any) {
|
||||
return Http.post('/api/backend/basic_rating/getHierarchicalData', date)
|
||||
@ -182,6 +187,25 @@ export const authGroupDataDel= function(date: any) {
|
||||
}
|
||||
|
||||
|
||||
//人员列表
|
||||
export const userData= function(date: any) {
|
||||
return Http.post('/api/backend/user/getUserData', date)
|
||||
}
|
||||
//人员列表(新增)
|
||||
export const userDataAdd= function(date: any) {
|
||||
return Http.post('/api/backend/user/create', date)
|
||||
}
|
||||
//人员列表(编辑)
|
||||
export const userDataEdit= function(date: any) {
|
||||
return Http.post('/api/backend/user/update', date)
|
||||
}
|
||||
//人员列表(删除)
|
||||
export const userDataDel= function(date: any) {
|
||||
return Http.post('/api/backend/user/delete', date)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -1,50 +1,24 @@
|
||||
<template>
|
||||
<lay-config-provider
|
||||
:themeVariable="appStore.themeVariable"
|
||||
:theme="appStore.theme"
|
||||
:locales="locales"
|
||||
:locale="appStore.locale"
|
||||
>
|
||||
<lay-layout
|
||||
:class="[
|
||||
appStore.tab ? 'has-tab' : '',
|
||||
appStore.collapse ? 'collapse' : '',
|
||||
appStore.greyMode ? 'grey-mode' : ''
|
||||
]"
|
||||
>
|
||||
<lay-config-provider :themeVariable="appStore.themeVariable" :theme="appStore.theme" :locales="locales"
|
||||
:locale="appStore.locale">
|
||||
<lay-layout :class="[
|
||||
appStore.tab ? 'has-tab' : '',
|
||||
appStore.collapse ? 'collapse' : '',
|
||||
appStore.greyMode ? 'grey-mode' : ''
|
||||
]">
|
||||
<!-- 遮盖层 -->
|
||||
<div
|
||||
v-if="!appStore.collapse"
|
||||
class="layui-layer-shade hidden-sm-and-up"
|
||||
@click="collapse"
|
||||
></div>
|
||||
<div v-if="!appStore.collapse" class="layui-layer-shade hidden-sm-and-up" @click="collapse"></div>
|
||||
<!-- 核心菜单 -->
|
||||
<lay-side
|
||||
:width="sideWidth"
|
||||
:class="appStore.sideTheme == 'dark' ? 'dark changeBgc' : 'light'"
|
||||
>
|
||||
<lay-side :width="sideWidth" :class="appStore.sideTheme == 'dark' ? 'dark changeBgc' : 'light'">
|
||||
<lay-logo v-if="appStore.logo">医风医德考评系统</lay-logo>
|
||||
<div class="side-menu-wrapper">
|
||||
<div
|
||||
class="side-menu1"
|
||||
v-if="appStore.subfield && appStore.subfieldPosition == 'side'"
|
||||
>
|
||||
<global-main-menu
|
||||
:collapse="true"
|
||||
:menus="mainMenus"
|
||||
:selectedKey="mainSelectedKey"
|
||||
@changeSelectedKey="changeMainSelectedKey"
|
||||
></global-main-menu>
|
||||
<div class="side-menu1" v-if="appStore.subfield && appStore.subfieldPosition == 'side'">
|
||||
<global-main-menu :collapse="true" :menus="mainMenus" :selectedKey="mainSelectedKey"
|
||||
@changeSelectedKey="changeMainSelectedKey"></global-main-menu>
|
||||
</div>
|
||||
<div class="side-menu2">
|
||||
<global-menu
|
||||
:collapse="appStore.collapse"
|
||||
:menus="menus"
|
||||
:openKeys="openKeys"
|
||||
:selectedKey="selectedKey"
|
||||
@changeOpenKeys="changeOpenKeys"
|
||||
@changeSelectedKey="changeSelectedKey"
|
||||
></global-menu>
|
||||
<global-menu :collapse="appStore.collapse" :menus="menus" :openKeys="openKeys" :selectedKey="selectedKey"
|
||||
@changeOpenKeys="changeOpenKeys" @changeSelectedKey="changeSelectedKey"></global-menu>
|
||||
</div>
|
||||
</div>
|
||||
</lay-side>
|
||||
@ -53,54 +27,33 @@
|
||||
<lay-header style="display: flex">
|
||||
<lay-menu class="layui-layout-left">
|
||||
<lay-menu-item @click="collapse">
|
||||
<lay-icon
|
||||
v-if="appStore.collapse"
|
||||
type="layui-icon-spread-left"
|
||||
></lay-icon>
|
||||
<lay-icon v-if="appStore.collapse" type="layui-icon-spread-left"></lay-icon>
|
||||
<lay-icon v-else type="layui-icon-shrink-right"></lay-icon>
|
||||
</lay-menu-item>
|
||||
<lay-menu-item class="hidden-xs-only" @click="refresh">
|
||||
<lay-icon type="layui-icon-refresh-one"></lay-icon>
|
||||
</lay-menu-item>
|
||||
<lay-menu-item
|
||||
class="hidden-xs-only"
|
||||
v-if="appStore.breadcrumb"
|
||||
style="padding: 0px 15px"
|
||||
>
|
||||
<lay-menu-item class="hidden-xs-only" v-if="appStore.breadcrumb" style="padding: 0px 15px">
|
||||
<GlobalBreadcrumb></GlobalBreadcrumb>
|
||||
</lay-menu-item>
|
||||
</lay-menu>
|
||||
<!-- 菜单分组 -->
|
||||
<lay-menu
|
||||
v-if="appStore.subfield && appStore.subfieldPosition == 'head'"
|
||||
class="layui-nav-center"
|
||||
:selectedKey="mainSelectedKey"
|
||||
@changeSelectedKey="changeMainSelectedKey"
|
||||
>
|
||||
<lay-menu v-if="appStore.subfield && appStore.subfieldPosition == 'head'" class="layui-nav-center"
|
||||
:selectedKey="mainSelectedKey" @changeSelectedKey="changeMainSelectedKey">
|
||||
<template v-for="(menu, index) in mainMenus" :key="index">
|
||||
<lay-menu-item :id="menu.id" v-if="index < 4">
|
||||
<template #title>{{ menu.title }}</template>
|
||||
</lay-menu-item>
|
||||
</template>
|
||||
</lay-menu>
|
||||
<lay-dropdown
|
||||
v-if="appStore.subfield && appStore.subfieldPosition == 'head'"
|
||||
trigger="hover"
|
||||
placement="bottom"
|
||||
>
|
||||
<lay-icon
|
||||
type="layui-icon-more"
|
||||
style="padding: 0px 15px"
|
||||
></lay-icon>
|
||||
<lay-dropdown v-if="appStore.subfield && appStore.subfieldPosition == 'head'" trigger="hover"
|
||||
placement="bottom">
|
||||
<lay-icon type="layui-icon-more" style="padding: 0px 15px"></lay-icon>
|
||||
<template #content>
|
||||
<lay-dropdown-menu>
|
||||
<template v-for="(menu, index) in mainMenus">
|
||||
<lay-dropdown-menu-item
|
||||
:key="menu.id"
|
||||
v-if="index >= 4"
|
||||
@click="changeMainSelectedKey(menu.id)"
|
||||
>{{ menu.title }}</lay-dropdown-menu-item
|
||||
>
|
||||
<lay-dropdown-menu-item :key="menu.id" v-if="index >= 4" @click="changeMainSelectedKey(menu.id)">{{
|
||||
menu.title }}</lay-dropdown-menu-item>
|
||||
</template>
|
||||
</lay-dropdown-menu>
|
||||
</template>
|
||||
@ -108,53 +61,46 @@
|
||||
<lay-menu class="layui-layout-right">
|
||||
<lay-menu-item>
|
||||
<lay-fullscreen v-slot="{ toggle, isFullscreen }">
|
||||
<lay-icon
|
||||
@click="toggle()"
|
||||
:type="
|
||||
isFullscreen
|
||||
? 'layui-icon-screen-restore'
|
||||
: 'layui-icon-screen-full'
|
||||
"
|
||||
></lay-icon>
|
||||
<lay-icon @click="toggle()" :type="isFullscreen
|
||||
? 'layui-icon-screen-restore'
|
||||
: 'layui-icon-screen-full'
|
||||
"></lay-icon>
|
||||
</lay-fullscreen>
|
||||
</lay-menu-item>
|
||||
<lay-menu-item>
|
||||
<global-message-tab :flag="flag">
|
||||
<lay-icon
|
||||
type="layui-icon-notice"
|
||||
@click="changeDropdown"
|
||||
></lay-icon>
|
||||
</global-message-tab>
|
||||
</lay-menu-item>
|
||||
<lay-menu-item>
|
||||
<lay-dropdown placement="bottom">
|
||||
<lay-icon type="layui-icon-website"></lay-icon>
|
||||
<template #content>
|
||||
<lay-dropdown-menu>
|
||||
<lay-dropdown-menu-item
|
||||
@click="() => (appStore.locale = 'zh_CN')"
|
||||
>
|
||||
<template #default>中文</template>
|
||||
</lay-dropdown-menu-item>
|
||||
<lay-dropdown-menu-item
|
||||
@click="() => (appStore.locale = 'en_US')"
|
||||
>
|
||||
<template #default>英文</template>
|
||||
</lay-dropdown-menu-item>
|
||||
</lay-dropdown-menu>
|
||||
</template>
|
||||
</lay-dropdown>
|
||||
</lay-menu-item>
|
||||
<!-- <lay-menu-item>-->
|
||||
<!-- <global-message-tab :flag="flag">-->
|
||||
<!-- <lay-icon-->
|
||||
<!-- type="layui-icon-notice"-->
|
||||
<!-- @click="changeDropdown"-->
|
||||
<!-- ></lay-icon>-->
|
||||
<!-- </global-message-tab>-->
|
||||
<!-- </lay-menu-item>-->
|
||||
<!-- <lay-menu-item>-->
|
||||
<!-- <lay-dropdown placement="bottom">-->
|
||||
<!-- <lay-icon type="layui-icon-website"></lay-icon>-->
|
||||
<!-- <template #content>-->
|
||||
<!-- <lay-dropdown-menu>-->
|
||||
<!-- <lay-dropdown-menu-item-->
|
||||
<!-- @click="() => (appStore.locale = 'zh_CN')"-->
|
||||
<!-- >-->
|
||||
<!-- <template #default>中文</template>-->
|
||||
<!-- </lay-dropdown-menu-item>-->
|
||||
<!-- <lay-dropdown-menu-item-->
|
||||
<!-- @click="() => (appStore.locale = 'en_US')"-->
|
||||
<!-- >-->
|
||||
<!-- <template #default>英文</template>-->
|
||||
<!-- </lay-dropdown-menu-item>-->
|
||||
<!-- </lay-dropdown-menu>-->
|
||||
<!-- </template>-->
|
||||
<!-- </lay-dropdown>-->
|
||||
<!-- </lay-menu-item>-->
|
||||
<lay-menu-item>
|
||||
<lay-dropdown placement="bottom">
|
||||
<lay-icon type="layui-icon-username"></lay-icon>
|
||||
<template #content>
|
||||
<lay-dropdown-menu>
|
||||
<lay-dropdown-menu-item @click="toUserInfo">
|
||||
<template #default>用户信息</template>
|
||||
</lay-dropdown-menu-item>
|
||||
<lay-dropdown-menu-item @click="toSystemSet">
|
||||
<template #default>系统设置</template>
|
||||
<lay-dropdown-menu-item>
|
||||
<template #default>{{ userInfoStore.userInfo.nickname }}</template>
|
||||
</lay-dropdown-menu-item>
|
||||
<lay-line></lay-line>
|
||||
<lay-dropdown-menu-item @click="logOut">
|
||||
@ -164,21 +110,18 @@
|
||||
</template>
|
||||
</lay-dropdown>
|
||||
</lay-menu-item>
|
||||
<lay-menu-item @click="changeVisible">
|
||||
<lay-icon type="layui-icon-more-vertical"></lay-icon>
|
||||
</lay-menu-item>
|
||||
<!-- <lay-menu-item @click="changeVisible">-->
|
||||
<!-- <lay-icon type="layui-icon-more-vertical"></lay-icon>-->
|
||||
<!-- </lay-menu-item>-->
|
||||
</lay-menu>
|
||||
</lay-header>
|
||||
<lay-body>
|
||||
<global-tab
|
||||
:class="
|
||||
appStore.tagsTheme == 'concise'
|
||||
? ''
|
||||
: appStore.tagsTheme == 'underpainting'
|
||||
<global-tab :class="appStore.tagsTheme == 'concise'
|
||||
? ''
|
||||
: appStore.tagsTheme == 'underpainting'
|
||||
? 'underpainting'
|
||||
: 'designer'
|
||||
"
|
||||
>
|
||||
">
|
||||
</global-tab>
|
||||
<global-content></global-content>
|
||||
</lay-body>
|
||||
@ -224,8 +167,8 @@ export default {
|
||||
appStore.collapse
|
||||
? '60px'
|
||||
: appStore.subfield && appStore.subfieldPosition == 'side'
|
||||
? '280px'
|
||||
: '220px'
|
||||
? '280px'
|
||||
: '220px'
|
||||
)
|
||||
const router = useRouter()
|
||||
|
||||
@ -267,6 +210,7 @@ export default {
|
||||
|
||||
const logOut = () => {
|
||||
const userInfoStore = useUserStore()
|
||||
userInfoStore.clearVisitedRoutes()
|
||||
userInfoStore.token = ''
|
||||
userInfoStore.userInfo = {}
|
||||
router.push('/login')
|
||||
@ -348,7 +292,7 @@ export default {
|
||||
}
|
||||
|
||||
/*取消默认a标签的padding:0 20px,否则扩大图标后容器变形*/
|
||||
.layui-header .layui-nav-item > a {
|
||||
.layui-header .layui-nav-item>a {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@ -419,25 +363,24 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.layui-body
|
||||
> .global-tab
|
||||
> .layui-tab
|
||||
> .layui-tab-head
|
||||
> .layui-tab-title
|
||||
> li {
|
||||
|
||||
.layui-body>.global-tab>.layui-tab>.layui-tab-head>.layui-tab-title>li {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.designer {
|
||||
padding-left: 5px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.layui-tab-head {
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
.layui-tab-title {
|
||||
background-color: unset !important;
|
||||
> li {
|
||||
|
||||
>li {
|
||||
background-color: #fff;
|
||||
margin: 5px 0 0 5px;
|
||||
border-radius: 4px;
|
||||
@ -446,9 +389,10 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.layui-logo{
|
||||
|
||||
.layui-logo {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
border-bottom:0px!important;
|
||||
border-bottom: 0px !important;
|
||||
}
|
||||
</style>
|
||||
|
@ -50,6 +50,7 @@ export function useMenu() {
|
||||
const andParents = getParents(menus.value, route.path);
|
||||
if (andParents && andParents.length > 0) {
|
||||
let andParentKeys = andParents.map((item: any) => item.id);
|
||||
console.log(andParentKeys)
|
||||
if (isAccordion.value) {
|
||||
openKeys.value = [...andParentKeys];
|
||||
} else {
|
||||
|
@ -12,7 +12,7 @@ export function useTab() {
|
||||
|
||||
const tabs: Ref<any> = ref([]);
|
||||
const tabsCache: string[] = []
|
||||
|
||||
console.log(route)
|
||||
if (routes) {
|
||||
routes.forEach(route => {
|
||||
if (route.meta && route.meta.affix) {
|
||||
@ -66,6 +66,7 @@ export function useTab() {
|
||||
bool = true;
|
||||
}
|
||||
});
|
||||
console.log(tabs.value);
|
||||
if (!bool) {
|
||||
tabs.value.push({ id: route.path, title: route.meta.title, name: route?.name });
|
||||
}
|
||||
|
@ -46,7 +46,7 @@ const changeOpenKeys = (keys: string[]) => {
|
||||
}
|
||||
|
||||
const changeSelectedKey = (key: string) => {
|
||||
console.log(props.menus)
|
||||
console.log(key)
|
||||
emits("changeSelectedKey", key);
|
||||
};
|
||||
|
||||
|
@ -1,11 +1,6 @@
|
||||
<template>
|
||||
<div class="global-tab" v-if="appStore.tab">
|
||||
<lay-tab
|
||||
:modelValue="currentPath"
|
||||
:allowClose="true"
|
||||
@change="to"
|
||||
@close="close"
|
||||
>
|
||||
<lay-tab :modelValue="currentPath" :allowClose="true" @change="to" @close="close">
|
||||
<template :key="tab" v-for="tab in tabs">
|
||||
<lay-tab-item :id="tab.id" :title="tab.title" :closable="tab.closable">
|
||||
<template #title>
|
||||
@ -16,22 +11,17 @@
|
||||
</template>
|
||||
</lay-tab>
|
||||
<lay-dropdown>
|
||||
<lay-icon type="layui-icon-down" :class=" appStore.tagsTheme == 'designer' ? 'designer-last-icon' : ''"></lay-icon>
|
||||
<lay-icon type="layui-icon-down"
|
||||
:class="appStore.tagsTheme == 'designer' ? 'designer-last-icon' : ''"></lay-icon>
|
||||
<template #content>
|
||||
<lay-dropdown-menu>
|
||||
<lay-dropdown-menu-item @click="closeAll"
|
||||
>关闭全部</lay-dropdown-menu-item
|
||||
>
|
||||
<lay-dropdown-menu-item @click="closeAll">关闭全部</lay-dropdown-menu-item>
|
||||
</lay-dropdown-menu>
|
||||
<lay-dropdown-menu>
|
||||
<lay-dropdown-menu-item @click="closeOther"
|
||||
>关闭其他</lay-dropdown-menu-item
|
||||
>
|
||||
<lay-dropdown-menu-item @click="closeOther">关闭其他</lay-dropdown-menu-item>
|
||||
</lay-dropdown-menu>
|
||||
<lay-dropdown-menu>
|
||||
<lay-dropdown-menu-item @click="closeCurrent"
|
||||
>关闭当前</lay-dropdown-menu-item
|
||||
>
|
||||
<lay-dropdown-menu-item @click="closeCurrent">关闭当前</lay-dropdown-menu-item>
|
||||
</lay-dropdown-menu>
|
||||
</template>
|
||||
</lay-dropdown>
|
||||
@ -83,7 +73,7 @@ function toChangPage(id: any) {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.global-tab > i {
|
||||
.global-tab>i {
|
||||
width: 40px;
|
||||
background: white;
|
||||
height: 100%;
|
||||
@ -109,6 +99,7 @@ function toChangPage(id: any) {
|
||||
background: transparent !important;
|
||||
color: #e2e2e2 !important;
|
||||
}
|
||||
|
||||
.designer {
|
||||
display: flex;
|
||||
width: calc(100% - 15px);
|
||||
@ -133,12 +124,14 @@ function toChangPage(id: any) {
|
||||
|
||||
box-shadow: unset;
|
||||
z-index: 999;
|
||||
|
||||
.designer-tab {
|
||||
display: inline-block;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.designer-tab-item {
|
||||
display: inline-block;
|
||||
height: 32px !important;
|
||||
@ -149,6 +142,7 @@ function toChangPage(id: any) {
|
||||
border-radius: 4px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.dot {
|
||||
display: inline-block;
|
||||
background-color: whitesmoke;
|
||||
@ -173,9 +167,11 @@ function toChangPage(id: any) {
|
||||
-webkit-transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
.dot-this {
|
||||
background-color: var(--global-primary-color) !important;
|
||||
}
|
||||
|
||||
.designer-last-icon {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
|
@ -13,24 +13,56 @@ const router = createRouter({
|
||||
|
||||
/**
|
||||
* Router 前置拦截
|
||||
*
|
||||
*
|
||||
* 1.验证 token 存在, 并且有效, 否则 -> login.vue
|
||||
* 2.验证 permission 存在, 否则 -> 403.vue
|
||||
* 3.验证 router 是否存在, 否则 -> 404.vue
|
||||
*
|
||||
*
|
||||
* @param to 目标
|
||||
* @param from 来至
|
||||
* @param from 来至
|
||||
*/
|
||||
router.beforeEach((to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
|
||||
NProgress.start();
|
||||
|
||||
const userStore = useUserStore();
|
||||
|
||||
// 如果路由需要认证
|
||||
if(to.meta.requireAuth) {
|
||||
// 检查是否有token
|
||||
if (!userStore.token) {
|
||||
next({ path: '/login' });
|
||||
return;
|
||||
}
|
||||
|
||||
// 检查当前访问的路由是否在用户权限范围内
|
||||
const currentPath = to.path;
|
||||
const menus = userStore.menus;
|
||||
|
||||
// 递归检查路径是否在菜单中
|
||||
const checkPathInMenus = (menus: any[]): boolean => {
|
||||
for(const menu of menus) {
|
||||
if(menu.id === currentPath) {
|
||||
return true;
|
||||
}
|
||||
if(menu.children && menu.children.length > 0) {
|
||||
if(checkPathInMenus(menu.children)) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// 如果路径不在用户菜单中,跳转到403
|
||||
if(!checkPathInMenus(menus)) {
|
||||
next({ path: '/error/403' });
|
||||
return;
|
||||
}
|
||||
|
||||
next();
|
||||
} else if(to.matched.length == 0) {
|
||||
next({path: '/error/404'})
|
||||
} else {
|
||||
} else {
|
||||
next();
|
||||
}
|
||||
})
|
||||
@ -39,4 +71,4 @@ router.afterEach(() => {
|
||||
NProgress.done();
|
||||
})
|
||||
|
||||
export default router
|
||||
export default router
|
||||
|
@ -29,33 +29,42 @@ export default [
|
||||
path: '/system',
|
||||
redirect: '/system/index',
|
||||
component: BasicLayout,
|
||||
meta: {title: '系统管理'},
|
||||
meta: {
|
||||
title: '系统管理',
|
||||
requireAuth: true,
|
||||
permissions: ['sys:user:add']
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '/system/index',
|
||||
name: 'systemIndex',
|
||||
component: () => import('../../views/system/index.vue'),
|
||||
meta: {title: '人员管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {
|
||||
title: '人员管理',
|
||||
requireAuth: true,
|
||||
closable: true,
|
||||
permissions: ['sys:user:add']
|
||||
},
|
||||
},{
|
||||
path: '/system/department',
|
||||
name: 'systemDepartment',
|
||||
component: () => import('../../views/system/department.vue'),
|
||||
meta: {title: '部门管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '部门管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/system/party',
|
||||
name: 'systemParty',
|
||||
component: () => import('../../views/system/party.vue'),
|
||||
meta: {title: '党支部管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '党支部管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/system/permission',
|
||||
name: 'systemPermission',
|
||||
component: () => import('../../views/system/permission.vue'),
|
||||
meta: {title: '权限管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '权限管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/system/menu',
|
||||
name: 'systemMenu',
|
||||
component: () => import('../../views/system/menu.vue'),
|
||||
meta: {title: '菜单管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '菜单管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -68,7 +77,7 @@ export default [
|
||||
path: '/complaint/index',
|
||||
name: 'Complaint',
|
||||
component: () => import('../../views/home/index.vue'),
|
||||
meta: { title: '投诉管理', requireAuth: true, affix: true, closable: true },
|
||||
meta: { title: '投诉管理', requireAuth: true, closable: true },
|
||||
},
|
||||
]
|
||||
},{
|
||||
@ -80,7 +89,7 @@ export default [
|
||||
path: '/packet/index',
|
||||
name: 'Packet',
|
||||
component: () => import('../../views/home/index.vue'),
|
||||
meta: { title: '拒收红包', requireAuth: true, affix: true, closable: true },
|
||||
meta: { title: '拒收红包', requireAuth: true, closable: true },
|
||||
},
|
||||
]
|
||||
},{
|
||||
@ -93,12 +102,12 @@ export default [
|
||||
path: '/day_evaluation/index',
|
||||
name: 'dayEvaluationIndex',
|
||||
component: () => import('../../views/day_evaluation/index.vue'),
|
||||
meta: {title: '加减分管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '加减分管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/day_evaluation/examine',
|
||||
name: 'dayEvaluationExamine',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '加减分审核', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '加减分审核', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -111,12 +120,12 @@ export default [
|
||||
path: '/month_evaluation/index',
|
||||
name: 'monthEvaluationIndex',
|
||||
component: () => import('../../views/month_evaluation/index.vue'),
|
||||
meta: {title: '月度考评填报', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '月度考评填报', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/month_evaluation/examine',
|
||||
name: 'monthEvaluationExamine',
|
||||
component: () => import('../../views/month_evaluation/examine.vue'),
|
||||
meta: {title: '月度考评管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '月度考评管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -129,12 +138,12 @@ export default [
|
||||
path: '/season_evaluation/index',
|
||||
name: 'seasonEvaluationIndex',
|
||||
component: () => import('../../views/season_evaluation/index.vue'),
|
||||
meta: {title: '季度考评', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '季度考评', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/season_evaluation/examine',
|
||||
name: 'seasonEvaluationExamine',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '季度考评管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '季度考评管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -147,12 +156,12 @@ export default [
|
||||
path: '/outside_evaluation/index',
|
||||
name: 'outsideEvaluationIndex',
|
||||
component: () => import('../../views/day_evaluation/index.vue'),
|
||||
meta: {title: '我的院外考评', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '我的院外考评', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/outside_evaluation/examine',
|
||||
name: 'outsideEvaluationExamine',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '院外考评管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '院外考评管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -165,12 +174,12 @@ export default [
|
||||
path: '/year_evaluation/index',
|
||||
name: 'yearEvaluationIndex',
|
||||
component: () => import('../../views/year_evaluation/index.vue'),
|
||||
meta: {title: '年度考评', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '年度考评', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/year_evaluation/examine',
|
||||
name: 'yearEvaluationExamine',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '年度考评管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '年度考评管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -183,12 +192,12 @@ export default [
|
||||
path: '/file_bag/index',
|
||||
name: 'fileBagIndex',
|
||||
component: () => import('../../views/day_evaluation/index.vue'),
|
||||
meta: {title: '我的档案', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '我的档案', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/file_bag/examine',
|
||||
name: 'fileBagExamine',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '员工档案', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '员工档案', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -201,27 +210,27 @@ export default [
|
||||
path: '/census/index',
|
||||
name: 'censusIndex',
|
||||
component: () => import('../../views/day_evaluation/index.vue'),
|
||||
meta: {title: '拒收红包报表统计', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '拒收红包报表统计', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/census/day',
|
||||
name: 'censusDay',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '日常考评报表统计', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '日常考评报表统计', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/census/month',
|
||||
name: 'censusMonth',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '月度考评报表统计', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '月度考评报表统计', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/census/season',
|
||||
name: 'censusSeason',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '季度考评报表统计', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '季度考评报表统计', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/census/year',
|
||||
name: 'censusYear',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '年度考评报表统计', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '年度考评报表统计', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -234,65 +243,37 @@ export default [
|
||||
path: '/configuration/index',
|
||||
name: 'configurationIndex',
|
||||
component: () => import('../../views/day_evaluation/index.vue'),
|
||||
meta: {title: '登陆日志管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '登陆日志管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/foundation',
|
||||
name: 'configurationFoundation',
|
||||
component: () => import('../../views/configuration/foundation.vue'),
|
||||
meta: {title: '基础评分项管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '基础评分项管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/add',
|
||||
name: 'configurationAdd',
|
||||
component: () => import('../../views/configuration/add.vue'),
|
||||
meta: {title: '加减分项管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '加减分项管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/time',
|
||||
name: 'configurationTime',
|
||||
component: () => import('../../views/configuration/time.vue'),
|
||||
meta: {title: '考评时间管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '考评时间管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/level',
|
||||
name: 'configurationLevel',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '考评级别管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '考评级别管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/opinion',
|
||||
name: 'configurationOpinion',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '医德征求意见管理', requireAuth: true, affix: true, closable: true},
|
||||
meta: {title: '医德征求意见管理', requireAuth: true, closable: true},
|
||||
},{
|
||||
path: '/configuration/year',
|
||||
name: 'configurationBase',
|
||||
component: () => import('../../views/day_evaluation/examine.vue'),
|
||||
meta: {title: '字典管理', requireAuth: true, affix: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
path: '/workspace',
|
||||
redirect: '/workspace/workbench',
|
||||
component: BasicLayout,
|
||||
meta: {title: '工作空间'},
|
||||
children: [
|
||||
{
|
||||
path: '/workspace/workbench',
|
||||
name: 'Workbench',
|
||||
component: () => import('../../views/workSpace/workbench/index.vue'),
|
||||
meta: {title: '工作台', requireAuth: true, affix: true, closable: false},
|
||||
},
|
||||
{
|
||||
path: '/workspace/console',
|
||||
component: () => import('../../views/workSpace/console/index.vue'),
|
||||
meta: {title: '控制台', requireAuth: true},
|
||||
},
|
||||
{
|
||||
path: '/workspace/analysis',
|
||||
component: () => import('../../views/workSpace/analysis/index.vue'),
|
||||
meta: {title: '分析页', requireAuth: true},
|
||||
},
|
||||
{
|
||||
path: '/workspace/monitor',
|
||||
component: () => import('../../views/workSpace/monitor/index.vue'),
|
||||
meta: {title: '监控页', requireAuth: true},
|
||||
meta: {title: '字典管理', requireAuth: true, closable: true},
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -307,8 +288,10 @@ export default [
|
||||
},
|
||||
{
|
||||
path: '/error/403',
|
||||
component: () => import('../../views/error/403.vue'),
|
||||
meta: { title: '403' },
|
||||
component: () => import('@/views/error/403.vue'),
|
||||
meta: {
|
||||
requireAuth: false
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/error/404',
|
||||
|
@ -35,4 +35,4 @@ export const useAppStore = defineStore({
|
||||
storage: localStorage,
|
||||
paths: ['tab', 'locale', 'theme', 'logo', 'level', 'inverted', 'breadcrumb', 'sideTheme', 'greyMode', 'accordion', 'keepAliveList', 'themeVariable', 'subfield', 'tagsTheme'],
|
||||
}
|
||||
})
|
||||
})
|
||||
|
@ -2,21 +2,30 @@ import { defineStore } from 'pinia'
|
||||
//import { menu, permission } from "../api/module/user";
|
||||
|
||||
import menu from "../mockjs/user";
|
||||
import {getMenu} from "@/api/module/home";
|
||||
|
||||
interface Tab {
|
||||
id: string
|
||||
title: string
|
||||
closable: boolean
|
||||
}
|
||||
|
||||
export const useUserStore = defineStore({
|
||||
id: 'user',
|
||||
state: () => {
|
||||
return {
|
||||
token: '',
|
||||
userInfo: {},
|
||||
permissions: [],
|
||||
menus: [],
|
||||
userInfo: {} as any,
|
||||
permissions: [] as string[],
|
||||
menus: [] as any[],
|
||||
visitedRoutes: [] as Tab[] // 新增访问记录
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
async loadMenus(){
|
||||
this.menus = menu.menus;
|
||||
console.log(this.menus);
|
||||
const data = await getMenu({});
|
||||
this.menus = data.data;
|
||||
console.log(data);
|
||||
},
|
||||
async loadPermissions(){
|
||||
// const { data, code } = await permission();
|
||||
@ -24,10 +33,31 @@ export const useUserStore = defineStore({
|
||||
//
|
||||
// }
|
||||
this.permissions = ['sys:user:add', 'sys:user:edit', 'sys:user:delete', 'sys:user:import', 'sys:user:export'];
|
||||
},
|
||||
// 添加访问过的路由
|
||||
addVisitedRoute(tab: Tab) {
|
||||
if (!this.visitedRoutes.some(item => item.id === tab.id)) {
|
||||
this.visitedRoutes.push(tab);
|
||||
}
|
||||
},
|
||||
|
||||
// 移除访问记录
|
||||
removeVisitedRoute(tabId: string) {
|
||||
const index = this.visitedRoutes.findIndex(item => item.id === tabId);
|
||||
if (index > -1) {
|
||||
this.visitedRoutes.splice(index, 1);
|
||||
}
|
||||
},
|
||||
|
||||
// 清空访问记录
|
||||
clearVisitedRoutes() {
|
||||
// 保留首页
|
||||
this.visitedRoutes = this.visitedRoutes.filter(tab => tab.id === '/home');
|
||||
}
|
||||
},
|
||||
persist: {
|
||||
key: 'user',
|
||||
storage: localStorage,
|
||||
paths: ['token', 'userInfo', 'permissions', 'menus' ],
|
||||
paths: ['token', 'userInfo', 'permissions', 'menus', 'visitedRoutes'],
|
||||
}
|
||||
})
|
||||
|
@ -3,9 +3,9 @@
|
||||
<div class="login-root">
|
||||
<div class="login-main">
|
||||
<img class="login-one-ball"
|
||||
src="https://assets.codehub.cn/micro-frontend/login/fca1d5960ccf0dfc8e32719d8a1d80d2.png" />
|
||||
src="https://assets.codehub.cn/micro-frontend/login/fca1d5960ccf0dfc8e32719d8a1d80d2.png"/>
|
||||
<img class="login-two-ball"
|
||||
src="https://assets.codehub.cn/micro-frontend/login/4bcf705dad662b33a4fc24aaa67f6234.png" />
|
||||
src="https://assets.codehub.cn/micro-frontend/login/4bcf705dad662b33a4fc24aaa67f6234.png"/>
|
||||
<div class="login-container">
|
||||
<div class="login-side">
|
||||
<div class="login-bg-title">
|
||||
@ -24,147 +24,113 @@
|
||||
<lay-tab-item title="帐号登陆" id="1">
|
||||
<div style="height: 250px">
|
||||
<lay-form-item :label-width="0">
|
||||
<lay-input :allow-clear="true" prefix-icon="layui-icon-username" placeholder="用户名"
|
||||
v-model="loginForm.account"></lay-input>
|
||||
<lay-input :allow-clear="true" size="lg" prefix-icon="layui-icon-username" placeholder="用户名"
|
||||
v-model="loginForm.username"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item :label-width="0">
|
||||
<lay-input :allow-clear="true" prefix-icon="layui-icon-password" placeholder="密码" password
|
||||
type="password" v-model="loginForm.password"></lay-input>
|
||||
<lay-input :allow-clear="true" size="lg" prefix-icon="layui-icon-password" placeholder="密码" password
|
||||
type="password" v-model="loginForm.password"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item :label-width="0">
|
||||
<div style="width: 264px; display: inline-block">
|
||||
<lay-input :allow-clear="true" prefix-icon="layui-icon-vercode" placeholder="验证码"
|
||||
v-model="loginForm.vercode"></lay-input>
|
||||
</div>
|
||||
|
||||
<div class="login-captach" @click="toRefreshImg">
|
||||
<img style="width: 100%" src="../../assets/login/login-yzm.jpg" alt="获取验证码" />
|
||||
</div>
|
||||
</lay-form-item>
|
||||
<lay-checkbox value="" name="like" v-model="remember" skin="primary" label="1">记住密码</lay-checkbox>
|
||||
<lay-form-item :label-width="0">
|
||||
<lay-button style="margin-top: 20px" type="primary" :loading="loging" :fluid="true"
|
||||
loadingIcon="layui-icon-loading" @click="loginSubmit">登录</lay-button>
|
||||
loadingIcon="layui-icon-loading" @click="onShowLogin">登录
|
||||
</lay-button>
|
||||
</lay-form-item>
|
||||
</div>
|
||||
</lay-tab-item>
|
||||
<!-- <lay-tab-item title="二维码" id="2">-->
|
||||
<!-- <div style="width: 200px; height: 250px; margin: 0 auto">-->
|
||||
<!-- <lay-qrcode text="http://www.layui-vue.com" :width="200" color="#000"-->
|
||||
<!-- style="margin: 10px 0 20px"></lay-qrcode>-->
|
||||
<!-- <div style="text-align: center; cursor: pointer" @click="toRefreshQrcode">-->
|
||||
<!-- <lay-icon type="layui-icon-refresh-three"> </lay-icon>-->
|
||||
<!-- 刷新二维码-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </lay-tab-item>-->
|
||||
<!-- <lay-tab-item title="二维码" id="2">-->
|
||||
<!-- <div style="width: 200px; height: 250px; margin: 0 auto">-->
|
||||
<!-- <lay-qrcode text="http://www.layui-vue.com" :width="200" color="#000"-->
|
||||
<!-- style="margin: 10px 0 20px"></lay-qrcode>-->
|
||||
<!-- <div style="text-align: center; cursor: pointer" @click="toRefreshQrcode">-->
|
||||
<!-- <lay-icon type="layui-icon-refresh-three"> </lay-icon>-->
|
||||
<!-- 刷新二维码-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </lay-tab-item>-->
|
||||
</lay-tab>
|
||||
<!-- <lay-line style="margin: 34px 0px;">Other login methods</lay-line>-->
|
||||
<!-- <ul class="other-ways">-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/w.svg" />-->
|
||||
<!-- <p class="text">微信</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/q.svg" />-->
|
||||
<!-- <p class="text">钉钉</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/a.svg" />-->
|
||||
<!-- <p class="text">Gitee</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/f.svg" />-->
|
||||
<!-- <p class="text">Github</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
<!-- <lay-line style="margin: 34px 0px;">Other login methods</lay-line>-->
|
||||
<!-- <ul class="other-ways">-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/w.svg" />-->
|
||||
<!-- <p class="text">微信</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/q.svg" />-->
|
||||
<!-- <p class="text">钉钉</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/a.svg" />-->
|
||||
<!-- <p class="text">Gitee</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- <li>-->
|
||||
<!-- <div class="line-container">-->
|
||||
<!-- <img class="icon" src="../../assets/login/f.svg" />-->
|
||||
<!-- <p class="text">Github</p>-->
|
||||
<!-- </div>-->
|
||||
<!-- </li>-->
|
||||
<!-- </ul>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Vcode :show="isShow" @success="onSuccess"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { login } from '../../api/module/home'
|
||||
import { verificationImg, loginQrcode } from '../../api/module/commone'
|
||||
import { defineComponent, onMounted, reactive, ref } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useUserStore } from '../../store/user'
|
||||
import { layer } from '@layui/layer-vue'
|
||||
<script lang="ts" setup>
|
||||
import Vcode from 'vue3-puzzle-vcode'
|
||||
import {login} from '../../api/module/home'
|
||||
import {verificationImg, loginQrcode} from '../../api/module/commone'
|
||||
import {defineComponent, onMounted, reactive, ref} from 'vue'
|
||||
import {useRouter} from 'vue-router'
|
||||
import {useUserStore} from '../../store/user'
|
||||
import {layer} from '@layui/layer-vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const router = useRouter()
|
||||
const userStore = useUserStore()
|
||||
const method = ref('1')
|
||||
const verificationImgUrl = ref('')
|
||||
const loging = ref(false);
|
||||
const loginQrcodeText = ref('')
|
||||
const remember = ref(false)
|
||||
const loginForm = reactive({
|
||||
username: 'admin',
|
||||
password: 'admin888',
|
||||
vercode: 'DqJFN'
|
||||
})
|
||||
|
||||
const loginSubmit = async () => {
|
||||
loging.value = true;
|
||||
login(loginForm).then((res) => {
|
||||
console.log(res)
|
||||
setTimeout(() => {
|
||||
loging.value = false;
|
||||
if (res.code == 1) {
|
||||
layer.msg('登陆成功!', { icon: 1 }, async () => {
|
||||
userStore.token = res.data.token;
|
||||
userStore.userInfo=res.data.user;
|
||||
await userStore.loadMenus()
|
||||
await userStore.loadPermissions()
|
||||
router.push('/home')
|
||||
})
|
||||
} else {
|
||||
layer.msg(msg, { icon: 2 })
|
||||
}
|
||||
}, 1000)
|
||||
})
|
||||
}
|
||||
|
||||
const toRefreshImg = async () => {
|
||||
let { data, code, msg } = await verificationImg()
|
||||
if (code == 200) {
|
||||
verificationImgUrl.value = data.data
|
||||
} else {
|
||||
layer.msg(msg, { icon: 2 })
|
||||
}
|
||||
}
|
||||
const toRefreshQrcode = async () => {
|
||||
let { data, code, msg } = await loginQrcode()
|
||||
if (code == 200) {
|
||||
loginQrcodeText.value = data.data
|
||||
} else {
|
||||
layer.msg(msg, { icon: 2 })
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
toRefreshQrcode,
|
||||
toRefreshImg,
|
||||
loginSubmit,
|
||||
loginForm,
|
||||
remember,
|
||||
method,
|
||||
loging
|
||||
}
|
||||
}
|
||||
const onSuccess = () => {
|
||||
isShow.value = false;
|
||||
loginSubmit();
|
||||
};
|
||||
const onShowLogin = () => {
|
||||
isShow.value = true;
|
||||
}
|
||||
const isShow = ref(false);
|
||||
const router = useRouter()
|
||||
const userStore = useUserStore()
|
||||
const method = ref('1')
|
||||
const loging = ref(false);
|
||||
const remember = ref(false)
|
||||
const loginForm = reactive({
|
||||
username: '',
|
||||
password: ''
|
||||
})
|
||||
|
||||
const loginSubmit = async () => {
|
||||
loging.value = true;
|
||||
login(loginForm).then((res) => {
|
||||
console.log(res)
|
||||
setTimeout(() => {
|
||||
loging.value = false;
|
||||
if (res.code == 1) {
|
||||
layer.msg('登陆成功!', {icon: 1}, async () => {
|
||||
userStore.token = res.data.token;
|
||||
userStore.userInfo = res.data.user;
|
||||
await userStore.loadMenus()
|
||||
await userStore.loadPermissions()
|
||||
router.push('/home')
|
||||
})
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
}, 1000)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@ -353,7 +319,7 @@ export default defineComponent({
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 2px 0 rgb(9 30 66 / 4%), 0 1px 4px 0 rgb(9 30 66 / 10%),
|
||||
0 0 1px 0 rgb(9 30 66 / 10%);
|
||||
0 0 1px 0 rgb(9 30 66 / 10%);
|
||||
}
|
||||
|
||||
.line-container .text {
|
||||
|
@ -28,7 +28,6 @@
|
||||
<lay-button type="primary" size="sm">导出Excel</lay-button>
|
||||
</div>
|
||||
<lay-table
|
||||
:page="page"
|
||||
:columns="columns"
|
||||
:dataSource="dataSource"
|
||||
:even="true"
|
||||
|
@ -28,7 +28,6 @@
|
||||
<lay-button type="primary" size="sm">导出Excel</lay-button>
|
||||
</div>
|
||||
<lay-table
|
||||
:page="page"
|
||||
:columns="columns"
|
||||
:dataSource="dataSource"
|
||||
:even="true"
|
||||
|
@ -4,10 +4,10 @@
|
||||
<div :style="{ width: isFold ? `0px` : `300px` }" class="left-tree">
|
||||
<!-- tree -->
|
||||
<div v-show="!isFold">
|
||||
科室列表
|
||||
科室列表
|
||||
</div>
|
||||
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="selectedKey"
|
||||
:showLine="false" @node-click="handleClick">
|
||||
:showLine="false" @node-click="handleClick">
|
||||
<template #title="{ data }">
|
||||
<span :class="selectedKey == data.id ? 'isChecked' : ''">
|
||||
{{ data.name }}
|
||||
@ -57,24 +57,25 @@
|
||||
</lay-row>
|
||||
</lay-form>
|
||||
</lay-card>
|
||||
<lay-table :page="page" :height="'100%'" :columns="columns" :loading="loading" :default-toolbar="true"
|
||||
:data-source="dataSource" v-model:selected-keys="selectedKeys" @change="change"
|
||||
@sortChange="sortChange">
|
||||
<lay-table :page="page" :height="500" :columns="columns" :loading="loading" :default-toolbar="true"
|
||||
:data-source="dataSource">
|
||||
<template #status="{ row }">
|
||||
<lay-switch :model-value="row.status" @change="changeStatus($event, row)"></lay-switch>
|
||||
<lay-tag type="danger" v-if="row.status == 0">已禁用</lay-tag>
|
||||
<lay-tag type="primary" v-if="row.status == 1">正常</lay-tag>
|
||||
</template>
|
||||
<template #role="{ row }">
|
||||
<lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag>
|
||||
<template #gender="{ row }">
|
||||
<span v-if="row.gender == 0">未选择</span>
|
||||
<span v-if="row.gender == 1">男</span>
|
||||
<span v-if="row.gender == 2">女</span>
|
||||
</template>
|
||||
|
||||
<template v-slot:toolbar>
|
||||
<lay-button size="sm" type="primary" @click="changeAddShow()">新增</lay-button>
|
||||
<lay-button size="sm" @click="toRemove">删除</lay-button>
|
||||
</template>
|
||||
<template v-slot:operator="{ row }">
|
||||
<lay-button size="xs" border="green" border-style="dashed">编辑
|
||||
<lay-button size="xs" border="green" border-style="dashed" @click="edit(row)">
|
||||
编辑
|
||||
</lay-button>
|
||||
<lay-popconfirm content="确定要删除此用户吗?" @confirm="confirm" @cancel="cancel">
|
||||
<lay-popconfirm trigger="click" content="确定要删除此用户吗?" @confirm="del(row)">
|
||||
<lay-button size="xs" border="red" border-style="dashed">删除</lay-button>
|
||||
</lay-popconfirm>
|
||||
</template>
|
||||
@ -85,7 +86,9 @@
|
||||
<div style="padding: 20px">
|
||||
<lay-form :model="model11" ref="layFormRef11" required mode="inline">
|
||||
<lay-form-item label="头像" prop="username">
|
||||
<lay-upload ref="uploadRef" :number="1" field="file" :size="1000" :headers="{token:userStore.token}" url="/api/common/upload" @cutdone="getCutDone" v-model="file1" :auto="true" acceptMime="images" @cutcancel="getCutCancel" :cut="false" :cutOptions="cutOptions" @done="getFileDone">
|
||||
<lay-upload ref="uploadRef" :number="1" field="file" :size="1000" :headers="{ token: userStore.token }"
|
||||
url="/api/common/upload" @cutdone="getCutDone" v-model="file1" :auto="true" acceptMime="images"
|
||||
:cut="false" :cutOptions="cutOptions" @done="getFileDone">
|
||||
<template #preview>
|
||||
<div class="easy-wrap" v-if="model11.avatar">
|
||||
<img :src="model11.avatar" style="width: 100px;height: 100px"/>
|
||||
@ -96,8 +99,8 @@
|
||||
<lay-form-item label="账户" prop="username">
|
||||
<lay-input v-model="model11.username" size="lg" placeholder="请输入账户"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="密码" prop="password" v-if="title === '新增'">
|
||||
<lay-input type="password" v-model="model11.password" size="lg" placeholder="请输入密码"></lay-input>
|
||||
<lay-form-item label="密码" prop="password">
|
||||
<lay-input v-model="model11.password" size="lg" placeholder="请输入密码"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="姓名" prop="nickname">
|
||||
<lay-input v-model="model11.nickname" size="lg" placeholder="请输入姓名"></lay-input>
|
||||
@ -108,6 +111,10 @@
|
||||
<lay-form-item label="身份证号" prop="member_code">
|
||||
<lay-input v-model="model11.member_code" size="lg" placeholder="请输入身份证号"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="生日" prop="birthday">
|
||||
<lay-date-picker v-model="model11.birthday" placeholder="请选择生日" allow-clear
|
||||
style="width:180px;"></lay-date-picker>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="邮箱" prop="email">
|
||||
<lay-input v-model="model11.email" size="lg" placeholder="请输入邮箱"></lay-input>
|
||||
</lay-form-item>
|
||||
@ -122,20 +129,27 @@
|
||||
</lay-select>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="科室" prop="group_id">
|
||||
<lay-cascader size="lg" style="width:180px;" :options="data" search :replaceFields="{ label:'name',value:'id',children:'children'}" v-model="model11.group_id" placeholder="选择科室" allow-clear></lay-cascader>
|
||||
<lay-cascader :checkStrictly="false" size="lg" style="width:180px;" :options="data" search
|
||||
:replaceFields="replaceFields"
|
||||
v-model="model11.group_id"
|
||||
placeholder="选择科室" allow-clear></lay-cascader>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="党支部" prop="party_id">
|
||||
<lay-cascader size="lg" style="width:180px;" :options="partyList" search :replaceFields="{ label:'name',value:'id',children:'children'}" v-model="model11.party_id" placeholder="选择党支部" allow-clear></lay-cascader>
|
||||
<lay-cascader size="lg" style="width:180px;" :options="partyList" search
|
||||
:replaceFields="replaceFields"
|
||||
v-model="model11.party_id"
|
||||
placeholder="选择党支部" allow-clear></lay-cascader>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="角色组" prop="auth_group_id">
|
||||
<lay-select v-model="model11.auth_group_id" style="width:180px;" placeholder="选择党角色组" >
|
||||
<lay-select-option size="lg" v-for="item in authList" :value="item.id" :label="item.name"></lay-select-option>
|
||||
<lay-select v-model="model11.auth_group_id" style="width:180px;" placeholder="选择党角色组">
|
||||
<lay-select-option size="lg" v-for="item in authList" :value="item.id"
|
||||
:label="item.name"></lay-select-option>
|
||||
</lay-select>
|
||||
</lay-form-item>
|
||||
<lay-form-item label="状态" prop="status">
|
||||
<lay-select v-model="model11.status" placeholder="请选择" size="lg" style="width:180px;">
|
||||
<lay-select-option :value="1" label="禁用"></lay-select-option>
|
||||
<lay-select-option :value="2" label="启用"></lay-select-option>
|
||||
<lay-select-option :value="0" label="禁用"></lay-select-option>
|
||||
<lay-select-option :value="1" label="启用"></lay-select-option>
|
||||
</lay-select>
|
||||
</lay-form-item>
|
||||
</lay-form>
|
||||
@ -146,13 +160,27 @@
|
||||
<script setup lang="ts">
|
||||
import {ref, reactive, onMounted} from 'vue'
|
||||
import {layer} from '@layui/layui-vue'
|
||||
import {authGroupData, menuData, menuDataAdd, menuDataEdit, partyGroupData, userGroupData} from "@/api/module/home";
|
||||
import {
|
||||
authGroupData,
|
||||
userData,
|
||||
userDataAdd,
|
||||
userDataEdit,
|
||||
userDataDel,
|
||||
partyGroupData,
|
||||
userGroupData
|
||||
} from "@/api/module/home";
|
||||
|
||||
const cutUrl = ref("");
|
||||
const uploadRef = ref(null)
|
||||
import { useRouter } from 'vue-router'
|
||||
import {useRouter} from 'vue-router'
|
||||
import {useUserStore} from "@/store/user";
|
||||
|
||||
const userStore = useUserStore()
|
||||
const groupList= ref([]);
|
||||
const replaceFields = {
|
||||
label: 'name',
|
||||
value: 'id',
|
||||
children: 'children'
|
||||
}
|
||||
const cutOptions = {
|
||||
copperOption: {
|
||||
center: false,
|
||||
@ -160,28 +188,32 @@ const cutOptions = {
|
||||
}
|
||||
}
|
||||
const file1 = ref([]);
|
||||
const getCutDone=(res)=>{
|
||||
console.log("getCutDone",res);
|
||||
const getCutDone = (res) => {
|
||||
console.log("getCutDone", res);
|
||||
cutUrl.value = res.msg;
|
||||
};
|
||||
|
||||
const getCutCancel=(res)=>{
|
||||
console.log("getCutCancel",res);
|
||||
};
|
||||
|
||||
const getFileDone=(res)=>{
|
||||
|
||||
var date= JSON.parse(res.data);
|
||||
console.log("getFileDone",date);
|
||||
const getFileDone = (res) => {
|
||||
var date = JSON.parse(res.data);
|
||||
console.log("getFileDone", date);
|
||||
model11.avatar = date.data.fullurl;
|
||||
//uploadRef.value.submit()
|
||||
};
|
||||
onMounted(()=>{
|
||||
console.log(userStore.token);
|
||||
onMounted(() => {
|
||||
getUserList();
|
||||
getLeftList();
|
||||
getPartyList();
|
||||
getAuthList();
|
||||
})
|
||||
const getUserList = () => {
|
||||
userData({group_id: leftId.value, size: page.limit, page: page.current}).then((res) => {
|
||||
console.log(res)
|
||||
if (res.code == 1) {
|
||||
dataSource.value = res.data;
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
})
|
||||
}
|
||||
const partyList = ref([])
|
||||
const getPartyList = () => {
|
||||
partyGroupData({}).then((res) => {
|
||||
@ -189,17 +221,18 @@ const getPartyList = () => {
|
||||
if (res.code == 1) {
|
||||
partyList.value = res.data;
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 })
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
})
|
||||
}
|
||||
const leftId = ref(0);
|
||||
const getLeftList = () => {
|
||||
userGroupData({}).then((res) => {
|
||||
console.log(res)
|
||||
if (res.code == 1) {
|
||||
data.value = res.data;
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 })
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -210,17 +243,13 @@ const getAuthList = () => {
|
||||
if (res.code == 1) {
|
||||
authList.value = res.data;
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 })
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
})
|
||||
}
|
||||
//左侧
|
||||
const data = ref([])
|
||||
const selectedKey = ref('')
|
||||
const selectedNode = ref({
|
||||
id: 0,
|
||||
title: ''
|
||||
})
|
||||
const isFold = ref(false)
|
||||
const searchQuery = ref({
|
||||
username: '',
|
||||
@ -237,83 +266,29 @@ function toReset() {
|
||||
}
|
||||
|
||||
function handleClick(node: any) {
|
||||
selectedNode.value = JSON.parse(JSON.stringify(node))
|
||||
page.current = selectedNode.value.id
|
||||
change(page)
|
||||
console.log(node);
|
||||
leftId.value = node.id
|
||||
getUserList();
|
||||
}
|
||||
|
||||
const loading = ref(false)
|
||||
const selectedKeys = ref()
|
||||
const page = reactive({current: 1, limit: 10, total: 100})
|
||||
const page = reactive({current: 1, limit: 10, total: 1})
|
||||
const columns = ref([
|
||||
{title: '选项', width: '55px', type: 'checkbox', fixed: 'left'},
|
||||
{title: '编号', width: '80px', key: 'id', fixed: 'left', sort: 'id'},
|
||||
{title: '用户名', width: '100px', key: 'username', sort: 'username'},
|
||||
{title: '昵称', width: '100px', key: 'nickname'},
|
||||
{title: '手机号', width: '120px', key: 'mobile'},
|
||||
{title: '邮箱', width: '150px', key: 'email'},
|
||||
{
|
||||
title: '性别', width: '80px', key: 'gender',
|
||||
customSlot: 'gender',
|
||||
render: (row: any) => {
|
||||
return row.gender === 1 ? '男' : row.gender === 2 ? '女' : '未知'
|
||||
}
|
||||
},
|
||||
{title: '身份证号', width: '180px', key: 'member_code'},
|
||||
{
|
||||
title: '创建时间', width: '160px', key: 'createtime',
|
||||
render: (row: any) => {
|
||||
return new Date(row.createtime * 1000).toLocaleString()
|
||||
}
|
||||
},
|
||||
{title: '状态', width: '100px', key: 'status', customSlot: 'status'},
|
||||
{
|
||||
title: '操作',
|
||||
width: '150px',
|
||||
customSlot: 'operator',
|
||||
key: 'operator',
|
||||
fixed: 'right'
|
||||
}
|
||||
{title: '编号', width: '80px', key: 'id',align: 'center'},
|
||||
{title: '帐号', width: '100px', key: 'username',align: 'center'},
|
||||
{title: '姓名', width: '100px', key: 'nickname',align: 'center'},
|
||||
{title: '手机号', width: '120px', key: 'mobile',align: 'center'},
|
||||
{title: '工号', width: '150px', key: 'work_number',align: 'center'},
|
||||
{title: '性别', width: '80px', key: 'gender', customSlot: 'gender',align: 'center'},
|
||||
{title: '身份证号', width: '180px', key: 'member_code',align: 'center'},
|
||||
{title: '状态', width: '100px', key: 'status', customSlot: 'status',align: 'center'},
|
||||
{title: '操作', width: '150px', customSlot: 'operator', key: 'operator', fixed: 'right',align: 'center'}
|
||||
])
|
||||
const change = (page: any) => {
|
||||
loading.value = true
|
||||
setTimeout(() => {
|
||||
dataSource.value = loadDataSource(page.current, page.limit)
|
||||
loading.value = false
|
||||
}, 1000)
|
||||
}
|
||||
const sortChange = (key: any, sort: number) => {
|
||||
layer.msg(`字段${key} - 排序${sort}, 你可以利用 sort-change 实现服务端排序`)
|
||||
|
||||
}
|
||||
const dataSource = ref([])
|
||||
const changeStatus = (isChecked: boolean, row: any) => {
|
||||
dataSource.value.forEach((item) => {
|
||||
if (item.id === row.id) {
|
||||
layer.msg('Success', {icon: 1}, () => {
|
||||
item.status = isChecked
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
const remove = () => {
|
||||
layer.msg(selectedKeys.value, {area: '50%'})
|
||||
}
|
||||
const loadDataSource = (page: number, pageSize: number) => {
|
||||
var response = []
|
||||
var startIndex = (page - 1) * pageSize + 1
|
||||
var endIndex = page * pageSize
|
||||
for (var i = startIndex; i <= endIndex; i++) {
|
||||
response.push({
|
||||
id: `${i}`,
|
||||
account: `user${i}`,
|
||||
sex: '男',
|
||||
name: `用户${i}`,
|
||||
joinTime: '2022-02-09 18:34:56',
|
||||
role: '普通用户',
|
||||
status: true
|
||||
})
|
||||
}
|
||||
return response
|
||||
}
|
||||
|
||||
const model11 = reactive({
|
||||
username: '',
|
||||
nickname: '',
|
||||
@ -325,125 +300,115 @@ const model11 = reactive({
|
||||
password: '',
|
||||
status: 1,
|
||||
auth_group_id: '',
|
||||
group_id: '',
|
||||
party_id: '',
|
||||
avatar: ''
|
||||
group_id: [],
|
||||
party_id: [],
|
||||
avatar: '',
|
||||
birthday: '',
|
||||
group_level: '',
|
||||
party_level: '',
|
||||
})
|
||||
const layFormRef11 = ref()
|
||||
const addShow = ref(false)
|
||||
const title = ref('新增')
|
||||
const changeAddShow = () => {
|
||||
addIsEdit.value = 1;
|
||||
// 重置表单数据
|
||||
Object.assign(model11, {
|
||||
username: '',
|
||||
nickname: '',
|
||||
mobile: '',
|
||||
email: '',
|
||||
member_code: '',
|
||||
work_number: '',
|
||||
gender: 0,
|
||||
password: '',
|
||||
status: 1,
|
||||
auth_group_id: '',
|
||||
group_id: [],
|
||||
party_id: [],
|
||||
avatar: '',
|
||||
birthday: '',
|
||||
group_level: '',
|
||||
party_level: '',
|
||||
});
|
||||
addShow.value = true;
|
||||
}
|
||||
const submit11 = function () {
|
||||
layFormRef11.value.validate((isValidate: any, model: any, errors: any) => {
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: '表单提交结果',
|
||||
content: `<div style="padding: 10px"><p>是否通过 : ${isValidate}</p> <p>表单数据 : ${JSON.stringify(
|
||||
model
|
||||
)} </p> <p>错误信息 : ${JSON.stringify(errors)}</p></div>`,
|
||||
shade: false,
|
||||
isHtmlFragment: true,
|
||||
btn: [
|
||||
{
|
||||
text: '确认',
|
||||
callback(index: any) {
|
||||
layer.close(index)
|
||||
}
|
||||
}
|
||||
],
|
||||
area: '500px'
|
||||
})
|
||||
})
|
||||
}
|
||||
// 清除校验
|
||||
const clearValidate11 = function () {
|
||||
layFormRef11.value.clearValidate()
|
||||
}
|
||||
// 重置表单
|
||||
const reset11 = function () {
|
||||
layFormRef11.value.reset()
|
||||
}
|
||||
|
||||
function toRemove() {
|
||||
if (selectedKeys.value.length == 0) {
|
||||
layer.msg('您未选择数据,请先选择要删除的数据', {icon: 3, time: 2000})
|
||||
return
|
||||
}
|
||||
layer.confirm('您将删除所有选中的数据?', {
|
||||
title: '提示',
|
||||
btn: [
|
||||
{
|
||||
text: '确定',
|
||||
callback: (id: any) => {
|
||||
layer.msg('您已成功删除')
|
||||
layer.close(id)
|
||||
}
|
||||
},
|
||||
{
|
||||
text: '取消',
|
||||
callback: (id: any) => {
|
||||
layer.msg('您已取消操作')
|
||||
layer.close(id)
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
function toSubmit() {
|
||||
layer.msg('保存成功!', {icon: 1, time: 1000})
|
||||
visible11.value = false
|
||||
visible22.value = false
|
||||
}
|
||||
|
||||
function toCancel() {
|
||||
visible11.value = false
|
||||
visible22.value = false
|
||||
}
|
||||
|
||||
function confirm() {
|
||||
layer.msg('您已成功删除')
|
||||
}
|
||||
|
||||
function cancel() {
|
||||
layer.msg('您已取消操作')
|
||||
}
|
||||
|
||||
const model22 = ref({
|
||||
organization: '',
|
||||
name: '',
|
||||
fullName: '',
|
||||
code: '',
|
||||
type: '',
|
||||
sort: 0,
|
||||
remark: ''
|
||||
})
|
||||
const visible22 = ref(false)
|
||||
const addIsEdit = ref(1)
|
||||
const addButton = ref([
|
||||
{
|
||||
text: "确认",
|
||||
callback: async () => {
|
||||
console.log(model11);
|
||||
// if (addData.title == '') {
|
||||
// layer.msg('菜单名称不能为空!', { icon: 2 })
|
||||
//return;
|
||||
// 字段空值判断
|
||||
// if (!model11.username) {
|
||||
// layer.msg('用户名不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (addIsEdit.value == 1) {
|
||||
// addData.name=addData.title;
|
||||
// var res = await menuDataAdd(addData);
|
||||
// } else {
|
||||
// var res = await menuDataEdit(addData);
|
||||
// if (!model11.nickname) {
|
||||
// layer.msg('姓名不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// console.log(res)
|
||||
// if (res.code == 1) {
|
||||
// layer.msg('提交成功!', { icon: 1 })
|
||||
// addShow.value = false;
|
||||
// getHierarchicalData();
|
||||
// } else {
|
||||
// layer.msg(res.msg, { icon: 2 })
|
||||
// if (!model11.mobile) {
|
||||
// layer.msg('手机号不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.email) {
|
||||
// layer.msg('邮箱不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.member_code) {
|
||||
// layer.msg('身份证号不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.birthday) {
|
||||
// layer.msg('请选择生日!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.work_number) {
|
||||
// layer.msg('工号不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.gender) {
|
||||
// layer.msg('性别不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.auth_group_id) {
|
||||
// layer.msg('角色组不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.status) {
|
||||
// layer.msg('状态不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.group_id) {
|
||||
// layer.msg('科室不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
// if (!model11.party_id) {
|
||||
// layer.msg('党支部不能为空!', {icon: 2});
|
||||
// return;
|
||||
// }
|
||||
model11.group_level = JSON.stringify(model11.group_id);
|
||||
model11.group_id = model11.group_id[model11.group_id.length - 1];
|
||||
console.log(model11.group_id)
|
||||
model11.party_level = JSON.stringify(model11.party_id);
|
||||
model11.party_id = model11.party_id[model11.party_id.length - 1];
|
||||
console.log(model11)
|
||||
if (addIsEdit.value == 1) {
|
||||
var res = await userDataAdd(model11);
|
||||
} else {
|
||||
var res = await userDataEdit(model11);
|
||||
}
|
||||
console.log(res)
|
||||
if (res.code == 1) {
|
||||
layer.msg('提交成功!', {icon: 1})
|
||||
addShow.value = false;
|
||||
getUserList();
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2})
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
@ -453,6 +418,48 @@ const addButton = ref([
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
// 搜索功能
|
||||
const toSearch = () => {
|
||||
page.current = 1;
|
||||
change(page);
|
||||
}
|
||||
|
||||
// 删除用户
|
||||
const del = async (row: any) => {
|
||||
const res = await userDataDel({id: row.id});
|
||||
if (res.code === 1) {
|
||||
layer.msg('删除成功', {icon: 1});
|
||||
getUserList()
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}
|
||||
|
||||
// 编辑用户
|
||||
const edit = (row: any) => {
|
||||
addIsEdit.value = 2;
|
||||
model11.gender = parseInt(row.gender);
|
||||
model11.status = parseInt(row.status);
|
||||
model11.auth_group_id = parseInt(row.auth_group_id);
|
||||
|
||||
model11.group_id = JSON.parse(row.group_level);
|
||||
model11.party_id = JSON.parse(row.party_level);
|
||||
|
||||
model11.username = row.username;
|
||||
model11.nickname = row.nickname;
|
||||
model11.mobile = row.mobile;
|
||||
model11.email = row.email;
|
||||
model11.member_code = row.member_code;
|
||||
model11.work_number = row.work_number;
|
||||
model11.birthday = row.birthday;
|
||||
|
||||
model11.avatar = row.avatar;
|
||||
model11.id = row.id;
|
||||
console.log(model11)
|
||||
addShow.value = true;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
@ -11,6 +11,9 @@
|
||||
<span v-if="data.status == '1'">启用</span>
|
||||
<span v-if="data.status == '0'">禁用</span>
|
||||
</template>
|
||||
<template v-slot:weigh="{ data }">
|
||||
<lay-input v-model="data.weigh" type="number" @input="weighUpdate(data)"/>
|
||||
</template>
|
||||
<template v-slot:operator="{ data }">
|
||||
<lay-space size="lg">
|
||||
<span style="color: #00A394;cursor: pointer" v-if="data.pid==0"
|
||||
@ -36,6 +39,9 @@
|
||||
<lay-form-item required label="菜单URL" prop="url">
|
||||
<lay-input v-model="addData.url" placeholder="请输入菜单URL"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item required label="排序" prop="url">
|
||||
<lay-input v-model="addData.weigh" placeholder="请输入排序"></lay-input>
|
||||
</lay-form-item>
|
||||
<lay-form-item required label="状态" prop="status">
|
||||
<lay-select v-model="addData.status" placeholder="请选择">
|
||||
<lay-select-option :value="1" label="启用"></lay-select-option>
|
||||
@ -70,7 +76,17 @@ const addData = reactive({
|
||||
name:'',
|
||||
status: 1,
|
||||
pid: 0,
|
||||
weigh:0,
|
||||
})
|
||||
const weighUpdate = async (data) => {
|
||||
console.log(data)
|
||||
var res = await menuDataEdit({id:data.id,weigh:data.weigh});
|
||||
console.log(res)
|
||||
if(res.code==1){
|
||||
layer.msg('提交成功!', { icon: 1 })
|
||||
getHierarchicalData();
|
||||
}
|
||||
}
|
||||
const addShowMsd = (data, pid) => {
|
||||
console.log(data);
|
||||
addShow.value = true;
|
||||
@ -80,6 +96,7 @@ const addShowMsd = (data, pid) => {
|
||||
addData.icon = '';
|
||||
addData.url = '';
|
||||
addData.status = 1;
|
||||
addData.weigh=0;
|
||||
addIsEdit.value = 1;
|
||||
}
|
||||
const columns6 = [
|
||||
@ -104,6 +121,12 @@ const columns6 = [
|
||||
customSlot: 'status',
|
||||
key: "status"
|
||||
},
|
||||
{
|
||||
title: "排序",
|
||||
width: "70px",
|
||||
key: "weigh",
|
||||
customSlot: 'weigh',
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: '180px',
|
||||
@ -126,6 +149,7 @@ const openNew = () => {
|
||||
addData.icon = '';
|
||||
addData.url = '';
|
||||
addData.status = 1;
|
||||
addData.weigh = 0;
|
||||
addShow.value = true;
|
||||
}
|
||||
|
||||
@ -149,6 +173,7 @@ const editShowMsd = (data) => {
|
||||
addData.name = data.title;
|
||||
addData.icon = data.icon;
|
||||
addData.url = data.url;
|
||||
addData.weigh = data.weigh;
|
||||
addData.status = parseInt(data.status);
|
||||
addIsEdit.value = 2;
|
||||
}
|
||||
|
@ -76,6 +76,7 @@
|
||||
:default-expand-all="true"
|
||||
:tail-node-icon="false"
|
||||
:data="data9"
|
||||
:check-strictly="true"
|
||||
:showCheckbox="showCheckbox2"
|
||||
v-model:checkedKeys="addData.rules"
|
||||
:replaceFields="replaceFields">
|
||||
@ -119,7 +120,9 @@ const editDo = (data) => {
|
||||
visible11.value = true;
|
||||
addData.name = data.name;
|
||||
addData.describe = data.describe;
|
||||
addData.rules = data.rules;
|
||||
addData.rules = data.rules.split(',').map(Number);
|
||||
addData.id = data.id;
|
||||
console.log(addData.rules)
|
||||
addIsEdit.value = 2;
|
||||
}
|
||||
const getList = () => {
|
||||
|
@ -28,7 +28,6 @@
|
||||
<lay-button type="primary" size="sm">导出Excel</lay-button>
|
||||
</div>
|
||||
<lay-table
|
||||
:page="page"
|
||||
:columns="columns"
|
||||
:dataSource="dataSource"
|
||||
:even="true"
|
||||
|
@ -8,6 +8,7 @@ import { resolve } from "path";
|
||||
const excludeComponents = ['LightIcon','DarkIcon']
|
||||
|
||||
export default defineConfig({
|
||||
base: '/dist/',
|
||||
resolve: {
|
||||
alias: [
|
||||
{
|
||||
@ -19,14 +20,10 @@ export default defineConfig({
|
||||
server: {
|
||||
proxy: {
|
||||
'/api': {
|
||||
// 用于开发环境下的转发请求
|
||||
// 更多请参考:https://vitejs.dev/config/#server-proxy
|
||||
target: 'http://192.168.10.158/',
|
||||
pathRewrite: {
|
||||
'^/api': ''
|
||||
},
|
||||
target: 'http://yfyd.hschool.com.cn',
|
||||
changeOrigin: true,
|
||||
},
|
||||
rewrite: (path) => path.replace(/^\/api/, '')
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
|
Loading…
x
Reference in New Issue
Block a user