|
@@ -0,0 +1,193 @@
|
|
|
+
|
|
|
+<page-header [action]="phActionTpl">
|
|
|
+ <ng-template #phActionTpl>
|
|
|
+ <span id="materialTitAdd" hidden="true">
|
|
|
+ {{ 'button.add' | translate }}{{ 'material.classification' | translate }}
|
|
|
+ </span>
|
|
|
+ <span id="materialTitUpdate" hidden="true">{{ 'table.update' | translate }}{{ 'personnel' | translate }}</span>
|
|
|
+ <button nz-button nzType="primary" (click)="editProduct('')">
|
|
|
+ {{ 'button.add' | translate }}{{ 'product' | translate }}
|
|
|
+ </button>
|
|
|
+ </ng-template>
|
|
|
+</page-header>
|
|
|
+
|
|
|
+<div nz-row [nzGutter]="24">
|
|
|
+
|
|
|
+ <div nz-col nzMd="24" nzLg="6">
|
|
|
+ <nz-card>
|
|
|
+
|
|
|
+ <div nz-row [nzGutter]="24" style="margin-bottom: 10px;">
|
|
|
+ <div nz-col nzMd="24" nzLg="24">
|
|
|
+ <button nz-button nzType="primary" (click)="addMaterial(0)">{{ 'button.leve.one' | translate }}</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col nzMd="24" nzLg="24">
|
|
|
+ <nz-input-group [nzSuffix]="suffixIcon" style="width:100%">
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ nz-input
|
|
|
+ placeholder="{{ 'placeholder' | translate }}{{ 'material.classification.name' | translate }}"
|
|
|
+ [(ngModel)]="searchValue"
|
|
|
+ />
|
|
|
+ </nz-input-group>
|
|
|
+ <ng-template #suffixIcon>
|
|
|
+ <i nz-icon type="search"></i>
|
|
|
+ </ng-template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col nzMd="24" nzLg="24">
|
|
|
+ <nz-tree
|
|
|
+ [nzData]="materialNodes"
|
|
|
+ [nzSearchValue]="searchValue"
|
|
|
+ (nzClick)="treeClick($event)"
|
|
|
+ (nzDblClick)="(openFolder)"
|
|
|
+ >
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <ng-template #contextTemplate>
|
|
|
+ <ul nz-menu nzInDropDown>
|
|
|
+ <li nz-menu-item (click)="addMaterial(1)">{{ 'button.add' | translate }}</li>
|
|
|
+ <li nz-menu-item (click)="addMaterial(2)">{{ 'table.update' | translate }}</li>
|
|
|
+ <li nz-menu-item (click)="delMaterial()">{{ 'table.delete' | translate }}</li>
|
|
|
+ <li nz-menu-item (click)="cancel()">{{ 'button.cancel' | translate }}</li>
|
|
|
+ </ul>
|
|
|
+ </ng-template>
|
|
|
+
|
|
|
+ <ng-template #nzTreeTemplate let-node>
|
|
|
+ <span class="custom-node">
|
|
|
+ <span *ngIf="!node.isLeaf" (contextmenu)="contextMenu(node.key, $event, contextTemplate)">
|
|
|
+ <span class="folder-name">{{ node.name }}</span>
|
|
|
+ </span>
|
|
|
+ <span *ngIf="node.isLeaf" (contextmenu)="contextMenu(node.key, $event, contextTemplate)">
|
|
|
+ <span class="file-name">{{ node.name }}</span>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </ng-template>
|
|
|
+ </nz-tree>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nz-card>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div nz-col nzMd="24" nzLg="18">
|
|
|
+ <nz-card>
|
|
|
+ <form >
|
|
|
+
|
|
|
+ <div nz-row nzGutter="24">
|
|
|
+ <div nz-col nzMd="24" nzLg="3">
|
|
|
+ <nz-form-label>产品编码</nz-form-label>
|
|
|
+ </div>
|
|
|
+ <div nz-col nzMd="24" nzLg="6">
|
|
|
+ <input nz-input [(ngModel)]="product.code" name="code" />
|
|
|
+ </div>
|
|
|
+ <div nz-col nzMd="24" nzLg="3">
|
|
|
+ <nz-form-label>产品名称</nz-form-label>
|
|
|
+ </div>
|
|
|
+ <div nz-col nzMd="24" nzLg="6">
|
|
|
+ <input nz-input [(ngModel)]="product.name" name="name" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div nz-col nzMd="24" nzLg="6">
|
|
|
+ <button (click)="query()" nz-button nzType="primary">{{ 'button.query' | translate }}</button>
|
|
|
+ <button (click)="rest()" nz-button nzType="primary">{{ 'button.reset' | translate }}</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+
|
|
|
+ <div nz-row nzGutter="24">
|
|
|
+ <div nz-col nzMd="24" nzLg="24">
|
|
|
+ <nz-table
|
|
|
+ class="tableTdPadding"
|
|
|
+ #basicTable
|
|
|
+ [nzData]="proListData"
|
|
|
+ [nzFrontPagination]="false"
|
|
|
+ [nzTotal]="page.total"
|
|
|
+ [nzPageIndex]="page.current"
|
|
|
+ (nzPageIndexChange)="pageIndexChange($event)"
|
|
|
+ [nzLoading]="isSpinning"
|
|
|
+ [nzScroll]="{ x: '70vw' }"
|
|
|
+ >
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th nzWidth="8vw" nzLeft="0px" nzAlign="center">编号</th>
|
|
|
+ <th nzAlign="center" nzLeft="8vw">名称</th>
|
|
|
+ <th nzAlign="center">组织</th>
|
|
|
+ <th nzAlign="center">排序</th>
|
|
|
+ <th nzAlign="center">状态</th>
|
|
|
+ <th nzAlign="center">属性</th>
|
|
|
+
|
|
|
+ <th nzAlign="center"></th> -->
|
|
|
+ <th nzAlign="center" nzRight="0px">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable.data">
|
|
|
+ <td style="width: 8vw" nzAlign="center" nzLeft="0px">{{ data.code }}</td>
|
|
|
+ <td nzAlign="center" nzLeft="8vw">{{ data.name }}</td>
|
|
|
+ <td nzAlign="center">{{ data.pkOrg }}</td>
|
|
|
+ <td nzAlign="center">{{ data.sort }}</td>
|
|
|
+ <td nzAlign="center">
|
|
|
+ <ng-container *ngIf="data.status == 1">
|
|
|
+ {{ 'state.stay' | translate }}
|
|
|
+ </ng-container>
|
|
|
+ <ng-container *ngIf="data.status == 2">
|
|
|
+ {{ 'state.leave' | translate }}
|
|
|
+ </ng-container>
|
|
|
+ <ng-container *ngIf="data.status == 3">
|
|
|
+ {{ 'state.vacation' | translate }}
|
|
|
+ </ng-container>
|
|
|
+ </td>
|
|
|
+ <td nzAlign="center">{{ data.attribute }}</td>
|
|
|
+
|
|
|
+ <td nzAlign="center">
|
|
|
+
|
|
|
+ <nz-tag *ngIf="data.enable === '0'" [nzColor]="'green'">{{ 'no' | translate }}</nz-tag>
|
|
|
+
|
|
|
+ <nz-tag *ngIf="data.enable === '1'" [nzColor]="'red'">{{ 'yes' | translate }}</nz-tag>
|
|
|
+
|
|
|
+ {{'no'| translate}}
|
|
|
+ </ng-container>
|
|
|
+ <ng-container *ngIf="data.enable==1">
|
|
|
+ {{'yes'| translate}}
|
|
|
+ </ng-container> -->
|
|
|
+ </td>
|
|
|
+
|
|
|
+ <td nzAlign="center" nzRight="0px" style="width: 10%;">
|
|
|
+ <a href="javascript:void(0);" (click)="openDetailsComponent(data.id)">{{
|
|
|
+ 'table.view' | translate
|
|
|
+ }}</a>
|
|
|
+ <nz-divider nzType="vertical"></nz-divider>
|
|
|
+ <nz-dropdown>
|
|
|
+ <a nz-dropdown> {{ 'hospital.operation.more' | translate }}<i nz-icon type="down"></i> </a>
|
|
|
+ <ul nz-menu nzSelectable>
|
|
|
+ <li nz-menu-item>
|
|
|
+ <a href="javascript:void(0);" (click)="editPersonnel(data.id)">{{
|
|
|
+ 'table.update' | translate
|
|
|
+ }}</a>
|
|
|
+ </li>
|
|
|
+ <li nz-menu-item>
|
|
|
+ <a
|
|
|
+ nz-popconfirm
|
|
|
+ nzTitle="{{ 'isdelete' | translate }}"
|
|
|
+ nzOkText="{{ 'yes' | translate }}"
|
|
|
+ nzCancelText="{{ 'no' | translate }}"
|
|
|
+ (nzOnConfirm)="deletePersonnel(data.id)"
|
|
|
+ >{{ 'table.delete' | translate }}</a
|
|
|
+ >
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </nz-dropdown>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nz-card>
|
|
|
+ </div>
|
|
|
+</div>
|