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

Merge branch 'master' of http://39.106.78.171:3000/shaojiahao/ShangHaiYuan-AnXin

tangshan
chenjingyu 3 years ago
parent
b708cf8505 ef42362bed
commit
81012342e1
2 changed files with 154 additions and 76 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 120
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
  2. 84
      src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts

120
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.html
Unescape View File

@ -10,7 +10,7 @@
<button mat-stroked-button (click)="preview()">
<mat-icon>visibility</mat-icon> 预览
</button>
<button mat-flat-button color="primary">
<button mat-flat-button color="primary" (click)="submit()">
<mat-icon>save</mat-icon> 提交
</button>
</div>
@ -173,8 +173,9 @@
<span>建筑列表</span>
</div>
<div class="buildingBody">
<div class="buildName" *ngFor="let item of planTemplateData[1].building;let i=index" >
<mat-checkbox class="example-margin" color='primary' [(ngModel)]="item.completed" (change)='clickBuilding(item,i)'></mat-checkbox>
<div class="buildName" *ngFor="let item of planTemplateData[1].building;let i=index">
<mat-checkbox class="example-margin" color='primary' [(ngModel)]="item.completed"
(change)='clickBuilding(item,i)'></mat-checkbox>
<span>{{item.name}}</span>
</div>
</div>
@ -187,13 +188,13 @@
<div *ngFor="let item of planTemplateData;let key = index">
<div *ngIf="selectedItem == item.groupName || pattern == 'look'">
<!-- 封面 -->
<div class="cover" *ngIf="item.groupName == '封面'" id="cover">
<div class="cover" *ngIf="item.groupName == '封面' && pattern == 'edit'" id="cover">
<p class="planNum">
预案编号: <input [(ngModel)]="item.attribute.planNumber" type="text" name="" id="">
</p>
<h1>{{item.attribute.planName}}</h1>
<ul>
<li style="display: flex;">
<li>
<div>
对象名称：
</div>
@ -228,9 +229,9 @@
</div>
<div>
<select [(ngModel)]="item.attribute.disasterType">
<option value="0">火灾</option>
<option value="1">抢险救援</option>
<option value="2">其他</option>
<option value="火灾">火灾</option>
<option value="抢险救援">抢险救援</option>
<option value="其他">其他</option>
</select>
</div>
</li>
@ -283,16 +284,74 @@
审核时间：
</div>
<div>
<input style="border:none" type="text" [(ngModel)]="item.attribute.auditTime">
<input type="text" [(ngModel)]="item.attribute.auditTime">
</div>
</li>
</ul>
</div>
<div class="centerBox" style="width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow-y: auto;"
<div *ngIf="item.groupName == '封面' && pattern == 'look'" id="cover" style="margin-bottom: 100px;">
<p>
预案编号: {{item.attribute.planNumber}}
</p>
<h1 style="font-size: 46px;color: #2196f3;text-align: center;font-weight: 600;margin: 80px 0;">
{{item.attribute.planName}}</h1>
<div class="coverItem">
<div style="text-align: center;margin-bottom:12px;">
<span>对象名称：</span>
<span> {{item.attribute.objName}}</span>
</div>
<div style="text-align: center;margin-bottom:12px;">
<span>单位性质：</span>
<span> {{item.attribute.unitNature}}</span>
</div>
<div style="text-align: center;margin-bottom:12px;">
<span><span style="color: #ff0000;">*</span>预案级别：</span>
<span>
<ng-container *ngIf="planLevel == '5'; else elseTemplate">
Ⅴ级
</ng-container>
<ng-template #elseTemplate>
Ⅲ级
</ng-template>
</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span><span style="color: #ff0000;">*</span>灾害类型：</span>
<span> {{item.attribute.disasterType}}</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>防火级别：</span>
<span> {{item.attribute.fireproofingLevel}}</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>防火管辖：</span>
<span> {{item.attribute.fireproofingAdminister}}</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>灭火责任队站：</span>
<span> {{item.attribute.putOutFireAdminister}}</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>制作人职务/姓名：</span>
<span>
<span style="margin-right:12px;">{{item.attribute.producer.duty}}</span>
<span>{{item.attribute.producer.name}}</span>
</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>审核人职务/姓名：</span>
<span>
<span style="margin-right:12px;">{{item.attribute.verifier.duty}}</span>
<span>{{item.attribute.verifier.name}}</span>
</span>
</div>
<div style="text-align: center;margin-bottom:20px;">
<span>审核时间：</span>
<span> {{item.attribute.auditTime}}</span>
</div>
</div>
</div>
<div class="centerBox"
*ngIf="item.groupName!='单位概况'&&item.groupName!='交通水源'&&item.groupName!='重点图示'&&item.groupName!='预案附件'&&item.groupName!='特别警示'&&item.groupName!='处置要点'&&item.groupName!='封面'">
<div class="titleItem" style="width: 100%;
height: 36px;
@ -409,7 +468,8 @@
color: white;">
<span>{{item.groupName}}</span>
</div>
<div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem" *ngFor="let i of item.attribute;let key = index">
<div style="border: 1px solid #e8e9e9;width: 100%;" class="keyImgItem"
*ngFor="let i of item.attribute;let key = index">
<div class="keyImgTitle" style="height: 30px;
position: relative;">
<input *ngIf="pattern == 'edit'" type="text" placeholder="请输入分组名称" [(ngModel)]="i.name">
@ -421,14 +481,16 @@
border: 0;
box-sizing: border-box;
padding: 0 5px;"> {{ i.name }} </div>
<mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'" (click)="deleteItem(item,key)">delete
<mat-icon class="deleteItem" *ngIf="key != 0 && pattern == 'edit'"
(click)="deleteItem(item,key)">delete
</mat-icon>
</div>
<div class="keyImgImg">
<div style="margin-top: 10px;
text-align: center;
position: relative;" class="imgbox" *ngFor="let imgUrl of i.imgArr;let imgkey = index">
<mat-icon *ngIf="pattern == 'edit'" class="deleteImg" (click)="deleteImgItem(i.imgArr,imgkey)">delete
<mat-icon *ngIf="pattern == 'edit'" class="deleteImg"
(click)="deleteImgItem(i.imgArr,imgkey)">delete
</mat-icon>
<img style="max-width: 100%;
width: auto;
@ -473,8 +535,8 @@
</mat-icon>
</div>
<div class="disposalPointTextarea">
<textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
id="" cols="30" rows="10"></textarea>
<textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;"
placeholder="请填写自定义内容" name="" id="" cols="30" rows="10"></textarea>
<div style="width: 100%;height: auto;vertical-align: top;
box-sizing: border-box;
padding: 5px;" *ngIf="pattern == 'look'">
@ -512,8 +574,8 @@
padding: 0 5px;"> {{ i.name }} </div>
</div>
<div class="disposalPointTextarea">
<textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;" placeholder="请填写自定义内容" name=""
id="" cols="30" rows="10"></textarea>
<textarea *ngIf="pattern == 'edit'" [(ngModel)]="i.cantent" style="resize: none;"
placeholder="请填写自定义内容" name="" id="" cols="30" rows="10"></textarea>
<div style="width: 100%;height: auto;vertical-align: top;
box-sizing: border-box;
padding: 5px;" *ngIf="pattern == 'look'">
@ -554,9 +616,11 @@
line-height: 40px;
color: #ffffff;">{{element.surveyName}}</span>
<!-- <img src="../../../assets/images/deletered.png" > -->
<img src="../../../assets/images/addbai.png" (click)='unitadd(element.surveyName,uniti,1)' *ngIf="pattern == 'edit'&&(element.surveyName=='功能分区'||element.surveyName=='重点部位')">
<img src="../../../assets/images/addbai.png"
(click)='unitadd(element.surveyName,uniti,1)'
*ngIf="pattern == 'edit'&&(element.surveyName=='功能分区'||element.surveyName=='重点部位')">
</div>
<div class="body" >
<div class="body">
<!-- 进攻通道 -->
<div class="attack" *ngIf="element.surveyName=='进攻通道'">
<div *ngFor="let attack of element.attinf;let attacki=index">
@ -571,7 +635,8 @@
color: #b99a00;">{{attack.head}}</span>
<img src="../../../assets/images/deleteblue.png" *ngIf="pattern == 'edit'"
(click)='unitDel(element.surveyName,uniti,attacki)'>
<img src="../../../assets/images/add.png" *ngIf="pattern == 'edit'"
<img src="../../../assets/images/add.png"
*ngIf="pattern == 'edit'"
(click)='unitadd(element.surveyName,uniti,attacki)'>
</div>
<div class="attackbody">
@ -619,7 +684,7 @@
</div>
<!-- 单位和建筑信息 -->
<div class="building" *ngIf="element.surveyName=='单位基本信息'">
<div *ngFor="let info of element.attinf">
<div *ngFor="let info of element.attinf">
<div *ngIf="info.completed" class="onetext">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'">
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'">
@ -641,7 +706,7 @@
</div>
</div>
<div class="building" *ngIf="element.surveyName=='建筑信息'">
<div *ngFor="let info of element.attinf">
<div *ngFor="let info of element.attinf">
<div *ngIf="info.completed" class="onetext">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.propertyName" readonly *ngIf="pattern == 'edit'">
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.propertyValue" *ngIf="pattern == 'edit'">
@ -677,7 +742,7 @@
color: #b99a00;">{{attack.name}}</span>
</div>
<div class="fileBody">
<div *ngFor="let info of attack.facilityItems">
<div *ngFor="let info of attack.facilityItems">
<div *ngIf="info.completed" class="onetext">
<input type="text" placeholder="请输入内容" style="width: 40%;background-color: #e8e9e9;text-align: center;" [(ngModel)]="info.name" readonly *ngIf="pattern == 'edit'">
<input type="text" placeholder="请输入内容" style="width: 60%;background-color: #FFFFFF;" [(ngModel)]="info.value" *ngIf="pattern == 'edit'">
@ -888,7 +953,6 @@
</div>
</div>
</div>
<a id="msg_end" name="1" href="#cover"> </a>
<div id="viewerjs" style="display:none">

