From 2f75a948899713e10b200e0f39a48d4b62ef231e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B0=8F=E5=A9=B7?= <1250548605@qq.com>
Date: Thu, 26 Nov 2020 22:56:27 +0800
Subject: [PATCH] feat: add basic-list page
---
src/router/menus/modules/demo/page.ts | 4 +
src/router/routes/modules/demo/page.ts | 8 ++
src/views/demo/page/list/basic/data.tsx | 17 +++
src/views/demo/page/list/basic/index.vue | 150 +++++++++++++++++++++++
4 files changed, 179 insertions(+)
create mode 100644 src/views/demo/page/list/basic/data.tsx
create mode 100644 src/views/demo/page/list/basic/index.vue
diff --git a/src/router/menus/modules/demo/page.ts b/src/router/menus/modules/demo/page.ts
index 908efb5bc27..ea4233c41b3 100644
--- a/src/router/menus/modules/demo/page.ts
+++ b/src/router/menus/modules/demo/page.ts
@@ -105,6 +105,10 @@ const menu: MenuModule = {
content: 'new',
},
children: [
+ {
+ path: 'basic',
+ name: '标准列表',
+ },
{
path: 'card',
name: 'routes.demo.page.listCard',
diff --git a/src/router/routes/modules/demo/page.ts b/src/router/routes/modules/demo/page.ts
index af5c6233912..4947506e329 100644
--- a/src/router/routes/modules/demo/page.ts
+++ b/src/router/routes/modules/demo/page.ts
@@ -218,6 +218,14 @@ const page: AppRouteModule = {
title: 'routes.demo.page.list',
},
children: [
+ {
+ path: 'basic',
+ name: 'ListBasicPage',
+ component: () => import('/@/views/demo/page/list/basic/index.vue'),
+ meta: {
+ title: '标准列表',
+ },
+ },
{
path: 'card',
name: 'ListCardPage',
diff --git a/src/views/demo/page/list/basic/data.tsx b/src/views/demo/page/list/basic/data.tsx
new file mode 100644
index 00000000000..f452c905125
--- /dev/null
+++ b/src/views/demo/page/list/basic/data.tsx
@@ -0,0 +1,17 @@
+export const cardList = (() => {
+ const result: any[] = [];
+ for (let i = 0; i < 6; i++) {
+ result.push({
+ id: i,
+ title: 'Vben Admin',
+ description: '基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统',
+ datetime: '2020-11-26 17:39',
+ extra: '编辑',
+ icon: 'logos:vue',
+ color: '#1890ff',
+ author: 'Vben',
+ percent: 20 * (i + 1),
+ });
+ }
+ return result;
+})();
diff --git a/src/views/demo/page/list/basic/index.vue b/src/views/demo/page/list/basic/index.vue
new file mode 100644
index 00000000000..d39801fbb8a
--- /dev/null
+++ b/src/views/demo/page/list/basic/index.vue
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+ 我的待办
+ 8个任务
+
+
+ 本周任务平均处理时间
+ 32分钟
+
+
+ 本周完成任务数
+ 24个任务
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+ {{ item.description }}
+
+
Owner{{ item.author }}
+
开始时间{{ item.datetime }}
+
+
+
+
+
+
+
+
+
+
+
+