Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
球球不吃虾
vue-vben-admin
提交
21e0548e
V
vue-vben-admin
项目概览
球球不吃虾
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
21e0548e
编写于
11月 12, 2020
作者:
V
vben
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add result page demo
上级
746d4a74
变更
9
隐藏空白更改
内联
并排
Showing
9 changed file
with
301 addition
and
120 deletion
+301
-120
src/router/menus/modules/demo/comp.ts
src/router/menus/modules/demo/comp.ts
+10
-0
src/router/menus/modules/demo/exception.ts
src/router/menus/modules/demo/exception.ts
+0
-35
src/router/menus/modules/demo/feat.ts
src/router/menus/modules/demo/feat.ts
+2
-2
src/router/menus/modules/demo/page.ts
src/router/menus/modules/demo/page.ts
+57
-0
src/router/menus/modules/demo/permission.ts
src/router/menus/modules/demo/permission.ts
+1
-1
src/router/routes/modules/demo/exception.ts
src/router/routes/modules/demo/exception.ts
+0
-82
src/router/routes/modules/demo/page.ts
src/router/routes/modules/demo/page.ts
+120
-0
src/views/demo/page/result/fail/index.vue
src/views/demo/page/result/fail/index.vue
+55
-0
src/views/demo/page/result/success/index.vue
src/views/demo/page/result/success/index.vue
+56
-0
未找到文件。
src/router/menus/modules/demo/comp.ts
浏览文件 @
21e0548e
...
...
@@ -88,6 +88,16 @@ const menu: MenuModule = {
},
],
},
{
path
:
'
/form
'
,
name
:
'
验证组件
'
,
children
:
[
{
path
:
'
/base
'
,
name
:
'
拖拽校验
'
,
},
],
},
],
},
};
...
...
src/router/menus/modules/demo/exception.ts
已删除
100644 → 0
浏览文件 @
746d4a74
import
type
{
MenuModule
}
from
'
/@/router/types.d
'
;
const
menu
:
MenuModule
=
{
orderNo
:
500
,
menu
:
{
name
:
'
异常页
'
,
path
:
'
/exception
'
,
children
:
[
{
path
:
'
403
'
,
name
:
'
403
'
,
},
{
path
:
'
404
'
,
name
:
'
404
'
,
},
{
path
:
'
500
'
,
name
:
'
500
'
,
},
{
path
:
'
net-work-error
'
,
name
:
'
网络错误
'
,
},
{
path
:
'
page-time-out
'
,
name
:
'
页面超时
'
,
},
{
path
:
'
not-data
'
,
name
:
'
无数据
'
,
},
],
},
};
export
default
menu
;
src/router/menus/modules/demo/feat.ts
浏览文件 @
21e0548e
import
type
{
MenuModule
}
from
'
/@/router/types.d
'
;
const
menu
:
MenuModule
=
{
orderNo
:
1
0
,
orderNo
:
1
9
,
menu
:
{
name
:
'
页面
功能
'
,
name
:
'
功能
'
,
path
:
'
/feat
'
,
children
:
[
{
...
...
src/router/menus/modules/demo/page.ts
0 → 100644
浏览文件 @
21e0548e
import
type
{
MenuModule
}
from
'
/@/router/types.d
'
;
const
menu
:
MenuModule
=
{
orderNo
:
20
,
menu
:
{
name
:
'
页面
'
,
path
:
'
/page-demo
'
,
tag
:
{
dot
:
true
,
},
children
:
[
{
path
:
'
result
'
,
name
:
'
结果页
'
,
tag
:
{
content
:
'
new
'
,
},
children
:
[
{
path
:
'
success
'
,
name
:
'
成功页
'
,
},
{
path
:
'
fail
'
,
name
:
'
失败页
'
,
},
],
},
{
path
:
'
exception
'
,
name
:
'
异常页
'
,
children
:
[
{
path
:
'
403
'
,
name
:
'
403
'
,
},
{
path
:
'
404
'
,
name
:
'
404
'
,
},
{
path
:
'
500
'
,
name
:
'
500
'
,
},
{
path
:
'
net-work-error
'
,
name
:
'
网络错误
'
,
},
{
path
:
'
not-data
'
,
name
:
'
无数据
'
,
},
],
},
],
},
};
export
default
menu
;
src/router/menus/modules/demo/permission.ts
浏览文件 @
21e0548e
import
type
{
MenuModule
}
from
'
/@/router/types.d
'
;
const
menu
:
MenuModule
=
{
orderNo
:
20
,
orderNo
:
15
,
menu
:
{
name
:
'
权限管理
'
,
path
:
'
/permission
'
,
...
...
src/router/routes/modules/demo/exception.ts
已删除
100644 → 0
浏览文件 @
746d4a74
import
type
{
AppRouteModule
}
from
'
/@/router/types
'
;
import
{
PAGE_LAYOUT_COMPONENT
}
from
'
/@/router/constant
'
;
import
{
ExceptionEnum
}
from
'
/@/enums/exceptionEnum
'
;
const
ExceptionPage
=
()
=>
import
(
'
/@/views/sys/exception/Exception
'
);
export
default
{
layout
:
{
path
:
'
/exception
'
,
name
:
'
ExceptionPage
'
,
component
:
PAGE_LAYOUT_COMPONENT
,
redirect
:
'
/exception/404
'
,
meta
:
{
icon
:
'
ant-design:exception-outlined
'
,
title
:
'
异常页
'
,
},
},
routes
:
[
{
path
:
'
/403
'
,
name
:
'
PageNotAccess
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_ACCESS
,
},
meta
:
{
title
:
'
403
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
/404
'
,
name
:
'
PageNotFound
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_FOUND
,
},
meta
:
{
title
:
'
404
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
/500
'
,
name
:
'
ServiceError
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
ERROR
,
},
meta
:
{
title
:
'
500
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
/net-work-error
'
,
name
:
'
NetWorkError
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
NET_WORK_ERROR
,
},
meta
:
{
title
:
'
网络错误
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
/not-data
'
,
name
:
'
NotData
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_DATA
,
},
meta
:
{
title
:
'
无数据
'
,
afterCloseLoading
:
true
,
},
},
],
}
as
AppRouteModule
;
src/router/routes/modules/demo/page.ts
0 → 100644
浏览文件 @
21e0548e
import
type
{
AppRouteModule
}
from
'
/@/router/types
'
;
import
{
PAGE_LAYOUT_COMPONENT
}
from
'
/@/router/constant
'
;
import
{
ExceptionEnum
}
from
'
/@/enums/exceptionEnum
'
;
const
ExceptionPage
=
()
=>
import
(
'
/@/views/sys/exception/Exception
'
);
export
default
{
path
:
'
/page-demo
'
,
name
:
'
PageDemo
'
,
component
:
PAGE_LAYOUT_COMPONENT
,
redirect
:
'
/page-demo/exception
'
,
meta
:
{
icon
:
'
mdi:page-next-outline
'
,
title
:
'
页面
'
,
},
children
:
[
// =============================result start=============================
{
path
:
'
/result
'
,
name
:
'
ResultPage
'
,
redirect
:
'
/page-demo/result/success
'
,
meta
:
{
title
:
'
结果页
'
,
},
children
:
[
{
path
:
'
success
'
,
name
:
'
ResultSuccessPage
'
,
component
:
()
=>
import
(
'
/@/views/demo/page/result/success/index.vue
'
),
meta
:
{
title
:
'
成功页
'
,
},
},
{
path
:
'
fail
'
,
name
:
'
ResultFailPage
'
,
component
:
()
=>
import
(
'
/@/views/demo/page/result/fail/index.vue
'
),
meta
:
{
title
:
'
失败页
'
,
},
},
],
},
// =============================result end=============================
// =============================exception start=============================
{
path
:
'
/exception
'
,
name
:
'
ExceptionPage
'
,
redirect
:
'
/page-demo/exception/404
'
,
meta
:
{
title
:
'
异常页
'
,
},
children
:
[
{
path
:
'
403
'
,
name
:
'
PageNotAccess
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_ACCESS
,
},
meta
:
{
title
:
'
403
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
404
'
,
name
:
'
PageNotFound
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_FOUND
,
},
meta
:
{
title
:
'
404
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
500
'
,
name
:
'
ServiceError
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
ERROR
,
},
meta
:
{
title
:
'
500
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
net-work-error
'
,
name
:
'
NetWorkError
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
NET_WORK_ERROR
,
},
meta
:
{
title
:
'
网络错误
'
,
afterCloseLoading
:
true
,
},
},
{
path
:
'
not-data
'
,
name
:
'
NotData
'
,
component
:
ExceptionPage
,
props
:
{
status
:
ExceptionEnum
.
PAGE_NOT_DATA
,
},
meta
:
{
title
:
'
无数据
'
,
afterCloseLoading
:
true
,
},
},
],
},
// =============================exception end=============================
],
}
as
AppRouteModule
;
src/views/demo/page/result/fail/index.vue
0 → 100644
浏览文件 @
21e0548e
<
template
>
<div
class=
"m-5 result-error"
>
<Result
status=
"error"
title=
"提交失败"
sub-title=
"请核对并修改以下信息后,再重新提交。"
>
<template
#extra
>
<a-button
key=
"console"
type=
"primary"
>
返回修改
</a-button>
</
template
>
</Result>
<div
class=
"result-error__content"
>
<div
class=
"result-error__content-title"
>
您提交的内容有如下错误:
</div>
<div
class=
"mb-4"
>
<CloseCircleOutlined
class=
"mr-2 result-error__content-icon"
/>
您的账户已被冻结
<a
class=
"ml-4"
>
立即解冻 >
</a>
</div>
<div
class=
"mb-4"
>
<CloseCircleOutlined
class=
"mr-2 result-error__content-icon"
/>
您的账户还不具备申请资格
<a
class=
"ml-4"
>
立即解冻 >
</a>
</div>
</div>
</div>
</template>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
Result
}
from
'
ant-design-vue
'
;
import
{
CloseCircleOutlined
}
from
'
@ant-design/icons-vue
'
;
export
default
defineComponent
({
components
:
{
Result
,
CloseCircleOutlined
,
},
});
</
script
>
<
style
lang=
"less"
scoped
>
.result-error {
padding: 48px 32px;
background: #fff;
&__content {
padding: 24px 40px;
background: #fafafa;
&-title {
margin-bottom: 16px;
font-size: 16px;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
}
&-icon {
color: #ff4d4f;
}
}
}
</
style
>
src/views/demo/page/result/success/index.vue
0 → 100644
浏览文件 @
21e0548e
<
template
>
<div
class=
"m-5 result-success"
>
<Result
status=
"success"
title=
"提交成功"
sub-title=
"提交结果页用于反馈一系列操作任务的处理结果, 如果仅是简单操作,使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明,如果有类似展示 “单据”的需求,下面这个灰色区域可以呈现比较复杂的内容。"
>
<template
#extra
>
<a-button
key=
"console"
type=
"primary"
>
返回列表
</a-button>
<a-button
key=
"buy"
>
查看项目
</a-button>
<a-button
key=
"buy"
>
打印
</a-button>
</
template
>
</Result>
<div
class=
"result-success__content"
>
<Descriptions
title=
"项目名称"
>
<DescriptionItem
label=
"项目 ID"
>
111222
</DescriptionItem>
<DescriptionItem
label=
"负责人"
>
Vben
</DescriptionItem>
<DescriptionItem
label=
"生效时间"
>
2016-12-12 ~ 2017-12-12
</DescriptionItem>
</Descriptions>
<Steps
:current=
"1"
progress-dot
size=
"small"
>
<Step
title=
"创建项目"
>
<
template
#description
>
<div>
Vben
</div>
<p>
2016-12-12 12:32
</p>
</
template
>
</Step>
<Step
title=
"部门初审"
>
<
template
#description
>
<p>
Chad
</p>
</
template
>
</Step>
<Step
title=
"财务复核"
/>
<Step
title=
"完成"
/>
</Steps>
</div>
</div>
</template>
<
script
lang=
"ts"
>
import
{
defineComponent
}
from
'
vue
'
;
import
{
Result
,
Steps
,
Descriptions
}
from
'
ant-design-vue
'
;
export
default
defineComponent
({
components
:
{
Result
,
Steps
,
Step
:
Steps
.
Step
,
Descriptions
,
DescriptionItem
:
Descriptions
.
Item
,
},
});
</
script
>
<
style
lang=
"less"
scoped
>
.result-success {
padding: 48px 32px;
background: #fff;
&__content {
padding: 24px 40px;
background: #fafafa;
}
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录