修改主页
parent
3cc434a8bc
commit
cadcd74ead
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
|
|
@ -2,7 +2,7 @@ export enum PageEnum {
|
|||
// basic login path
|
||||
BASE_LOGIN = '/login',
|
||||
// basic home path
|
||||
BASE_HOME = '/main/meteorological',
|
||||
BASE_HOME = '/welcome',
|
||||
// error page path
|
||||
ERROR_PAGE = '/exception',
|
||||
// error log page path
|
||||
|
|
|
|||
|
|
@ -1,11 +1,6 @@
|
|||
import type { AppRouteRecordRaw } from '/@/router/types';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
import {
|
||||
REDIRECT_NAME,
|
||||
LAYOUT,
|
||||
EXCEPTION_COMPONENT,
|
||||
PAGE_NOT_FOUND_NAME,
|
||||
} from '/@/router/constant';
|
||||
import type { AppRouteRecordRaw } from '/@/router/types'
|
||||
import { t } from '/@/hooks/web/useI18n'
|
||||
import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '/@/router/constant'
|
||||
|
||||
// 404 on a page
|
||||
export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
|
||||
|
|
@ -28,8 +23,18 @@ export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
|
|||
hideMenu: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '/welcome',
|
||||
name: 'Welcomes',
|
||||
meta: {
|
||||
title: '主页',
|
||||
hideBreadcrumb: true,
|
||||
hideMenu: true,
|
||||
},
|
||||
component: () => import('/@/views/welcome/index.vue'),
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
export const REDIRECT_ROUTE: AppRouteRecordRaw = {
|
||||
path: '/redirect',
|
||||
|
|
@ -51,7 +56,7 @@ export const REDIRECT_ROUTE: AppRouteRecordRaw = {
|
|||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
||||
export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
|
||||
path: '/error-log',
|
||||
|
|
@ -75,4 +80,4 @@ export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
|
|||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -102,6 +102,7 @@ export const useUserStore = defineStore({
|
|||
const data = await loginApi(loginParams, mode)
|
||||
const { token } = data
|
||||
this.setToken(token)
|
||||
console.log(data)
|
||||
|
||||
return this.afterLoginAction(goHome, homeRouter)
|
||||
} catch (error) {
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
<script lang="tsx">
|
||||
import type { PropType } from 'vue';
|
||||
import { Result, Button } from 'ant-design-vue';
|
||||
import { defineComponent, ref, computed, unref } from 'vue';
|
||||
import { ExceptionEnum } from '/@/enums/exceptionEnum';
|
||||
import notDataSvg from '/@/assets/svg/no-data.svg';
|
||||
import netWorkSvg from '/@/assets/svg/net-error.svg';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { useDesign } from '/@/hooks/web/useDesign';
|
||||
import { useI18n } from '/@/hooks/web/useI18n';
|
||||
import { useGo, useRedo } from '/@/hooks/web/usePage';
|
||||
import { PageEnum } from '/@/enums/pageEnum';
|
||||
import type { PropType } from 'vue'
|
||||
import { Result, Button } from 'ant-design-vue'
|
||||
import { defineComponent, ref, computed, unref } from 'vue'
|
||||
import { ExceptionEnum } from '/@/enums/exceptionEnum'
|
||||
import notDataSvg from '/@/assets/svg/no-data.svg'
|
||||
import netWorkSvg from '/@/assets/svg/net-error.svg'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { useDesign } from '/@/hooks/web/useDesign'
|
||||
import { useI18n } from '/@/hooks/web/useI18n'
|
||||
import { useGo, useRedo } from '/@/hooks/web/usePage'
|
||||
import { PageEnum } from '/@/enums/pageEnum'
|
||||
|
||||
interface MapValue {
|
||||
title: string;
|
||||
subTitle: string;
|
||||
btnText?: string;
|
||||
icon?: string;
|
||||
handler?: Fn;
|
||||
status?: string;
|
||||
title: string
|
||||
subTitle: string
|
||||
btnText?: string
|
||||
icon?: string
|
||||
handler?: Fn
|
||||
status?: string
|
||||
}
|
||||
|
||||
export default defineComponent({
|
||||
|
|
@ -45,26 +45,26 @@
|
|||
},
|
||||
},
|
||||
setup(props) {
|
||||
const statusMapRef = ref(new Map<string | number, MapValue>());
|
||||
const statusMapRef = ref(new Map<string | number, MapValue>())
|
||||
|
||||
const { query } = useRoute();
|
||||
const go = useGo();
|
||||
const redo = useRedo();
|
||||
const { t } = useI18n();
|
||||
const { prefixCls } = useDesign('app-exception-page');
|
||||
const { query } = useRoute()
|
||||
const go = useGo()
|
||||
const redo = useRedo()
|
||||
const { t } = useI18n()
|
||||
const { prefixCls } = useDesign('app-exception-page')
|
||||
|
||||
const getStatus = computed(() => {
|
||||
const { status: routeStatus } = query;
|
||||
const { status } = props;
|
||||
return Number(routeStatus) || status;
|
||||
});
|
||||
const { status: routeStatus } = query
|
||||
const { status } = props
|
||||
return Number(routeStatus) || status
|
||||
})
|
||||
|
||||
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 backHomeI18n = t('sys.exception.backHome');
|
||||
const backLoginI18n = t('sys.exception.backLogin')
|
||||
const backHomeI18n = t('sys.exception.backHome')
|
||||
|
||||
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_ACCESS, {
|
||||
title: '403',
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
subTitle: t('sys.exception.subTitle403'),
|
||||
btnText: props.full ? backLoginI18n : backHomeI18n,
|
||||
handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
|
||||
});
|
||||
})
|
||||
|
||||
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_FOUND, {
|
||||
title: '404',
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
subTitle: t('sys.exception.subTitle404'),
|
||||
btnText: props.full ? backLoginI18n : backHomeI18n,
|
||||
handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
|
||||
});
|
||||
})
|
||||
|
||||
unref(statusMapRef).set(ExceptionEnum.ERROR, {
|
||||
title: '500',
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
subTitle: t('sys.exception.subTitle500'),
|
||||
btnText: backHomeI18n,
|
||||
handler: () => go(),
|
||||
});
|
||||
})
|
||||
|
||||
unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_DATA, {
|
||||
title: t('sys.exception.noDataTitle'),
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
btnText: t('common.redo'),
|
||||
handler: () => redo(),
|
||||
icon: notDataSvg,
|
||||
});
|
||||
})
|
||||
|
||||
unref(statusMapRef).set(ExceptionEnum.NET_WORK_ERROR, {
|
||||
title: t('sys.exception.networkErrorTitle'),
|
||||
|
|
@ -104,10 +104,10 @@
|
|||
btnText: t('common.redo'),
|
||||
handler: () => redo(),
|
||||
icon: netWorkSvg,
|
||||
});
|
||||
})
|
||||
|
||||
return () => {
|
||||
const { title, subTitle, btnText, icon, handler, status } = unref(getMapValue) || {};
|
||||
const { title, subTitle, btnText, icon, handler, status } = unref(getMapValue) || {}
|
||||
return (
|
||||
<Result
|
||||
class={prefixCls}
|
||||
|
|
@ -125,10 +125,10 @@
|
|||
icon: () => (icon ? <img src={icon} /> : null),
|
||||
}}
|
||||
</Result>
|
||||
);
|
||||
};
|
||||
)
|
||||
}
|
||||
},
|
||||
});
|
||||
})
|
||||
</script>
|
||||
<style lang="less">
|
||||
@prefix-cls: ~'@{namespace}-app-exception-page';
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue