shaojiahao
/
ShangHaiYuan-AnXin
2
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity
Browse Source

[新增]数据采集车辆布局

tangshan
邵佳豪 4 years ago
parent
037c53e993
commit
2b904c17db
7 changed files with 1309 additions and 784 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. 5
      src/app/data-collection/data-collection.module.ts
  2. 285
      src/app/data-collection/fire-force/fire-force.component.html
  3. 531
      src/app/data-collection/fire-force/fire-force.component.scss
  4. 1263
      src/app/data-collection/fire-force/fire-force.component.ts
  5. 4
      src/app/export-excel/export-excel.component.ts
  6. BIN
      src/assets/images/goback.png
  7. 5
      src/styles.scss

5
src/app/data-collection/data-collection.module.ts
Unescape View File

@ -47,7 +47,7 @@ import { AddWater, WaterCollectionComponent } from './water-collection/water-col
import { AddFireForce, FireForceComponent, ViewDetails } from './fire-force/fire-force.component'; import { AddFireForce, FireForceComponent, ViewDetails } from './fire-force/fire-force.component';
import { AddLinkageForce, LinkageForcesComponent, ViewDetails2 } from './linkage-forces/linkage-forces.component'; import { AddLinkageForce, LinkageForcesComponent, ViewDetails2 } from './linkage-forces/linkage-forces.component';
import { NzTreeModule } from 'ng-zorro-antd/tree'; import { NzTreeModule } from 'ng-zorro-antd/tree';
import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
@NgModule({ @NgModule({
declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent, AddWater, AddFireForce, ViewDetails, AddLinkageForce, ViewDetails2], declarations: [WaterCollectionComponent, FireForceComponent, LinkageForcesComponent, AddWater, AddFireForce, ViewDetails, AddLinkageForce, ViewDetails2],
imports: [ imports: [
@ -97,7 +97,8 @@ import { NzTreeModule } from 'ng-zorro-antd/tree';
FormsModule, FormsModule,
ReactiveFormsModule, ReactiveFormsModule,
DataCollectionRoutingModule, DataCollectionRoutingModule,
NzTreeModule NzTreeModule,
// NzTreeSelectModule
] ]
}) })
export class DataCollectionModule { } export class DataCollectionModule { }

285
src/app/data-collection/fire-force/fire-force.component.html
Unescape View File

