From 902e52b94d2518196f5c5c91f62013342590abc7 Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Fri, 20 Jul 2018 10:05:43 +0800 Subject: [PATCH] 页面更新提交 --- src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html | 160 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 159 insertions(+), 1 deletions(-) diff --git a/src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html b/src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html index abc9972..7be0579 100644 --- a/src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html +++ b/src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html @@ -1,4 +1,162 @@ <div class="content__title"> <h1>������������</h1> </div> -<pro-header [title]="'Page Name'"></pro-header> +<nz-card [nzBordered]="false"> + <form nz-form [nzLayout]="'inline'"> + <div nz-row [nzGutter]="24"> + <div nz-col [nzSpan]="7" class="mb-md"> + <div nz-form-item class="d-flex"> + <div [ngStyle]="{'width': '128px'}" nz-form-label> + <label>������</label> + </div> + <div nz-form-control class="flex-1"> + <nz-select name="deviceDimension" style="width: 100%;" [(ngModel)]="deviceDimension" nzAllowClear [nzPlaceHolder]="'������ '+ dimensionItem.label +'(������������������)'" + nzShowSearch (nzSearchChange)="dimensionsChange($event)" [nzNotFoundContent]="'������������'"> + <nz-option *ngFor="let option of dimensionOptions" [nzLabel]="option.name" [nzValue]="option"> + </nz-option> + </nz-select> + </div> + </div> + </div> + <div nz-col [nzSpan]="7" class="mb-md"> + <div nz-form-item class="d-flex"> + <div [ngStyle]="{'width': '128px'}" nz-form-label> + <label>������</label> + </div> + <div nz-form-control class="flex-1"> + <nz-select name="timeUnit" [(ngModel)]="timeUnit" [nzPlaceHolder]="'������ ������������'" (ngModelChange)="setTimeUnit($event)" [nzNotFoundContent]="'������������'"> + <nz-option *ngFor="let option of timeUnitOptions" [nzLabel]="option.label" [nzValue]="option"> + </nz-option> + </nz-select> + </div> + </div> + </div> + <div nz-col [nzSpan]="7" class="mb-md"> + <div nz-form-item class="d-flex"> + <div nz-form-label> + <label>������:</label> + </div> + <div *ngIf="timeUnit.value!='MONTH'; else elseBlock" nz-form-control class="flex-1"> + <nz-datepicker [ngStyle]="{'width': '100%'}" name="actualTime" [(ngModel)]="actualTime" [nzAllowClear]="false" [nzShowTime]="_timeType.showTime" + [nzMode]="_timeType.mode" [nzFormat]="_timeType.dateFormat" [nzPlaceHolder]="'������������'"> + </nz-datepicker> + </div> + <ng-template #elseBlock> + <div nz-form-control class="flex-1"> + <nz-select name="actualYear" [(ngModel)]="actualYear" [nzPlaceHolder]="'������ ������������'" (ngModelChange)="setTimeUnit($event)" [nzNotFoundContent]="'������������'"> + <nz-option *ngFor="let option of actualYearOptions" [nzLabel]="option + ' ���'" [nzValue]="option"> + </nz-option> + </nz-select> + </div> + </ng-template> + </div> + </div> + <div nz-col [nzSpan]="3" class="mb-md"> + <button nz-button [nzType]="'primary'" (click)="loadGrid()"> + <i class="anticon anticon-search"></i> + <span>������</span> + </button> + </div> + </div> + </form> +</nz-card> +<nz-card> + <div nz-row [nzGutter]="16"> + <div nz-col [ngStyle]="{'display':isChartCollapse ? 'none' : 'block' }" [nzMd]="24"> + <div echarts style="margin-top: 12px;" [options]="chartOption" [loading]="chartLoading" class="line-chart" (chartInit)="onChartInit($event)"></div> + </div> + <div *ngIf="isChartCollapse" style="width:100%; text-align:center;"> + <span style="font-size:18px; font-weight: bold;">{{ _chartTitleTemp }}</span> + </div> + <div *ngIf="!!echartsIntance&&!isChartCollapse" class="chart-switch-select"> + <nz-dropdown> + <a class="ant-dropdown-link" nz-dropdown> + <p class="display-3 text-primary">������������ + <i class="anticon anticon-down"></i> + </p> + </a> + <ul style="cursor:pointer; max-height: 260px; overflow:auto;" nz-menu> + <li [ngClass]="{'ant-dropdown-menu-item-selected':chartSelectedIndex==m}" *ngFor="let item of grid.data,index as m" (click)="switchSensor(m)" + nz-menu-item> + {{item.sensor.name}} + <i *ngIf="chartSelectedIndex==m" class="anticon anticon-check-circle-o"></i> + </li> + </ul> + </nz-dropdown> + </div> + <a *ngIf="!!echartsIntance" style="position: absolute; right: 0; top: -10px;" class="pl-sm" (click)="toggleChartCollapse()"> + ������ + <i class="anticon" [class.anticon-down]="isChartCollapse" [class.anticon-up]="!isChartCollapse"></i> + </a> + </div> +</nz-card> +<!--<nz-card>--> + <!--<div nz-row [nzGutter]="16">--> + <!--<div nz-col [nzMd]="24">--> + <!--<div style="width:100%; text-align:center;">--> + <!--<span style="font-size:18px; font-weight: bold;">{{ _tableTitleTemp }}</span>--> + <!--</div>--> + <!--</div>--> + <!--</div>--> + <!--<div nz-row [nzGutter]="16">--> + <!--<div nz-col [nzMd]="24">--> + <!--<nz-table #nzTable [nzScroll]="{ x:tableWidth,y:350 }" [nzDataSource]="grid.data" [nzIsPagination]="false" [nzLoading]="grid.loading">--> + <!--<ng-template #nzFixedHeader>--> + <!--<thead nz-thead>--> + <!--<tr>--> + <!--<th nz-th [nzWidth]="'160px'" [ngStyle]="{'position': 'relative', 'text-align':'center', 'left':sensorNameScrollLeft+'px'}">--> + <!--<span>������������</span>--> + <!--</th>--> + <!--<th nz-th [nzWidth]="'80px'" *ngFor="let col of grid.columns" [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}">--> + <!--<span>{{ col.text }}</span>--> + <!--</th>--> + <!--</tr>--> + <!--</thead>--> + <!--</ng-template>--> + <!--<tbody nz-tbody>--> + <!--<tr nz-tbody-tr style="cursor:pointer;" *ngFor="let row of nzTable.data,index as i" (click)="switchSensor(i)" (mouseover)="sensorTableFocus(i)"--> + <!--(mouseout)="sensorTableBlur(i)" [ngClass]="{'table-tr-bgcolor-focus': i === sensorTableFocusIndex,'table-tr-bgcolor-blur': i !== sensorTableFocusIndex}">--> + <!--<td nz-td class='sensor-name' [ngStyle]="{'background-color': '#FFF'}">--> + <!--<span>--> + <!--<span>{{ row.sensor.name+'('+row.sensor.unit+')' }}</span> --> + <!--<i *ngIf="chartSelectedIndex==i" class="anticon anticon-line-chart"></i>--> + <!--</span>--> + <!--</td>--> + <!--<td nz-td *ngFor="let col of grid.columns,index as n" [ngStyle]="{'width':col.width,'text-align':col['align'] === undefined?'left':col.align}">--> + <!--<span [ngSwitch]="col.type">--> + <!--<!– ������������������������������������ –>--> + <!--<span title="{{ row.data[n]|tyepHandle:col:row }}" style="width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"--> + <!--*ngSwitchDefault> {{ row.data[n]|tyepHandle:col:row }} </span>--> + <!--<!– ������������������������������������ –>--> + <!--</span>--> + <!--</td>--> + <!--</tr>--> + <!--</tbody>--> + <!--</nz-table>--> + <!----> + <!--<div *ngIf="grid.data.length>0" [ngClass]="{'table-scroll':true,'table-scroll-box-shadow': sensorNameScrollLeft>2 }" style="position: absolute; top:0;">--> + <!--<nz-table #nzTable [nzDataSource]="grid.data" [nzIsPagination]="false">--> + <!--<thead nz-thead>--> + <!--<tr>--> + <!--<th nz-th [nzWidth]="'160px'" style="text-align:center; position:relative; display:block; z-index:9;">--> + <!--<span>������������</span>--> + <!--</th>--> + <!--</tr>--> + <!--</thead>--> + <!--<tbody nz-tbody [ngStyle]="{'top':sensorNameScrollTop+'px'}" style="position: relative; z-index:7; display:block;">--> + <!--<tr nz-tbody-tr style="cursor:pointer;" *ngFor="let row of nzTable.data,index as i" (mouseover)="sensorTableFocus(i)" (mouseout)="sensorTableBlur(i)"--> + <!--[ngClass]="{'table-tr-bgcolor-focus': i === sensorTableFocusIndex,'table-tr-bgcolor-blur': i !== sensorTableFocusIndex}"--> + <!--(click)="switchSensor(i)">--> + <!--<td nz-td class='sensor-name' [ngStyle]="{'width':'160px','text-align': 'center'}">--> + <!--<span>--> + <!--<span>{{ row.sensor.name+'('+row.sensor.unit+')' }}</span> --> + <!--<i *ngIf="chartSelectedIndex==i" class="anticon anticon-line-chart"></i>--> + <!--</span>--> + <!--</td>--> + <!--</tr>--> + <!--</tbody>--> + <!--</nz-table>--> + <!--</div>--> + <!--</div>--> + <!--</div>--> +<!--</nz-card>--> -- Gitblit v1.8.0