chenjingyu
4 years ago
28 changed files with 4532 additions and 153 deletions
@ -0,0 +1,43 @@ |
|||||||
|
<div class="content"> |
||||||
|
<div><app-tabbar></app-tabbar></div> |
||||||
|
<div class="cneter"> |
||||||
|
|
||||||
|
<div class="left"> |
||||||
|
<div class="headerLeft"> |
||||||
|
<div>单位列表</div> |
||||||
|
<div style="text-align: right;">总分: |
||||||
|
<label style="color: #07CDCF;">{{examScore}}</label> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="centerLeft" style="background: #F5FDFE;"><div class="overflowText">单位名称</div><div class="overflowText">总分</div></div> |
||||||
|
<div class="centerLeft" *ngFor="let item of paperCompanyData" [ngClass]="{'selectPaper': selectPaper.id == item.id}" (click)='togglePaper(item)'> |
||||||
|
<div class="overflowText">{{item.companyInfo.name}}</div> |
||||||
|
<div class="overflowText">{{item.score}}+{{item.planScore || 0}}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="right"> |
||||||
|
<div class="headerRight"> |
||||||
|
<label (click)='togglePaperType(1)' [ngClass]="{'selectPaperType': selectPaperType == '1'}">基本信息</label> |
||||||
|
<label (click)='togglePaperType(2)' [ngClass]="{'selectPaperType': selectPaperType == '2'}">作战部署</label> |
||||||
|
<button (click)='uploadPaper()'>交卷</button> |
||||||
|
</div> |
||||||
|
<div class="centerRight"> |
||||||
|
<div class="paperCenter" *ngIf="selectPaperType == '1'"> |
||||||
|
|
||||||
|
<mat-accordion> |
||||||
|
<mat-expansion-panel> |
||||||
|
<mat-expansion-panel-header class="panelHeader"> |
||||||
|
<label class="mariginRight">基本信息</label> |
||||||
|
<label>总分: <label class="mark"> 25</label>分, </label><label>单项<label class="mark">2</label>分</label> |
||||||
|
</mat-expansion-panel-header> |
||||||
|
|
||||||
|
</mat-expansion-panel> |
||||||
|
</mat-accordion> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="paperCenter" *ngIf="selectPaperType == '2'">作战部署</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,114 @@ |
|||||||
|
.content{ |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow: hidden; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
box-sizing: border-box; |
||||||
|
.cneter { |
||||||
|
flex: 1; |
||||||
|
overflow: hidden; |
||||||
|
background-color: #F2F5F6; |
||||||
|
display: flex; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 25px; |
||||||
|
>div { background-color: #fff; border-radius: 10px; } |
||||||
|
.left { |
||||||
|
flex: 20%; |
||||||
|
margin-right: 25px; |
||||||
|
} |
||||||
|
.right { |
||||||
|
flex: 80%; |
||||||
|
overflow: hidden; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
.centerRight { |
||||||
|
flex: 1; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//文本溢出 |
||||||
|
.overflowText { |
||||||
|
overflow: hidden; |
||||||
|
text-overflow:ellipsis; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
|
||||||
|
//左侧 |
||||||
|
.headerLeft{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
>div {flex: 1;} |
||||||
|
height: 36px; |
||||||
|
padding: 0 30px; |
||||||
|
margin: 3px 0; |
||||||
|
} |
||||||
|
.centerLeft { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
cursor: pointer; |
||||||
|
>div {flex: 1; text-align: center;} |
||||||
|
height: 36px; |
||||||
|
padding: 0 25px; |
||||||
|
margin: 0 30px; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 3px; |
||||||
|
} |
||||||
|
.selectPaper { |
||||||
|
background-color: #07CDCF; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
//中间内容区 |
||||||
|
.headerRight { |
||||||
|
width: 100%; |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-right: 10px; |
||||||
|
overflow: hidden; |
||||||
|
background-color: #F2F5F6; |
||||||
|
button { |
||||||
|
width: 80px; |
||||||
|
height: 32px; |
||||||
|
border-radius: 5px; |
||||||
|
background-color: #07CDCF; |
||||||
|
color: #fff; |
||||||
|
border: none; |
||||||
|
outline: none; |
||||||
|
float: right; |
||||||
|
margin: 9px 25px 0 0; |
||||||
|
} |
||||||
|
label { |
||||||
|
cursor: pointer; |
||||||
|
display: inline-block; |
||||||
|
width: 120px; |
||||||
|
text-align: center; |
||||||
|
color: #1E2323; |
||||||
|
opacity: 0.5; |
||||||
|
} |
||||||
|
.selectPaperType { |
||||||
|
color: #07CDCF; |
||||||
|
opacity: 1; |
||||||
|
background-color: #fff; |
||||||
|
border-top: 3px solid #07CDCF; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.mark { color: #FF8678; } |
||||||
|
.mariginRight { margin-right: 25px; } |
||||||
|
.paperCenter { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 5px; |
||||||
|
overflow-y: auto; |
||||||
|
.panelHeader { |
||||||
|
background-color: #F5FDFE; |
||||||
|
label { display: inline-block; } |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
|
||||||
|
import { ExaminationDetailsComponent } from './examination-details.component'; |
||||||
|
|
||||||
|
describe('ExaminationDetailsComponent', () => { |
||||||
|
let component: ExaminationDetailsComponent; |
||||||
|
let fixture: ComponentFixture<ExaminationDetailsComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [ ExaminationDetailsComponent ] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(ExaminationDetailsComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,117 @@ |
|||||||
|
import { HttpClient } from '@angular/common/http'; |
||||||
|
import { Component, OnInit } from '@angular/core'; |
||||||
|
import { MatDialog } from '@angular/material/dialog'; |
||||||
|
import { MatSnackBar } from '@angular/material/snack-bar'; |
||||||
|
import { ActivatedRoute } from '@angular/router'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-examination-details', |
||||||
|
templateUrl: './examination-details.component.html', |
||||||
|
styleUrls: ['./examination-details.component.scss'] |
||||||
|
}) |
||||||
|
export class ExaminationDetailsComponent implements OnInit { |
||||||
|
|
||||||
|
constructor(public http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar,public route:ActivatedRoute) { } |
||||||
|
|
||||||
|
async ngOnInit(): Promise<void> { |
||||||
|
await this.getTestInfo() |
||||||
|
this.getUnitPlans()//将试卷的预案考题放进数据中
|
||||||
|
} |
||||||
|
|
||||||
|
paperData:any //试卷信息
|
||||||
|
paperCompanyData:any = []; //考生具体考卷
|
||||||
|
selectPaper:any = {id:null}; //选择当前考卷
|
||||||
|
selectPaperType:string = '1'; //选择当前考卷内容
|
||||||
|
|
||||||
|
//获取考卷
|
||||||
|
async getTestInfo () { |
||||||
|
let id = this.route.snapshot.queryParams.paperId |
||||||
|
await new Promise((resolve, reject) => { |
||||||
|
this.http.get(`/api/Papers/${id}`).subscribe((data:any)=>{ |
||||||
|
this.paperData = data |
||||||
|
this.paperData.paperDataInfo.forEach(element => { |
||||||
|
element.adjoinData? element.adjoinData = JSON.parse(element.adjoinData) : null |
||||||
|
element.basicInfoData? element.basicInfoData = JSON.parse(element.basicInfoData) : null |
||||||
|
element.facilityData? element.facilityData = JSON.parse(element.facilityData) : null |
||||||
|
element.functionalDivisionData? element.functionalDivisionData = JSON.parse(element.functionalDivisionData) : null |
||||||
|
element.importLocationData? element.importLocationData = JSON.parse(element.importLocationData) : null |
||||||
|
}); |
||||||
|
this.paperCompanyData = JSON.parse( JSON.stringify(data.paperDataInfo) ) //具体考卷
|
||||||
|
this.selectPaper = this.paperCompanyData[0] || {id:null} //当前选择考卷
|
||||||
|
this.handlePaperData() |
||||||
|
resolve() |
||||||
|
}) |
||||||
|
}) |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//处理考卷 数据格式
|
||||||
|
handlePaperData () { |
||||||
|
console.log(this.selectPaper) |
||||||
|
} |
||||||
|
|
||||||
|
//切换 选择考卷
|
||||||
|
togglePaper (e) { |
||||||
|
if (this.selectPaper.id != e.id) { |
||||||
|
this.selectPaper = e |
||||||
|
this.handlePaperData() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//切换 选择考卷内容
|
||||||
|
togglePaperType (e) { |
||||||
|
if (this.selectPaperType != e) { |
||||||
|
this.selectPaperType = e |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//获得单位预案设定
|
||||||
|
async getUnitPlans(){ |
||||||
|
for (let index = 0; index < this.paperCompanyData.length; index++) { |
||||||
|
const item = this.paperCompanyData[index]; |
||||||
|
let params = { |
||||||
|
paperId : item.paperId, |
||||||
|
companyId : item.companyInfo.id |
||||||
|
} |
||||||
|
await new Promise((resolve,reject)=>{ |
||||||
|
this.http.get(`/api/PaperPlans`,{params:params}).subscribe(data => { |
||||||
|
item.planList = [] |
||||||
|
item.planList = data |
||||||
|
resolve() |
||||||
|
}) |
||||||
|
})
|
||||||
|
} |
||||||
|
this.calculateScore() |
||||||
|
} |
||||||
|
examScore:any = 0//整个试卷的总分
|
||||||
|
//计算分数
|
||||||
|
calculateScore(){ |
||||||
|
let examScore = 0 |
||||||
|
let examScore2 = 0 |
||||||
|
this.paperCompanyData.forEach(item => { |
||||||
|
//计算每个单位基本信息部分总分
|
||||||
|
item.score = item.basicInfoScore + item.adjoinScore + item.importLocationScore + item.functionalDivisionScore + item.facilityScore
|
||||||
|
//计算整个试卷基本信息总分
|
||||||
|
examScore += item.score |
||||||
|
//计算整个试卷预案试题总分
|
||||||
|
let x = 0 |
||||||
|
if(item.planList){ |
||||||
|
item.planList.forEach(i => { |
||||||
|
x += i.score |
||||||
|
}) |
||||||
|
} |
||||||
|
item.planScore = x |
||||||
|
examScore2 += x |
||||||
|
}) |
||||||
|
//计算总分
|
||||||
|
this.examScore = examScore + examScore2 |
||||||
|
console.log(678,this.paperCompanyData) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
//交卷
|
||||||
|
uploadPaper () { |
||||||
|
console.log('交卷') |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,480 @@ |
|||||||
|
@import './panel.scss'; |
||||||
|
::-webkit-scrollbar { |
||||||
|
display: none; /* Chrome Safari */ |
||||||
|
} |
||||||
|
.content { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
overflow: hidden; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 3px; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
.buildingbtnchecked{ |
||||||
|
background-color: #07CDCF; |
||||||
|
color: white; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//header头部 |
||||||
|
.header { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 46px; |
||||||
|
min-height: 46px; |
||||||
|
display: flex; |
||||||
|
align-items:center; |
||||||
|
background-color: #fff; |
||||||
|
box-shadow: inset 0px -3px 5px 0px rgb(165, 163, 163); |
||||||
|
.headerTitle { |
||||||
|
width: 235px; |
||||||
|
overflow: hidden; |
||||||
|
color: #07CDCF; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-left: 25px; |
||||||
|
font-size: 20px; |
||||||
|
font-weight: 550; |
||||||
|
} |
||||||
|
.headerCenter { |
||||||
|
flex: 1; |
||||||
|
overflow: hidden; |
||||||
|
input { |
||||||
|
width: 99%; |
||||||
|
height: 30px; |
||||||
|
background-color: #e7f0f0; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
} |
||||||
|
.headerRight { |
||||||
|
width: 350px; |
||||||
|
overflow: hidden; |
||||||
|
box-sizing: border-box; |
||||||
|
padding-left: 10px; |
||||||
|
button { |
||||||
|
font-size: 14px; |
||||||
|
color: #07CDCF; |
||||||
|
background-color: #fff; |
||||||
|
border: none; |
||||||
|
outline: none; |
||||||
|
cursor:pointer; |
||||||
|
} |
||||||
|
.mat-icon { |
||||||
|
font-size: 22px; |
||||||
|
vertical-align: middle; |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//头部操作栏 |
||||||
|
.headerOperate { |
||||||
|
img { |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 1px; |
||||||
|
} |
||||||
|
span{ |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
flex: 5%; |
||||||
|
display: flex; |
||||||
|
align-items:center; |
||||||
|
min-height: 40px; |
||||||
|
box-sizing: border-box; |
||||||
|
margin: 3px 0; |
||||||
|
background-color: white; |
||||||
|
button{ |
||||||
|
border: 0.5px solid rgb(208, 211, 214); |
||||||
|
margin: 0 2px; |
||||||
|
} |
||||||
|
.editdeletebtn{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.bigeditdeletebtn:hover{ |
||||||
|
.editdeletebtn{ |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//功能区 |
||||||
|
// icon统一样式 |
||||||
|
.mat-icon { |
||||||
|
cursor:pointer; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
//左右两侧功能栏 统一样式 |
||||||
|
.publicCss { |
||||||
|
border-radius: 5px; |
||||||
|
position: absolute; |
||||||
|
height: 100%; |
||||||
|
top: 0; |
||||||
|
} |
||||||
|
.functionalDomain { |
||||||
|
flex: 1; |
||||||
|
overflow: hidden; |
||||||
|
.functionalDomainContent { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.centerBuildingDiv { |
||||||
|
position: absolute; |
||||||
|
max-width: 400px; |
||||||
|
top: 40px; |
||||||
|
left: 240px; |
||||||
|
z-index: 150; |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.functionalDomainLeft { |
||||||
|
background-color: #fff; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin-left: 0px; |
||||||
|
transition: margin-left 0.5s; |
||||||
|
min-width: 235px; |
||||||
|
border: 1px solid #cacdd1; |
||||||
|
width: 235px; |
||||||
|
left: 0; |
||||||
|
z-index: 111; |
||||||
|
.leftDragDiv{ |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
height: 100%; |
||||||
|
width: 3px; |
||||||
|
z-index: 1000; |
||||||
|
cursor: e-resize; |
||||||
|
} |
||||||
|
} |
||||||
|
.functionalDomainRight { |
||||||
|
z-index: 111; |
||||||
|
margin-right: 0px; |
||||||
|
transition: margin-right 0.5s; |
||||||
|
border: 1px solid #cacdd1; |
||||||
|
width: 235px; |
||||||
|
min-width: 235px; |
||||||
|
right: 0; |
||||||
|
} |
||||||
|
//右边导航栏显示隐藏 |
||||||
|
.togglePanel2 { |
||||||
|
margin-right: -2000px; |
||||||
|
transition: margin-right 1s; |
||||||
|
} |
||||||
|
//左侧导航栏显示隐藏 |
||||||
|
.togglePanel { |
||||||
|
margin-left: -2000px; |
||||||
|
transition: margin-left 1s; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
//中间建筑/楼层 |
||||||
|
.centerTotal { |
||||||
|
width: 197px; |
||||||
|
background-color: #fff; |
||||||
|
box-shadow: 0px 0px 5px 3px rgb(165, 163, 163); |
||||||
|
border-radius: 5px; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 5px 0; |
||||||
|
.centerTotalHeader { |
||||||
|
height: 30px; |
||||||
|
line-height: 30px; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0 5px; |
||||||
|
font-size: 14px; |
||||||
|
.mat-icon:hover {cursor: move;;} |
||||||
|
.mat-icon { |
||||||
|
font-size: 24px; |
||||||
|
color: rgb(175, 164, 164); |
||||||
|
margin: 0 30px 0 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
.everyTotal { |
||||||
|
width: 100%; |
||||||
|
height: 30px; |
||||||
|
line-height: 30px; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0 5px; |
||||||
|
margin: 3px 0; |
||||||
|
cursor:pointer; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
} |
||||||
|
//中间建筑/楼层 |
||||||
|
|
||||||
|
//右边操作栏 |
||||||
|
.titleS{ |
||||||
|
width: 100%; |
||||||
|
height: 35px; |
||||||
|
line-height: 35px; |
||||||
|
padding-left: 5px; |
||||||
|
box-sizing: border-box; |
||||||
|
color: #07CDCF; |
||||||
|
.mat-icon {vertical-align: middle; margin-right: 5px; font-size: 22px;} |
||||||
|
} |
||||||
|
input { border: none; outline: none; background-color: #d6dddf; box-sizing: border-box; padding-left: 5px; } |
||||||
|
|
||||||
|
//右侧属性 |
||||||
|
.property{ |
||||||
|
display: flex; |
||||||
|
flex-flow: column; |
||||||
|
.siteproperty{ |
||||||
|
height: 100%; |
||||||
|
overflow-y: auto; |
||||||
|
p{ |
||||||
|
color: #9c9fa5; |
||||||
|
padding-left: 5px; |
||||||
|
} |
||||||
|
.siteproperty_size{ |
||||||
|
background-color: #F2F5F6; |
||||||
|
width: 93%; |
||||||
|
margin: 0 auto; |
||||||
|
border-radius: 3px; |
||||||
|
min-height: 21px; |
||||||
|
} |
||||||
|
.rightAttribute{ |
||||||
|
width: 12%; |
||||||
|
height: 99.5%; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
border: 2px solid #464646; |
||||||
|
} |
||||||
|
} |
||||||
|
.assetsproperty{ |
||||||
|
overflow-y: auto; |
||||||
|
height: 100%; |
||||||
|
p{ |
||||||
|
color: #9c9fa5; |
||||||
|
margin:1px 0 3px 8px; |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
span{ |
||||||
|
font-size: 15px; |
||||||
|
} |
||||||
|
input{ |
||||||
|
height: 24px; |
||||||
|
border-radius: 3px; |
||||||
|
} |
||||||
|
.biginput{ |
||||||
|
display: block; |
||||||
|
width: 88%; |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
.smallinput{ |
||||||
|
display: block; |
||||||
|
width: 19%; |
||||||
|
margin-left: 8px; |
||||||
|
} |
||||||
|
.textarea{ |
||||||
|
display: block; |
||||||
|
width: 88%; |
||||||
|
height: 50px; |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
.swiper-button-next{ |
||||||
|
right: 6px; |
||||||
|
} |
||||||
|
.swiper-button-prev{ |
||||||
|
left: 6px; |
||||||
|
} |
||||||
|
.swiper-container{ |
||||||
|
// --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ |
||||||
|
// --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ |
||||||
|
--swiper-navigation-size:20px;/* 设置按钮大小 */ |
||||||
|
} |
||||||
|
.hoverred:hover{ |
||||||
|
color: rgb(187, 28, 28); |
||||||
|
} |
||||||
|
.selectDiv{ |
||||||
|
height: 21px; |
||||||
|
position: relative; |
||||||
|
margin-bottom: 5px; |
||||||
|
select{ |
||||||
|
width: 98px; |
||||||
|
height: 22px; |
||||||
|
vertical-align: middle; |
||||||
|
position: absolute; |
||||||
|
right: 10px; |
||||||
|
top: 1px; |
||||||
|
border: 1px solid rgb(208, 211, 214); |
||||||
|
border-radius: 2px; |
||||||
|
} |
||||||
|
} |
||||||
|
.colorBigDiv{ |
||||||
|
width: 88%; |
||||||
|
margin-left: 8px; |
||||||
|
.colorBigTemplateDiv{ |
||||||
|
span{ |
||||||
|
color: #9c9fa5; |
||||||
|
font-size: 14px; |
||||||
|
height: 26px; |
||||||
|
line-height: 26px; |
||||||
|
} |
||||||
|
.colorTemplateDiv{ |
||||||
|
width: 65%; |
||||||
|
height: 22px; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 26px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.colorDiv{ |
||||||
|
.colorLi{ |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
list-style: none; |
||||||
|
float: left; |
||||||
|
border: 2px solid white; |
||||||
|
} |
||||||
|
.coloractive{ |
||||||
|
border: 2px solid black; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
//右侧消防要素 |
||||||
|
.firecategories{ |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
flex-flow: column; |
||||||
|
.firecategoriesTree{ |
||||||
|
overflow-y: auto; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
// 解决轮播图蓝框问题 |
||||||
|
div:focus { |
||||||
|
outline: none; |
||||||
|
} |
||||||
|
//没有图片时显示无图片背景图 |
||||||
|
.noImgCss{ |
||||||
|
background: url(../../../assets/images/noImg.png) no-repeat center center; |
||||||
|
background-size: 88% 100%;/*按比例缩放*/ |
||||||
|
} |
||||||
|
.input{ |
||||||
|
width: 18px; |
||||||
|
height: 18px; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 9px; |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
|
||||||
|
// tree |
||||||
|
.isLookCss{ |
||||||
|
margin-left: auto; |
||||||
|
color: #07CDCF; |
||||||
|
.icongray{ |
||||||
|
color: #D9D0DC; |
||||||
|
} |
||||||
|
} |
||||||
|
.mat-tree-node{ |
||||||
|
padding-right: 3px; |
||||||
|
min-height: 30px; |
||||||
|
height: 30px; |
||||||
|
font-size: 12px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.treeNode:hover{ |
||||||
|
background-color: #ccebf8; |
||||||
|
} |
||||||
|
.isLookPattern{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.treeText{ |
||||||
|
overflow: hidden; |
||||||
|
white-space: nowrap; |
||||||
|
text-overflow: ellipsis; |
||||||
|
display: inline-block; |
||||||
|
width: 65px; |
||||||
|
} |
||||||
|
|
||||||
|
.bigBox{ |
||||||
|
width: 700px; |
||||||
|
height: 40px; |
||||||
|
position: absolute; |
||||||
|
overflow: hidden; |
||||||
|
right: 0; |
||||||
|
} |
||||||
|
.weatherBox{ |
||||||
|
height: 40px; |
||||||
|
width: 700px; |
||||||
|
line-height: 40px; |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
transition: right linear .5s; |
||||||
|
.openbtn{ |
||||||
|
font-size: 45px; |
||||||
|
height: 45px; |
||||||
|
width: 40px; |
||||||
|
} |
||||||
|
.name{ |
||||||
|
font-size: 16px; |
||||||
|
vertical-align: middle; |
||||||
|
margin-left: 3px; |
||||||
|
} |
||||||
|
input{ |
||||||
|
width: 140px; |
||||||
|
height: 22px; |
||||||
|
margin-left: 3px; |
||||||
|
} |
||||||
|
select{ |
||||||
|
width: 96px; |
||||||
|
height: 25px; |
||||||
|
margin-left: 3px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
} |
||||||
|
.open{ |
||||||
|
right: 0px; |
||||||
|
} |
||||||
|
.close{ |
||||||
|
right:-622px; |
||||||
|
} |
||||||
|
.bottomCss{ |
||||||
|
position: absolute; |
||||||
|
left: 232px; |
||||||
|
right: 0px; |
||||||
|
bottom: 0; |
||||||
|
height: 158px; |
||||||
|
width: auto; |
||||||
|
z-index: 111; |
||||||
|
background-color: white; |
||||||
|
border: 1px solid #464646; |
||||||
|
.dragDiv{ |
||||||
|
width: 100%; |
||||||
|
height: 3px; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
z-index: 111; |
||||||
|
cursor: n-resize; |
||||||
|
} |
||||||
|
.title{ |
||||||
|
height: 35px; |
||||||
|
background-color: #464646; |
||||||
|
div{ |
||||||
|
background-color: #464646; |
||||||
|
float: left; |
||||||
|
width: 80px; |
||||||
|
color: white; |
||||||
|
font-size: 13px; |
||||||
|
padding-left: 5px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.detailsAndattentBtn{ |
||||||
|
background-color: #595959; |
||||||
|
} |
||||||
|
} |
||||||
|
.body{ |
||||||
|
textarea{ |
||||||
|
width: 100%; |
||||||
|
border-radius: 0px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
|
||||||
|
import { CollectionToolsComponent } from './collection-tools.component'; |
||||||
|
|
||||||
|
describe('CollectionToolsComponent', () => { |
||||||
|
let component: CollectionToolsComponent; |
||||||
|
let fixture: ComponentFixture<CollectionToolsComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [ CollectionToolsComponent ] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(CollectionToolsComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,30 @@ |
|||||||
|
<div style="min-width: 240px;" > |
||||||
|
<div style="text-align: center;font-weight: 550;">消防设施考题设定</div> |
||||||
|
<div id="nodeTree" style="max-height: 300px;overflow-y: auto; margin: 25px 0;"> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
<nz-tree |
||||||
|
#nzTreeComponent |
||||||
|
[nzData]="renderData" |
||||||
|
nzCheckable |
||||||
|
nzMultiple |
||||||
|
[nzCheckedKeys]="defaultCheckedKeys" |
||||||
|
[nzExpandedKeys]="defaultExpandedKeys" |
||||||
|
[nzSelectedKeys]="defaultSelectedKeys" |
||||||
|
(nzClick)="nzEvent($event)" |
||||||
|
(nzExpandChange)="nzEvent($event)" |
||||||
|
(nzCheckBoxChange)="nzEvent($event)" |
||||||
|
[nzTreeTemplate]="nzTreeTemplate" |
||||||
|
> |
||||||
|
</nz-tree> |
||||||
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||||
|
<div class="treeNodeTemplate"> |
||||||
|
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||||
|
</div> |
||||||
|
</ng-template> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
</div> |
||||||
|
<div style="text-align: center;"> |
||||||
|
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||||
|
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,291 @@ |
|||||||
|
.matIcons { |
||||||
|
color: #8E909F; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//平面图 素材库 公共样式 头部 |
||||||
|
.planarGraphHeader{ |
||||||
|
height: 35px; |
||||||
|
min-height: 35px; |
||||||
|
cursor: pointer; |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
align-items: center; |
||||||
|
padding: 0 24px; |
||||||
|
// border-radius: 5px; |
||||||
|
font-family: Roboto, "Helvetica Neue", sans-serif; |
||||||
|
font-size: 15px; |
||||||
|
font-weight: 400; |
||||||
|
color: #fff; |
||||||
|
background: #07CDCF; |
||||||
|
} |
||||||
|
//平面图头部字体图标样式 |
||||||
|
.hover { |
||||||
|
width: 18px; |
||||||
|
height: 18px; |
||||||
|
margin-left: 90px; |
||||||
|
border: 1px solid #999; |
||||||
|
border-radius: 3px; |
||||||
|
.mat-icon {font-size: 18px; color: #999;} |
||||||
|
} |
||||||
|
.hover:hover { |
||||||
|
background-color: #4DA5FA; |
||||||
|
.mat-icon {color: #fff;} |
||||||
|
} |
||||||
|
|
||||||
|
//平面图 |
||||||
|
.sitePlanContent { |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 35px; |
||||||
|
line-height: 35px; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0 10px 0 25px; |
||||||
|
.mat-icon { |
||||||
|
font-size: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//火源/力量 图标 |
||||||
|
.fireForce { |
||||||
|
display: block; |
||||||
|
float: right; |
||||||
|
margin: 8px 5px 0 0; |
||||||
|
width: 40px; |
||||||
|
height: 20px; |
||||||
|
line-height: 20px; |
||||||
|
text-align: center; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
img{ |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
//替换底图 inputfile |
||||||
|
.a-upload { |
||||||
|
display: block; |
||||||
|
float: right; |
||||||
|
margin: 8px 18px 0 0; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
line-height: 20px; |
||||||
|
text-align: center; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
input { |
||||||
|
position: absolute; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
.a-upload:hover { |
||||||
|
.mat-icon { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
} |
||||||
|
//上传底图 inputfile |
||||||
|
#a-uploadImg { |
||||||
|
display: block; |
||||||
|
width: 300px; |
||||||
|
height: 170px; |
||||||
|
position: fixed; |
||||||
|
top: 40%; |
||||||
|
left: 48%; |
||||||
|
overflow: hidden; |
||||||
|
border-radius: 5px; |
||||||
|
border: 1px solid #999; |
||||||
|
z-index: 999; |
||||||
|
input { |
||||||
|
position: absolute; |
||||||
|
width: 300px; |
||||||
|
height: 170px; |
||||||
|
left: 0; |
||||||
|
top: 0; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
img { |
||||||
|
width: 100%; |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
} |
||||||
|
#a-uploadImg:hover { |
||||||
|
border: 5px solid skyblue; |
||||||
|
} |
||||||
|
|
||||||
|
//hover时显示右边操作栏 |
||||||
|
.sitePlanContent:hover { |
||||||
|
#rightOperate { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
} |
||||||
|
//右边操作栏 |
||||||
|
#rightOperate{ |
||||||
|
width: 50px; |
||||||
|
height: 100px; |
||||||
|
position: absolute; |
||||||
|
top: -32px; |
||||||
|
right: -48px; |
||||||
|
z-index: 99999; |
||||||
|
border-radius: 0 100px 100px 0; |
||||||
|
background-color: #F0F4F7; |
||||||
|
// #F0F4F7 cdced1 |
||||||
|
display: none; |
||||||
|
.functionButton { |
||||||
|
height: 25%; |
||||||
|
line-height: 25px; |
||||||
|
} |
||||||
|
.bigFunctionIcon { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
.functionIcon { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
.functionIcon:hover { |
||||||
|
color: #4DA5FA; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//处置预案 素材库 公用div |
||||||
|
.publiclBankPlan { |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
overflow: hidden; |
||||||
|
padding-bottom: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 基本信息/想定作业 切换 |
||||||
|
.scenarioAssignment { |
||||||
|
overflow-y: auto; |
||||||
|
} |
||||||
|
.selectEditMode { |
||||||
|
flex: 1; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.materialBankDIV{ |
||||||
|
flex: 1; |
||||||
|
overflow-x: hidden; |
||||||
|
overflow-y: auto; |
||||||
|
} |
||||||
|
// 基本信息/想定作业 切换 |
||||||
|
//处置预案 |
||||||
|
#terrNodePublic { |
||||||
|
height: 35px; |
||||||
|
line-height: 35px; |
||||||
|
display: flex; |
||||||
|
.textNode {flex: 1;} |
||||||
|
} |
||||||
|
//字体图标 |
||||||
|
.planIconDiv { |
||||||
|
display: inline-block; |
||||||
|
.mat-icon{ |
||||||
|
font-size: 20px; |
||||||
|
width: 20px; |
||||||
|
height: 20px; |
||||||
|
color: #666; |
||||||
|
margin-right: 3px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mat-expansion-panel-header { |
||||||
|
height: 40px !important; |
||||||
|
} |
||||||
|
//素材库溢出隐藏 |
||||||
|
#materialBank { |
||||||
|
margin: 1px 0; |
||||||
|
} |
||||||
|
//素材库图片flex |
||||||
|
.mat-expansion-panel-header {background-color: #d6f4f5;} |
||||||
|
#panelLibrary .text{ |
||||||
|
box-sizing: border-box; |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
.panelLibraryFlex { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
flex-wrap: wrap; |
||||||
|
justify-content: space-between; /* 水平居中 */ |
||||||
|
.imgBox { |
||||||
|
width: 70px; |
||||||
|
height: 100px; |
||||||
|
display: inline-block; |
||||||
|
text-align: center; |
||||||
|
border-radius: 3px; |
||||||
|
margin: 5px 0; |
||||||
|
img { |
||||||
|
width: 70px; |
||||||
|
height: auto; |
||||||
|
max-height: 70px; |
||||||
|
cursor:pointer; |
||||||
|
} |
||||||
|
p { |
||||||
|
font-size: 12px; |
||||||
|
cursor:pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//文本溢出 |
||||||
|
.overflowText { |
||||||
|
overflow: hidden; |
||||||
|
text-overflow:ellipsis; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
// 楼层/区域 是避难层时 |
||||||
|
.isRefugeStorey { |
||||||
|
color: #FF8678; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
//选中平面图时 |
||||||
|
.selectSitePlan { |
||||||
|
color: #fff; |
||||||
|
background-color: #07CDCF; |
||||||
|
} |
||||||
|
//选中素材库图片时 |
||||||
|
.selectImg { |
||||||
|
color: #fff; |
||||||
|
background-color: #4DA5FA; |
||||||
|
} |
||||||
|
//选中 处置节点时 |
||||||
|
.selectanelPoint { |
||||||
|
background-color: #F4C235; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//左侧功能区弹出框样式 |
||||||
|
.keyMargin { |
||||||
|
width: 100%; |
||||||
|
margin: 5px 0; |
||||||
|
.mat-form-field { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
.submitBottom { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
flex-wrap: wrap; |
||||||
|
justify-content: space-between; /* 水平居中 */ |
||||||
|
} |
||||||
|
.functionalDomainContent { |
||||||
|
width: 300px; |
||||||
|
height: 100%; |
||||||
|
textarea { |
||||||
|
border-radius: 5px; |
||||||
|
border: 1px solid #999; |
||||||
|
width: 100%; |
||||||
|
height: 120px; |
||||||
|
resize:none; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,301 @@ |
|||||||
|
import { Component, OnInit, Inject } from '@angular/core'; |
||||||
|
import { HttpClient, HttpHeaders } from '@angular/common/http'; |
||||||
|
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
||||||
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
||||||
|
import {CanvasShareDataService,DisposalNodeData} from '../../canvas-share-data.service' //引入服务
|
||||||
|
// 保存想定作业第一个弹窗
|
||||||
|
@Component({ |
||||||
|
selector: 'dialog-overview-example-dialog', |
||||||
|
templateUrl: 'saveOne.html', |
||||||
|
styleUrls: ['./collection-tools.component.scss'] |
||||||
|
}) |
||||||
|
export class saveOneDialogExaminee { |
||||||
|
|
||||||
|
constructor( |
||||||
|
private http:HttpClient, |
||||||
|
public dialog: MatDialog, |
||||||
|
public snackBar: MatSnackBar, |
||||||
|
public dialogRef: MatDialogRef<saveOneDialogExaminee>, |
||||||
|
@Inject(MAT_DIALOG_DATA) public data) {} |
||||||
|
|
||||||
|
onNoClick(): void { |
||||||
|
this.dialogRef.close() |
||||||
|
} |
||||||
|
allDisposalNode = this.data.allDisposalNode |
||||||
|
|
||||||
|
saveType(type){ |
||||||
|
this.dialogRef.close() |
||||||
|
const dialogRef = this.dialog.open(saveTwoDialogExaminee, { |
||||||
|
data: {type: type, |
||||||
|
allDisposalNode: this.data.allDisposalNode, |
||||||
|
selectedBuildingData:this.data.selectedBuildingData, |
||||||
|
selectedSiteData:this.data.selectedSiteData, |
||||||
|
siteOrbuilding:this.data.siteOrbuilding, |
||||||
|
disasterId:this.data.disasterId} |
||||||
|
}); |
||||||
|
dialogRef.afterClosed().subscribe(result => { |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
// 保存想定作业第二个弹窗
|
||||||
|
@Component({ |
||||||
|
selector: 'dialog-overview-example-dialog', |
||||||
|
templateUrl: 'saveTwo.html', |
||||||
|
styleUrls: ['./collection-tools.component.scss'] |
||||||
|
}) |
||||||
|
export class saveTwoDialogExaminee { |
||||||
|
|
||||||
|
constructor( |
||||||
|
private http:HttpClient, |
||||||
|
public dialogRef: MatDialogRef<saveTwoDialogExaminee>, |
||||||
|
public canvasData: CanvasShareDataService, |
||||||
|
public snackBar: MatSnackBar, |
||||||
|
@Inject(MAT_DIALOG_DATA) public data) {} |
||||||
|
|
||||||
|
type = this.data.type |
||||||
|
allDisposalNode = this.data.allDisposalNode |
||||||
|
allPlanDisposalNode = [] |
||||||
|
allRootDisposalNode = [{name:"根节点",id:null}] |
||||||
|
allDisposalNodeChild = [] |
||||||
|
ngOnInit(): void { |
||||||
|
//所有非数据节点
|
||||||
|
this.allDisposalNode.forEach(item => { |
||||||
|
if(!item.sitePlanId && !item.buildingAreaId){ |
||||||
|
this.allPlanDisposalNode.push(item) |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
//所有一级节点
|
||||||
|
this.allDisposalNode.forEach(item => { |
||||||
|
if(!item.parentId){ |
||||||
|
this.allRootDisposalNode.push(item) |
||||||
|
} |
||||||
|
}) |
||||||
|
this.allDisposalNodeChild = JSON.parse(JSON.stringify(this.allDisposalNode)) |
||||||
|
this.allDisposalNodeChild.forEach(item => { |
||||||
|
item.children = [] |
||||||
|
this.allDisposalNodeChild.forEach(i => { |
||||||
|
if(i.parentId == item.id){ |
||||||
|
item.children.push(i) |
||||||
|
} |
||||||
|
}) |
||||||
|
}) |
||||||
|
|
||||||
|
} |
||||||
|
onNoClick(): void { |
||||||
|
this.dialogRef.close(); |
||||||
|
} |
||||||
|
nodeItem |
||||||
|
itemChildNum = 0 //点击处置节点子数据节点的数量
|
||||||
|
clickNode(item){ |
||||||
|
console.log(item) |
||||||
|
this.nodeItem = item |
||||||
|
this.allDisposalNodeChild.forEach(item => { |
||||||
|
if(item.id == this.nodeItem.id){ |
||||||
|
this.itemChildNum = item.children.length |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
selectedBuildingData = this.data.selectedBuildingData |
||||||
|
selectedSiteData = this.data.selectedSiteData |
||||||
|
onSubmit(value,type){ |
||||||
|
// console.log(type)
|
||||||
|
let name = this.selectedBuildingData.name + '-' + this.selectedSiteData.name |
||||||
|
//如果保存到已有节点
|
||||||
|
var postdata = { |
||||||
|
id: "", |
||||||
|
name: name, |
||||||
|
level: 0, |
||||||
|
order: this.itemChildNum, |
||||||
|
description: "", |
||||||
|
notes: "", |
||||||
|
weather: null, |
||||||
|
airTemperature: null, |
||||||
|
windDirection: null, |
||||||
|
windScale: null, |
||||||
|
imageNames: null, |
||||||
|
imageUrls: null, |
||||||
|
parentId: this.nodeItem ? this.nodeItem.id : null, |
||||||
|
examDisasterId: this.data.disasterId, |
||||||
|
ExamPlanComponentId: sessionStorage.getItem('planId') || '', |
||||||
|
companyId: this.data.siteOrbuilding == -1 ? sessionStorage.getItem('companyId') : null, |
||||||
|
sitePlanId: this.data.siteOrbuilding==-1 ? this.selectedSiteData.id : null, |
||||||
|
buildingId: this.selectedBuildingData.id || null, |
||||||
|
buildingAreaId: this.data.siteOrbuilding!=-1 ? this.selectedSiteData.id : null |
||||||
|
} |
||||||
|
if(type == 'old'){ |
||||||
|
let istrue = this.canvasData.findDisposalNode(this.nodeItem.id,name) |
||||||
|
let putdata = this.nodeItem |
||||||
|
putdata.weather = this.canvasData.selectPanelPointBaseData.weather |
||||||
|
putdata.airTemperature = Number(this.canvasData.selectPanelPointBaseData.airTemperature) |
||||||
|
putdata.windScale = Number(this.canvasData.selectPanelPointBaseData.windScale)
|
||||||
|
putdata.windDirection = Number(this.canvasData.selectPanelPointBaseData.windDirection)
|
||||||
|
putdata.description = this.canvasData.selectPanelPointBaseData.description |
||||||
|
putdata.notes = this.canvasData.selectPanelPointBaseData.notes |
||||||
|
|
||||||
|
|
||||||
|
if(istrue){//如果该处置节点下已有同名数据节点 则只修改 2个接口
|
||||||
|
new Promise((resolve,reject)=>{ |
||||||
|
// this.http.put(`/api/DisposalNodes/${value.nodeId}`,putdata).subscribe(data => {
|
||||||
|
resolve("更新处置节点成功,将天气 节点详情等信息保存到点击的节点") |
||||||
|
// })
|
||||||
|
}).then((values)=>{ |
||||||
|
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||||
|
// 保存平面图数据到当前节点
|
||||||
|
let postdata =JSON.parse(JSON.stringify(this.canvasData.selectPanelPoint))
|
||||||
|
postdata.Data = JSON.stringify(postdata.Data) |
||||||
|
this.http.post(`/api/ExamDisposalNodeData`,postdata).subscribe(data => { |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存成功','确定',config) |
||||||
|
},err=>{ |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存失败','确定',config) |
||||||
|
}) |
||||||
|
this.dialogRef.close(); |
||||||
|
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||||
|
}) |
||||||
|
|
||||||
|
}else{//需要3个接口
|
||||||
|
new Promise((resolve,reject)=>{ |
||||||
|
// this.http.put(`/api/DisposalNodes/${value.nodeId}`,putdata).subscribe(data => {
|
||||||
|
resolve("更新处置节点成功,将天气 节点详情等信息保存到点击的节点") |
||||||
|
// })
|
||||||
|
}).then((values)=>{ |
||||||
|
console.log(values) |
||||||
|
postdata.level = putdata.level + 1
|
||||||
|
new Promise((resolve,reject) => { |
||||||
|
this.http.post(`/api/ExamDisposalNodes`,postdata).subscribe(data => { |
||||||
|
resolve(data) |
||||||
|
}) |
||||||
|
}).then((data:any)=>{ |
||||||
|
console.log(7788,data) |
||||||
|
let objData = { |
||||||
|
id: "", |
||||||
|
data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, |
||||||
|
version: this.canvasData.selectPanelPoint.Version || "2.0", |
||||||
|
ExamDisposalNodeId: data.id, |
||||||
|
ExamPlanComponentId: sessionStorage.getItem("planId"), |
||||||
|
} |
||||||
|
this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存成功','确定',config) |
||||||
|
},err=>{ |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存失败','确定',config) |
||||||
|
}) |
||||||
|
this.dialogRef.close(); |
||||||
|
this.canvasData.sendMessage('send a message');//发布一条消息
|
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
}else{//如果保存到新建节点
|
||||||
|
let dispositionNodeData //处置节点data
|
||||||
|
let order |
||||||
|
let oneLevelNum = [] |
||||||
|
//将order赋值为所有一级节点最后一个+1
|
||||||
|
this.allDisposalNode.forEach(item => { |
||||||
|
if(!item.parentId){ |
||||||
|
oneLevelNum.push(item) |
||||||
|
} |
||||||
|
}) |
||||||
|
if(oneLevelNum.length == 0){ |
||||||
|
order = 0 |
||||||
|
}else{ |
||||||
|
order = oneLevelNum[oneLevelNum.length - 1].order + 1 |
||||||
|
} |
||||||
|
|
||||||
|
if(this.nodeItem){//如果点击了下拉选择框
|
||||||
|
if(this.nodeItem.id != null){ |
||||||
|
this.allDisposalNodeChild.forEach(item => { |
||||||
|
if(item.id == this.nodeItem.id){ |
||||||
|
order = item.children.length |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
dispositionNodeData = { |
||||||
|
id: null, |
||||||
|
name: value.name, |
||||||
|
level: this.nodeItem && this.nodeItem.id != null ? this.nodeItem.level + 1 : 0, |
||||||
|
order: order, |
||||||
|
description: null, |
||||||
|
notes: null, |
||||||
|
weather: null, |
||||||
|
airTemperature: 0, |
||||||
|
windDirection: 0, |
||||||
|
windScale: 0, |
||||||
|
imageNames: null, |
||||||
|
imageUrls: null, |
||||||
|
parentId: this.nodeItem ? this.nodeItem.id : null, |
||||||
|
examDisasterId: this.data.disasterId, |
||||||
|
ExamPlanComponentId: sessionStorage.getItem('planId') || '', |
||||||
|
companyId: null, |
||||||
|
sitePlanId: null, |
||||||
|
buildingId: null, |
||||||
|
buildingAreaId: null |
||||||
|
} |
||||||
|
|
||||||
|
dispositionNodeData.weather = this.canvasData.selectPanelPointBaseData.weather |
||||||
|
dispositionNodeData.airTemperature = Number(this.canvasData.selectPanelPointBaseData.airTemperature) |
||||||
|
dispositionNodeData.windScale = Number(this.canvasData.selectPanelPointBaseData.windScale)
|
||||||
|
dispositionNodeData.windDirection = Number(this.canvasData.selectPanelPointBaseData.windDirection)
|
||||||
|
dispositionNodeData.description = this.canvasData.selectPanelPointBaseData.description |
||||||
|
dispositionNodeData.notes = this.canvasData.selectPanelPointBaseData.notes |
||||||
|
//1.先创建一个处置节点 然后 .then 2.创建数据节点到刚创建的处置节点 3.然后拿着创建好的数据节点的id 将平面图data保存
|
||||||
|
new Promise((resolve,reject) => { |
||||||
|
this.http.post("/api/ExamDisposalNodes",dispositionNodeData).subscribe((data:any) => { |
||||||
|
resolve(data.id) |
||||||
|
}) |
||||||
|
}).then((id) => { |
||||||
|
let dataNodeData
|
||||||
|
console.log("qnm",id) |
||||||
|
new Promise((resolve,reject) => { |
||||||
|
postdata.parentId = id |
||||||
|
postdata.level = dispositionNodeData.level + 1 |
||||||
|
this.http.post("/api/ExamDisposalNodes",postdata).subscribe((data:any) => { |
||||||
|
resolve(data) |
||||||
|
}) |
||||||
|
}).then((data:any) => { |
||||||
|
// 保存平面图数据到当前节点
|
||||||
|
// console.log(6666,data)
|
||||||
|
// let postdata =JSON.parse(JSON.stringify(this.canvasData.selectPanelPoint))
|
||||||
|
// postdata.Data = JSON.stringify(postdata.Data)
|
||||||
|
let objData = { |
||||||
|
id: null, |
||||||
|
data: JSON.stringify(this.canvasData.selectPanelPoint.Data) || null, |
||||||
|
version: this.canvasData.selectPanelPoint.Version || "2.0", |
||||||
|
ExamDisposalNodeId: data.id, |
||||||
|
ExamPlanComponentId: sessionStorage.getItem("planId"), |
||||||
|
} |
||||||
|
|
||||||
|
this.http.post(`/api/ExamDisposalNodeData`,objData).subscribe(data => { |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存成功','确定',config) |
||||||
|
|
||||||
|
},err=>{ |
||||||
|
const config = new MatSnackBarConfig(); |
||||||
|
config.verticalPosition = 'top'; |
||||||
|
config.duration = 3000 |
||||||
|
this.snackBar.open('保存失败','确定',config) |
||||||
|
}) |
||||||
|
this.dialogRef.close(); |
||||||
|
this.canvasData.sendMessage("send a message") |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
<div style="text-align: center; margin-bottom: 25px; font-weight: 550;">处置节点保存</div> |
||||||
|
<div style="display: flex;"> |
||||||
|
<button mat-stroked-button style="margin-right: 15px; color: #fff; background-color: #07CDCF; border: none;" (click)="saveType('new')">新建节点并保存</button> |
||||||
|
<button mat-stroked-button style="margin-left: 15px; color: #fff; background-color: #FF8678; border: none;" (click)="saveType('old')">保存到已有节点</button> |
||||||
|
</div> |
||||||
@ -0,0 +1,53 @@ |
|||||||
|
<div *ngIf="type == 'new'"> |
||||||
|
<div mat-dialog-title>新增节点</div> |
||||||
|
<div> |
||||||
|
<form (ngSubmit)="onSubmit(form.value,'new')" #form="ngForm" class="example-container"> |
||||||
|
|
||||||
|
<div mat-dialog-content> |
||||||
|
<mat-form-field> |
||||||
|
<input type="text" matInput ngModel |
||||||
|
required name="name" placeholder="节点名称" autocomplete="off"> |
||||||
|
</mat-form-field> |
||||||
|
</div> |
||||||
|
<div mat-dialog-content> |
||||||
|
<mat-form-field> |
||||||
|
<mat-select [(value)]="allRootDisposalNode[0].name" required placeholder="父节点名称"> |
||||||
|
<mat-option *ngFor="let item of allRootDisposalNode" [value]="item.name" (click)="clickNode(item)"> |
||||||
|
{{item.name}} |
||||||
|
</mat-option> |
||||||
|
</mat-select> |
||||||
|
</mat-form-field> |
||||||
|
</div> |
||||||
|
<div mat-dialog-actions> |
||||||
|
<button mat-raised-button color="primary" type="submit" |
||||||
|
[disabled]="!form.form.valid"> |
||||||
|
确定 |
||||||
|
</button> |
||||||
|
<button mat-raised-button mat-dialog-close>取消</button> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div *ngIf="type == 'old'"> |
||||||
|
<div mat-dialog-title>保存到已有节点</div> |
||||||
|
<div> |
||||||
|
<form (ngSubmit)="onSubmit(form.value,'old')" #form="ngForm" class="example-container"> |
||||||
|
<div mat-dialog-content> |
||||||
|
<mat-form-field> |
||||||
|
<mat-select required ngModel placeholder="父节点名称" name="nodeId"> |
||||||
|
<mat-option *ngFor="let item of allPlanDisposalNode" [value]="item.id" (click)="clickNode(item)"> |
||||||
|
{{item.name}} |
||||||
|
</mat-option> |
||||||
|
</mat-select> |
||||||
|
</mat-form-field> |
||||||
|
</div> |
||||||
|
<div mat-dialog-actions> |
||||||
|
<button mat-raised-button color="primary" type="submit" |
||||||
|
[disabled]="!form.form.valid"> |
||||||
|
确定 |
||||||
|
</button> |
||||||
|
<button mat-raised-button mat-dialog-close>取消</button> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
<div id="disposalNodeTree"> |
||||||
|
<div style="max-height: 500px;overflow-x: hidden;overflow-y: auto;margin-bottom: 25px;width: 330px;padding-right: 10px;"> |
||||||
|
<nz-tree #nzTreeComponent [nzData]="treeData" nzCheckable nzMultiple [nzTreeTemplate]="nzTreeTemplate"></nz-tree> |
||||||
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||||
|
<div id="terrNodePublic"> |
||||||
|
<label title="{{node.title}}" class="overflowText textNode">{{node.title}}</label> |
||||||
|
</div> |
||||||
|
</ng-template> |
||||||
|
</div> |
||||||
|
<div style="text-align: center;"> |
||||||
|
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||||
|
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
<div style="min-width: 260px;" id="uploadfiretree"> |
||||||
|
<div style="text-align: center;font-weight: 550;">上传</div> |
||||||
|
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考试要点</div> |
||||||
|
<div style="margin-bottom: 25px;"> |
||||||
|
<textarea style="width: 100%;background-color: #dfe0e0;border: none;outline: none;height: 50px;border-radius: 5px;resize: none;" placeholder="请填写考试要点" [(ngModel)]="data.question.keynote"></textarea> |
||||||
|
</div> |
||||||
|
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核消防设施</div> |
||||||
|
<div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;"> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
<nz-tree |
||||||
|
#nzTreeComponent |
||||||
|
[nzData]="renderData" |
||||||
|
nzMultiple |
||||||
|
[nzCheckedKeys]="defaultCheckedKeys" |
||||||
|
[nzExpandedKeys]="defaultExpandedKeys" |
||||||
|
[nzSelectedKeys]="defaultSelectedKeys" |
||||||
|
(nzClick)="nzEvent($event)" |
||||||
|
(nzExpandChange)="nzEvent($event)" |
||||||
|
(nzCheckBoxChange)="nzEvent($event)" |
||||||
|
[nzTreeTemplate]="nzTreeTemplate" |
||||||
|
> |
||||||
|
</nz-tree> |
||||||
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||||
|
<div class="treeNodeTemplate"> |
||||||
|
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||||
|
</div> |
||||||
|
</ng-template> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
</div> |
||||||
|
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核处置节点</div> |
||||||
|
<div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;"> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
<nz-tree |
||||||
|
#nzTreeComponent |
||||||
|
[nzData]="nodeTreeData" |
||||||
|
nzMultiple |
||||||
|
[nzTreeTemplate]="nzTreeTemplate" |
||||||
|
> |
||||||
|
</nz-tree> |
||||||
|
<ng-template #nzTreeTemplate let-node let-origin="origin"> |
||||||
|
<div class="treeNodeTemplate"> |
||||||
|
<label class="overflowText textNode">{{node.origin.name || node.origin.Name}}</label> |
||||||
|
</div> |
||||||
|
</ng-template> |
||||||
|
<!-- 消防列表树 --> |
||||||
|
</div> |
||||||
|
<div style="text-align: center;"> |
||||||
|
<button mat-stroked-button style="margin-right: 15px;border: none;background: #07CDCF;color: #fff;" (click)='submit()'>确定</button> |
||||||
|
<button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
Loading…
Reference in new issue