From e3a4862e1395baeabe62c6bb7d25f6a3e2e73272 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BE=E5=87=A0=E6=B5=B7?= Date: Tue, 30 Jun 2020 23:56:45 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E5=86=99=E9=80=9A=E7=94=A8=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E6=B5=8B=E8=AF=95=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../test-common-table.component.html | 1 + .../test-common-table.component.less | 0 .../test-common-table.component.ts | 70 +++++++++++++++++++ .../test-common-table.module.ts | 17 +++++ 4 files changed, 88 insertions(+) create mode 100644 src/app/view/admin/test-common-table/test-common-table.component.html create mode 100644 src/app/view/admin/test-common-table/test-common-table.component.less create mode 100644 src/app/view/admin/test-common-table/test-common-table.component.ts create mode 100644 src/app/view/admin/test-common-table/test-common-table.module.ts diff --git a/src/app/view/admin/test-common-table/test-common-table.component.html b/src/app/view/admin/test-common-table/test-common-table.component.html new file mode 100644 index 0000000..bbb6b23 --- /dev/null +++ b/src/app/view/admin/test-common-table/test-common-table.component.html @@ -0,0 +1 @@ + diff --git a/src/app/view/admin/test-common-table/test-common-table.component.less b/src/app/view/admin/test-common-table/test-common-table.component.less new file mode 100644 index 0000000..e69de29 diff --git a/src/app/view/admin/test-common-table/test-common-table.component.ts b/src/app/view/admin/test-common-table/test-common-table.component.ts new file mode 100644 index 0000000..06e8651 --- /dev/null +++ b/src/app/view/admin/test-common-table/test-common-table.component.ts @@ -0,0 +1,70 @@ +import {Component, OnInit} from '@angular/core'; +import {Data} from '../components/common-table/data'; +import {Article} from '../../../class/Article'; +import {RequestObj} from "../../../class/HttpReqAndResp"; + +@Component({ + selector: 'app-test-common-table', + templateUrl: './test-common-table.component.html', + styleUrls: ['./test-common-table.component.less'] +}) +export class TestCommonTableComponent implements OnInit { + + /* + * author: {id: 1, email: "a@celess.cn", displayName: "禾几海",…} +category: "前端" +dislikeCount: 0 +id: 1293 +likeCount: 0 +open: true +original: true +publishDateFormat: "2020-03-17 01:22:35" +readingNumber: 234 +summary: a +tags: [{id: 26, name: "脚本"}, {id: 27, name: "网课"}] +title: "教你动手写一个刷课脚本" +updateDateFormat: "2020-05-27 00:55:05"*/ + constructor() { + this.data = [ + {fieldName: '主键', fieldValue: 'id', show: false}, + {fieldName: '标题', fieldValue: 'title', show: true}, + {fieldName: '标签', fieldValue: 'category', show: true}, + {fieldName: '👎数', fieldValue: 'dislikeCount', show: true}, + {fieldName: '👍数', fieldValue: 'likeCount', show: true}, + {fieldName: '状态', fieldValue: 'open', show: true}, + {fieldName: '简介', fieldValue: 'summary', show: false}, + { + fieldName: '操作', fieldValue: '', show: true, isActionColumns: true, + action: [ + { + name: '新增', + click: (d) => console.log('新增', d) + }, { + name: '删除', + color: '#ff0000', + click: (d) => console.log('删除', d) + }, { + name: '编辑', + color: 'blue', + click: (d) => console.log('编辑', d) + }, + ] + } + ] + } + + data: Data
[]; + req: RequestObj; + + ngOnInit(): void { + this.req = { + path: '/admin/articles', + method: 'GET', + queryParam: { + page: 1, + count: 10 + } + } + } + +} diff --git a/src/app/view/admin/test-common-table/test-common-table.module.ts b/src/app/view/admin/test-common-table/test-common-table.module.ts new file mode 100644 index 0000000..2f88ee4 --- /dev/null +++ b/src/app/view/admin/test-common-table/test-common-table.module.ts @@ -0,0 +1,17 @@ +import {NgModule} from '@angular/core'; +import {CommonModule} from '@angular/common'; +import {TestCommonTableComponent} from './test-common-table.component'; +import {Router, RouterModule} from '@angular/router'; +import {CommonTableModule} from "../components/common-table/common-table.module"; + + +@NgModule({ + declarations: [TestCommonTableComponent], + imports: [ + CommonModule, + RouterModule.forChild([{path: '', component: TestCommonTableComponent}]), + CommonTableModule + ] +}) +export class TestCommonTableModule { +}