From 43e7ed40c26afa535aba24b1c9ddc1b87b607d8d Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Mon, 05 Mar 2018 09:26:26 +0800
Subject: [PATCH] 报表查看

---
 src/app/routes/systems/organization/organization-config/organization-config.component.html |  170 ++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 108 insertions(+), 62 deletions(-)

diff --git a/src/app/routes/systems/organization/organization-config/organization-config.component.html b/src/app/routes/systems/organization/organization-config/organization-config.component.html
index a4c3222..cf95cce 100644
--- a/src/app/routes/systems/organization/organization-config/organization-config.component.html
+++ b/src/app/routes/systems/organization/organization-config/organization-config.component.html
@@ -1,67 +1,113 @@
-<form>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-    <p>111111111111111111111111111<br/>
-      222222222222222222222222222<br/>
-      333333333333333333333333333<br/>
-   </p>
-   <p>111111111111111111111111111<br/>
-       222222222222222222222222222<br/>
-       333333333333333333333333333<br/>
-    </p>
-   <footer-toolbar errorCollect>
+<form nz-form [formGroup]="validateForm" (ngSubmit)="save($event,validateForm.value,validateForm.valid)" [nzLayout]="'vertical'"
+    #f="ngForm">
+    <nz-card [nzBordered]="false" nzTitle="��������������������������������������������� ������������ ������������������������)">
+        <nz-table #nzTable [nzDataSource]="grid.data" [nzPageSize]="10" [nzLoading]="grid.loading" [nzShowTotal]="true">
+            <thead nz-thead>
+                <tr>
+                    <th nz-th [nzCheckbox]="true">
+                        <label nz-checkbox formControlName="_allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)"></label>
+                    </th>
+                    <th nz-th>
+                        ���������������(������)
+                    </th>
+                    <th nz-th>
+                        ������
+                    </th>
+                    <th nz-th>
+                        ������
+                    </th>
+                    <th nz-th>
+                        ������
+                    </th>
+                    <th nz-th [ngStyle]="{'width': '72px'}">
+                        ������������
+                    </th>
+                    <th nz-th>
+                        <span *ngIf="hasDegression">������������</span>
+                    </th>
+                    <th nz-th>
+                        <span *ngIf="hasDegression">������������</span>
+                    </th>
+                    <th nz-th>
+                        <span *ngIf="hasDegression">������������</span>
+                    </th>
+                </tr>
+            </thead>
+            <tbody formGroupName="alarmLevels" nz-tbody>
+                <tr nz-tbody-tr *ngFor="let row of nzTable.data" formGroupName="{{row.sensorKey}}">
+
+                    <td nz-td [nzCheckbox]="true">
+                        <label nz-checkbox formControlName="enable"></label>
+                    </td>
+                    <td nz-td>
+                        <span>
+                            {{ row.name }}({{ row.unit }})
+                        </span>
+                    </td>
+                    <td nz-td formArrayName="increment" *ngFor="let in of validateForm.get('alarmLevels.'+row.sensorKey+'.increment').controls; index as i">
+                        <div nz-form-item>
+                            <div style="width:100px;" nz-form-control nzHasFeedback>
+                                <nz-input-number style="width: 100%;"  [formControlName]="i" maxlength="20" nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-input-number>
+                            </div>
+                        </div>
+                    </td>
+                    <td nz-td style="padding-top:0px;">
+                        <div nz-form-control>
+                            <nz-switch formControlName="degressEnable" (click)="refreshHasDegression(f.value['alarmLevels'][row.sensorKey]['degressEnable'])"
+                            nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-switch>
+                        </div>
+                    </td>
+                    <td nz-td formArrayName="degression" *ngFor="let in of validateForm.get('alarmLevels.'+row.sensorKey+'.degression').controls; index as i">
+                        <div *ngIf="f.value['alarmLevels'][row.sensorKey]['degressEnable']" nz-form-item>
+                            <div style="width:100px;"  nz-form-control nzHasFeedback>
+                                <nz-input-number style="width: 100%;" [formControlName]="i" maxlength="20" nzDisabled="{{ !f.value['alarmLevels'][row.sensorKey]['enable'] }}"></nz-input-number>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </nz-table>
+    </nz-card>
+    <div [ngStyle]="{'background-color':'#f5f7fa','width':'110%','left':'-5%','height':'20px','position':'relative'}"></div>
+    <nz-card [nzBordered]="false" nzTitle="������������" formGroupName="alarmMode">
+        <label nz-checkbox formControlName="enable">
+            <span>������������</span>
+        </label>
+        <div [ngStyle]="{'margin-left': '20%'}">
+            <br/>
+            <br/>
+            <br/>
+            <div *ngFor="let i of [1,2,3]" nz-form-item nz-row class="mb-sm">
+                <div nz-form-label nz-col [nzSm]="3" [nzXs]="24">
+                    <span [ngSwitch]="i">
+                        <label *ngSwitchCase="1">������������������:</label>
+                        <label *ngSwitchCase="2">������������������:</label>
+                        <label *ngSwitchCase="3">������������������:</label>
+                    </span>
+                </div>
+                <div nz-form-control nz-col [nzSpan]="12" nzHasFeedback>
+                    <nz-select formControlName="{{ 'level'+i }}" [nzMode]="'multiple'" [nzPlaceHolder]="'������ ������������'" [nzNotFoundContent]="'������������'"
+                        nzDisabled="{{ !f.value['alarmMode']['enable'] }}">
+                        <nz-option *ngFor="let option of alarmModes" [nzLabel]="option.label" [nzValue]="option.value" [nzDisabled]="option.disabled">
+                        </nz-option>
+                    </nz-select>
+                </div>
+                <br/>
+                <br/>
+                <br/>
+            </div>
+        </div>
+    </nz-card>
+    <footer-toolbar errorCollect>
+        <span [ngStyle]="{'color':'red','width':'300px','margin-right':'40px'}">{{ errorMessage }}</span>
+        <label>���������������</label>
+        <span [ngStyle]="{'font-size': '16px','font-weight': 'bold','margin-right':'30px'}">{{ organization.name }}</span>
         <button nz-button type="button" (click)="backToList()">������</button>
         <button nz-button [nzType]="'primary'" [nzLoading]="isSaving">
-          <span>
-            ������
-            <span *ngIf="isSaving">���</span>
-          </span>
+            <span>
+                ������
+                <span *ngIf="isSaving">���</span>
+            </span>
         </button>
     </footer-toolbar>
 </form>

--
Gitblit v1.8.0