<div class="inner-content">
    <nz-card nzTitle="文章管理" nzSize="small">
        <nz-table #table [nzData]="pageList.list" [nzTotal]="pageList.total" [(nzPageIndex)]="page"
                  [nzPageSize]="pageSize" [nzLoading]="loading"
                  (nzPageIndexChange)="getArticle()" nzFrontPagination="false">
            <thead>
            <th>标题</th>
            <th>发布日期</th>
            <th>更新日期</th>
            <th>文章类型</th>
            <th>阅读量</th>
            <th>是否可见</th>
            <th>操作</th>
            </thead>
            <tbody>
            <tr *ngFor="let data of table.data">
                <td nz-typography nzEllipsis="true" [nzTooltipTitle]="data.title" nzTooltipPlacement="right"
                    nz-tooltip>{{data.title}}</td>
                <td>{{data.publishDateFormat}}</td>
                <td>{{data.updateDateFormat}}</td>
                <td>
                    <nz-tag nzColor="green" *ngIf="data.original">原创</nz-tag>
                    <nz-tag nzColor="#ff5500" *ngIf="!data.original">转载</nz-tag>
                </td>
                <td>
                    <nz-tag [nzColor]="'purple'">{{data.readingNumber}}</nz-tag>
                </td>
                <td><input type="checkbox" [checked]="data.open" disabled></td>
                <td>
                    <a routerLink="/write" [queryParams]="{id:data.id}" class="edit-opr">编辑</a>
                    <nz-divider nzType="vertical"></nz-divider>
                    <a [routerLink]="'/article'+data.id" class="show-opr">查看</a>
                    <nz-divider nzType="vertical"></nz-divider>
                    <a nz-popconfirm nzPopconfirmTitle="确定要删除这篇文章吗?" nzOkText="删除" nzCancelText="点错了"
                       (nzOnConfirm)="deleteArticle(data.id)" class="del-opr">删除</a>
                </td>
            </tr>
            </tbody>
        </nz-table>
    </nz-card>
</div>
