修改主页

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
BASE_LOGIN = '/login',
// basic home path
BASE_HOME = '/main/meteorological',
BASE_HOME = '/welcome',
// error page path
ERROR_PAGE = '/exception',
// error log page path

View File

@ -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 = {
},
},
],
};
}

View File

@ -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) {

View File

@ -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';

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>