修改主页

develop
ihzero 2023-11-02 13:36:37 +08:00
parent 3cc434a8bc
commit cadcd74ead
6 changed files with 67 additions and 52 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -2,7 +2,7 @@ export enum PageEnum {
// basic login path // basic login path
BASE_LOGIN = '/login', BASE_LOGIN = '/login',
// basic home path // basic home path
BASE_HOME = '/main/meteorological', BASE_HOME = '/welcome',
// error page path // error page path
ERROR_PAGE = '/exception', ERROR_PAGE = '/exception',
// error log page path // error log page path

View File

@ -1,11 +1,6 @@
import type { AppRouteRecordRaw } from '/@/router/types'; import type { AppRouteRecordRaw } from '/@/router/types'
import { t } from '/@/hooks/web/useI18n'; import { t } from '/@/hooks/web/useI18n'
import { import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '/@/router/constant'
REDIRECT_NAME,
LAYOUT,
EXCEPTION_COMPONENT,
PAGE_NOT_FOUND_NAME,
} from '/@/router/constant';
// 404 on a page // 404 on a page
export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = { export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
@ -28,8 +23,18 @@ export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
hideMenu: true, hideMenu: true,
}, },
}, },
{
path: '/welcome',
name: 'Welcomes',
meta: {
title: '主页',
hideBreadcrumb: true,
hideMenu: true,
},
component: () => import('/@/views/welcome/index.vue'),
},
], ],
}; }
export const REDIRECT_ROUTE: AppRouteRecordRaw = { export const REDIRECT_ROUTE: AppRouteRecordRaw = {
path: '/redirect', path: '/redirect',
@ -51,7 +56,7 @@ export const REDIRECT_ROUTE: AppRouteRecordRaw = {
}, },
}, },
], ],
}; }
export const ERROR_LOG_ROUTE: AppRouteRecordRaw = { export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
path: '/error-log', path: '/error-log',
@ -75,4 +80,4 @@ export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
}, },
}, },
], ],
}; }

View File

@ -102,6 +102,7 @@ export const useUserStore = defineStore({
const data = await loginApi(loginParams, mode) const data = await loginApi(loginParams, mode)
const { token } = data const { token } = data
this.setToken(token) this.setToken(token)
console.log(data)
return this.afterLoginAction(goHome, homeRouter) return this.afterLoginAction(goHome, homeRouter)
} catch (error) { } catch (error) {

View File

@ -1,23 +1,23 @@
<script lang="tsx"> <script lang="tsx">
import type { PropType } from 'vue'; import type { PropType } from 'vue'
import { Result, Button } from 'ant-design-vue'; import { Result, Button } from 'ant-design-vue'
import { defineComponent, ref, computed, unref } from 'vue'; import { defineComponent, ref, computed, unref } from 'vue'
import { ExceptionEnum } from '/@/enums/exceptionEnum'; import { ExceptionEnum } from '/@/enums/exceptionEnum'
import notDataSvg from '/@/assets/svg/no-data.svg'; import notDataSvg from '/@/assets/svg/no-data.svg'
import netWorkSvg from '/@/assets/svg/net-error.svg'; import netWorkSvg from '/@/assets/svg/net-error.svg'
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router'
import { useDesign } from '/@/hooks/web/useDesign'; import { useDesign } from '/@/hooks/web/useDesign'
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n'
import { useGo, useRedo } from '/@/hooks/web/usePage'; import { useGo, useRedo } from '/@/hooks/web/usePage'
import { PageEnum } from '/@/enums/pageEnum'; import { PageEnum } from '/@/enums/pageEnum'
interface MapValue { interface MapValue {
title: string; title: string
subTitle: string; subTitle: string
btnText?: string; btnText?: string
icon?: string; icon?: string
handler?: Fn; handler?: Fn
status?: string; status?: string
} }
export default defineComponent({ export default defineComponent({
@ -45,26 +45,26 @@
}, },
}, },
setup(props) { setup(props) {
const statusMapRef = ref(new Map<string | number, MapValue>()); const statusMapRef = ref(new Map<string | number, MapValue>())
const { query } = useRoute(); const { query } = useRoute()
const go = useGo(); const go = useGo()
const redo = useRedo(); const redo = useRedo()
const { t } = useI18n(); const { t } = useI18n()
const { prefixCls } = useDesign('app-exception-page'); const { prefixCls } = useDesign('app-exception-page')
const getStatus = computed(() => { const getStatus = computed(() => {
const { status: routeStatus } = query; const { status: routeStatus } = query
const { status } = props; const { status } = props
return Number(routeStatus) || status; return Number(routeStatus) || status
}); })
const getMapValue = computed((): MapValue => { const getMapValue = computed((): MapValue => {
return unref(statusMapRef).get(unref(getStatus)) as MapValue; return unref(statusMapRef).get(unref(getStatus)) as MapValue
}); })
const backLoginI18n = t('sys.exception.backLogin'); const backLoginI18n = t('sys.exception.backLogin')
const backHomeI18n = t('sys.exception.backHome'); const backHomeI18n = t('sys.exception.backHome')
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_ACCESS, { unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_ACCESS, {
title: '403', title: '403',
@ -72,7 +72,7 @@
subTitle: t('sys.exception.subTitle403'), subTitle: t('sys.exception.subTitle403'),
btnText: props.full ? backLoginI18n : backHomeI18n, btnText: props.full ? backLoginI18n : backHomeI18n,
handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()), handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
}); })
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_FOUND, { unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_FOUND, {
title: '404', title: '404',
@ -80,7 +80,7 @@
subTitle: t('sys.exception.subTitle404'), subTitle: t('sys.exception.subTitle404'),
btnText: props.full ? backLoginI18n : backHomeI18n, btnText: props.full ? backLoginI18n : backHomeI18n,
handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()), handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
}); })
unref(statusMapRef).set(ExceptionEnum.ERROR, { unref(statusMapRef).set(ExceptionEnum.ERROR, {
title: '500', title: '500',
@ -88,7 +88,7 @@
subTitle: t('sys.exception.subTitle500'), subTitle: t('sys.exception.subTitle500'),
btnText: backHomeI18n, btnText: backHomeI18n,
handler: () => go(), handler: () => go(),
}); })
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_DATA, { unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_DATA, {
title: t('sys.exception.noDataTitle'), title: t('sys.exception.noDataTitle'),
@ -96,7 +96,7 @@
btnText: t('common.redo'), btnText: t('common.redo'),
handler: () => redo(), handler: () => redo(),
icon: notDataSvg, icon: notDataSvg,
}); })
unref(statusMapRef).set(ExceptionEnum.NET_WORK_ERROR, { unref(statusMapRef).set(ExceptionEnum.NET_WORK_ERROR, {
title: t('sys.exception.networkErrorTitle'), title: t('sys.exception.networkErrorTitle'),
@ -104,10 +104,10 @@
btnText: t('common.redo'), btnText: t('common.redo'),
handler: () => redo(), handler: () => redo(),
icon: netWorkSvg, icon: netWorkSvg,
}); })
return () => { return () => {
const { title, subTitle, btnText, icon, handler, status } = unref(getMapValue) || {}; const { title, subTitle, btnText, icon, handler, status } = unref(getMapValue) || {}
return ( return (
<Result <Result
class={prefixCls} class={prefixCls}
@ -125,10 +125,10 @@
icon: () => (icon ? <img src={icon} /> : null), icon: () => (icon ? <img src={icon} /> : null),
}} }}
</Result> </Result>
); )
}; }
}, },
}); })
</script> </script>
<style lang="less"> <style lang="less">
@prefix-cls: ~'@{namespace}-app-exception-page'; @prefix-cls: ~'@{namespace}-app-exception-page';

View File

@ -0,0 +1,9 @@
<template>
<div class="h-full flex items-center justify-center flex-col bg-white">
<img class="w-500px" :src="ImgPng" />
<div class="text-center text-4xl mt-10">隆昌农业大数据监控平台</div>
</div>
</template>
<script lang="ts" setup>
import ImgPng from '/@/assets/images/1698903022868.jpg'
</script>