@ -3,31 +3,35 @@
<div class="topbox"> <div class="topbox">
<div class="add"> <div class="add">
<div> <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>
<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> <button (click)="addFireForce()" style="width: 68px;" mat-flat-button color="primary">新增</button>
</div> </div>
</div> </div>
<div class="searchbox" *ngIf="isCheckedOfSearchDiv"> <div class="searchbox" *ngIf="isCheckedOfSearchDiv">
<div class="inputbox"> <div class="inputbox">
<span> <span>
关键字: 关键字:
</span> </span>
<input type="text" placeholder="请输入名称/类别" [(ngModel)]="searchForm.name"/> <input type="text" placeholder="请输入名称/类别" [(ngModel)]="searchForm.name" />
</div> </div>
<div class="inputbox"> <div class="inputbox">
<span> <span>
完整度: 完整度:
</span> </span>
<select [(ngModel)]="searchForm.integrityNum" [ngClass]="{'gray': searchForm.integrityNum == ''}"> <select [(ngModel)]="searchForm.integrityNum" [ngClass]="{'gray': searchForm.integrityNum == ''}">
<option value='' selected disabled style='display:none;'>请选择</option> <option value='' selected disabled style='display:none;'>请选择</option>
<option *ngFor="let item of listIntegrityNum" [value]="item.id">{{item.name}}</option> <option *ngFor="let item of listIntegrityNum" [value]="item.id">{{item.name}}</option>
</select> </select>
</div> </div>
<div class="searchbtn"> <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>
</div> </div>
@ -38,27 +42,33 @@
<span>完整度</span> <span>完整度</span>
</div> </div>
<div class="fireForceTree" id="fireForceTree" *ngIf="isTreeView"> <div class="fireForceTree" id="fireForceTree" *ngIf="isTreeView">
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" > <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-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> <span class="nodename">{{node.name}}</span>
<div class="integrity"> <div class="integrity">
<span class="integrityNum"> <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> </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> </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>
<mat-tree-node (click)="selectTreeNode(node)" [ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}" *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding matTreeNodePaddingIndent='10px'>
<button mat-icon-button <mat-tree-node (click)="selectTreeNode(node)"
matTreeNodeToggle [ngClass]="{'selectedTreeNode': node.id == selectedFireForceId}"
[attr.aria-label]="'toggle ' + node.name"> *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding matTreeNodePaddingIndent='10px'>
<button mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name">
<mat-icon class="mat-icon-rtl-mirror"> <mat-icon class="mat-icon-rtl-mirror">
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
</mat-icon> </mat-icon>
@ -66,27 +76,36 @@
<span class="nodename">{{node.name}}</span> <span class="nodename">{{node.name}}</span>
<div class="integrity"> <div class="integrity">
<span class="integrityNum"> <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> </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> </div>
<div class="deletebtn" (click)="deleteFireForce(node,$event)"><mat-icon>highlight_off</mat-icon></div> <div class="deletebtn" (click)="deleteFireForce(node,$event)">
</mat-tree-node> <mat-icon>highlight_off</mat-icon>
</div>
</mat-tree-node>
</mat-tree> </mat-tree>
</div> </div>
<div class="fireForceList" *ngIf="!isTreeView"> <div class="fireForceList" *ngIf="!isTreeView">
<ul> <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="name" [title]="item.name">{{item.name}}</div>
<div class="integrity"> <div class="integrity">
<span class="integrityNum"> <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> </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> </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> </li>
</ul> </ul>
</div> </div>
@ -94,14 +113,16 @@
</div> </div>
<div class="mapbox"> <div class="mapbox">
<div class="mapcheckbox"> <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>
<div id="map" class="map" style="overflow: hidden;"> <div id="map" class="map" style="overflow: hidden;">
<div id="container"></div> <div id="container"></div>
<div class="gistopbox hidden" [ngClass]="{'show': isGisTopBox}"> <div class="gistopbox hidden" [ngClass]="{'show': isGisTopBox}">
<div class="inputBox"> <div class="inputBox">
<span>搜索: </span> <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> </div>
</div> </div>
@ -127,14 +148,16 @@
<div (click)="selectedTab(1)" [ngClass]="{'selectedBtn': tabIndex == 1}"> <div (click)="selectedTab(1)" [ngClass]="{'selectedBtn': tabIndex == 1}">
<span>详情</span> <span>详情</span>
</div> </div>
<!-- <div (click)="selectedTab(2)" [ngClass]="{'selectedBtn': tabIndex == 2}"> <div (click)="selectedTab(2)" [ngClass]="{'selectedBtn': tabIndex == 2}">
<span>车辆装备</span> <span>车辆装备</span>
</div> --> </div>
<!-- <div (click)="selectedTab(3)" [ngClass]="{'selectedBtn': tabIndex == 3}"> <div (click)="selectedTab(3)" [ngClass]="{'selectedBtn': tabIndex == 3}">
<span>相关资料</span> <span>相关资料</span>
</div> --> </div>
</div> </div>
<div class="btnbox"> <div class="btnbox">
<div class="goback" (click)="goback()" *ngIf="carPageIndex == 1"><img
src="/assets/images/goback.png" alt=""> 返回</div>
<div class="uploadAttachment" *ngIf="tabIndex == 3"> <div class="uploadAttachment" *ngIf="tabIndex == 3">
<button mat-flat-button color="primary"> <button mat-flat-button color="primary">
<mat-icon>attach_file</mat-icon> <mat-icon>attach_file</mat-icon>
@ -144,7 +167,6 @@
<input type="file" (change)='uploadAttachment($event)'> <input type="file" (change)='uploadAttachment($event)'>
</a> </a>
</div> </div>
<!-- <span class="state" *ngIf="selectedFireForce.contentVerify && selectedFireForce.contentVerify.verifyState == 3">( <!-- <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 == 2" style="color: red;">删除</span>
<span *ngIf="selectedFireForce.contentVerify.operation == 0" >新增</span> <span *ngIf="selectedFireForce.contentVerify.operation == 0" >新增</span>
@ -156,7 +178,9 @@
<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="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="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="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> </div>
<!-- 详情 --> <!-- 详情 -->
@ -167,10 +191,10 @@
<mat-grid-list cols="6" rowHeight="40px"> <mat-grid-list cols="6" rowHeight="40px">
<mat-grid-tile colspan='6' rowspan='1'> <mat-grid-tile colspan='6' rowspan='1'>
<span> <span>
<span style="color: red;">*</span> <span style="color: red;">*</span>
队站名称: 队站名称:
</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>
<mat-grid-tile colspan='2' rowspan='1'> <mat-grid-tile colspan='2' rowspan='1'>
<span> <span>
@ -194,7 +218,8 @@
<span> <span>
备注: 备注:
</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%;" name=""
id="" cols="30" rows="10"></textarea>
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>位置信息</p> <p>位置信息</p>
@ -209,16 +234,18 @@
<span> <span>
经度: 经度:
</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>
纬度: 纬度:
</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"> <!-- <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>位置 <mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置
</button> --> </button> -->
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>人员数量</p> <p>人员数量</p>
<mat-grid-list cols="6" rowHeight="40px"> <mat-grid-list cols="6" rowHeight="40px">
@ -301,10 +328,10 @@
<mat-grid-list cols="6" rowHeight="40px"> <mat-grid-list cols="6" rowHeight="40px">
<mat-grid-tile colspan='6' rowspan='1'> <mat-grid-tile colspan='6' rowspan='1'>
<span> <span>
<span style="color: red;">*</span> <span style="color: red;">*</span>
队站名称: 队站名称:
</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>
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
@ -322,7 +349,8 @@
<span> <span>
备注: 备注:
</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%;" name=""
id="" cols="30" rows="10"></textarea>
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>位置信息</p> <p>位置信息</p>
@ -337,16 +365,18 @@
<span> <span>
经度: 经度:
</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>
纬度: 纬度:
</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"> <!-- <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>位置 <mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置
</button> --> </button> -->
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>人员数量</p> <p>人员数量</p>
<mat-grid-list cols="6" rowHeight="40px"> <mat-grid-list cols="6" rowHeight="40px">
@ -370,7 +400,7 @@
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>联系方式</p> <p>联系方式</p>
<mat-grid-list cols="6" rowHeight="40px" > <mat-grid-list cols="6" rowHeight="40px">
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
站长姓名: 站长姓名:
@ -449,9 +479,9 @@
<div *ngIf="selectedFireForceLevel == 4 || selectedFireForceLevel == 5 || selectedFireForceLevel == 6"> <div *ngIf="selectedFireForceLevel == 4 || selectedFireForceLevel == 5 || selectedFireForceLevel == 6">
<p>基本信息</p> <p>基本信息</p>
<mat-grid-list cols="6" rowHeight="40px"> <mat-grid-list cols="6" rowHeight="40px">
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
<span style="color: red;">*</span> <span style="color: red;">*</span>
队伍类型: 队伍类型:
</span> </span>
<select disabled [(ngModel)]="selectedFireForceLevel"> <select disabled [(ngModel)]="selectedFireForceLevel">
@ -463,7 +493,7 @@
</mat-grid-tile> </mat-grid-tile>
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
<span style="color: red;">*</span> <span style="color: red;">*</span>
队伍名称: 队伍名称:
</span> </span>
<input type="text" [(ngModel)]="FireForceDetailInfo.stationName"> <input type="text" [(ngModel)]="FireForceDetailInfo.stationName">
@ -479,8 +509,10 @@
<span> <span>
站长: 站长:
</span> </span>
<input [(ngModel)]="othercontactData[2].PropertyValue" class="smallwidth" type="text" placeholder="姓名"> <input [(ngModel)]="othercontactData[2].PropertyValue" class="smallwidth" type="text"
<input [(ngModel)]="othercontactData[3].PropertyValue" class="smallwidth" type="text" placeholder="联系方式"> placeholder="姓名">
<input [(ngModel)]="othercontactData[3].PropertyValue" class="smallwidth" type="text"
placeholder="联系方式">
</mat-grid-tile> </mat-grid-tile>
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
@ -492,8 +524,10 @@
<span> <span>
负责人: 负责人:
</span> </span>
<input [(ngModel)]="othercontactData[4].PropertyValue" class="smallwidth" type="text" placeholder="姓名"> <input [(ngModel)]="othercontactData[4].PropertyValue" class="smallwidth" type="text"
<input [(ngModel)]="othercontactData[5].PropertyValue" class="smallwidth" type="text" placeholder="联系方式"> placeholder="姓名">
<input [(ngModel)]="othercontactData[5].PropertyValue" class="smallwidth" type="text"
placeholder="联系方式">
</mat-grid-tile> </mat-grid-tile>
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
@ -505,7 +539,8 @@
<span> <span>
备注: 备注:
</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%;" name=""
id="" cols="30" rows="10"></textarea>
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>位置信息</p> <p>位置信息</p>
@ -520,16 +555,18 @@
<span> <span>
经度: 经度:
</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>
纬度: 纬度:
</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"> <!-- <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>位置 <mat-icon style="width: 20px;height: 20px;font-size: 20px;">place</mat-icon>位置
</button> --> </button> -->
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
<p>人员数量</p> <p>人员数量</p>
<!-- 其他消防力量 --> <!-- 其他消防力量 -->
@ -553,7 +590,7 @@
<div class="unitDiv"> <div class="unitDiv">
<input type="text" [(ngModel)]="otherpersonCountData[2].PropertyValue"> <input type="text" [(ngModel)]="otherpersonCountData[2].PropertyValue">
<span class="unit">辆</span> <span class="unit">辆</span>
</div> </div>
</mat-grid-tile> </mat-grid-tile>
<mat-grid-tile colspan='3' rowspan='1'> <mat-grid-tile colspan='3' rowspan='1'>
<span> <span>
@ -562,33 +599,133 @@
<div class="unitDiv"> <div class="unitDiv">
<input type="text" [(ngModel)]="otherpersonCountData[3].PropertyValue"> <input type="text" [(ngModel)]="otherpersonCountData[3].PropertyValue">
<span class="unit">个</span> <span class="unit">个</span>
</div> </div>
</mat-grid-tile> </mat-grid-tile>
</mat-grid-list> </mat-grid-list>
</div> </div>
</div> </div>
<!-- 车辆 --> <!-- 车辆 -->
<!-- <div class="contant" *ngIf="tabIndex == 2"> <div class="contant" *ngIf="tabIndex == 2">
车辆 <div class="carOne carcontent" *ngIf="carPageIndex == 0">
</div> --> <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)="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>
<div class="searchbox" *ngIf="isCarCheckedOfSearchDiv">
<div class="inputbox">
<span>
关键字:
</span>
<input type="text" placeholder="请输入名称/车牌号" [(ngModel)]="carSearchForm.name" />
</div>
<div class="inputbox">
<span>
所属队站:
</span>
<input type="text" placeholder="请选择" [(ngModel)]="carSearchForm.organization" />
</div>
<div class="inputbox">
<span>
车辆类别:
</span>
<!-- <nz-tree-select style="width: 250px" [nzExpandedKeys]="expandKeys" [nzNodes]="nodes"
nzShowSearch nzPlaceHolder="Please select" [(ngModel)]="value"
(ngModelChange)="onChange($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)="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>
<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.organization}}</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 class="deleteFile">highlight_off</mat-icon>
</td>
</tr>
</table>
</div>
<div class="pagingDevice">
<mat-paginator [length]="dataLength" [pageSize]="16" (page)="chagePage($event)"></mat-paginator>
</div>
</div>
<div class="carTwo" *ngIf="carPageIndex == 1">
<p>基本信息</p>
<div>
<div>
<span><span style="color: red;">*</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>
</div>
<p>作战用信息</p>
<p>车载灭火剂</p>
<p>消防器材</p>
</div>
</div>
<!-- 相关资料 --> <!-- 相关资料 -->
<div class="contant" *ngIf="tabIndex == 3"> <div class="contant" *ngIf="tabIndex == 3">
<div class="fileDivBox" *ngFor="let item of AttachmentArr" > <div class="fileDivBox" *ngFor="let item of AttachmentArr">
<mat-icon class="deleteFile" (click)="deleteFile(item,$event)">highlight_off</mat-icon> <mat-icon class="deleteFile" (click)="deleteFile(item,$event)">highlight_off</mat-icon>
<div class="imgbox"> <div class="imgbox">
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'png' <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'
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'JPG'" || item.fileName.split('.')[item.fileName.split('.').length-1] == 'JPG'" class="thumbnailImg"
class="thumbnailImg" src="/api/Objects/PlanPlatform/{{item.objectName}}" alt=""> src="/api/Objects/PlanPlatform/{{item.objectName}}" alt="">
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'docx' <img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'docx'
|| item.fileName.split('.')[item.fileName.split('.').length-1] == 'doc'" || item.fileName.split('.')[item.fileName.split('.').length-1] == 'doc'" class="thumbnailImg"
class="thumbnailImg" src="/assets/images/word.jpg" alt=""> src="/assets/images/word.jpg" alt="">
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'pdf'" <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'" <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'" <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> </div>
<span [title]="item.fileName">{{item.fileName}}</span> <span [title]="item.fileName">{{item.fileName}}</span>
<button (click)="clickFile(item)" class="btn btn1" mat-flat-button color="primary">查看</button> <button (click)="clickFile(item)" class="btn btn1" mat-flat-button color="primary">查看</button>

