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