diff --git a/src/app/ui/collection-tools-read/collection-tools.component.scss b/src/app/ui/collection-tools-read/collection-tools.component.scss
index a9736db..8576884 100644
--- a/src/app/ui/collection-tools-read/collection-tools.component.scss
+++ b/src/app/ui/collection-tools-read/collection-tools.component.scss
@@ -1,7 +1,10 @@
@import './panel.scss';
+
::-webkit-scrollbar {
- display: none; /* Chrome Safari */
+ display: none;
+ /* Chrome Safari */
}
+
.content {
width: 100%;
height: 100%;
@@ -10,7 +13,8 @@
padding: 3px;
display: flex;
flex-direction: column;
- .buildingbtnchecked{
+
+ .buildingbtnchecked {
background-color: #07CDCF;
color: white;
}
@@ -23,9 +27,10 @@
height: 46px;
min-height: 46px;
display: flex;
- align-items:center;
+ align-items: center;
background-color: #fff;
box-shadow: inset 0px -3px 5px 0px rgb(165, 163, 163);
+
.headerTitle {
width: 235px;
overflow: hidden;
@@ -35,14 +40,17 @@
font-size: 20px;
font-weight: 550;
}
+
.headerCenter {
flex: 1;
overflow: hidden;
- .mainPointDiv{
+
+ .mainPointDiv {
box-sizing: border-box;
padding-left: 8px;
cursor: default;
- span{
+
+ span {
font-family: Source Han Sans CN;
color: #FF8678;
font-size: 15px;
@@ -50,19 +58,22 @@
}
}
+
.headerRight {
width: 350px;
overflow: hidden;
box-sizing: border-box;
padding-left: 10px;
+
button {
font-size: 14px;
- color: #07CDCF;
+ color: #07CDCF;
background-color: #fff;
border: none;
outline: none;
- cursor:pointer;
+ cursor: pointer;
}
+
.mat-icon {
font-size: 22px;
vertical-align: middle;
@@ -74,14 +85,16 @@
//头部操作栏
.headerOperate {
img {
- width: 24px;
+ width: 24px;
height: 24px;
vertical-align: middle;
margin-left: 1px;
}
- span{
+
+ span {
font-size: 18px;
}
+
flex: 5%;
display: flex;
align-items:center;
@@ -89,15 +102,18 @@
box-sizing: border-box;
margin: 3px 0;
background-color: white;
- button{
+
+ button {
border: 0.5px solid rgb(208, 211, 214);
margin: 0 2px;
}
- .editdeletebtn{
+
+ .editdeletebtn {
display: none;
}
- .bigeditdeletebtn:hover{
- .editdeletebtn{
+
+ .bigeditdeletebtn:hover {
+ .editdeletebtn {
display: inline-block;
}
}
@@ -106,9 +122,10 @@
//功能区
// icon统一样式
.mat-icon {
- cursor:pointer;
+ cursor: pointer;
vertical-align: middle;
}
+
//左右两侧功能栏 统一样式
.publicCss {
border-radius: 5px;
@@ -116,15 +133,18 @@
height: 100%;
top: 0;
}
+
.functionalDomain {
flex: 1;
overflow: hidden;
+
.functionalDomainContent {
position: relative;
width: 100%;
height: 100%;
}
- .answerDivDrag{
+
+ .answerDivDrag {
position: absolute;
width: 230px;
min-height: 35px;
@@ -137,6 +157,7 @@
border-radius: 5px;
// display: flex;
}
+
.centerBuildingDiv {
position: absolute;
max-width: 400px;
@@ -145,6 +166,7 @@
z-index: 150;
display: flex;
}
+
.functionalDomainLeft {
background-color: #fff;
display: flex;
@@ -156,7 +178,8 @@
width: 235px;
left: 0;
z-index: 111;
- .leftDragDiv{
+
+ .leftDragDiv {
position: absolute;
right: 0;
height: 100%;
@@ -165,20 +188,23 @@
cursor: e-resize;
}
}
+
.functionalDomainRight {
z-index: 111;
margin-right: 0px;
- transition: margin-right 0.5s;
+ transition: margin-right 0.5s;
border: 1px solid #cacdd1;
width: 235px;
min-width: 235px;
right: 0;
}
- //右边导航栏显示隐藏
+
+ //右边导航栏显示隐藏
.togglePanel2 {
margin-right: -2000px;
- transition: margin-right 1s;
+ transition: margin-right 1s;
}
+
//左侧导航栏显示隐藏
.togglePanel {
margin-left: -2000px;
@@ -195,19 +221,26 @@
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;
- .above:hover {cursor: move;;}
+
+ .above:hover {
+ cursor: move;
+ ;
+ }
+
.above {
font-size: 24px;
color: rgb(175, 164, 164);
margin: 0 10px 0 10px;
}
}
+
.everyTotal {
width: 100%;
height: 30px;
@@ -215,43 +248,60 @@
box-sizing: border-box;
padding: 0 5px;
margin: 3px 0;
- cursor:pointer;
+ cursor: pointer;
font-size: 16px;
}
}
+
//中间建筑/楼层
//右边操作栏
-.titleS{
+.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;}
+
+ .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;
flex-flow: column;
- .siteproperty{
+
+ .siteproperty {
height: 100%;
overflow-y: auto;
- p{
+
+ p {
color: #9c9fa5;
padding-left: 5px;
}
- .siteproperty_size{
+
+ .siteproperty_size {
background-color: #F2F5F6;
width: 93%;
margin: 0 auto;
border-radius: 3px;
min-height: 21px;
}
- .rightAttribute{
+
+ .rightAttribute {
width: 12%;
height: 99.5%;
position: absolute;
@@ -261,56 +311,70 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
border: 2px solid #464646;
}
}
- .assetsproperty{
+
+ .assetsproperty {
overflow-y: auto;
height: 100%;
- p{
+
+ p {
color: #9c9fa5;
- margin:1px 0 3px 8px;
+ margin: 1px 0 3px 8px;
font-size: 14px;
}
- span{
+
+ span {
font-size: 15px;
}
- input{
+
+ input {
height: 24px;
border-radius: 3px;
}
- .biginput{
+
+ .biginput {
display: block;
width: 88%;
margin: 0 auto;
}
- .smallinput{
+
+ .smallinput {
display: block;
width: 19%;
margin-left: 14px;
}
- .textarea{
+
+ .textarea {
display: block;
width: 88%;
height: 50px;
margin: 0 auto;
}
- .swiper-button-next{
+
+ .swiper-button-next {
right: 6px;
}
- .swiper-button-prev{
+
+ .swiper-button-prev {
left: 6px;
}
- .swiper-container{
+
+ .swiper-container {
// --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
// --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
- --swiper-navigation-size:20px;/* 设置按钮大小 */
+ --swiper-navigation-size: 20px;
+ /* 设置按钮大小 */
}
- .hoverred:hover{
+
+ .hoverred:hover {
color: rgb(187, 28, 28);
}
- .selectDiv{
+
+ .selectDiv {
height: 21px;
position: relative;
margin-bottom: 5px;
- select{
+
+ select {
width: 98px;
height: 22px;
vertical-align: middle;
@@ -321,17 +385,20 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
border-radius: 2px;
}
}
- .colorBigDiv{
+
+ .colorBigDiv {
width: 88%;
margin-left: 8px;
- .colorBigTemplateDiv{
- span{
+
+ .colorBigTemplateDiv {
+ span {
color: #9c9fa5;
font-size: 14px;
height: 26px;
line-height: 26px;
}
- .colorTemplateDiv{
+
+ .colorTemplateDiv {
width: 65%;
height: 22px;
display: inline-block;
@@ -339,29 +406,32 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
margin-left: 26px;
}
}
-
- .colorDiv{
- .colorLi{
+
+ .colorDiv {
+ .colorLi {
width: 24px;
height: 24px;
list-style: none;
float: left;
border: 2px solid white;
}
- .coloractive{
+
+ .coloractive {
border: 2px solid black;
}
}
}
-
+
}
}
+
//右侧消防要素
-.firecategories{
+.firecategories {
position: relative;
display: flex;
flex-flow: column;
- .firecategoriesTree{
+
+ .firecategoriesTree {
overflow-y: auto;
height: 100%;
}
@@ -371,12 +441,15 @@ input { border: none; outline: none; background-color: #d6dddf; box-sizing: bord
div:focus {
outline: none;
}
+
//没有图片时显示无图片背景图
-.noImgCss{
+.noImgCss {
background: url(../../../assets/images/noImg.png) no-repeat center center;
- background-size: 88% 100%;/*按比例缩放*/
+ background-size: 88% 100%;
+ /*按比例缩放*/
}
-.input{
+
+.input {
width: 18px;
height: 18px;
vertical-align: middle;
@@ -385,27 +458,32 @@ div:focus {
}
// tree
-.isLookCss{
+.isLookCss {
margin-left: auto;
color: #07CDCF;
- .icongray{
+
+ .icongray {
color: #D9D0DC;
}
}
-.mat-tree-node{
+
+.mat-tree-node {
padding-right: 3px;
min-height: 30px;
height: 30px;
font-size: 12px;
cursor: pointer;
}
-.treeNode:hover{
+
+.treeNode:hover {
background-color: #ccebf8;
}
-.isLookPattern{
+
+.isLookPattern {
display: none;
}
-.treeText{
+
+.treeText {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@@ -413,49 +491,49 @@ div:focus {
width: 65px;
}
-.bigBox{
- width: 700px;
- height: 40px;
- position: absolute;
- overflow: hidden;
- right: 0;
-}
-.weatherBox{
+.weatherBox {
+ width: 600px;
height: 40px;
- width: 700px;
- line-height: 40px;
+ box-sizing: border-box;
+ padding: 0 12px;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
position: absolute;
- right: 0;
- transition: right linear .5s;
- .openbtn{
+ right: 238px;
+ top: 2px;
+ background: #fff;
+ border-radius: 3px;
+
+ .openbtn {
font-size: 45px;
height: 45px;
width: 40px;
}
- .name{
+
+ .name {
font-size: 16px;
vertical-align: middle;
margin-left: 3px;
}
- input{
- width: 140px;
- height: 22px;
+
+ input {
+ width: 145px;
+ height: 25px;
margin-left: 3px;
+ border: 1px solid black;
+ background: none;
}
- select{
- width: 96px;
+
+ select {
+ width: 85px;
height: 25px;
margin-left: 3px;
vertical-align: middle;
}
}
-.open{
- right: 0px;
-}
-.close{
- right:-622px;
-}
-.bottomCss{
+
+.bottomCss {
position: absolute;
left: 232px;
right: 0px;
@@ -465,7 +543,8 @@ div:focus {
z-index: 111;
background-color: white;
border: 1px solid #464646;
- .dragDiv{
+
+ .dragDiv {
width: 100%;
height: 3px;
position: absolute;
@@ -473,10 +552,12 @@ div:focus {
z-index: 111;
cursor: n-resize;
}
- .title{
+
+ .title {
height: 35px;
background-color: #464646;
- div{
+
+ div {
background-color: #464646;
float: left;
width: 80px;
@@ -485,14 +566,16 @@ div:focus {
padding-left: 5px;
cursor: pointer;
}
- .detailsAndattentBtn{
+
+ .detailsAndattentBtn {
background-color: #595959;
}
}
- .body{
- textarea{
+
+ .body {
+ textarea {
width: 100%;
border-radius: 0px;
- }
+ }
}
-}
\ No newline at end of file
+}
diff --git a/src/app/ui/collection-tools-read/collection-tools.component.ts b/src/app/ui/collection-tools-read/collection-tools.component.ts
index c076536..1b82bb1 100644
--- a/src/app/ui/collection-tools-read/collection-tools.component.ts
+++ b/src/app/ui/collection-tools-read/collection-tools.component.ts
@@ -229,6 +229,12 @@ export class CollectionToolsReadComponent implements OnInit {
planData: any //当前考题题目
Facilities: any //当前预案考题所有楼层要考的基本信息素材
//获得单位预案设定
+ weatherData = {
+ weather: null,
+ airTemperature: null,
+ windScale: null,
+ windDirection: null
+ }
async getPaperPlanData() {
let params = {
paperId: this.paperId
@@ -244,6 +250,7 @@ export class CollectionToolsReadComponent implements OnInit {
this.handleHybridTree(questions, '题目')
this.Facilities = JSON.parse(this.planData.examFacilityAssetsData)
console.log('当前预案设定需要隐藏的基本信息图标', this.Facilities)
+ this.weatherData = JSON.parse(this.planData.weather)
resolve(1)
})
})
diff --git a/src/app/ui/collection-tools/collection-tools.component.html b/src/app/ui/collection-tools/collection-tools.component.html
index 752035c..d82aacb 100644
--- a/src/app/ui/collection-tools/collection-tools.component.html
+++ b/src/app/ui/collection-tools/collection-tools.component.html
@@ -22,6 +22,41 @@
+
+
+
+
+
天气
+
+
气温
+
+
+ ℃
+
+
风力
+
+
风向
+
+
+