提交 9aef15eb 作者: 方治民

feat: TODO List 模块默认界面全部改为 Coming Soon

上级 bb4bffa6
......@@ -2,8 +2,10 @@ import { withInstall } from '/@/utils'
import pageFooter from './src/PageFooter.vue'
import pageWrapper from './src/PageWrapper.vue'
import pageComing from './src/PageComing.vue'
export const PageFooter = withInstall(pageFooter)
export const PageWrapper = withInstall(pageWrapper)
export const PageComing = withInstall(pageComing)
export const PageWrapperFixedHeightKey = 'PageWrapperFixedHeight'
<script lang="ts" setup>
import { Result, Button } from 'ant-design-vue'
import { PageWrapper } from '/@/components/Page'
import { useI18n } from '@/hooks/web/useI18n'
import { useGo } from '@/hooks/web/usePage'
import comingSoonSvg from '/@/assets/svg/coming-soon.svg'
const go = useGo()
const { t } = useI18n()
const route = useRoute()
const title = t(route?.meta?.title as string)
const tip = t('common.comingSoon')
const backHomeI18n = t('sys.exception.backHome')
</script>
<template>
<PageWrapper :content-full-height="true">
<div class="content">
<Result :title="`💡 ${tip} ...`" :sub-title="title">
<template #icon>
<img :src="comingSoonSvg" />
</template>
<template #extra>
<Button type="primary" @click="() => go()">{{ backHomeI18n }}</Button>
</template>
</Result>
</div>
</PageWrapper>
</template>
<style lang="less" scoped>
.content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
.ant-result-icon {
img {
max-width: 400px;
max-height: 300px;
}
}
}
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="登录日志">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="操作日志">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="定时任务">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="性能监控">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="SQL 监控">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="请求跟踪">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="在线用户">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="账号管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="部门管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="字典管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="菜单管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="岗位管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageWrapper } from '/@/components/Page'
const text = ref('Hello World! 👋')
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageWrapper title="Example" content="角色管理">
<div class="title">{{ text }}</div>
</PageWrapper>
<PageComing />
</template>
<style lang="less" scoped>
/* ... */
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
<script lang="ts" setup>
import { PageComing } from '/@/components/Page'
</script>
<template>
<PageComing />
</template>
<style lang="less" scoped>
/** ... */
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论