|
|
|
|
@ -3,10 +3,12 @@
|
|
|
|
|
<div class="topbox"> |
|
|
|
|
<div class="add"> |
|
|
|
|
<div> |
|
|
|
|
<mat-slide-toggle color="primary" (change)='slideChange($event)' checked labelPosition='before'>列表过滤</mat-slide-toggle> |
|
|
|
|
<mat-slide-toggle color="primary" (change)='slideChange($event)' checked labelPosition='before'>列表过滤 |
|
|
|
|
</mat-slide-toggle> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<button (click)="reset()" style="width: 68px;margin-right: 12px;" mat-flat-button color="primary">重置</button> |
|
|
|
|
<button (click)="reset()" style="width: 68px;margin-right: 12px;" mat-flat-button |
|
|
|
|
color="primary">重置</button> |
|
|
|
|
<button (click)="addFireForce()" style="width: 68px;" mat-flat-button color="primary">新增</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -15,7 +17,7 @@
|
|
|
|
|
<span> |
|
|
|
|
关键字: |
|
|
|
|
</span> |
|
|
|
|
<input type="text" placeholder="请输入名称/类别" [(ngModel)]="searchForm.name"/> |
|
|
|
|
<input type="text" placeholder="请输入名称/类别" [(ngModel)]="searchForm.name" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="inputbox"> |
|
|
|
|
<span> |
|
|
|
|
@ -27,38 +29,45 @@
|
|
|
|
|
</select> |
|
|
|
|
</div> |
|
|
|
|
<div class="searchbtn"> |
|
|
|
|
<button (click)="searchList()" style="width: 100%;" mat-flat-button color="primary"><mat-icon style="width: 20px;height: 20px;font-size: 20px;">search</mat-icon>搜索</button> |
|
|
|
|
<button (click)="searchList()" style="width: 100%;" mat-flat-button color="primary"> |
|
|
|
|
<mat-icon style="width: 20px;height: 20px;font-size: 20px;">search</mat-icon>搜索 |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style="height: 1px;width: 100%;background-color: #F2F4F6;"></div> |
|
|
|
|
<div class="contantbox"> |
|
|
|
|
<div class="contentbox"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<span>消防队</span> |
|
|
|
|
<span>完整度</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="fireForceTree" id="fireForceTree" *ngIf="isTreeView"> |
|
|
|
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" > |
|
|
|
|
<mat-tree-node (click)="selectTreeNode(node)" [ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}" *matTreeNodeDef="let node;" matTreeNodePadding matTreeNodePaddingIndent='10px'> |
|
|
|
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> |
|
|
|
|
<mat-tree-node (click)="selectTreeNode(node)" [ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}" |
|
|
|
|
*matTreeNodeDef="let node;" matTreeNodePadding matTreeNodePaddingIndent='10px'> |
|
|
|
|
|
|
|
|
|
<button mat-icon-button disabled ></button> |
|
|
|
|
<button mat-icon-button disabled></button> |
|
|
|
|
<span class="nodename">{{node.name}}</span> |
|
|
|
|
|
|
|
|
|
<div class="integrity"> |
|
|
|
|
<span class="integrityNum"> |
|
|
|
|
{{node.fireForceDetailInfo ? accMul(node.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
{{node.fireForceDetailInfo ? |
|
|
|
|
accMul(node.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
</span> |
|
|
|
|
<div class="integrityColorDiv" [style]="integrity(node.fireForceDetailInfo ? (node.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
<div class="integrityColorDiv" |
|
|
|
|
[style]="integrity(node.fireForceDetailInfo ? (node.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(node,$event)"><mat-icon>highlight_off</mat-icon></div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(node,$event)"> |
|
|
|
|
<mat-icon>highlight_off</mat-icon> |
|
|
|
|
</div> |
|
|
|
|
</mat-tree-node> |
|
|
|
|
|
|
|
|
|
<mat-tree-node (click)="selectTreeNode(node)" [ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}" *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding matTreeNodePaddingIndent='10px'> |
|
|
|
|
<mat-tree-node (click)="selectTreeNode(node)" |
|
|
|
|
[ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}" |
|
|
|
|
*matTreeNodeDef="let node;when: hasChild" matTreeNodePadding matTreeNodePaddingIndent='10px'> |
|
|
|
|
|
|
|
|
|
<button mat-icon-button |
|
|
|
|
matTreeNodeToggle |
|
|
|
|
[attr.aria-label]="'toggle ' + node.name"> |
|
|
|
|
<button mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name"> |
|
|
|
|
<mat-icon class="mat-icon-rtl-mirror"> |
|
|
|
|
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
|
|
|
|
</mat-icon> |
|
|
|
|
@ -66,27 +75,36 @@
|
|
|
|
|
<span class="nodename">{{node.name}}</span> |
|
|
|
|
<div class="integrity"> |
|
|
|
|
<span class="integrityNum"> |
|
|
|
|
{{node.fireForceDetailInfo ? accMul(node.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
{{node.fireForceDetailInfo ? |
|
|
|
|
accMul(node.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
</span> |
|
|
|
|
<div class="integrityColorDiv" [style]="integrity(node.fireForceDetailInfo ? (node.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
<div class="integrityColorDiv" |
|
|
|
|
[style]="integrity(node.fireForceDetailInfo ? (node.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(node,$event)"><mat-icon>highlight_off</mat-icon></div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(node,$event)"> |
|
|
|
|
<mat-icon>highlight_off</mat-icon> |
|
|
|
|
</div> |
|
|
|
|
</mat-tree-node> |
|
|
|
|
</mat-tree> |
|
|
|
|
</div> |
|
|
|
|
<div class="fireForceList" *ngIf="!isTreeView"> |
|
|
|
|
<ul> |
|
|
|
|
<li [ngClass]="{'selectedLi': item.id == selectedFireForceId}" *ngFor="let item of allFireForceList;let key = index" (click)="selectTreeNode(item)"> |
|
|
|
|
<li [ngClass]="{'selectedLi': item.id == selectedFireForceId}" |
|
|
|
|
*ngFor="let item of allFireForceList;let key = index" (click)="selectTreeNode(item)"> |
|
|
|
|
<div class="name" [title]="item.name">{{item.name}}</div> |
|
|
|
|
<div class="integrity"> |
|
|
|
|
<span class="integrityNum"> |
|
|
|
|
{{item.fireForceDetailInfo ? accMul(item.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
{{item.fireForceDetailInfo ? |
|
|
|
|
accMul(item.fireForceDetailInfo.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
</span> |
|
|
|
|
<div class="integrityColorDiv" [style]="integrity(item.fireForceDetailInfo ? (item.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
<div class="integrityColorDiv" |
|
|
|
|
[style]="integrity(item.fireForceDetailInfo ? (item.fireForceDetailInfo.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(item,$event)"><mat-icon>highlight_off</mat-icon></div> |
|
|
|
|
<div class="deletebtn" (click)="deleteFireForce(item,$event)"> |
|
|
|
|
<mat-icon>highlight_off</mat-icon> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
@ -94,14 +112,16 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="mapbox"> |
|
|
|
|
<div class="mapcheckbox"> |
|
|
|
|
<mat-checkbox (change)="checkBoxChange()" [(ngModel)]="item.isChecked" color="primary" *ngFor="let item of checkBoxList">{{item.name}}</mat-checkbox> |
|
|
|
|
<mat-checkbox (change)="checkBoxChange()" [(ngModel)]="item.isChecked" color="primary" |
|
|
|
|
*ngFor="let item of checkBoxList">{{item.name}}</mat-checkbox> |
|
|
|
|
</div> |
|
|
|
|
<div id="map" class="map" style="overflow: hidden;"> |
|
|
|
|
<div id="container"></div> |
|
|
|
|
<div class="gistopbox hidden" [ngClass]="{'show': isGisTopBox}"> |
|
|
|
|
<div class="inputBox"> |
|
|
|
|
<span>搜索: </span> |
|
|
|
|
<input name="position" [(ngModel)]="searchTitle" id="tipinput" class="positionInput" type="text" autocomplete="off"> |
|
|
|
|
<input name="position" [(ngModel)]="searchTitle" id="tipinput" class="positionInput" type="text" |
|
|
|
|
autocomplete="off"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -129,13 +149,17 @@
|
|
|
|
|
</div> |
|
|
|
|
<!-- <div (click)="selectedTab(2)" [ngClass]="{'selectedBtn': tabIndex == 2}"> |
|
|
|
|
<span>车辆装备</span> |
|
|
|
|
</div> --> |
|
|
|
|
<!-- <div (click)="selectedTab(3)" [ngClass]="{'selectedBtn': tabIndex == 3}"> |
|
|
|
|
</div> |
|
|
|
|
<div (click)="selectedTab(3)" [ngClass]="{'selectedBtn': tabIndex == 3}"> |
|
|
|
|
<span>相关资料</span> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
<div class="btnbox"> |
|
|
|
|
<div class="uploadAttachment" *ngIf="tabIndex == 3"> |
|
|
|
|
<!-- <div class="goback" (click)="goback()" *ngIf="carPageIndex == 1 && tabIndex == 2"><img |
|
|
|
|
src="/assets/images/goback.png" alt=""> 返回 |
|
|
|
|
</div> --> |
|
|
|
|
<!-- <span *ngIf="tabIndex == 2" type="submit" (click)="saveCarData(form.value)">保存车辆</span> --> |
|
|
|
|
<!-- <div class="uploadAttachment" *ngIf="tabIndex == 3"> |
|
|
|
|
<button mat-flat-button color="primary"> |
|
|
|
|
<mat-icon>attach_file</mat-icon> |
|
|
|
|
上传附件 |
|
|
|
|
@ -143,8 +167,7 @@
|
|
|
|
|
<a href="javascript:;" class="a-upload"> |
|
|
|
|
<input type="file" (change)='uploadAttachment($event)'> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> --> |
|
|
|
|
<!-- <span class="state" *ngIf="selectedFireForce.contentVerify && selectedFireForce.contentVerify.verifyState == 3">( |
|
|
|
|
<span *ngIf="selectedFireForce.contentVerify.operation == 2" style="color: red;">删除</span> |
|
|
|
|
<span *ngIf="selectedFireForce.contentVerify.operation == 0" >新增</span> |
|
|
|
|
@ -156,11 +179,13 @@
|
|
|
|
|
<span class="submitAudit" *ngIf="!selectedFireForce.contentVerify || selectedFireForce.contentVerify.verifyState == 5 || selectedFireForce.contentVerify.verifyState == 4" (click)="submitAudit()"><mat-icon>open_in_browser</mat-icon>提交审核</span> |
|
|
|
|
<span class="state" *ngIf="selectedFireForce.contentVerify && selectedFireForce.contentVerify.verifyState == 3" (click)="cancelAudit()">撤销审核</span> |
|
|
|
|
<span class="save state" *ngIf="!selectedFireForce.contentVerify || selectedFireForce.contentVerify.verifyState == 5 || selectedFireForce.contentVerify.verifyState == 4" (click)="save()"><mat-icon>save</mat-icon>保存</span> --> |
|
|
|
|
<span class="close" (click)="close()"><mat-icon>close</mat-icon>关闭</span> |
|
|
|
|
<span class="close" (click)="close()"> |
|
|
|
|
<mat-icon>close</mat-icon>关闭 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 详情 --> |
|
|
|
|
<div class="contant" *ngIf="tabIndex == 1"> |
|
|
|
|
<div class="content" *ngIf="tabIndex == 1"> |
|
|
|
|
<!-- 总队 支队 联系方式不同--> |
|
|
|
|
<div *ngIf="selectedFireForceLevel == 0 || selectedFireForceLevel == 1"> |
|
|
|
|
<p>基本信息</p> |
|
|
|
|
@ -170,7 +195,7 @@
|
|
|
|
|
<span style="color: red;">*</span> |
|
|
|
|
队站名称: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="FireForceDetailInfo.stationName" type="text" style="width:88%;"> |
|
|
|
|
<input [(ngModel)]="FireForceDetailInfo.stationName" type="text" style="width:88%;"> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
<mat-grid-tile colspan='2' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
@ -194,7 +219,8 @@
|
|
|
|
|
<span> |
|
|
|
|
备注: |
|
|
|
|
</span> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 84%;" name="" id="" cols="30" rows="10"></textarea> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 84%;" |
|
|
|
|
cols="30" rows="10"></textarea> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
</mat-grid-list> |
|
|
|
|
<p>位置信息</p> |
|
|
|
|
@ -209,11 +235,13 @@
|
|
|
|
|
<span> |
|
|
|
|
经度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<span> |
|
|
|
|
纬度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<!-- <button (click)="setPosition()" style="width:85px;text-align: center;" mat-flat-button color="primary"> |
|
|
|
|
<mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置 |
|
|
|
|
</button> --> |
|
|
|
|
@ -304,7 +332,7 @@
|
|
|
|
|
<span style="color: red;">*</span> |
|
|
|
|
队站名称: |
|
|
|
|
</span> |
|
|
|
|
<input type="text" style="width:81%;" [(ngModel)]="FireForceDetailInfo.stationName"> |
|
|
|
|
<input type="text" style="width:81%;" [(ngModel)]="FireForceDetailInfo.stationName"> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
@ -322,7 +350,8 @@
|
|
|
|
|
<span> |
|
|
|
|
备注: |
|
|
|
|
</span> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 84%;" name="" id="" cols="30" rows="10"></textarea> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 84%;" |
|
|
|
|
cols="30" rows="10"></textarea> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
</mat-grid-list> |
|
|
|
|
<p>位置信息</p> |
|
|
|
|
@ -337,11 +366,13 @@
|
|
|
|
|
<span> |
|
|
|
|
经度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<span> |
|
|
|
|
纬度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<!-- <button (click)="setPosition()" style="width:85px;text-align: center;" mat-flat-button color="primary"> |
|
|
|
|
<mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置 |
|
|
|
|
</button> --> |
|
|
|
|
@ -370,7 +401,7 @@
|
|
|
|
|
</mat-grid-tile> |
|
|
|
|
</mat-grid-list> |
|
|
|
|
<p>联系方式</p> |
|
|
|
|
<mat-grid-list cols="6" rowHeight="40px" > |
|
|
|
|
<mat-grid-list cols="6" rowHeight="40px"> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
站长姓名: |
|
|
|
|
@ -449,7 +480,7 @@
|
|
|
|
|
<div *ngIf="selectedFireForceLevel == 4 || selectedFireForceLevel == 5 || selectedFireForceLevel == 6"> |
|
|
|
|
<p>基本信息</p> |
|
|
|
|
<mat-grid-list cols="6" rowHeight="40px"> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
<span style="color: red;">*</span> |
|
|
|
|
队伍类型: |
|
|
|
|
@ -479,8 +510,10 @@
|
|
|
|
|
<span> |
|
|
|
|
站长: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="othercontactData[2].PropertyValue" class="smallwidth" type="text" placeholder="姓名"> |
|
|
|
|
<input [(ngModel)]="othercontactData[3].PropertyValue" class="smallwidth" type="text" placeholder="联系方式"> |
|
|
|
|
<input [(ngModel)]="othercontactData[2].PropertyValue" class="smallwidth" type="text" |
|
|
|
|
placeholder="姓名"> |
|
|
|
|
<input [(ngModel)]="othercontactData[3].PropertyValue" class="smallwidth" type="text" |
|
|
|
|
placeholder="联系方式"> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
@ -492,8 +525,10 @@
|
|
|
|
|
<span> |
|
|
|
|
负责人: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="othercontactData[4].PropertyValue" class="smallwidth" type="text" placeholder="姓名"> |
|
|
|
|
<input [(ngModel)]="othercontactData[5].PropertyValue" class="smallwidth" type="text" placeholder="联系方式"> |
|
|
|
|
<input [(ngModel)]="othercontactData[4].PropertyValue" class="smallwidth" type="text" |
|
|
|
|
placeholder="姓名"> |
|
|
|
|
<input [(ngModel)]="othercontactData[5].PropertyValue" class="smallwidth" type="text" |
|
|
|
|
placeholder="联系方式"> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
<mat-grid-tile colspan='3' rowspan='1'> |
|
|
|
|
<span> |
|
|
|
|
@ -505,7 +540,8 @@
|
|
|
|
|
<span> |
|
|
|
|
备注: |
|
|
|
|
</span> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 82%;" name="" id="" cols="30" rows="10"></textarea> |
|
|
|
|
<textarea [(ngModel)]="FireForceDetailInfo.remark" style="height: 80%;width: 82%;" |
|
|
|
|
cols="30" rows="10"></textarea> |
|
|
|
|
</mat-grid-tile> |
|
|
|
|
</mat-grid-list> |
|
|
|
|
<p>位置信息</p> |
|
|
|
|
@ -520,11 +556,13 @@
|
|
|
|
|
<span> |
|
|
|
|
经度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.x" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<span> |
|
|
|
|
纬度: |
|
|
|
|
</span> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<input [(ngModel)]="positionLngLat.y" disabled type="text" |
|
|
|
|
style="width: 26%;margin-right: 6%;"> |
|
|
|
|
<!-- <button (click)="setPosition()" style="width:85px;text-align: center;" mat-flat-button color="primary"> |
|
|
|
|
<mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置 |
|
|
|
|
</button> --> |
|
|
|
|
@ -568,33 +606,330 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 车辆 --> |
|
|
|
|
<!-- <div class="contant" *ngIf="tabIndex == 2"> |
|
|
|
|
车辆 |
|
|
|
|
<!-- <div class="content" id="carcontent" *ngIf="tabIndex == 2"> |
|
|
|
|
<div class="carOne" *ngIf="carPageIndex == 0"> |
|
|
|
|
<div class="cartopbox"> |
|
|
|
|
<div class="add"> |
|
|
|
|
<div> |
|
|
|
|
<mat-slide-toggle color="primary" (change)='carslideChange($event)' checked |
|
|
|
|
labelPosition='before'>列表过滤</mat-slide-toggle> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<button (click)="resetCarList()" style="width: 68px;margin-right: 12px;" mat-flat-button |
|
|
|
|
color="primary">重置</button> |
|
|
|
|
<button (click)="addFireForceCar()" style="width: 68px;" mat-flat-button |
|
|
|
|
color="primary">新增</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="searchbox" *ngIf="isCarCheckedOfSearchDiv"> |
|
|
|
|
<div class="inputbox"> |
|
|
|
|
<span> |
|
|
|
|
关键字: |
|
|
|
|
</span> |
|
|
|
|
<input type="text" placeholder="请输入名称/车牌号" [(ngModel)]="carSearchForm.name" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="inputbox"> |
|
|
|
|
<span> |
|
|
|
|
所属队站: |
|
|
|
|
</span> |
|
|
|
|
<nz-tree-select [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="selectOrganizationTree" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" [(ngModel)]="carSearchForm.organization" |
|
|
|
|
(ngModelChange)="onChange($event)"></nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="inputbox"> |
|
|
|
|
<span> |
|
|
|
|
车辆类别: |
|
|
|
|
</span> |
|
|
|
|
<nz-tree-select #treeCarTypeSelected [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandCarTypeKeys" [nzNodes]="carTypeList" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" [(ngModel)]="carSearchForm.carType" |
|
|
|
|
(ngModelChange)="onChangeCarType($event)"></nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="inputbox"> |
|
|
|
|
<span> |
|
|
|
|
完整度: |
|
|
|
|
</span> |
|
|
|
|
<select class="shortselect" [(ngModel)]="carSearchForm.integrityNum" |
|
|
|
|
[ngClass]="{'gray': carSearchForm.integrityNum == ''}"> |
|
|
|
|
<option value='' selected disabled style='display:none;'>请选择</option> |
|
|
|
|
<option *ngFor="let item of listIntegrityNum" [value]="item.id">{{item.name}} |
|
|
|
|
</option> |
|
|
|
|
</select> |
|
|
|
|
<div class="searchbtn"> |
|
|
|
|
<button (click)="searchCarList()" style="width: 100%;" mat-flat-button |
|
|
|
|
color="primary"> |
|
|
|
|
<mat-icon style="width: 20px;height: 20px;font-size: 20px;">search</mat-icon>搜索 |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="carList"> |
|
|
|
|
<table> |
|
|
|
|
<tr> |
|
|
|
|
<td>车辆名称</td> |
|
|
|
|
<td>所属队站</td> |
|
|
|
|
<td>完整度</td> |
|
|
|
|
<td></td> |
|
|
|
|
</tr> |
|
|
|
|
<tr *ngFor="let item of carsList" class="caritem" (click)="openCarDetails(item)"> |
|
|
|
|
<td class="td1">{{item.name}}</td> |
|
|
|
|
<td class="td2">{{item.organizationName}}</td> |
|
|
|
|
<td> |
|
|
|
|
<div class="integrity"> |
|
|
|
|
<span class="integrityNum"> |
|
|
|
|
{{item.integrityScore ? accMul(item.integrityScore.toFixed(3),100,1) : 0}}% |
|
|
|
|
</span> |
|
|
|
|
<div class="integrityColorDiv" |
|
|
|
|
[style]="integrity(item.integrityScore ? (item.integrityScore.toFixed(2) * 100).toFixed(): 0)"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<mat-icon (click)="deleteCar(item,$event)" class="deleteFile">highlight_off |
|
|
|
|
</mat-icon> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
<div class="pagingDevice"> |
|
|
|
|
<mat-paginator [length]="carDataLength" [pageSize]="16" (page)="carListChagePage($event)"> |
|
|
|
|
</mat-paginator> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<form class="example-form" (ngSubmit)="saveCarData(form.invalid)" #form="ngForm"> |
|
|
|
|
<div class="carTwo" *ngIf="carPageIndex == 1"> |
|
|
|
|
<p class="expandP">基本信息 <button type="submit" matRipple>保存车辆信息</button></p> |
|
|
|
|
<div class="carTwoItemBox"> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>车辆类别：</span> |
|
|
|
|
<nz-tree-select #carDetailsTypeSelected [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandCarTypeKeys" [nzNodes]="carTypeList" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" [(ngModel)]="carData.basicInfo.carType" |
|
|
|
|
(ngModelChange)="carDetailsTypeChange($event)" required name="carType"></nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>车辆名称：</span> |
|
|
|
|
<input type="text" name="carName" required [(ngModel)]="carData.basicInfo.carName"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>车牌号：</span> |
|
|
|
|
<input type="text" name="carNumber" required [(ngModel)]="carData.basicInfo.carNumber"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>所属队站：</span> |
|
|
|
|
<nz-tree-select required [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="selectOrganizationTree" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" [(ngModel)]="carData.basicInfo.carOrganization" |
|
|
|
|
(ngModelChange)="onChange($event)" name="carOrganization"> |
|
|
|
|
</nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<p>作战用信息</p> |
|
|
|
|
<div class="carTwoItemBox"> |
|
|
|
|
<div> |
|
|
|
|
<span>水泵流量：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" name="pumpFlow" [(ngModel)]="carData.fightInfo.pumpFlow"> |
|
|
|
|
<span class="unit">L/s</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>消防炮流量：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" name="fireGunFlow" [(ngModel)]="carData.fightInfo.fireGunFlow"> |
|
|
|
|
<span class="unit">L/s</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>水泵额定压力：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" name="pumpPressure" [(ngModel)]="carData.fightInfo.pumpPressure"> |
|
|
|
|
<span class="unit">Mpa</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>载水量：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" name="waterCapacity" |
|
|
|
|
[(ngModel)]="carData.fightInfo.waterCapacity"> |
|
|
|
|
<span class="unit">吨</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>举高类车辆高度：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" name="carHeight" [(ngModel)]="carData.fightInfo.carHeight"> |
|
|
|
|
<span class="unit">米</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>车辆状态：</span> |
|
|
|
|
<input type="text" name="carState" [(ngModel)]="carData.fightInfo.carState"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>备注：</span> |
|
|
|
|
<textarea name="remark" [(ngModel)]="carData.fightInfo.remark" cols="30" |
|
|
|
|
rows="10"></textarea> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>车辆照片：</span> |
|
|
|
|
<div class="uploadbox"> |
|
|
|
|
<img class="img" |
|
|
|
|
[src]="carData.fightInfo.carPhoto[0] ? carData.fightInfo.carPhoto[0] : '/assets/images/noImg.png'" |
|
|
|
|
alt=""> |
|
|
|
|
<input name="uploadinput" class="uploadinput" type="file" |
|
|
|
|
(change)='uploadCarImg($event)'> |
|
|
|
|
<div class="uploadbtn"><img src="/assets/images/uploadbtn.png" alt=""> 上传照片</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<p class="expandP"> |
|
|
|
|
<span> |
|
|
|
|
<span style="margin-right: 8px;">车载灭火剂</span> |
|
|
|
|
<mat-slide-toggle color="primary" name="expand1" |
|
|
|
|
[(ngModel)]="carData.carExtinguishant.isExpand"> |
|
|
|
|
</mat-slide-toggle> |
|
|
|
|
</span> |
|
|
|
|
<span *ngIf="carData.carExtinguishant.isExpand" class="add" |
|
|
|
|
(click)="addCarDetailsItem('carExtinguishant')"> |
|
|
|
|
<img src="/assets/images/add2.png" alt=""> 新增 |
|
|
|
|
</span> |
|
|
|
|
</p> |
|
|
|
|
<div class="carTwoItemBox2" *ngIf="carData.carExtinguishant.isExpand"> |
|
|
|
|
<div class="item" *ngFor="let item of carData.carExtinguishant.data;let key = index"> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>灭火剂类型：</span> |
|
|
|
|
<nz-tree-select required [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="extinguishantTypeList" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" (ngModelChange)="onChange($event)" |
|
|
|
|
[name]="'exextinguishantType' + key" [(ngModel)]="item.extinguishantType"> |
|
|
|
|
</nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>灭火剂名称：</span> |
|
|
|
|
<input [name]="'exextinguishantName' + key" type="text" |
|
|
|
|
[(ngModel)]="item.extinguishantName"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>所属队站：</span> |
|
|
|
|
<nz-tree-select required [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="selectOrganizationTree" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" (ngModelChange)="onChange($event)" |
|
|
|
|
[name]="'exextinguishantOr' + key" [(ngModel)]="item.extinguishantOr"> |
|
|
|
|
</nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>混合比：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" [name]="'exmixingRatio' + key" |
|
|
|
|
[(ngModel)]="item.mixingRatio"> |
|
|
|
|
<span class="unit">%</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>车载量：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" [name]="'excapacity' + key" [(ngModel)]="item.capacity"> |
|
|
|
|
<span class="unit">吨</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span>生产厂家：</span> |
|
|
|
|
<input type="text" [name]="'exmanufacturer' + key" [(ngModel)]="item.manufacturer"> |
|
|
|
|
</div> |
|
|
|
|
<div class="remark"> |
|
|
|
|
<span>备注：</span> |
|
|
|
|
<textarea cols="30" rows="10" [name]="'exremark' + key" |
|
|
|
|
[(ngModel)]="item.remark"></textarea> |
|
|
|
|
<span style="color: red;margin-left: 8px;cursor: pointer;" |
|
|
|
|
(click)="deleteCarDetailsItem(carData.carExtinguishant.data,key)">删除</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<p class="expandP"> |
|
|
|
|
<span> |
|
|
|
|
<span style="margin-right: 8px;">消防器材</span> |
|
|
|
|
<mat-slide-toggle color="primary" name="expand2" |
|
|
|
|
[(ngModel)]="carData.fireEquipment.isExpand"> |
|
|
|
|
</mat-slide-toggle> |
|
|
|
|
</span> |
|
|
|
|
<span *ngIf="carData.fireEquipment.isExpand" class="add" |
|
|
|
|
(click)="addCarDetailsItem('fireEquipment')"> |
|
|
|
|
<img src="/assets/images/add2.png" alt=""> 新增 |
|
|
|
|
</span> |
|
|
|
|
</p> |
|
|
|
|
<div class="carTwoItemBox3" *ngIf="carData.fireEquipment.isExpand"> |
|
|
|
|
<div class="item" *ngFor="let item of carData.fireEquipment.data;let key = index"> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>器材类型：</span> |
|
|
|
|
<nz-tree-select required [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="fireEquipmentTypeList" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" (ngModelChange)="onChange($event)" |
|
|
|
|
[name]="'eqequipmentType' + key" [(ngModel)]="item.equipmentType"> |
|
|
|
|
</nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>器材名称：</span> |
|
|
|
|
<input type="text" [name]="'eqequipmentName' + key" |
|
|
|
|
[(ngModel)]="item.equipmentName"> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span><span style="color: red;">*</span>所属队站：</span> |
|
|
|
|
<nz-tree-select required [nzDropdownClassName]="'carTreeDropdown'" |
|
|
|
|
[nzExpandedKeys]="expandOrKeys" [nzNodes]="selectOrganizationTree" nzShowSearch |
|
|
|
|
nzPlaceHolder="请选择" (ngModelChange)="onChange($event)" |
|
|
|
|
[name]="'eqequipmentOr' + key" [(ngModel)]="item.equipmentOr"> |
|
|
|
|
</nz-tree-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="width50"> |
|
|
|
|
<span>车辆装载数：</span> |
|
|
|
|
<div class="unitDiv"> |
|
|
|
|
<input type="text" [name]="'eqcapacity' + key" [(ngModel)]="item.capacity"> |
|
|
|
|
<span class="unit">件</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="width50"> |
|
|
|
|
<span>生产厂家：</span> |
|
|
|
|
<input type="text" [name]="'eqmanufacturer' + key" [(ngModel)]="item.manufacturer"> |
|
|
|
|
</div> |
|
|
|
|
<div class="remark"> |
|
|
|
|
<span>备注：</span> |
|
|
|
|
<textarea cols="30" rows="10" [name]="'eqremark' + key" |
|
|
|
|
[(ngModel)]="item.remark"></textarea> |
|
|
|
|
<span style="color: red;margin-left: 8px;cursor: pointer;" |
|
|
|
|
(click)="deleteCarDetailsItem(carData.fireEquipment.data,key)">删除</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> --> |
|
|
|
|
<!-- 相关资料 --> |
|
|
|
|
<div class="contant" *ngIf="tabIndex == 3"> |
|
|
|
|
<div class="fileDivBox" *ngFor="let item of AttachmentArr" > |
|
|
|
|
<!-- <div class="content" *ngIf="tabIndex == 3"> |
|
|
|
|
<div class="fileDivBox" *ngFor="let item of AttachmentArr"> |
|
|
|
|
<mat-icon class="deleteFile" (click)="deleteFile(item,$event)">highlight_off</mat-icon> |
|
|
|
|
<div class="imgbox"> |
|
|
|
|
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'png' |
|
|
|
|
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'jpg' |
|
|
|
|
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'JPG'" |
|
|
|
|
class="thumbnailImg" src="/api/Objects/PlanPlatform/{{item.objectName}}" alt=""> |
|
|
|
|
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'JPG'" class="thumbnailImg" |
|
|
|
|
src="/api/Objects/PlanPlatform/{{item.objectName}}" alt=""> |
|
|
|
|
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'docx' |
|
|
|
|
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'doc'" |
|
|
|
|
class="thumbnailImg" src="/assets/images/word.jpg" alt=""> |
|
|
|
|
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'doc'" class="thumbnailImg" |
|
|
|
|
src="/assets/images/word.jpg" alt=""> |
|
|
|
|
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'pdf'" |
|
|
|
|
class="thumbnailImg" src="/assets/images/pdf.jpg" alt=""> |
|
|
|
|
class="thumbnailImg" src="/assets/images/pdf.jpg" alt=""> |
|
|
|
|
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'txt'" |
|
|
|
|
class="thumbnailImg" src="/assets/images/txt.jpg" alt=""> |
|
|
|
|
class="thumbnailImg" src="/assets/images/txt.jpg" alt=""> |
|
|
|
|
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'mp4'" |
|
|
|
|
class="thumbnailImg" src="/assets/images/vedio.jpg" alt=""> |
|
|
|
|
class="thumbnailImg" src="/assets/images/vedio.jpg" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<span [title]="item.fileName">{{item.fileName}}</span> |
|
|
|
|
<button (click)="clickFile(item)" class="btn btn1" mat-flat-button color="primary">查看</button> |
|
|
|
|
<button (click)="download (item)" class="btn btn2" mat-flat-button color="primary">下载</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> --> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