84
src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts
Unescape View File

@ -12,7 +12,7 @@ import { ActivatedRoute } from '@angular/router';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import Viewer from 'viewerjs';
declare var $:any
declare var $: any
@Component({
selector: 'app-create-plan-online-five',
templateUrl: './create-plan-online-five.component.html',
@ -79,12 +79,12 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
} else if (this.selectedItem == '单位概况') {
this.getAllBuildings()
console.log(this.planTemplateData)
this.planTemplateData[1].attribute[0].attinf[0].value=this.unitData.usci
this.planTemplateData[1].attribute[0].attinf[1].value=this.unitData.buildingTypes[0].name
this.planTemplateData[1].attribute[0].attinf[2].value=this.unitData.contacts
this.planTemplateData[1].attribute[0].attinf[3].value=this.unitData.phone
this.planTemplateData[1].attribute[0].attinf[4].value=this.unitData.organizationName
this.planTemplateData[1].attribute[0].attinf[5].value=this.unitData.address
this.planTemplateData[1].attribute[0].attinf[0].value = this.unitData.usci
this.planTemplateData[1].attribute[0].attinf[1].value = this.unitData.buildingTypes[0].name
this.planTemplateData[1].attribute[0].attinf[2].value = this.unitData.contacts
this.planTemplateData[1].attribute[0].attinf[3].value = this.unitData.phone
this.planTemplateData[1].attribute[0].attinf[4].value = this.unitData.organizationName
this.planTemplateData[1].attribute[0].attinf[5].value = this.unitData.address
} /* else if (this.selectedItem == '单位概况') {
//this.getAllBuildings()
} */ else if (this.selectedItem == '预案附件') {
@ -168,7 +168,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
objName: this.unitData.name,
unitNature: this.unitData.buildingTypes[0].name,
planLevel: '',
disasterType: '0',
disasterType: '火灾',
fireproofingLevel: '',
fireproofingAdminister: this.unitData.organizationName,
putOutFireAdminister: '',
@ -304,13 +304,13 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
})
})
this.allBuildings = data
if(this.planTemplateData[1].building==undefined){
this.planTemplateData[1].building=[]
for(var i=0;i<this.allBuildings.length;i++){
if(i==0){
this.planTemplateData[1].building.push({name:this.allBuildings[i].name,body:this.planTemplateData[1].attribute,completed:true})
}else{
this.planTemplateData[1].building.push({name:this.allBuildings[i].name,body:this.planTemplateData[1].attribute,completed:false})
if (this.planTemplateData[1].building == undefined) {
this.planTemplateData[1].building = []
for (var i = 0; i < this.allBuildings.length; i++) {
if (i == 0) {
this.planTemplateData[1].building.push({ name: this.allBuildings[i].name, body: this.planTemplateData[1].attribute, completed: true })
} else {
this.planTemplateData[1].building.push({ name: this.allBuildings[i].name, body: this.planTemplateData[1].attribute, completed: false })
}
}
@ -318,7 +318,7 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
console.log(this.planTemplateData)
//this.buildingName=this.planTemplateData[1].building[0].name
this.group=this.planTemplateData[1].building
this.group = this.planTemplateData[1].building
//delete this.planTemplateData[0].attribute
})
@ -411,15 +411,15 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
buildingName
clicki = 0
group
clickBuilding(item,i){
this.buildingName=item.name
this.clicki=i
console.log(item,this.clicki)
clickBuilding(item, i) {
this.buildingName = item.name
this.clicki = i
console.log(item, this.clicki)
//this.group=this.planTemplateData[1].building[this.clicki].body
}
//单位概况增加一行
unitadd(surveyName, attacki,i) {
unitadd(surveyName, attacki, i) {
this.addNumber++
if (surveyName == '进攻通道') {
if (this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr == undefined) {
@ -437,21 +437,21 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
// console.log(this.planTemplateData)
}
else if(surveyName=='功能分区'){
else if (surveyName == '功能分区') {
console.log(attacki)
this.planTemplateData[1].building[attacki].body[6].attinf.push({name:'',value:''})
}else if(surveyName=='重点部位'){
this.planTemplateData[1].building[attacki].body[5].attinf.push({heafName:'',body:[{name:'重点部位名称',value:''},{name:'重点部位所在位置',value:''},{name:'建筑结构',value:''},{name:'使用性质',value:''},{name:'主要危险性',value:''}]})
this.planTemplateData[1].building[attacki].body[6].attinf.push({ name: '', value: '' })
} else if (surveyName == '重点部位') {
this.planTemplateData[1].building[attacki].body[5].attinf.push({ heafName: '', body: [{ name: '重点部位名称', value: '' }, { name: '重点部位所在位置', value: '' }, { name: '建筑结构', value: '' }, { name: '使用性质', value: '' }, { name: '主要危险性', value: '' }] })
}
}
//单位概况删除一行
unitDel(surveyName, attacki,i) {
unitDel(surveyName, attacki, i) {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
let isTrue = confirm('您确定要删除该条信息吗')
if(surveyName=='进攻通道'){
if(isTrue){
if (surveyName == '进攻通道') {
if (isTrue) {
if (this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr != undefined) {
this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr.splice(this.planTemplateData[1].building[attacki].body[4].attinf[i].tabletr.length - 1, 1)
this.addNumber--
@ -462,13 +462,13 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
this.snackBar.open('请先增加一行!', '确定', config);
}
}
}else if(surveyName=='功能分区'){
if(isTrue){
this.planTemplateData[1].building[attacki].body[6].attinf.splice(i,1)
} else if (surveyName == '功能分区') {
if (isTrue) {
this.planTemplateData[1].building[attacki].body[6].attinf.splice(i, 1)
}
}else if(surveyName=='重点部位'){
if(isTrue){
this.planTemplateData[1].building[attacki].body[5].attinf.splice(i,1)
} else if (surveyName == '重点部位') {
if (isTrue) {
this.planTemplateData[1].building[attacki].body[5].attinf.splice(i, 1)
}
}
}
@ -524,13 +524,27 @@ export class CreatePlanOnlineFiveComponent implements OnInit {
quitPreview() {
this.pattern = 'edit'
}
//提交
submit() {
console.log('提交信息', this.planTemplateData)
let body = {
webTextData: JSON.stringify(this.planTemplateData)
}
this.http.put(`/api/PlanComponents/${this.route.snapshot.queryParams.planId}`, body).subscribe(data => {
// console.log('提交成功',data)
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
config.duration = 3000
this.snackBar.open('提交成功', '确定', config);
})
}
//返回顶部
goBack() {
document.querySelector('#mainbox').scrollIntoView(true)
}
//生成word
generatingDoc() {
console.log(666,$(".mainbox"))
console.log(666, $(".mainbox"))
$(".mainbox").wordExport('word文档');
}
}

Write Preview
Loading…
Cancel
Save