shaojiahao
/
Jinan_project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

单位基本信息保存

非煤矿山灾害智能感知和预警系统
jingbowen 3 years ago
parent
83c37a0ae9
commit
1932ab5bb9
3 changed files with 316 additions and 197 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 89
      src/app/home/basic-info/unit-details/unit-details.component.html
  2. 9
      src/app/home/basic-info/unit-details/unit-details.component.scss
  3. 161
      src/app/home/basic-info/unit-details/unit-details.component.ts

89
src/app/home/basic-info/unit-details/unit-details.component.html
Unescape View File

@ -1,11 +1,19 @@
<div class="detailsbox"> <div class="detailsbox">
<div class="top"><button nz-button (click)="back()">返回</button></div> <div class="top">
<div>
<button nz-button (click)="back()">返回</button>
</div>
<div style="text-align: right;">
<button nz-button nzType="primary" (click)="exportClick()">下载文档</button>
<button nz-button [nzType]="'primary'" (click)='edit()'>保存</button>
</div>
</div>
<div class="buttons"> <div class="buttons">
<div class="button-left"> <div class="button-left">
<!-- <button nz-button nzType="primary">新增建筑</button> <!-- <button nz-button nzType="primary">新增建筑</button>
<button nz-button nzType="primary">查看消防设施统计</button> --> <button nz-button nzType="primary">查看消防设施统计</button> -->
</div> </div>
<div class="button-right"><button nz-button nzType="primary" (click)="exportClick()">下载</button></div> <div class="button-right"></div>
</div> </div>
<div class="title">单位信息</div> <div class="title">单位信息</div>
<div class="content" style="display: flex;"> <div class="content" style="display: flex;">
@ -44,21 +52,37 @@
</nz-form-control> </nz-form-control>
</nz-form-item> --> </nz-form-item> -->
<nz-form-item> <nz-form-item>
<nz-form-label nzRequired [nzSpan]="7" nzFor="所属救援站">所属救援站</nz-form-label> <nz-form-label [nzSpan]="7" nzFor="所属救援站">所属救援站</nz-form-label>
<nz-form-control [nzSpan]="12"> <nz-form-control [nzSpan]="12">
<nz-select formControlName="organizationId" nzPlaceHolder="请选择所属救援站"> <nz-tree-select [nzNodes]="nodes" nzShowSearch nzPlaceHolder="所属机构" formControlName="organizationId"
<nz-option *ngFor="let item of jiuyuanzhan" [nzValue]="item.id" [nzLabel]="item.name"> [nzExpandedIcon]="multiExpandedIconTpl" [nzDropdownClassName]="'maxHeightTreeSelect'" [nzAllowClear]="false">
</nz-option> </nz-tree-select>
</nz-select> <ng-template #multiExpandedIconTpl let-node let-origin="origin">
<ng-container *ngIf="node.children.length == 0; else elseTemplate">
</ng-container>
<ng-template #elseTemplate>
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
class="ant-tree-switcher-line-icon"></i>
</ng-template>
</ng-template>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
<nz-form-item> <nz-form-item>
<nz-form-label [nzSpan]="7" nzFor="所属大队">所属大队</nz-form-label> <nz-form-label [nzSpan]="7" nzFor="所属大队">所属大队</nz-form-label>
<nz-form-control [nzSpan]="12"> <nz-form-control [nzSpan]="12">
<nz-select formControlName="relatedOrganizationId" nzPlaceHolder="请选择所属大队"> <nz-tree-select [nzNodes]="nodes" nzShowSearch nzPlaceHolder="所属机构" formControlName="relatedOrganizationId"
<nz-option *ngFor="let item of dadui" [nzValue]="item.id" [nzLabel]="item.name"> [nzExpandedIcon]="multiExpandedIconTpl" [nzDropdownClassName]="'maxHeightTreeSelect'" [nzAllowClear]="false">
</nz-option> </nz-tree-select>
</nz-select> <ng-template #multiExpandedIconTpl let-node let-origin="origin">
<ng-container *ngIf="node.children.length == 0; else elseTemplate">
</ng-container>
<ng-template #elseTemplate>
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
class="ant-tree-switcher-line-icon"></i>
</ng-template>
</ng-template>
</nz-form-control> </nz-form-control>
</nz-form-item> </nz-form-item>
<!-- <nz-form-item> <!-- <nz-form-item>
@ -70,10 +94,10 @@
</nz-form-control> </nz-form-control>
</nz-form-item> --> </nz-form-item> -->
<nz-form-item> <nz-form-item>
<nz-form-label [nzSpan]="7" nzFor="建筑类型">建筑类型</nz-form-label> <nz-form-label [nzSpan]="7" nzFor="单位类型">单位类型</nz-form-label>
<nz-form-control [nzSpan]="12"> <nz-form-control [nzSpan]="12">
<nz-select formControlName="buildingTypeId" nzPlaceHolder="请选择建筑类型"> <nz-select formControlName="buildingTypeId" nzPlaceHolder="请选择单位类型">
<nz-option *ngFor="let item of listOfData2" [nzValue]="item.id" [nzLabel]="item.name"> <nz-option *ngFor="let item of BuildingTypes" [nzValue]="item.id" [nzLabel]="item.buildingTypeName">
</nz-option> </nz-option>
</nz-select> </nz-select>
</nz-form-control> </nz-form-control>
@ -369,7 +393,7 @@
style="font-family:宋体; font-size:9pt">）</span><br /><span style="font-family:宋体; font-size:9pt">）</span><br /><span
style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span
style="font-family:宋体; font-size:9pt">）</span> --> style="font-family:宋体; font-size:9pt">）</span> -->
<label nz-checkbox [(ngModel)]="datas.facilities.alarm">有无</label> <label nz-checkbox [(ngModel)]="datas.facilities.system.alarm">有无</label>
</p> </p>
</td> </td>
<td colspan="3" <td colspan="3"
@ -385,7 +409,7 @@
style="font-family:宋体; font-size:9pt">）</span><br /><span style="font-family:宋体; font-size:9pt">）</span><br /><span
style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span
style="font-family:宋体; font-size:9pt">）</span> --> style="font-family:宋体; font-size:9pt">）</span> -->
<label nz-checkbox [(ngModel)]="datas.facilities.spray">有无</label> <label nz-checkbox [(ngModel)]="datas.facilities.system.spray">有无</label>
</p> </p>
</td> </td>
<td colspan="4" <td colspan="4"
@ -401,7 +425,7 @@
style="font-family:宋体; font-size:9pt">）</span><br /><span style="font-family:宋体; font-size:9pt">）</span><br /><span
style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span
style="font-family:宋体; font-size:9pt">）</span> --> style="font-family:宋体; font-size:9pt">）</span> -->
<label nz-checkbox [(ngModel)]="datas.facilities.broadcast">有无</label> <label nz-checkbox [(ngModel)]="datas.facilities.system.broadcast">有无</label>
</p> </p>
</td> </td>
<td colspan="2" <td colspan="2"
@ -417,7 +441,7 @@
style="font-family:宋体; font-size:9pt">）</span><br /><span style="font-family:宋体; font-size:9pt">）</span><br /><span
style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span style="font-family:宋体; font-size:9pt">无（</span><span style="font-family:宋体; font-size:9pt">√</span><span
style="font-family:宋体; font-size:9pt">）</span> --> style="font-family:宋体; font-size:9pt">）</span> -->
<label nz-checkbox [(ngModel)]="datas.facilities.smoke">有无</label> <label nz-checkbox [(ngModel)]="datas.facilities.system.smoke">有无</label>
</p> </p>
</td> </td>
</tr> </tr>
@ -636,7 +660,7 @@
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:42.15pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:42.15pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt"><input style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[0].keypartsposition" nz-input style="width:120px" type="text"></span></p> [(ngModel)]="datas.KeyParts[0].keypartsposition" nz-input style="width:50px" type="text"></span></p>
</td> </td>
<td colspan="4" <td colspan="4"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt">
@ -646,7 +670,8 @@
<td colspan="3" <td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:43.15pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:43.15pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">钢结构</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[0].buildingstructure" nz-input style="width:50px" type="text"></span></p>
</td> </td>
<td colspan="2" <td colspan="2"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:36.55pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:36.55pt">
@ -656,7 +681,8 @@
<td colspan="2" <td colspan="2"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:65.6pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:65.6pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">存储漆类，油类</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[0].useNature" nz-input style="width:50px" type="text"></span></p>
</td> </td>
</tr> </tr>
<tr style="height:31.75pt"> <tr style="height:31.75pt">
@ -668,7 +694,8 @@
<td colspan="18" <td colspan="18"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:1pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:4.9pt; vertical-align:middle; width:377.05pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:1pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:4.9pt; vertical-align:middle; width:377.05pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">油类，漆类易燃，有毒</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[0].danger" nz-input style="width:250px" type="text"></span></p>
</td> </td>
</tr> </tr>
<tr style="height:35.1pt"> <tr style="height:35.1pt">
@ -685,7 +712,8 @@
<td <td
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:35.45pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:35.45pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">淬火油池</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[1].keyparts" nz-input style="width:50px" type="text"></span></p>
</td> </td>
<td colspan="3" <td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:54.8pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:54.8pt">
@ -695,7 +723,8 @@
<td colspan="3" <td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:42.15pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:42.15pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">厂区中部</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[1].keypartsposition" nz-input style="width:50px" type="text"></span></p>
</td> </td>
<td colspan="4" <td colspan="4"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:34.55pt">
@ -705,7 +734,8 @@
<td colspan="3" <td colspan="3"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:43.15pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:43.15pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">钢结构</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[1].buildingstructure" nz-input style="width:50px" type="text"></span></p>
</td> </td>
<td colspan="2" <td colspan="2"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:36.55pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:36.55pt">
@ -715,7 +745,8 @@
<td colspan="2" <td colspan="2"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:65.6pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:5.03pt; vertical-align:middle; width:65.6pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">淬火</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[1].useNature" nz-input style="width:50px" type="text"></span></p>
</td> </td>
</tr> </tr>
<tr style="height:31.75pt"> <tr style="height:31.75pt">
@ -727,7 +758,8 @@
<td colspan="18" <td colspan="18"
style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:1pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:4.9pt; vertical-align:middle; width:377.05pt"> style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:1pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.4pt; padding-right:4.9pt; vertical-align:middle; width:377.05pt">
<p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span <p style="line-height:12pt; margin:0pt; orphans:0; text-align:center; widows:0"><span
style="font-family:宋体; font-size:9pt">高温</span></p> style="font-family:宋体; font-size:9pt"><input
[(ngModel)]="datas.KeyParts[1].danger" nz-input style="width:250px" type="text"></span></p>
</td> </td>
</tr> </tr>
<tr style="height:56pt"> <tr style="height:56pt">
@ -771,7 +803,8 @@
<p style="margin:0pt; orphans:0; text-align:justify; widows:0"><span style="-aw-bookmark-end:_目录"></span><span <p style="margin:0pt; orphans:0; text-align:justify; widows:0"><span style="-aw-bookmark-end:_目录"></span><span
style="font-family:Calibri; font-size:10.5pt">&#xa0;</span></p> style="font-family:Calibri; font-size:10.5pt">&#xa0;</span></p>
</div> </div>
</div> </div>
<!-- <button nz-button [nzType]="'primary'" (click)='exportClick()'>导出报告</button> -->
</div> </div>

