shaojiahao
/
examSystem-Anxin
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

[完善]代码格式缩进

master
邵佳豪 3 years ago
parent
38ba0b0b63
commit
7b5f74c10c
18 changed files with 1349 additions and 1228 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 130
      src/app/ui/collection-tools-read/collection-tools.component.ts
  2. 32
      src/app/ui/collection-tools/collection-tools.component.html
  3. 101
      src/app/ui/collection-tools/collection-tools.component.scss
  4. 3
      src/app/ui/collection-tools/editBuilding.html
  5. 19
      src/app/ui/collection-tools/examinationQuestions.html
  6. 51
      src/app/ui/collection-tools/examinationQuestions.ts
  7. 62
      src/app/ui/collection-tools/panel.scss
  8. 6
      src/app/ui/collection-tools/save.ts
  9. 6
      src/app/ui/collection-tools/saveOne.html
  10. 15
      src/app/ui/collection-tools/saveTwo.html
  11. 6
      src/app/ui/collection-tools/uploadDisposalNodes.html
  12. 29
      src/app/ui/collection-tools/uploadQuestions.html
  13. 7
      src/app/ui/collection-tools/viewdetails.html

130
src/app/ui/collection-tools-read/collection-tools.component.ts
Unescape View File

@ -379,31 +379,31 @@ export class CollectionToolsReadComponent implements OnInit {
if (!element.parentId) { treeData.push(element) } if (!element.parentId) { treeData.push(element) }
}); });
function recursionFilterEmpty(originalList, result) { function recursionFilterEmpty(originalList, result) {
      for(let i = 0, length = originalList.length; i < length; i++) { for (let i = 0, length = originalList.length; i < length; i++) {
          const item = originalList[i]; const item = originalList[i];
          if (item.PropertyInfos) { if (item.PropertyInfos) {
              // 最内层 // 最内层
              result.push(item); result.push(item);
          } else if (item.children && item.children.length) { } else if (item.children && item.children.length) {
              const newChildren = []; const newChildren = [];
              // 递归调用，底层的真实数据会全部 push 进 newChildren 中 // 递归调用，底层的真实数据会全部 push 进 newChildren 中
              recursionFilterEmpty(item.children, newChildren); recursionFilterEmpty(item.children, newChildren);
              if (newChildren.length) { if (newChildren.length) {
                  // 替换原始数据 // 替换原始数据
                  item.children = newChildren; item.children = newChildren;
                  // 子项有真实的数据，就保留这一项 // 子项有真实的数据，就保留这一项
                  result.push(item); result.push(item);
              } // 如果没有这一项就会被删除 } // 如果没有这一项就会被删除
          } }
      } }
  } }
  
  function filterEmpty(listData) { function filterEmpty(listData) {
      const result = []; const result = [];
      recursionFilterEmpty(listData, result); recursionFilterEmpty(listData, result);
      return result; return result;
  } }
this.dataSource.data = filterEmpty(treeData) this.dataSource.data = filterEmpty(treeData)
@ -442,25 +442,25 @@ export class CollectionToolsReadComponent implements OnInit {
clickLookItem(node) { clickLookItem(node) {
//子节点跟随父节点的islook变化 //子节点跟随父节点的islook变化
let iconVisibleArr: any = [] let iconVisibleArr: any = []
  if(node.origin.children && node.origin.children.length != 0){ if (node.origin.children && node.origin.children.length != 0) {
node.origin.isLook = !node.origin.isLook node.origin.isLook = !node.origin.isLook
      node.origin.children.forEach(item=>{ node.origin.children.forEach(item => {
        item.isLook = node.origin.isLook  item.isLook = node.origin.isLook
        if(item.children && item.children.length != 0){ if (item.children && item.children.length != 0) {
          item.children.forEach(i=>{ item.children.forEach(i => {
            i.isLook = node.origin.isLook  i.isLook = node.origin.isLook
if(i.children && i.children.length != 0){ if (i.children && i.children.length != 0) {
} else { } else {
iconVisibleArr.push(i.Id) iconVisibleArr.push(i.Id)
} }
          }) })
        }else{ } else {
iconVisibleArr.push(item.Id) iconVisibleArr.push(item.Id)
} }
      }) })
     }else{ } else {
  node.origin.isLook = !node.origin.isLook node.origin.isLook = !node.origin.isLook
iconVisibleArr.push(node.origin.Id) iconVisibleArr.push(node.origin.Id)
} }
console.log(iconVisibleArr) console.log(iconVisibleArr)
@ -490,10 +490,8 @@ export class CollectionToolsReadComponent implements OnInit {
}); });
function array_diff(a, b) { function array_diff(a, b) {
for(var i=0;i<b.length;i++) for (var i = 0; i < b.length; i++) {
{ for (var j = 0; j < a.length; j++) {
for(var j=0;j<a.length;j++)
{
if (a[j].id == b[i].id) { if (a[j].id == b[i].id) {
a.splice(j, 1); a.splice(j, 1);
j = j - 1; j = j - 1;
@ -626,30 +624,30 @@ export class CollectionToolsReadComponent implements OnInit {
treeData.push(element) treeData.push(element)
} }
}); });
function recursionFilterEmpty(originalList, result) { function recursionFilterEmpty(originalList, result) {
      for(let i = 0, length = originalList.length; i < length; i++) { for (let i = 0, length = originalList.length; i < length; i++) {
          const item = originalList[i]; const item = originalList[i];
          if (item.PropertyInfos) { if (item.PropertyInfos) {
              // 最内层 // 最内层
              result.push(item); result.push(item);
          } else if (item.children && item.children.length) { } else if (item.children && item.children.length) {
              const newChildren = []; const newChildren = [];
              // 递归调用，底层的真实数据会全部 push 进 newChildren 中 // 递归调用，底层的真实数据会全部 push 进 newChildren 中
              recursionFilterEmpty(item.children, newChildren); recursionFilterEmpty(item.children, newChildren);
              if (newChildren.length) { if (newChildren.length) {
                  // 替换原始数据 // 替换原始数据
                  item.children = newChildren; item.children = newChildren;
                  // 子项有真实的数据，就保留这一项 // 子项有真实的数据，就保留这一项
                  result.push(item); result.push(item);
              } // 如果没有这一项就会被删除 } // 如果没有这一项就会被删除
          } }
      } }
  } }
  function filterEmpty(listData) { function filterEmpty(listData) {
      const result = []; const result = [];
      recursionFilterEmpty(listData, result); recursionFilterEmpty(listData, result);
      return result; return result;
  } }
return filterEmpty(treeData) return filterEmpty(treeData)
} }

32
src/app/ui/collection-tools/collection-tools.component.html
Unescape View File

@ -164,8 +164,7 @@
<div style="width: 3px;height: 100%;position: absolute;left: 0;cursor: e-resize;z-index: 1000;" <div style="width: 3px;height: 100%;position: absolute;left: 0;cursor: e-resize;z-index: 1000;"
(mousedown)="rightDivMouseDown($event)"></div> (mousedown)="rightDivMouseDown($event)"></div>
<!-- 属性 --> <!-- 属性 -->
<div id="property" class="property" <div id="property" class="property" style="height: 100%;background-color: white;">
style="height: 100%;background-color: white;">
<div class="titleS"> <div class="titleS">
<mat-icon>info</mat-icon>属性 <mat-icon>info</mat-icon>属性
</div> </div>
@ -258,8 +257,7 @@
<p>{{item.PropertyName}}<span style="font-size: 14px;" <p>{{item.PropertyName}}<span style="font-size: 14px;"
*ngIf="item.PhysicalUnit">({{item.PhysicalUnit}})</span></p> *ngIf="item.PhysicalUnit">({{item.PhysicalUnit}})</span></p>
<input type="number" class="biginput" [value]="item.PropertyValue" <input type="number" class="biginput" [value]="item.PropertyValue"
(input)="assetInputChange(item,$event)" (input)="assetInputChange(item,$event)" [disabled]="canvasAssetObj.GameMode == 0 && !pattern">
[disabled]="canvasAssetObj.GameMode == 0 && !pattern">
</div> </div>
<!-- 图片数量 --> <!-- 图片数量 -->
<div *ngIf="item.PropertyType == 4" style="height: 140px;"> <div *ngIf="item.PropertyType == 4" style="height: 140px;">
@ -267,11 +265,10 @@
<p style="width: 40%;display: inline-block;">{{item.PropertyName}}</p> <p style="width: 40%;display: inline-block;">{{item.PropertyName}}</p>
<span style="width: 26%;text-align:right;font-size: 13px;">{{imagesArr.length ? imagesArr.length : 0}} <span style="width: 26%;text-align:right;font-size: 13px;">{{imagesArr.length ? imagesArr.length : 0}}
/ {{item.PropertyValue}}</span> / {{item.PropertyValue}}</span>
<input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" *ngIf="isImgNumCss" <input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" *ngIf="isImgNumCss" accept="image/*"
accept="image/*" (change)="selectFile($event)" type="file" (change)="selectFile($event)" type="file"
style="width: 33%;position: absolute;right: 10px;top: 1px;opacity: 0;z-index: 100;cursor: pointer;height: 21px;"> style="width: 33%;position: absolute;right: 10px;top: 1px;opacity: 0;z-index: 100;cursor: pointer;height: 21px;">
<div <div *ngIf="canvasAssetObj.GameMode != 0"
*ngIf="canvasAssetObj.GameMode != 0"
style="width: 33%;height: 21px;line-height: 21px;text-align: center;position: absolute;right: 10px;top: 1px;z-index: 99;border: 1px solid rgb(208, 211, 214);border-radius: 2px;font-size: 13px;cursor: pointer;" style="width: 33%;height: 21px;line-height: 21px;text-align: center;position: absolute;right: 10px;top: 1px;z-index: 99;border: 1px solid rgb(208, 211, 214);border-radius: 2px;font-size: 13px;cursor: pointer;"
(click)="imgNumBeyond()">添加</div> (click)="imgNumBeyond()">添加</div>
@ -287,7 +284,8 @@
<!-- 如果需要导航按钮 --> <!-- 如果需要导航按钮 -->
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<span *ngIf="canvasAssetObj.GameMode != 0" style="position: absolute;right: 2px;top: 2px;cursor: pointer;z-index: 200;"> <span *ngIf="canvasAssetObj.GameMode != 0"
style="position: absolute;right: 2px;top: 2px;cursor: pointer;z-index: 200;">
<mat-icon class="hoverred" (click)="deleteImg()">delete</mat-icon> <mat-icon class="hoverred" (click)="deleteImg()">delete</mat-icon>
</span> </span>
</div> </div>
@ -296,8 +294,7 @@
<!-- 方向 --> <!-- 方向 -->
<div *ngIf="item.PropertyType == 5" class="selectDiv"> <div *ngIf="item.PropertyType == 5" class="selectDiv">
<p style="display: inline-block;">{{item.PropertyName}}</p> <p style="display: inline-block;">{{item.PropertyName}}</p>
<select (change)="direction(item,$event)" <select (change)="direction(item,$event)" [disabled]="canvasAssetObj.GameMode == 0 && !pattern">
[disabled]="canvasAssetObj.GameMode == 0 && !pattern">
<option value="0" [selected]="item.PropertyValue ==0">东</option> <option value="0" [selected]="item.PropertyValue ==0">东</option>
<option value="1" [selected]="item.PropertyValue ==1">西</option> <option value="1" [selected]="item.PropertyValue ==1">西</option>
<option value="2" [selected]="item.PropertyValue ==2">南</option> <option value="2" [selected]="item.PropertyValue ==2">南</option>
@ -311,18 +308,15 @@
<!-- 布尔值 是1或否0 --> <!-- 布尔值 是1或否0 -->
<div *ngIf="item.PropertyType == 6"> <div *ngIf="item.PropertyType == 6">
<p>{{item.PropertyName}}</p> <p>{{item.PropertyName}}</p>
<input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" <input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" [checked]="item.PropertyValue == 1"
[checked]="item.PropertyValue == 1" class="input" type="radio" name="radio" class="input" type="radio" name="radio" (click)="assetRadioChange(item,'1')"><span>是</span>
(click)="assetRadioChange(item,'1')"><span>是</span> <input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" [checked]="item.PropertyValue == 0"
<input [disabled]="canvasAssetObj.GameMode == 0 && !pattern" class="input" type="radio" name="radio" (click)="assetRadioChange(item,'0')"><span>否</span>
[checked]="item.PropertyValue == 0" class="input" type="radio" name="radio"
(click)="assetRadioChange(item,'0')"><span>否</span>
</div> </div>
<!-- 供给区域 --> <!-- 供给区域 -->
<div *ngIf="item.PropertyType == 7" class="selectDiv"> <div *ngIf="item.PropertyType == 7" class="selectDiv">
<p style="display: inline-block;">{{item.PropertyName}}</p> <p style="display: inline-block;">{{item.PropertyName}}</p>
<select (change)="supplyArea(item,$event)" <select (change)="supplyArea(item,$event)" [disabled]="canvasAssetObj.GameMode == 0 && !pattern">
[disabled]="canvasAssetObj.GameMode == 0 && !pattern">
<option value="0" [selected]="item.PropertyValue ==0">全部</option> <option value="0" [selected]="item.PropertyValue ==0">全部</option>
<option value="1" [selected]="item.PropertyValue ==1">高区</option> <option value="1" [selected]="item.PropertyValue ==1">高区</option>
<option value="2" [selected]="item.PropertyValue ==2">中区</option> <option value="2" [selected]="item.PropertyValue ==2">中区</option>

101
src/app/ui/collection-tools/collection-tools.component.scss
Unescape View File

@ -1,7 +1,10 @@
@import './panel.scss'; @import './panel.scss';
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; /* Chrome Safari */ display: none;
/* Chrome Safari */
} }
.content { .content {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -10,6 +13,7 @@
padding: 3px; padding: 3px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.buildingbtnchecked { .buildingbtnchecked {
background-color: #07CDCF; background-color: #07CDCF;
color: white; color: white;
@ -26,6 +30,7 @@
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
box-shadow: inset 0px -3px 5px 0px rgb(165, 163, 163); box-shadow: inset 0px -3px 5px 0px rgb(165, 163, 163);
.headerTitle { .headerTitle {
width: 235px; width: 235px;
overflow: hidden; overflow: hidden;
@ -35,9 +40,11 @@
font-size: 20px; font-size: 20px;
font-weight: 550; font-weight: 550;
} }
.headerCenter { .headerCenter {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
input { input {
width: 99%; width: 99%;
height: 30px; height: 30px;
@ -45,11 +52,13 @@
border-radius: 5px; border-radius: 5px;
} }
} }
.headerRight { .headerRight {
width: 350px; width: 350px;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding-left: 10px; padding-left: 10px;
button { button {
font-size: 14px; font-size: 14px;
color: #07CDCF; color: #07CDCF;
@ -58,6 +67,7 @@
outline: none; outline: none;
cursor: pointer; cursor: pointer;
} }
.mat-icon { .mat-icon {
font-size: 22px; font-size: 22px;
vertical-align: middle; vertical-align: middle;
@ -74,9 +84,11 @@
vertical-align: middle; vertical-align: middle;
margin-left: 1px; margin-left: 1px;
} }
span { span {
font-size: 18px; font-size: 18px;
} }
flex: 5%; flex: 5%;
display: flex; display: flex;
align-items:center; align-items:center;
@ -84,13 +96,16 @@
box-sizing: border-box; box-sizing: border-box;
margin: 3px 0; margin: 3px 0;
background-color: white; background-color: white;
button { button {
border: 0.5px solid rgb(208, 211, 214); border: 0.5px solid rgb(208, 211, 214);
margin: 0 2px; margin: 0 2px;
} }
.editdeletebtn { .editdeletebtn {
display: none; display: none;
} }
.bigeditdeletebtn:hover { .bigeditdeletebtn:hover {
.editdeletebtn { .editdeletebtn {
display: inline-block; display: inline-block;
@ -104,6 +119,7 @@
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
} }
//左右两侧功能栏 统一样式 //左右两侧功能栏 统一样式
.publicCss { .publicCss {
border-radius: 5px; border-radius: 5px;
@ -111,14 +127,17 @@
height: 100%; height: 100%;
top: 0; top: 0;
} }
.functionalDomain { .functionalDomain {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
.functionalDomainContent { .functionalDomainContent {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.centerBuildingDiv { .centerBuildingDiv {
position: absolute; position: absolute;
max-width: 400px; max-width: 400px;
@ -127,6 +146,7 @@
z-index: 150; z-index: 150;
display: flex; display: flex;
} }
.functionalDomainLeft { .functionalDomainLeft {
background-color: #fff; background-color: #fff;
display: flex; display: flex;
@ -138,6 +158,7 @@
width: 235px; width: 235px;
left: 0; left: 0;
z-index: 111; z-index: 111;
.leftDragDiv { .leftDragDiv {
position: absolute; position: absolute;
right: 0; right: 0;
@ -147,6 +168,7 @@
cursor: e-resize; cursor: e-resize;
} }
} }
.functionalDomainRight { .functionalDomainRight {
z-index: 111; z-index: 111;
margin-right: 0px; margin-right: 0px;
@ -156,11 +178,13 @@
min-width: 235px; min-width: 235px;
right: 0; right: 0;
} }
//右边导航栏显示隐藏 //右边导航栏显示隐藏
.togglePanel2 { .togglePanel2 {
margin-right: -2000px; margin-right: -2000px;
transition: margin-right 1s; transition: margin-right 1s;
} }
//左侧导航栏显示隐藏 //左侧导航栏显示隐藏
.togglePanel { .togglePanel {
margin-left: -2000px; margin-left: -2000px;
@ -177,19 +201,26 @@
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 0; padding: 5px 0;
.centerTotalHeader { .centerTotalHeader {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
box-sizing: border-box; box-sizing: border-box;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
.above:hover {cursor: move;;}
.above:hover {
cursor: move;
;
}
.above { .above {
font-size: 24px; font-size: 24px;
color: rgb(175, 164, 164); color: rgb(175, 164, 164);
margin: 0 10px 0 10px; margin: 0 10px 0 10px;
} }
} }
.everyTotal { .everyTotal {
width: 100%; width: 100%;
height: 30px; height: 30px;
@ -201,6 +232,7 @@
font-size: 16px; font-size: 16px;
} }
} }
//中间建筑/楼层 //中间建筑/楼层
//右边操作栏 //右边操作栏
@ -211,21 +243,36 @@
padding-left: 5px; padding-left: 5px;
box-sizing: border-box; box-sizing: border-box;
color: #07CDCF; color: #07CDCF;
.mat-icon {vertical-align: middle; margin-right: 5px; font-size: 22px;}
.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;
} }
input { border: none; outline: none; background-color: #d6dddf; box-sizing: border-box; padding-left: 5px; }
//右侧属性 //右侧属性
.property { .property {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
.siteproperty { .siteproperty {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
p { p {
color: #9c9fa5; color: #9c9fa5;
padding-left: 5px; padding-left: 5px;
} }
.siteproperty_size { .siteproperty_size {
background-color: #F2F5F6; background-color: #F2F5F6;
width: 93%; width: 93%;
@ -233,6 +280,7 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
border-radius: 3px; border-radius: 3px;
min-height: 21px; min-height: 21px;
} }
.rightAttribute { .rightAttribute {
width: 12%; width: 12%;
height: 99.5%; height: 99.5%;
@ -243,55 +291,69 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
border: 2px solid #464646; border: 2px solid #464646;
} }
} }
.assetsproperty { .assetsproperty {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
p { p {
color: #9c9fa5; color: #9c9fa5;
margin: 1px 0 3px 8px; margin: 1px 0 3px 8px;
font-size: 14px; font-size: 14px;
} }
span { span {
font-size: 15px; font-size: 15px;
} }
input { input {
height: 24px; height: 24px;
border-radius: 3px; border-radius: 3px;
} }
.biginput { .biginput {
display: block; display: block;
width: 88%; width: 88%;
margin: 0 auto; margin: 0 auto;
} }
.smallinput { .smallinput {
display: block; display: block;
width: 19%; width: 19%;
margin-left: 14px; margin-left: 14px;
} }
.textarea { .textarea {
display: block; display: block;
width: 88%; width: 88%;
height: 50px; height: 50px;
margin: 0 auto; margin: 0 auto;
} }
.swiper-button-next { .swiper-button-next {
right: 6px; right: 6px;
} }
.swiper-button-prev { .swiper-button-prev {
left: 6px; left: 6px;
} }
.swiper-container { .swiper-container {
// --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ // --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
// --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */ // --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
--swiper-navigation-size:20px;/* 设置按钮大小 */ --swiper-navigation-size: 20px;
/* 设置按钮大小 */
} }
.hoverred:hover { .hoverred:hover {
color: rgb(187, 28, 28); color: rgb(187, 28, 28);
} }
.selectDiv { .selectDiv {
height: 21px; height: 21px;
position: relative; position: relative;
margin-bottom: 5px; margin-bottom: 5px;
select { select {
width: 98px; width: 98px;
height: 22px; height: 22px;
@ -303,9 +365,11 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
border-radius: 2px; border-radius: 2px;
} }
} }
.colorBigDiv { .colorBigDiv {
width: 88%; width: 88%;
margin-left: 8px; margin-left: 8px;
.colorBigTemplateDiv { .colorBigTemplateDiv {
span { span {
color: #9c9fa5; color: #9c9fa5;
@ -313,6 +377,7 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
} }
.colorTemplateDiv { .colorTemplateDiv {
width: 65%; width: 65%;
height: 22px; height: 22px;
@ -330,6 +395,7 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
float: left; float: left;
border: 2px solid white; border: 2px solid white;
} }
.coloractive { .coloractive {
border: 2px solid black; border: 2px solid black;
} }
@ -338,11 +404,13 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
} }
} }
//右侧消防要素 //右侧消防要素
.firecategories { .firecategories {
position: relative; position: relative;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
.firecategoriesTree { .firecategoriesTree {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
@ -353,11 +421,14 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
div:focus { div:focus {
outline: none; outline: none;
} }
//没有图片时显示无图片背景图 //没有图片时显示无图片背景图
.noImgCss { .noImgCss {
background: url(../../../assets/images/noImg.png) no-repeat center center; background: url(../../../assets/images/noImg.png) no-repeat center center;
background-size: 88% 100%;/*按比例缩放*/ background-size: 88% 100%;
/*按比例缩放*/
} }
.input { .input {
width: 18px; width: 18px;
height: 18px; height: 18px;
@ -370,10 +441,12 @@ div:focus {
.isLookCss { .isLookCss {
margin-left: auto; margin-left: auto;
color: #07CDCF; color: #07CDCF;
.icongray { .icongray {
color: #D9D0DC; color: #D9D0DC;
} }
} }
.mat-tree-node { .mat-tree-node {
padding-right: 3px; padding-right: 3px;
min-height: 30px; min-height: 30px;
@ -381,12 +454,15 @@ div:focus {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
} }
.treeNode:hover { .treeNode:hover {
background-color: #ccebf8; background-color: #ccebf8;
} }
.isLookPattern { .isLookPattern {
display: none; display: none;
} }
.treeText { .treeText {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -402,6 +478,7 @@ div:focus {
overflow: hidden; overflow: hidden;
right: 0; right: 0;
} }
.weatherBox { .weatherBox {
height: 40px; height: 40px;
width: 700px; width: 700px;
@ -409,21 +486,25 @@ div:focus {
position: absolute; position: absolute;
right: 0; right: 0;
transition: right linear .5s; transition: right linear .5s;
.openbtn { .openbtn {
font-size: 45px; font-size: 45px;
height: 45px; height: 45px;
width: 40px; width: 40px;
} }
.name { .name {
font-size: 16px; font-size: 16px;
vertical-align: middle; vertical-align: middle;
margin-left: 3px; margin-left: 3px;
} }
input { input {
width: 140px; width: 140px;
height: 22px; height: 22px;
margin-left: 3px; margin-left: 3px;
} }
select { select {
width: 96px; width: 96px;
height: 25px; height: 25px;
@ -431,12 +512,15 @@ div:focus {
vertical-align: middle; vertical-align: middle;
} }
} }
.open { .open {
right: 0px; right: 0px;
} }
.close { .close {
right: -622px; right: -622px;
} }
.bottomCss { .bottomCss {
position: absolute; position: absolute;
left: 232px; left: 232px;
@ -447,6 +531,7 @@ div:focus {
z-index: 111; z-index: 111;
background-color: white; background-color: white;
border: 1px solid #464646; border: 1px solid #464646;
.dragDiv { .dragDiv {
width: 100%; width: 100%;
height: 3px; height: 3px;
@ -455,9 +540,11 @@ div:focus {
z-index: 111; z-index: 111;
cursor: n-resize; cursor: n-resize;
} }
.title { .title {
height: 35px; height: 35px;
background-color: #464646; background-color: #464646;
div { div {
background-color: #464646; background-color: #464646;
float: left; float: left;
@ -467,10 +554,12 @@ div:focus {
padding-left: 5px; padding-left: 5px;
cursor: pointer; cursor: pointer;
} }
.detailsAndattentBtn { .detailsAndattentBtn {
background-color: #595959; background-color: #595959;
} }
} }
.body { .body {
textarea { textarea {
width: 100%; width: 100%;

3
src/app/ui/collection-tools/editBuilding.html
Unescape View File

@ -3,7 +3,8 @@
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> <form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container">
<div mat-dialog-content> <div mat-dialog-content>
<mat-form-field> <mat-form-field>
<input type="text" matInput [(ngModel)]="defaultName" required name="propertyName" placeholder="建筑名称" autocomplete="off"> <input type="text" matInput [(ngModel)]="defaultName" required name="propertyName" placeholder="建筑名称"
autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
<div mat-dialog-content> <div mat-dialog-content>

19
src/app/ui/collection-tools/examinationQuestions.html
Unescape View File

@ -2,19 +2,9 @@
<div style="text-align: center;font-weight: 550;">消防设施考题设定</div> <div style="text-align: center;font-weight: 550;">消防设施考题设定</div>
<div id="nodeTree" style="max-height: 300px;overflow-y: auto; margin: 25px 0;"> <div id="nodeTree" style="max-height: 300px;overflow-y: auto; margin: 25px 0;">
<!-- 消防列表树 --> <!-- 消防列表树 -->
<nz-tree <nz-tree #nzTreeComponent3 [nzData]="renderData" nzCheckable nzMultiple [nzCheckedKeys]="defaultCheckedKeys"
#nzTreeComponent3 [nzExpandedKeys]="defaultExpandedKeys" [nzSelectedKeys]="defaultSelectedKeys" (nzClick)="nzEvent($event)"
[nzData]="renderData" (nzExpandChange)="nzEvent($event)" (nzCheckBoxChange)="nzEvent($event)" [nzTreeTemplate]="nzTreeTemplate3">
nzCheckable
nzMultiple
[nzCheckedKeys]="defaultCheckedKeys"
[nzExpandedKeys]="defaultExpandedKeys"
[nzSelectedKeys]="defaultSelectedKeys"
(nzClick)="nzEvent($event)"
(nzExpandChange)="nzEvent($event)"
(nzCheckBoxChange)="nzEvent($event)"
[nzTreeTemplate]="nzTreeTemplate3"
>
</nz-tree> </nz-tree>
<ng-template #nzTreeTemplate3 let-node let-origin="origin"> <ng-template #nzTreeTemplate3 let-node let-origin="origin">
<div class="treeNodeTemplate"> <div class="treeNodeTemplate">
@ -24,7 +14,8 @@
<!-- 消防列表树 --> <!-- 消防列表树 -->
</div> </div>
<div style="text-align: center;"> <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-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> <button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button>
</div> </div>
</div> </div>

51
src/app/ui/collection-tools/examinationQuestions.ts
Unescape View File

@ -51,7 +51,8 @@ export class examinationQuestions {
} }
}); });
}}) }
})
} }
}) })
} }
@ -203,30 +204,30 @@ export class uploadQuestions {
allFireElements.forEach(element => { allFireElements.forEach(element => {
if (!element.parentId) { treeData.push(element) } if (!element.parentId) { treeData.push(element) }
}); });
function recursionFilterEmpty(originalList, result) { function recursionFilterEmpty(originalList, result) {
      for(let i = 0, length = originalList.length; i < length; i++) { for (let i = 0, length = originalList.length; i < length; i++) {
          const item = originalList[i]; const item = originalList[i];
          if (item.PropertyInfos) { if (item.PropertyInfos) {
              // 最内层 // 最内层
              result.push(item); result.push(item);
          } else if (item.children && item.children.length) { } else if (item.children && item.children.length) {
              const newChildren = []; const newChildren = [];
              // 递归调用，底层的真实数据会全部 push 进 newChildren 中 // 递归调用，底层的真实数据会全部 push 进 newChildren 中
              recursionFilterEmpty(item.children, newChildren); recursionFilterEmpty(item.children, newChildren);
              if (newChildren.length) { if (newChildren.length) {
                  // 替换原始数据 // 替换原始数据
                  item.children = newChildren; item.children = newChildren;
                  // 子项有真实的数据，就保留这一项 // 子项有真实的数据，就保留这一项
                  result.push(item); result.push(item);
              } // 如果没有这一项就会被删除 } // 如果没有这一项就会被删除
          } }
      } }
  } }
  function filterEmpty(listData) { function filterEmpty(listData) {
      const result = []; const result = [];
      recursionFilterEmpty(listData, result); recursionFilterEmpty(listData, result);
      return result; return result;
  } }
return filterEmpty(treeData) return filterEmpty(treeData)
} }

62
src/app/ui/collection-tools/panel.scss
Unescape View File

@ -20,6 +20,7 @@
color: #fff; color: #fff;
background: #07CDCF; background: #07CDCF;
} }
//平面图头部字体图标样式 //平面图头部字体图标样式
.hover { .hover {
width: 18px; width: 18px;
@ -27,11 +28,19 @@
margin-left: 90px; margin-left: 90px;
border: 1px solid #999; border: 1px solid #999;
border-radius: 3px; border-radius: 3px;
.mat-icon {font-size: 18px; color: #999;}
.mat-icon {
font-size: 18px;
color: #999;
} }
}
.hover:hover { .hover:hover {
background-color: #4DA5FA; background-color: #4DA5FA;
.mat-icon {color: #fff;}
.mat-icon {
color: #fff;
}
} }
//平面图 //平面图
@ -42,6 +51,7 @@
line-height: 35px; line-height: 35px;
box-sizing: border-box; box-sizing: border-box;
padding: 0 10px 0 25px; padding: 0 10px 0 25px;
.mat-icon { .mat-icon {
font-size: 20px; font-size: 20px;
} }
@ -58,11 +68,13 @@
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
img { img {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
} }
//替换底图 inputfile //替换底图 inputfile
.a-upload { .a-upload {
display: block; display: block;
@ -74,6 +86,7 @@
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
input { input {
position: absolute; position: absolute;
width: 20px; width: 20px;
@ -83,11 +96,13 @@
opacity: 0; opacity: 0;
} }
} }
.a-upload:hover { .a-upload:hover {
.mat-icon { .mat-icon {
color: #fff; color: #fff;
} }
} }
//上传底图 inputfile //上传底图 inputfile
#a-uploadImg { #a-uploadImg {
display: block; display: block;
@ -100,6 +115,7 @@
border-radius: 5px; border-radius: 5px;
border: 1px solid #999; border: 1px solid #999;
z-index: 999; z-index: 999;
input { input {
position: absolute; position: absolute;
width: 300px; width: 300px;
@ -108,11 +124,13 @@
top: 0; top: 0;
opacity: 0; opacity: 0;
} }
img { img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
} }
#a-uploadImg:hover { #a-uploadImg:hover {
border: 5px solid skyblue; border: 5px solid skyblue;
} }
@ -123,6 +141,7 @@
display: block; display: block;
} }
} }
//右边操作栏 //右边操作栏
#rightOperate { #rightOperate {
width: 50px; width: 50px;
@ -135,16 +154,20 @@
background-color: #F0F4F7; background-color: #F0F4F7;
// #F0F4F7 cdced1 // #F0F4F7 cdced1
display: none; display: none;
.functionButton { .functionButton {
height: 25%; height: 25%;
line-height: 25px; line-height: 25px;
} }
.bigFunctionIcon { .bigFunctionIcon {
font-size: 24px; font-size: 24px;
} }
.functionIcon { .functionIcon {
color: #999; color: #999;
} }
.functionIcon:hover { .functionIcon:hover {
color: #4DA5FA; color: #4DA5FA;
} }
@ -165,28 +188,36 @@
.scenarioAssignment { .scenarioAssignment {
overflow-y: auto; overflow-y: auto;
} }
.selectEditMode { .selectEditMode {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
} }
.materialBankDIV { .materialBankDIV {
flex: 1; flex: 1;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }
// 基本信息/想定作业 切换 // 基本信息/想定作业 切换
//处置预案 //处置预案
#terrNodePublic { #terrNodePublic {
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
display: flex; display: flex;
.textNode {flex: 1;}
.textNode {
flex: 1;
}
} }
//字体图标 //字体图标
.planIconDiv { .planIconDiv {
display: inline-block; display: inline-block;
.mat-icon { .mat-icon {
font-size: 20px; font-size: 20px;
width: 20px; width: 20px;
@ -201,21 +232,29 @@
.mat-expansion-panel-header { .mat-expansion-panel-header {
height: 40px !important; height: 40px !important;
} }
//素材库溢出隐藏 //素材库溢出隐藏
#materialBank { #materialBank {
margin: 1px 0; margin: 1px 0;
} }
//素材库图片flex //素材库图片flex
.mat-expansion-panel-header {background-color: #d6f4f5;} .mat-expansion-panel-header {
background-color: #d6f4f5;
}
#panelLibrary .text { #panelLibrary .text {
box-sizing: border-box; box-sizing: border-box;
margin-left: 10px; margin-left: 10px;
} }
.panelLibraryFlex { .panelLibraryFlex {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; /* 水平居中 */ justify-content: space-between;
/* 水平居中 */
.imgBox { .imgBox {
width: 70px; width: 70px;
height: 100px; height: 100px;
@ -223,12 +262,14 @@
text-align: center; text-align: center;
border-radius: 3px; border-radius: 3px;
margin: 5px 0; margin: 5px 0;
img { img {
width: 70px; width: 70px;
height: auto; height: auto;
max-height: 70px; max-height: 70px;
cursor: pointer; cursor: pointer;
} }
p { p {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
@ -242,21 +283,25 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
// 楼层/区域 是避难层时 // 楼层/区域 是避难层时
.isRefugeStorey { .isRefugeStorey {
color: #FF8678; color: #FF8678;
background-color: #fff; background-color: #fff;
} }
//选中平面图时 //选中平面图时
.selectSitePlan { .selectSitePlan {
color: #fff; color: #fff;
background-color: #07CDCF; background-color: #07CDCF;
} }
//选中素材库图片时 //选中素材库图片时
.selectImg { .selectImg {
color: #fff; color: #fff;
background-color: #4DA5FA; background-color: #4DA5FA;
} }
//选中 处置节点时 //选中 处置节点时
.selectanelPoint { .selectanelPoint {
background-color: #F4C235; background-color: #F4C235;
@ -268,19 +313,24 @@
.keyMargin { .keyMargin {
width: 100%; width: 100%;
margin: 5px 0; margin: 5px 0;
.mat-form-field { .mat-form-field {
width: 100%; width: 100%;
} }
} }
.submitBottom { .submitBottom {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; /* 水平居中 */ justify-content: space-between;
/* 水平居中 */
} }
.functionalDomainContent { .functionalDomainContent {
width: 300px; width: 300px;
height: 100%; height: 100%;
textarea { textarea {
border-radius: 5px; border-radius: 5px;
border: 1px solid #999; border: 1px solid #999;

6
src/app/ui/collection-tools/save.ts
Unescape View File

@ -26,12 +26,14 @@ export class saveOneDialog {
saveType(type) { saveType(type) {
this.dialogRef.close() this.dialogRef.close()
const dialogRef = this.dialog.open(saveTwoDialog, { const dialogRef = this.dialog.open(saveTwoDialog, {
data: {type: type, data: {
type: type,
allDisposalNode: this.data.allDisposalNode, allDisposalNode: this.data.allDisposalNode,
selectedBuildingData: this.data.selectedBuildingData, selectedBuildingData: this.data.selectedBuildingData,
selectedSiteData: this.data.selectedSiteData, selectedSiteData: this.data.selectedSiteData,
siteOrbuilding: this.data.siteOrbuilding, siteOrbuilding: this.data.siteOrbuilding,
disasterId:this.data.disasterId} disasterId: this.data.disasterId
}
}); });
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
}); });

6
src/app/ui/collection-tools/saveOne.html
Unescape View File

@ -1,5 +1,7 @@
<div style="text-align: center; margin-bottom: 25px; font-weight: 550;">处置节点保存</div> <div style="text-align: center; margin-bottom: 25px; font-weight: 550;">处置节点保存</div>
<div style="display: flex;"> <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-right: 15px; color: #fff; background-color: #07CDCF; border: none;"
<button mat-stroked-button style="margin-left: 15px; color: #fff; background-color: #FF8678; border: none;" (click)="saveType('old')">保存到已有节点</button> (click)="saveType('new')">新建节点并保存</button>
<button mat-stroked-button style="margin-left: 15px; color: #fff; background-color: #FF8678; border: none;"
(click)="saveType('old')">保存到已有节点</button>
</div> </div>

15
src/app/ui/collection-tools/saveTwo.html
Unescape View File

@ -5,22 +5,21 @@
<div mat-dialog-content> <div mat-dialog-content>
<mat-form-field> <mat-form-field>
<input type="text" matInput ngModel <input type="text" matInput ngModel required name="name" placeholder="节点名称" autocomplete="off">
required name="name" placeholder="节点名称" autocomplete="off">
</mat-form-field> </mat-form-field>
</div> </div>
<div mat-dialog-content> <div mat-dialog-content>
<mat-form-field> <mat-form-field>
<mat-select [(value)]="allRootDisposalNode[0].name" required placeholder="父节点名称"> <mat-select [(value)]="allRootDisposalNode[0].name" required placeholder="父节点名称">
<mat-option *ngFor="let item of allRootDisposalNode" [value]="item.name" (click)="clickNode(item)"> <mat-option *ngFor="let item of allRootDisposalNode" [value]="item.name"
(click)="clickNode(item)">
{{item.name}} {{item.name}}
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div mat-dialog-actions> <div mat-dialog-actions>
<button mat-raised-button color="primary" type="submit" <button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid">
[disabled]="!form.form.valid">
确定 确定
</button> </button>
<button mat-raised-button mat-dialog-close>取消</button> <button mat-raised-button mat-dialog-close>取消</button>
@ -35,15 +34,15 @@
<div mat-dialog-content> <div mat-dialog-content>
<mat-form-field> <mat-form-field>
<mat-select required ngModel placeholder="父节点名称" name="nodeId"> <mat-select required ngModel placeholder="父节点名称" name="nodeId">
<mat-option *ngFor="let item of allPlanDisposalNode" [value]="item.id" (click)="clickNode(item)"> <mat-option *ngFor="let item of allPlanDisposalNode" [value]="item.id"
(click)="clickNode(item)">
{{item.name}} {{item.name}}
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div mat-dialog-actions> <div mat-dialog-actions>
<button mat-raised-button color="primary" type="submit" <button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid">
[disabled]="!form.form.valid">
确定 确定
</button> </button>
<button mat-raised-button mat-dialog-close>取消</button> <button mat-raised-button mat-dialog-close>取消</button>

6
src/app/ui/collection-tools/uploadDisposalNodes.html
Unescape View File

@ -1,5 +1,6 @@
<div id="disposalNodeTree"> <div id="disposalNodeTree">
<div style="max-height: 500px;overflow-x: hidden;overflow-y: auto;margin-bottom: 25px;width: 330px;padding-right: 10px;"> <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> <nz-tree #nzTreeComponent [nzData]="treeData" nzCheckable nzMultiple [nzTreeTemplate]="nzTreeTemplate"></nz-tree>
<ng-template #nzTreeTemplate let-node let-origin="origin"> <ng-template #nzTreeTemplate let-node let-origin="origin">
<div id="terrNodePublic"> <div id="terrNodePublic">
@ -8,7 +9,8 @@
</ng-template> </ng-template>
</div> </div>
<div style="text-align: center;"> <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-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> <button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button>
</div> </div>
</div> </div>

29
src/app/ui/collection-tools/uploadQuestions.html
Unescape View File

@ -2,23 +2,16 @@
<div style="text-align: center;font-weight: 550;">上传</div> <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="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考试要点</div>
<div style="margin-bottom: 25px;"> <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> <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>
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核消防设施</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;"> <div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;">
<!-- 消防列表树 --> <!-- 消防列表树 -->
<nz-tree <nz-tree #nzTreeComponent [nzData]="renderData" nzMultiple [nzCheckedKeys]="defaultCheckedKeys"
#nzTreeComponent [nzExpandedKeys]="defaultExpandedKeys" [nzSelectedKeys]="defaultSelectedKeys" (nzClick)="nzEvent($event)"
[nzData]="renderData" (nzExpandChange)="nzEvent($event)" (nzCheckBoxChange)="nzEvent($event)" [nzTreeTemplate]="nzTreeTemplate">
nzMultiple
[nzCheckedKeys]="defaultCheckedKeys"
[nzExpandedKeys]="defaultExpandedKeys"
[nzSelectedKeys]="defaultSelectedKeys"
(nzClick)="nzEvent($event)"
(nzExpandChange)="nzEvent($event)"
(nzCheckBoxChange)="nzEvent($event)"
[nzTreeTemplate]="nzTreeTemplate"
>
</nz-tree> </nz-tree>
<ng-template #nzTreeTemplate let-node let-origin="origin"> <ng-template #nzTreeTemplate let-node let-origin="origin">
<div class="treeNodeTemplate"> <div class="treeNodeTemplate">
@ -30,12 +23,7 @@
<div style="padding-left: 10px; font-size: 14px; font-weight: 550;margin: 5px 0;">考核处置节点</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;"> <div style="max-height: 200px;overflow-y: auto;margin-bottom: 25px;">
<!-- 消防列表树 --> <!-- 消防列表树 -->
<nz-tree <nz-tree #nzTreeComponent [nzData]="nodeTreeData" nzMultiple [nzTreeTemplate]="nzTreeTemplate">
#nzTreeComponent
[nzData]="nodeTreeData"
nzMultiple
[nzTreeTemplate]="nzTreeTemplate"
>
</nz-tree> </nz-tree>
<ng-template #nzTreeTemplate let-node let-origin="origin"> <ng-template #nzTreeTemplate let-node let-origin="origin">
<div class="treeNodeTemplate"> <div class="treeNodeTemplate">
@ -45,7 +33,8 @@
<!-- 消防列表树 --> <!-- 消防列表树 -->
</div> </div>
<div style="text-align: center;"> <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-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> <button mat-stroked-button style="margin-left: 15px;border: none;background: #dfe0e0;" mat-dialog-close>取消</button>
</div> </div>
</div> </div>

7
src/app/ui/collection-tools/viewdetails.html
Unescape View File

@ -1,6 +1,9 @@
<div style="position: relative;width: 1400px;height: 800px;line-height: 800px;" class="swiper-container"> <div style="position: relative;width: 1400px;height: 800px;line-height: 800px;" class="swiper-container">
<div style="position: absolute;right: -2px;top: -392px;cursor: pointer;z-index: 999;width: 24px;height: 24px;" (click)="closeDialog()"> <div style="position: absolute;right: -2px;top: -392px;cursor: pointer;z-index: 999;width: 24px;height: 24px;"
<span><mat-icon>clear</mat-icon></span> (click)="closeDialog()">
<span>
<mat-icon>clear</mat-icon>
</span>
</div> </div>
<div class="swiper-wrapper"> <div class="swiper-wrapper">

Write Preview
Loading…
Cancel
Save