asset-manage.component.html

<div nz-row class="breadcrumbs" >
  <div nz-col nzSpan="16">
    <nz-breadcrumb class="padding-8-0">
      <nz-breadcrumb-item>
        首页
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        <a>信息资源管理</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        资产管理
      </nz-breadcrumb-item>
    </nz-breadcrumb>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
    <smart-full-screen></smart-full-screen>
  </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
  <div nz-col nzSpan="3">
    <nz-select nzAllowClear style="width: 100%;" [(ngModel)]="obj.classification" nzPlaceHolder="全部分类">
      <ng-container>
        <nz-option [nzLabel]="'信息化设备'" [nzValue]="'信息化设备'"></nz-option>
      </ng-container>
    </nz-select>
  </div>
  <div nz-col nzSpan="3">
    <nz-select nzAllowClear style="width: 100%;" [(ngModel)]="obj.type" nzPlaceHolder="二类子项">
      <ng-container *ngFor="let item of typeList">
        <nz-option [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
      </ng-container>
    </nz-select>
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <button (click)="showUploadModal()" nz-button nzType="default"><i class="anticon anticon-upload"></i>导入资产
    </button>
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <button (click)="downLoad()" [nzLoading]="isDownload" nz-button nzType="default"><i class="anticon anticon-download"></i>导出资产</button>
  </div>
  <div nz-col nzSpan="8">
  </div>
</div>

<div nz-row [nzGutter]="4" class="search-form">
  <div nz-col nzSpan="3">
    <input type="text" nz-input [(ngModel)]="obj.name" placeholder="资产名称">
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <input type="text" nz-input [(ngModel)]="obj.no" placeholder="资产编号">
  </div>
  <div nz-col nzSpan="3" class="text-center">
    <input type="text" nz-input [(ngModel)]="obj.attributionProject" placeholder="归属项目">
  </div>
  <div nz-col nzSpan="3">
    <input type="text" nz-input [(ngModel)]="obj.contacts" placeholder="负责人">
  </div>
  <div nz-col nzSpan="4">
    <button (click)="search()" nz-button nzType="default"><i class="anticon anticon-search"></i>搜索</button>
  </div>
  <div nz-col nzSpan="2">
  </div>
  <div nz-col nzSpan="2">
  </div>
  <div nz-col nzSpan="2">
    <button (click)="showAddModal()" nz-button nzType="default"><i class="anticon anticon-plus-circle-o"></i>添加</button>
  </div>
  <div nz-col nzSpan="2">
<!--    <button (click)="batchDelete()" nz-button nzType="default"><i class="anticon anticon-close-circle-o"></i>删除</button>-->
  </div>
</div>

<nz-table #nzTable [nzData]="dataSet" [nzLoading]="isLoading" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)">
  <thead>
  <tr>
    <th nzShowCheckbox [(nzChecked)]="allChecked" [nzIndeterminate]="indeterminate" (nzCheckedChange)="checkAll($event)"></th>
    <th nzWidth="15%">资产编号</th>
    <th nzWidth="15%">资产名称</th>
    <th>资产分类</th>
    <th>归属项目</th>
    <th>归属部门</th>
    <th>联系人</th>
    <th>购买合同日期</th>
    <th>保修到期时间</th>
    <th style="text-align: center">操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of nzTable.data">
    <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="selectItem(data,$event)"></td>
    <td>{{data.no}}</td>
    <td>{{data.name}}</td>
    <td>{{data.classification || '信息化设备'}}</td>
    <td>{{data.attributionProject}}</td>
    <td>{{data.attributionDepartments}}</td>
    <td>{{data.contacts}}</td>
    <td>{{data.buyDate | date:"yyyy-MM-dd"}}</td>
    <td>{{data.expirationDate | date:"yyyy-MM-dd"}}</td>
    <td class="handle text-center main-color">
      <span *ngIf="data.status == 1" (click)="lookEvent(data)">查看</span>
      <span (click)="showEditModal(data)">编辑</span>
      <span (click)="deleteHandle(data)">删除</span>
    </td>
  </tr>
  </tbody>
</nz-table>
<!--导入资产-->
<smart-upload-asset #smartUploadAsset (done)="getList()"></smart-upload-asset>
<!--添加资产-->
<smart-create-property #smartCreateProperty (done)="getList()"></smart-create-property>