9
src/app/home/basic-info/unit-details/unit-details.component.scss
Unescape View File

@ -7,11 +7,14 @@
.top { .top {
text-align: left; text-align: left;
margin: 20px; margin: 20px;
display: flex;
// border-bottom: 1px solid #eee; // border-bottom: 1px solid #eee;
color: #000; color: #000;
span { div{
color: #000D21; width: 50%;
margin-right: 16px; }
button{
margin-right: 10px;
} }
} }
.buttons{ .buttons{

161
src/app/home/basic-info/unit-details/unit-details.component.ts
Unescape View File

@ -1,7 +1,9 @@
import { Component, Renderer2, OnDestroy, AfterViewInit, ElementRef, OnInit, ViewChild } from '@angular/core'; import { Component, Input, Renderer2, OnDestroy, AfterViewInit, ElementRef, OnInit, ViewChild } from '@angular/core';
import { CustomReuseStrategy } from 'src/app/CustomReuseStrategy'; import { CustomReuseStrategy } from 'src/app/CustomReuseStrategy';
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { NzMessageService } from 'ng-zorro-antd/message';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { TreeService } from 'src/app/service/tree.service';
import { HttpClient } from '@angular/common/http'; import { HttpClient } from '@angular/common/http';
import { asBlob } from 'html-docx-js-typescript' import { asBlob } from 'html-docx-js-typescript'
// 要保存这个docx文件推荐引入file-saver哦，你可以用npm i -D file-saver来安装 // 要保存这个docx文件推荐引入file-saver哦，你可以用npm i -D file-saver来安装
@ -14,9 +16,10 @@ import { saveAs } from 'file-saver'
export class UnitDetailsComponent implements OnInit { export class UnitDetailsComponent implements OnInit {
@ViewChild('box') box: ElementRef; @ViewChild('box') box: ElementRef;
constructor(private router: Router,private fb: FormBuilder, private http: HttpClient, private renderer: Renderer2, private el: ElementRef) { constructor(private message:NzMessageService, private router: Router, private toTree: TreeService, private fb: FormBuilder, private http: HttpClient, private renderer: Renderer2, private el: ElementRef) {
} }
datas = { datas = {
basicInfo: { basicInfo: {
name: "", name: "",
@ -44,10 +47,12 @@ export class UnitDetailsComponent implements OnInit {
supplyMode: "", supplyMode: "",
waterSources: "", waterSources: "",
waterSourcesPosition: "", waterSourcesPosition: "",
system:{
alarm: false, alarm: false,
spray: false, spray: false,
broadcast: false, broadcast: false,
smoke: false, smoke: false,
},
hydrantsNumber: "", hydrantsNumber: "",
hydrantsPosition: "", hydrantsPosition: "",
pumpNumber: "", pumpNumber: "",
@ -66,12 +71,18 @@ export class UnitDetailsComponent implements OnInit {
}, },
KeyParts: [ KeyParts: [
{ {
keyparts:"222", keyparts: "",
keypartsposition:"333", keypartsposition: "",
buildingstructure: "",
useNature: "",
danger: ""
}, },
{ {
keyparts:"222", keyparts: "",
keypartsposition:"333", keypartsposition: "",
buildingstructure: "",
useNature: "",
danger: ""
} }
], ],
tips: "" tips: ""
@ -83,22 +94,23 @@ export class UnitDetailsComponent implements OnInit {
dadui = [] dadui = []
jiuyuanzhan = [] jiuyuanzhan = []
id = "" id = ""
item = false
integrity = 0
ngOnInit(): void { ngOnInit(): void {
console.log(this.datas.KeyParts);
this.item = true
this.id = this.router['browserUrlTree'].queryParams.id this.id = this.router['browserUrlTree'].queryParams.id
this.validateForm = this.fb.group({ this.validateForm = this.fb.group({
companyName: [null, [Validators.required]],
directorName: [null], directorName: [null],
directorPhone: [null], organizationId: [null, [Validators.required]],
address: [null],
organizationId: [null],
relatedOrganizationId: [null], relatedOrganizationId: [null],
useNature: [null],
buildingTypeId: [null] buildingTypeId: [null]
}); });
console.log(this.validateForm);
this.getAllOrganization() this.getAllOrganization()
this.getCompanies() this.getCompanies()
this.getBuildingTypes()
} }
listOfData: any[] = []; listOfData: any[] = [];
listOfData2: any[] = []; listOfData2: any[] = [];
@ -109,22 +121,22 @@ export class UnitDetailsComponent implements OnInit {
let spray = "" let spray = ""
let broadcast = "" let broadcast = ""
let smoke = "" let smoke = ""
if(this.datas.facilities.alarm){ if (this.datas.facilities.system.alarm) {
alarm = "有" alarm = "有"
} else { } else {
alarm = "无" alarm = "无"
} }
if(this.datas.facilities.spray){ if (this.datas.facilities.system.spray) {
spray = "有" spray = "有"
} else { } else {
spray = "无" spray = "无"
} }
if(this.datas.facilities.broadcast){ if (this.datas.facilities.system.broadcast) {
broadcast = "有" broadcast = "有"
} else { } else {
broadcast = "无" broadcast = "无"
} }
if(this.datas.facilities.smoke){ if (this.datas.facilities.system.smoke) {
smoke = "有" smoke = "有"
} else { } else {
smoke = "无" smoke = "无"
@ -774,50 +786,121 @@ export class UnitDetailsComponent implements OnInit {
back() { back() {
window.history.back() window.history.back()
} }
edit() {
let num = 0
let num2 = 0
let num3 = 0
console.log(this.validateForm.value);
for (const key in this.validateForm.value) {
if (Object.prototype.hasOwnProperty.call(this.validateForm.value, key)) {
const element = this.validateForm.value[key];
if (element) {
num3 += 1
}
}
}
for (const key in this.datas) {
if (Object.prototype.hasOwnProperty.call(this.datas, key)) {
const element = this.datas[key];
for (const key in element) {
if (Object.prototype.hasOwnProperty.call(element, key)) {
const element2 = element[key];
if (element2) {
// console.log(element2);
num += 1
}
}
}
}
}
for (const key in this.datas.KeyParts) {
if (Object.prototype.hasOwnProperty.call(this.datas.KeyParts, key)) {
const element = this.datas.KeyParts[key]
for (const key in element) {
if (Object.prototype.hasOwnProperty.call(element, key)) {
const element2 = element[key]
// console.log(element2);
if (element2) {
num2 += 1
}
}
}
}
}
let num4=(num+num2+num3+1)/56
this.integrity = Math.floor(num4*100)/100
let body = {
id: this.id,
companyName: this.datas.basicInfo.name,
directorName: this.validateForm.value.directorName,
directorPhone: this.datas.basicInfo.phone,
address: this.datas.basicInfo.addr,
organizationId: this.validateForm.value.organizationId,
relatedOrganizationId: this.validateForm.value.relatedOrganizationId,
useNature: this.datas.basicInfo.nature,
buildingTypeId: this.validateForm.value.buildingTypeId,
integrity: this.integrity,
data:JSON.stringify(this.datas)
}
this.http.patch('/api/Companies/' + this.id, body).subscribe(data => {
console.log(data);
this.message.create('success', '保存成功！');
this.getCompanies()
})
}
BuildingTypes
getBuildingTypes() {
this.http.get('/api/BuildingTypes').subscribe((data: any) => {
console.log(data);
this.BuildingTypes = data
})
}
getCompanies() { getCompanies() {
this.http.get('/api/Companies/' + this.id).subscribe((data: any) => { this.http.get('/api/Companies/' + this.id).subscribe((data: any) => {
console.log(data); console.log(data);
if(data.data){
this.datas=JSON.parse(data.data) this.datas=JSON.parse(data.data)
}
this.datas.basicInfo.name = data.companyName this.datas.basicInfo.name = data.companyName
this.datas.basicInfo.addr = data.address this.datas.basicInfo.addr = data.address
this.datas.basicInfo.phone = data.directorPhone this.datas.basicInfo.phone = data.directorPhone
this.datas.basicInfo.nature = data.useNature this.datas.basicInfo.nature = data.useNature
this.integrity = data.integrity
this.validateForm.patchValue({ this.validateForm.patchValue({
companyName: [data.companyName, [Validators.required]], directorName: data.directorName,
directorName: [data.directorName], organizationId: data.organizationId,
directorPhone: [data.directorPhone], relatedOrganizationId: data.relatedOrganizationId,
address: [data.address], buildingTypeId: data.buildingTypeId
organizationId: [data.organizationId], })
relatedOrganizationId: [data.relatedOrganizationId],
useNature: [data.useNature],
buildingTypeId: [data.buildingTypeId]})
}) })
} }
nodes: any = [] nodes: any = []
getAllOrganization() { getAllOrganization() {
let organizationId = JSON.parse(sessionStorage.getItem('userData')).organizationId
let params = { let params = {
// OrganizationUnitId: OrganizationUnitId, OrganizationId: organizationId || '',
// IsContainsChildren: "true" ContainsChildren: "true",
ContainsChildren: true, PageNumber: 1,
pageSize: 9999 PageSize: 9999
} }
this.http.get('/api/Organizations', { this.http.get('/api/Organizations', {
params: params params: params
}).subscribe((data: any) => { }).subscribe((data: any) => {
console.log(data); data.items.forEach(element => {
for (let index = 0; index < data.items.length; index++) { if (element.id == organizationId) {
if(data.items[index].level==1){ element.parentId = null
this.zhidui.push(data.items[index])
}else if(data.items[index].level==2){
this.dadui.push(data.items[index])
}else{
this.jiuyuanzhan.push(data.items[index])
}
} }
console.log(this.dadui); element.key = element.id
element.title = element.name
});
this.nodes = [...this.toTree.toTree(data.items)]
}) })
} }

Write Preview
Loading…
Cancel
Save