|
@@ -1,60 +1,91 @@
|
|
|
<page-header [action]="phActionTpl">
|
|
|
<ng-template #phActionTpl>
|
|
|
- <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'expense-reimbursement-form:add'">新建</button>
|
|
|
+
|
|
|
+ <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'expense-reimbursement-form:add'">
|
|
|
+ {{ 'new' | translate }}
|
|
|
+ </button>
|
|
|
</ng-template>
|
|
|
</page-header>
|
|
|
<nz-card>
|
|
|
|
|
|
- <form nz-form>
|
|
|
- <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
|
|
|
- <div nz-col [nzSpan]="8">
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="6" [nzXs]="24">项目名称</nz-form-label>
|
|
|
- <nz-form-control [nzSm]="14" [nzXs]="24">
|
|
|
-
|
|
|
- </nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
+ <form nz-form>
|
|
|
+ <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
|
|
|
+ <div nz-col [nzSpan]="8">
|
|
|
+ <nz-form-item>
|
|
|
+
|
|
|
+ <nz-form-label [nzSm]="6" [nzXs]="24">{{ 'cost.item.name' | translate }}</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="14" [nzXs]="24"> </nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col [nzSpan]="8">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]="true"></nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="14" [nzXs]="24">
|
|
|
+
|
|
|
+ <button nzType="primary" (click)="query()" nz-button>
|
|
|
+ <span>
|
|
|
+ {{ 'store.search' | translate }}
|
|
|
+ </span>
|
|
|
+ </button>
|
|
|
+ </nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div nz-col [nzSpan]="8">
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
|
|
|
- <nz-form-control [nzSm]="14" [nzXs]="24">
|
|
|
- <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
|
|
|
- </nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
|
|
|
+ <div nz-col [nzSpan]="24">
|
|
|
+ <nz-table
|
|
|
+ nzSize="small"
|
|
|
+ #basicTable
|
|
|
+ [nzData]="listOfData"
|
|
|
+ [nzFrontPagination]="false"
|
|
|
+ [nzTotal]="page.total"
|
|
|
+ [nzPageIndex]="page.current"
|
|
|
+ (nzPageIndexChange)="pageIndexChange($event)"
|
|
|
+ [nzLoading]="isSpinning"
|
|
|
+ >
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+
|
|
|
+ <th>{{ 'personnel' | translate }}</th>
|
|
|
+
|
|
|
+
|
|
|
+ <th>{{ 'Date' | translate }}</th>
|
|
|
+
|
|
|
+
|
|
|
+ <th>{{ 'project' | translate }}</th>
|
|
|
+
|
|
|
+
|
|
|
+ <th>{{ 'pm.quotation.Single.person' | translate }}</th>
|
|
|
+
|
|
|
+
|
|
|
+ <th>{{ 'table.operation' | translate }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable.data">
|
|
|
+ <td>{{ data.person }}</td>
|
|
|
+ <td>{{ data.date }}</td>
|
|
|
+ <td>{{ data.proName }}</td>
|
|
|
+ <td>{{ data.producer }}</td>
|
|
|
+ <td>
|
|
|
+
|
|
|
+ <a (click)="view(data)" acl [acl-ability]="'expense-reimbursement-form:view'">
|
|
|
+ {{ 'table.view' | translate }}
|
|
|
+ </a>
|
|
|
+ <nz-divider nzType="vertical" acl [acl-ability]="'expense-reimbursement-form:view'"></nz-divider>
|
|
|
+ <a (click)="update(data)" acl [acl-ability]="'expense-reimbursement-form:update'">
|
|
|
+ {{ 'table.update' | translate }}
|
|
|
+ </a>
|
|
|
+ <nz-divider nzType="vertical" acl [acl-ability]="'expense-reimbursement-form:update'"></nz-divider>
|
|
|
+ <a (click)="delete(data.id)" acl [acl-ability]="'expense-reimbursement-form:delete'">
|
|
|
+ {{ 'table.delete' | translate }}
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</form>
|
|
|
-
|
|
|
- <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
|
|
|
- <div nz-col [nzSpan]="24">
|
|
|
- <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
|
|
|
- [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>人员</th>
|
|
|
- <th>日期</th>
|
|
|
- <th>项目</th>
|
|
|
- <th>制单人</th>
|
|
|
- <th>操作</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr *ngFor="let data of basicTable.data">
|
|
|
- <td>{{ data.person }}</td>
|
|
|
- <td>{{ data.date }}</td>
|
|
|
- <td>{{ data.proName }}</td>
|
|
|
- <td>{{ data.producer }}</td>
|
|
|
- <td>
|
|
|
- <a (click)="view(data)" acl [acl-ability]="'expense-reimbursement-form:view'">详情</a>
|
|
|
- <nz-divider nzType="vertical" acl [acl-ability]="'expense-reimbursement-form:view'"></nz-divider>
|
|
|
- <a (click)="update(data)" acl [acl-ability]="'expense-reimbursement-form:update'">修改</a>
|
|
|
- <nz-divider nzType="vertical" acl [acl-ability]="'expense-reimbursement-form:update'"></nz-divider>
|
|
|
- <a (click)="delete(data.id)" acl [acl-ability]="'expense-reimbursement-form:delete'">删除</a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </nz-table>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
</nz-card>
|