531
src/app/data-collection/fire-force/fire-force.component.scss
View File

File diff suppressed because it is too large Load Diff

1263
src/app/data-collection/fire-force/fire-force.component.ts
View File

File diff suppressed because it is too large Load Diff

4
src/app/export-excel/export-excel.component.ts
Unescape View File

@ -17,11 +17,11 @@ export class ExportExcelComponent implements OnInit {
responseType: 'blob' as 'json' responseType: 'blob' as 'json'
}; };
this.http.get('/api/StatisticsAnalysis/ExportToExcel',httpOptions).subscribe((data:any) => { this.http.get('/api/StatisticsAnalysis/ExportToExcel',httpOptions).subscribe((data:any) => {
// // 文件名中有中文 则对文件名进行转码 // 文件名中有中文 则对文件名进行转码
const link = document.createElement('a'); const link = document.createElement('a');
const blob = new Blob([data], {type: 'application/vnd.ms-excel'}); const blob = new Blob([data], {type: 'application/vnd.ms-excel'});
link.setAttribute('href', window.URL.createObjectURL(blob)); link.setAttribute('href', window.URL.createObjectURL(blob));
link.setAttribute('download', '统计信息'+'.xlsx'); link.setAttribute('download', '统计信息'+'.xls');
link.style.visibility = 'hidden'; link.style.visibility = 'hidden';
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();

BIN
src/assets/images/goback.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 426 B

5
src/styles.scss
Unescape View File

@ -2,6 +2,8 @@
@import './app/theme.scss'; @import './app/theme.scss';
@import "./app/ngZorroTree.css"; /* 引入组件样式 */ @import "./app/ngZorroTree.css"; /* 引入组件样式 */
// @import "~ng-zorro-antd/select/style/index.min.css"; /* 引入组件样式 */ // @import "~ng-zorro-antd/select/style/index.min.css"; /* 引入组件样式 */
@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */
@import "~ng-zorro-antd/tree-select/style/index.min.css"; /* 引入组件样式 */
@font-face @font-face
{ {
font-family: Regular; font-family: Regular;
@ -335,4 +337,7 @@ td{
.custom-content-marker .close-btn:hover { .custom-content-marker .close-btn:hover {
background: #666; background: #666;
} }
}
.mat-paginator-container{
min-height: 40px!important;
} }
Write Preview
Loading…
Cancel
Save