55 changed files with 2428 additions and 815 deletions
@ -1,3 +0,0 @@
|
||||
[1229/141605.754:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[0104/100053.968:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
[0122/085819.900:ERROR:directory_reader_win.cc(43)] FindFirstFile: 系统找不到指定的路径。 (0x3) |
||||
@ -0,0 +1,15 @@
|
||||
<div class="addLinkageForceBox"> |
||||
<div class="topbox"> |
||||
<span>新增联动力量</span> |
||||
</div> |
||||
<div class="contant"> |
||||
<div (click)="selecteAddType(item,key)" *ngFor="let item of addList;let key = index" [ngClass]="{'selectedDiv': item.id == selectedFireForceTypeIndex}"> |
||||
<img [src]="item.imgUrl" alt=""> |
||||
{{item.name}} |
||||
</div> |
||||
</div> |
||||
<div class="btnbox"> |
||||
<button mat-flat-button color="primary" (click)="confirm()">确定</button> |
||||
<button mat-flat-button style="background-color: #F2F4F6;" mat-dialog-close>取消</button> |
||||
</div> |
||||
</div> |
||||
@ -1,8 +1,260 @@
|
||||
<div class="box"> |
||||
<div class="box" style="width: 100%;height: 100%;overflow: hidden;"> |
||||
<div class="listbox"> |
||||
<div class="topbox"> |
||||
<div class="add"> |
||||
<div> |
||||
<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)="addLinkageForce()" style="width: 68px;" mat-flat-button color="primary">新增</button> |
||||
</div> |
||||
</div> |
||||
<div class="searchbox" *ngIf="isCheckedOfSearchDiv"> |
||||
<div class="inputbox"> |
||||
<span> |
||||
关键字: |
||||
</span> |
||||
<input type="text" placeholder="请输入名称/类别" [(ngModel)]="searchForm.name"/> |
||||
</div> |
||||
<div class="inputbox"> |
||||
<span> |
||||
完整度: |
||||
</span> |
||||
<select [(ngModel)]="searchForm.integrityNum" [ngClass]="{'gray': searchForm.integrityNum == ''}"> |
||||
<option value='' selected disabled style='display:none;'>请选择</option> |
||||
<option *ngFor="let item of listIntegrityNum" [value]="item.id">{{item.name}}</option> |
||||
</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> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div style="height: 1px;width: 100%;background-color: #F2F4F6;"></div> |
||||
<div class="contantbox"> |
||||
<div class="title"> |
||||
<span>消防队</span> |
||||
<span>完整度</span> |
||||
</div> |
||||
<div class="linkageForceList"> |
||||
<ul *ngIf="allLinkageForceObj && allLinkageForceObj.items.length != 0"> |
||||
<li *ngFor="let item of allLinkageForceObj.items" (click)="selectedLinkageForce(item)" [ngClass]="{'selectedLi': item.id == LinkageForceDetailInfo.id}"> |
||||
<div class="name" [title]="item.name">{{item.name}}</div> |
||||
<div class="integrity"> |
||||
<span class="integrityNum"> |
||||
{{accMul(item.integrityScore.toFixed(3),100,1)}}% |
||||
</span> |
||||
<div class="integrityColorDiv" [style]="integrity((item.integrityScore.toFixed(2) * 100).toFixed())"> |
||||
</div> |
||||
</div> |
||||
<div class="deletebtn" (click)="deleteLinkageForc(item,$event)"><mat-icon>highlight_off</mat-icon></div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
<div class="paginator"> |
||||
<mat-paginator [length]="dataLength" [pageSize]="15" (page)="chagePage($event)"></mat-paginator> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="mapbox"> |
||||
|
||||
<div class="mapbox" id="linkageForcesSwiper"> |
||||
<div class="mapcheckbox swiper-container"> |
||||
|
||||
<div class="swiper-wrapper"> |
||||
<mat-checkbox class="swiper-slide" color="primary" *ngFor="let item of checkBoxList"> |
||||
<span> |
||||
<img [src]="item.imgUrl" alt=""> |
||||
{{item.name}} |
||||
</span> |
||||
</mat-checkbox> |
||||
</div> |
||||
<!-- 如果需要导航按钮 --> |
||||
<div style="left: 2px;top: 52%;" class="swiper-button-prev"></div> |
||||
<div style="top: 52%;"class="swiper-button-next"></div> |
||||
|
||||
</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"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="detailsbox" *ngIf="LinkageForceDetailInfo.linkageForceType || LinkageForceDetailInfo.linkageForceType == '0'"> |
||||
<div class="masklayer" *ngIf="isMasklayer"> |
||||
<mat-spinner [diameter]='30'></mat-spinner> |
||||
<span>请等待...</span> |
||||
</div> |
||||
<div class="masklayer" *ngIf="isMasklayerUploading"> |
||||
<mat-progress-bar class="progressbar" mode="determinate" [value]="progressBarValue"></mat-progress-bar> |
||||
<span>上传中...({{progressBarValue}}%)</span> |
||||
<button (click)="cancelUploading()" class="cancelbtn" mat-flat-button>取消上传</button> |
||||
</div> |
||||
<div class="masklayer" *ngIf="isMasklayerDownload"> |
||||
<mat-progress-bar class="progressbar" mode="determinate" [value]="progressBarValue"></mat-progress-bar> |
||||
<span>下载中...({{progressBarValue}}%)</span> |
||||
</div> |
||||
<div class="tabsbox"> |
||||
<div class="tabs"> |
||||
<div (click)="selectedTab(1)" [ngClass]="{'selectedBtn': tabIndex == 1}"> |
||||
<span>详情</span> |
||||
</div> |
||||
<div (click)="selectedTab(2)" [ngClass]="{'selectedBtn': tabIndex == 2}"> |
||||
<span>相关资料</span> |
||||
</div> |
||||
</div> |
||||
<div class="btnbox"> |
||||
<div class="uploadAttachment" *ngIf="tabIndex == 2"> |
||||
<button mat-flat-button color="primary"> |
||||
<mat-icon>attach_file</mat-icon> |
||||
上传附件 |
||||
</button> |
||||
<a href="javascript:;" class="a-upload"> |
||||
<input type="file" (change)='uploadAttachment($event)'> |
||||
</a> |
||||
</div> |
||||
|
||||
<span class="save" (click)="save()"><mat-icon>save</mat-icon>保存</span> |
||||
<span class="submitAudit"><mat-icon>open_in_browser</mat-icon>提交审核</span> |
||||
</div> |
||||
</div> |
||||
<!-- 详情 --> |
||||
<div class="contant" *ngIf="tabIndex == 1"> |
||||
<div> |
||||
<p>基本信息</p> |
||||
<mat-grid-list cols="6" rowHeight="40px"> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
<span style="color: red;">*</span> |
||||
类型: |
||||
</span> |
||||
<select disabled style="width: 67.7%;" [(ngModel)]="LinkageForceDetailInfo.linkageForceType"> |
||||
<option *ngFor="let item of checkBoxList" [value]="item.id">{{item.name}}</option> |
||||
</select> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
<span style="color: red;">*</span> |
||||
名称: |
||||
</span> |
||||
<input type="text" style="width: 63%;" [(ngModel)]="LinkageForceDetailInfo.name"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
单位联系电话: |
||||
</span> |
||||
<input type="text" [(ngModel)]="LinkageForceDetailInfo.phoneNumber"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
单位传真: |
||||
</span> |
||||
<input type="text" [(ngModel)]="LinkageForceDetailInfo.faxNumber"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='6' rowspan='2'> |
||||
<span> |
||||
备注: |
||||
</span> |
||||
<textarea [(ngModel)]="LinkageForceDetailInfo.remark" style="height: 80%;width: 84.5%;" name="" id="" cols="30" rows="10"></textarea> |
||||
</mat-grid-tile> |
||||
</mat-grid-list> |
||||
<p>位置信息</p> |
||||
<mat-grid-list cols="6" rowHeight="40px"> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
行政区: |
||||
</span> |
||||
<input type="text" style="width: 26%;margin-right: 6%;" [(ngModel)]="LinkageForceDetailInfo.administrativeRegion"> |
||||
<span> |
||||
地址: |
||||
</span> |
||||
<input type="text" style="width: 26%;margin-right: 6%;" [(ngModel)]="LinkageForceDetailInfo.address"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='3' rowspan='1'> |
||||
<span> |
||||
经度: |
||||
</span> |
||||
<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%;"> |
||||
<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> |
||||
</mat-grid-tile> |
||||
|
||||
</mat-grid-list> |
||||
<p>联系人</p> |
||||
<mat-grid-list cols="6" rowHeight="40px"> |
||||
<mat-grid-tile colspan='2' rowspan='1'> |
||||
<span> |
||||
联系人: |
||||
</span> |
||||
<input type="text" [(ngModel)]="LinkageForceDetailInfo.contactName"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='2' rowspan='1'> |
||||
<span> |
||||
职务: |
||||
</span> |
||||
<input type="text" [(ngModel)]="LinkageForceDetailInfo.contactTitle"> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='2' rowspan='1'> |
||||
<span> |
||||
电话: |
||||
</span> |
||||
<input type="text" [(ngModel)]="LinkageForceDetailInfo.contactPhone"> |
||||
</mat-grid-tile> |
||||
</mat-grid-list> |
||||
<p>应急信息</p> |
||||
<mat-grid-list cols="6" rowHeight="40px"> |
||||
<mat-grid-tile colspan='3' rowspan='2'> |
||||
<span> |
||||
服务内容: |
||||
</span> |
||||
<textarea style="height: 80%;width: 70%;" name="" id="" cols="30" rows="10" [(ngModel)]="LinkageForceDetailInfo.serviceContent"></textarea> |
||||
</mat-grid-tile> |
||||
<mat-grid-tile colspan='3' rowspan='2'> |
||||
<span> |
||||
资源说明: |
||||
</span> |
||||
<textarea style="height: 80%;width: 70%;" name="" id="" cols="30" rows="10" [(ngModel)]="LinkageForceDetailInfo.resourceRemark"></textarea> |
||||
</mat-grid-tile> |
||||
|
||||
</mat-grid-list> |
||||
</div> |
||||
</div> |
||||
<!-- 相关资料 --> |
||||
<div class="contant" *ngIf="tabIndex == 2"> |
||||
<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=""> |
||||
<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=""> |
||||
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'pdf'" |
||||
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=""> |
||||
<img *ngIf="item.fileName.split('.')[item.fileName.split('.').length-1] == 'mp4'" |
||||
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 id="viewerjs" style="display:none"> |
||||
|
||||
</div> |
||||
@ -0,0 +1 @@
|
||||
<video autoplay controls [src]="Url"></video> |
||||
@ -1,11 +0,0 @@
|
||||
import { AxRectangleShape } from "./axRectangleShape"; |
||||
|
||||
export class AxImageShapeTest extends AxRectangleShape{ |
||||
/** |
||||
*
|
||||
*/ |
||||
constructor(x:number,y:number,width:number,height:number) { |
||||
super(x,y,width,height); |
||||
|
||||
} |
||||
} |
||||
@ -0,0 +1,90 @@
|
||||
/** |
||||
* 事件系统 |
||||
*/ |
||||
export class AxMessageSystem { |
||||
/** 监听数组 */ |
||||
private static listeners = {}; |
||||
|
||||
/** |
||||
* 注册事件 |
||||
* @param name 事件名称 |
||||
* @param callback 回调函数 |
||||
* @param context 上下文 |
||||
*/ |
||||
public static addListener(name: string, callback: () => void, context: any) { |
||||
const observers: Observer[] = AxMessageSystem.listeners[name]; |
||||
if (!observers) { |
||||
AxMessageSystem.listeners[name] = []; |
||||
} |
||||
AxMessageSystem.listeners[name].push(new Observer(callback, context)); |
||||
} |
||||
|
||||
/** |
||||
* 移除事件 |
||||
* @param name 事件名称 |
||||
* @param callback 回调函数 |
||||
* @param context 上下文 |
||||
*/ |
||||
public static removeListener(name: string, callback: () => void, context: any) { |
||||
const observers: Observer[] = AxMessageSystem.listeners[name]; |
||||
if (!observers) { return; } |
||||
const length = observers.length; |
||||
for (let i = 0; i < length; i++) { |
||||
const observer = observers[i]; |
||||
if (observer.compar(context)) { |
||||
observers.splice(i, 1); |
||||
break; |
||||
} |
||||
} |
||||
if (observers.length === 0) { |
||||
delete AxMessageSystem.listeners[name]; |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* 发送事件 |
||||
* @param name 事件名称 |
||||
*/ |
||||
public static send(name: string, ...args: any[]) { |
||||
const observers: Observer[] = AxMessageSystem.listeners[name]; |
||||
if (!observers) { return; } |
||||
const length = observers.length; |
||||
for (let i = 0; i < length; i++) { |
||||
const observer = observers[i]; |
||||
observer.notify(name, ...args); |
||||
} |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* 观察者 |
||||
*/ |
||||
class Observer { |
||||
/** 回调函数 */ |
||||
private callback: () => void; |
||||
/** 上下文 */ |
||||
private context: any = null; |
||||
|
||||
constructor(callback: () => void, context: any) { |
||||
const self = this; |
||||
self.callback = callback; |
||||
self.context = context; |
||||
} |
||||
|
||||
/** |
||||
* 发送通知 |
||||
* @param args 不定参数 |
||||
*/ |
||||
notify(...args: any[]): void { |
||||
const self = this; |
||||
self.callback.call(self.context, ...args); |
||||
} |
||||
|
||||
/** |
||||
* 上下文比较 |
||||
* @param context 上下文 |
||||
*/ |
||||
compar(context: any): boolean { |
||||
return context === this.context; |
||||
} |
||||
} |
||||
@ -1,21 +1,21 @@
|
||||
import { Sprite } from "pixi.js"; |
||||
import { Graphics } from "pixi.js"; |
||||
import { WorkingAreaComponent } from "../working-area.component"; |
||||
import { AxShape } from "./axShape"; |
||||
import { Sprite } from 'pixi.js'; |
||||
import { Graphics } from 'pixi.js'; |
||||
import { WorkingAreaComponent } from '../working-area.component'; |
||||
import { AxShape } from './axShape'; |
||||
|
||||
export class AxRectangleShape extends AxShape{ |
||||
export class AxRectangleShape extends AxShape { |
||||
/** |
||||
* |
||||
*/ |
||||
constructor(x:number,y:number,width:number,height:number,assetData: any, workingArea: WorkingAreaComponent) { |
||||
super(assetData,workingArea); |
||||
this.beginFill(0x0000ff,1); |
||||
this.lineStyle(1, 0xff0000,1); |
||||
constructor(x: number, y: number, width: number, height: number, assetData: any, workingArea: WorkingAreaComponent) { |
||||
super(assetData, workingArea); |
||||
this.beginFill(0x0000ff, 1); |
||||
this.lineStyle(1, 0xff0000, 1); |
||||
this.drawRect(x, y, width, height); |
||||
this.endFill(); |
||||
|
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
@ -0,0 +1,52 @@
|
||||
/** |
||||
* 选择器 |
||||
*/ |
||||
export class AxSelection { |
||||
constructor() { |
||||
} |
||||
private objects: Set<any> = new Set<any>(); |
||||
// 获得第一个对象
|
||||
public first(): any { |
||||
if (this.objects.size > 0) { |
||||
return this.objects[0]; |
||||
} else { |
||||
return null; |
||||
} |
||||
} |
||||
// 是否已经选择了对象
|
||||
public has(obj: any): boolean { |
||||
return this.objects.has(obj); |
||||
} |
||||
// 获得所有对象
|
||||
public all() { |
||||
return this.objects; |
||||
} |
||||
// 获取集合长度
|
||||
public size(): number { |
||||
return this.objects.size; |
||||
} |
||||
// 添加对象
|
||||
public add(obj: any) { |
||||
this.objects.add(obj); |
||||
} |
||||
// 添加集合
|
||||
public addArray(array: any[]) { |
||||
array.forEach(item => { |
||||
this.objects.add(item); |
||||
}); |
||||
} |
||||
// 移除对象
|
||||
public delete(obj: any) { |
||||
this.objects.delete(obj); |
||||
} |
||||
// 移除集合
|
||||
public deleteArray(array: any[]) { |
||||
array.forEach(item => { |
||||
this.objects.delete(item); |
||||
}); |
||||
} |
||||
// 清空所有对象
|
||||
public clear() { |
||||
this.objects.clear(); |
||||
} |
||||
} |
||||
@ -1,37 +0,0 @@
|
||||
class MyEvent<T> extends CustomEvent<T> {
|
||||
public static readonly CMD: string = "EVENT_NAME"; |
||||
public constructor($type: string , $data: T ) {
|
||||
super( $type , { detail: $data, bubbles: true, cancelable: true, composed: true }); |
||||
} |
||||
} |
||||
|
||||
class MyDispatch extends EventTarget {
|
||||
private static _instance: MyDispatch; |
||||
public static get Instance(): MyDispatch {
|
||||
if (!MyDispatch._instance) MyDispatch._instance = new MyDispatch(); |
||||
return MyDispatch._instance; |
||||
} |
||||
public send<T>($data: T, $type: string = MyEvent.CMD): void {
|
||||
const $event: CustomEvent = new MyEvent<T>($type, $data); |
||||
this.dispatchEvent($event); |
||||
} |
||||
} |
||||
|
||||
class Test {
|
||||
|
||||
public constructor() {
|
||||
MyDispatch.Instance.addEventListener(MyEvent.CMD, this.onEvent as EventListener); |
||||
} |
||||
private onEvent($e: MyEvent<ITest>): void {
|
||||
console.log(`target ${$e.target}`); |
||||
console.log(`name: ${$e.detail._name} , occupation: ${$e.detail._occupation}`); |
||||
} |
||||
} |
||||
|
||||
interface ITest {
|
||||
_name: string; |
||||
_occupation: string; |
||||
} |
||||
|
||||
let $test: Test = new Test(); |
||||
MyDispatch.Instance.send<ITest>({ _name: `Aonaufly`, _occupation: `it` }); |
||||
|
Before Width: | Height: | Size: 791 B After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 904 B After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 737 B |
|
After Width: | Height: | Size: 786 B |
|
After Width: | Height: | Size: 943 B |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 916 B |
|
After Width: | Height: | Size: 789 B |
|
After Width: | Height: | Size: 901 B |
|
After Width: | Height: | Size: 827 B |
|
After Width: | Height: | Size: 901 B |
|
After Width: | Height: | Size: 788 B |
|
After Width: | Height: | Size: 960 B |
|
After Width: | Height: | Size: 862 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 920 B |
|
After Width: | Height: | Size: 561 B |
Loading…
Reference in new issue