From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Wed, 11 Jul 2018 14:38:47 +0800
Subject: [PATCH] Revert "框架调整"

---
 src/app/routes/pro/list/articles/articles.component.html |   91 +++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 91 insertions(+), 0 deletions(-)

diff --git a/src/app/routes/pro/list/articles/articles.component.html b/src/app/routes/pro/list/articles/articles.component.html
new file mode 100644
index 0000000..216f744
--- /dev/null
+++ b/src/app/routes/pro/list/articles/articles.component.html
@@ -0,0 +1,91 @@
+<nz-card [nzBordered]="false">
+  <form nz-form [nzLayout]="'inline'">
+    <standard-form-row [title]="'������������'" block style="padding-bottom: 11px;">
+      <nz-form-item>
+        <nz-form-control>
+          <tag-select>
+            <nz-tag *ngFor="let i of categories; let idx = index" nzMode="checkable" [nzChecked]="i.value" (nzCheckedChange)="changeCategory($event, idx)">
+              {{i.text}}
+            </nz-tag>
+          </tag-select>
+        </nz-form-control>
+      </nz-form-item>
+    </standard-form-row>
+    <standard-form-row [title]="'owner'" grid>
+      <nz-form-item>
+        <nz-form-control>
+          <nz-select [(ngModel)]="q.owners" name="owners" [nzMode]="'tags'" style="width: 286px;">
+            <nz-option *ngFor="let i of owners" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
+          </nz-select>
+          <a class="ml-sm" (click)="setOwner()">���������������</a>
+        </nz-form-control>
+      </nz-form-item>
+    </standard-form-row>
+    <standard-form-row [title]="'������������'" grid last>
+      <nz-row [nzGutter]="16">
+        <nz-col nzXl="8" nzLg="10" nzMd="12" nzSm="24" nzXs="24">
+          <nz-form-item>
+            <nz-form-label nzFor="rate">������������</nz-form-label>
+            <nz-form-control>
+              <nz-select [(ngModel)]="q.user" name="user" [nzPlaceHolder]="'������'" [nzShowSearch]="true" style="width: 200px;">
+                <nz-option [nzLabel]="'������'" [nzValue]="'lisa'"></nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+        </nz-col>
+        <nz-col nzXl="8" nzLg="10" nzMd="12" nzSm="24" nzXs="24">
+          <nz-form-item>
+            <nz-form-label nzFor="rate">���������</nz-form-label>
+            <nz-form-control>
+              <nz-select [(ngModel)]="q.rate" name="rate" [nzPlaceHolder]="'������'" [nzShowSearch]="true" style="width: 200px;">
+                <nz-option [nzLabel]="'������'" [nzValue]="'good'"></nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+        </nz-col>
+      </nz-row>
+    </standard-form-row>
+  </form>
+</nz-card>
+<nz-card [nzBordered]="false">
+  <nz-list nzItemLayout="vertical" [nzLoading]="loading" [nzDataSource]="list" [nzRenderItem]="item" [nzLoadMore]="loadMore">
+    <ng-template #item let-item>
+      <nz-list-item [nzContent]="nzContent" [nzExtra]="nzExtra" [nzActions]="[op1,op2,op3]">
+        <ng-template #op1>
+          <i class="anticon anticon-star-o mr-sm"></i>{{item.star}}</ng-template>
+        <ng-template #op2>
+          <i class="anticon anticon-like-o mr-sm"></i>{{item.like}}</ng-template>
+        <ng-template #op3>
+          <i class="anticon anticon-message mr-sm"></i>{{item.message}}</ng-template>
+        <ng-template #nzExtra>
+          <div style="width: 272px; height: 1px;"></div>
+        </ng-template>
+        <nz-list-item-meta [nzTitle]="nzTitle" [nzDescription]="nzDescription">
+          <ng-template #nzTitle>
+            <a href="{{item.href}}" target="_blank">{{item.title}}</a>
+          </ng-template>
+          <ng-template #nzDescription>
+            <nz-tag>Alain</nz-tag>
+            <nz-tag>ng-zorro-antd</nz-tag>
+            <nz-tag>Ant Design</nz-tag>
+          </ng-template>
+        </nz-list-item-meta>
+        <ng-template #nzContent>
+          <p>{{item.content}}</p>
+          <div class="mt-md d-flex">
+            <nz-avatar [nzSrc]="item.avatar" [nzSize]="'small'" class="mr-sm"></nz-avatar>
+            <a href="{{item.href}}" target="_blank">{{item.owner}}</a>
+            <span class="px-sm">���������</span>
+            <a href="{{item.href}}" target="_blank">{{item.href}}</a>
+            <time class="pl-md text-grey" title="{{item.updatedAt}}">{{item.updatedAt | _date}}</time>
+          </div>
+        </ng-template>
+      </nz-list-item>
+    </ng-template>
+    <ng-template #loadMore>
+      <div class="text-center mt-md">
+        <button nz-button (click)="getData(true)" [nzLoading]="loading" [nzType]="'dashed'" style="min-width:200px;">������������</button>
+      </div>
+    </ng-template>
+  </nz-list>
+</nz-card>

--
Gitblit v1.8.0