-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
+ 
+ 
+ 
+ 
+ 
+
+
+
+
-
-
-
- ![]()
-
{{item.getIconName()}}
+
+
+
+
+
-
-
-
-
+
+
-
+
+
+
+
+
+
+
+
+
-
- Px;Ur9tkR9Hv7nR#$i*A>RU`<`}Lk}b}~DsX3P)*BqWd!0x1bwD9gaKbV3LY
z1R4w^#cTx{!I&WfOs6oVHESpxl7=M=5GaHKHnxc^+ZgYbZSB&N-g_O%c#&;M
zW=ZeN(;w0~-}$|B-o5wSCxWLOiF^4(n!;p{xoQ*lhodd}s1
zAPkSW#0hY^WF9Gdno#6Po%GrKGR|pE<5`c|mU~WUe{fmMJIr7$_3&8geR2YY7PLYO
zB2hrzca%#uaGaaaw2_i1GY#`e=99$iHelkerWKS-vC(*T2jeQfE@f(qo+J)L(Y+zj
zzv9rmyG+PBt*c9yhHvkVKuAFSK7Jr)Z9HWwIIn3qo1p~9c1Jg`4K0Lv{2$D+K5x`P
zrI}QgO7epV1_g}Is7nR!*;=*#12yL`JsVgDZ%P)9*wjN!;Q3F>md6|jBpwj3*Vc-)
zY@H#k?${djb0zB_7BypYBdw0xS-vuUQ&(}i1oXnWAKqQraBi36mxOE4R==~%C3#`^
zsQGVt21N2S^)>415`atUc
z6|My~=EJX>pwzt9e&YB6CT2DnYL6__aZXFy4H61sg&MR__*|>ay4`S@o7c^jK}l7J
znw4QFT^fD1pBO1K_Iww=dU~s$=wKg8LcK*3ghKUFgRRp&mnqhCK_Sd9^
zhB@}sjM$a+Q%=p7hT(K{pnQm?FSgr@JI}flOs~AM%L0P;KAc}
zTTUSVVLi5{j>XiG{Q~+PznqUvM=nDM7U2?t+vPSmnmSjYy?|oabh9LJ=t`21X+CDX
zeR`_9svzj|B~e5`7o)@wof_K~PDGeg1gnEVde#{jDjV=>N&*ZOM#!ZiB=yu__P8O4
zifAiJO@jqr9Q+QqN*YjHWddVu3K~xsn~bnQ@8%HQpB;D2H;xYU7$1h5051(l!ija$
zppv&G+hk+#-j;L7FR22>dwd!k5kRg`AZy-myfakSs%x^j@axZy;itUfkg)`s1Sp42
zzf1IcT$QHF2Yax##-L7Ks2?)tB0gH>XJ@v%KnTIq4d38q?$7wmn1PryasW0RzJl^v
z6YlMw2ZhwPV)({ALk%XaJ_0XnutCcspd2x$is<)xT#esniNLypI;78h72d1;`0l^u
z*l^@3&VDf!EXQNgnxn`qt;74{he00|hIN0vileJ0E7s0^Z4*gSbeApXTl}x%m9>6`bER4KM1ozN}1Ie;ma|7UKrR;N*|RSohlzNSm1A
z=T}~5!JvhQLIb{;$`E~)yV86!rw3;b-jJqGAByGEhWKajZY5@AoWuHA!|=(3W(e;y
zIb+uaIGs-9J#4^^xg+tx=-z&Q+mGGCww#+m0loXOV(8Q=qWj8u*M9%s13jkBD|&kc
zrA&lNo2MX7>%UwM{`3UAzpa`+7~=-THbdIoSa$G7oVrnlxo;<9`|OumrONBA7`5so
z%yuStg~MYY??2`a(e1Y9I7+Wi^E5mPIkQsYBXDZPub`B*bv9QDYO&>HF77R
zqF)SFOdE`NjSQ2vevd~c4;GC{z>(p*_rKnOW&@YlkK^+T|)q&)mVK5loNQ$6*=EaR1^co@VS6IlVKq>TUA?{b%efxIn%~)(9ODu|d!9uH|(+%^=d#0E`
z35FRKkk;AM>ENF56*HHx&K(|Oc|<@+?@?4Fgo|+p?1)=^yJ;)X#5WOvG_7Qj;4kgt
zcKPZ7#D={^wLH2?vADbUmoeQTx-C3ma*o#z?pnj
zGVk-MjB4U3@%padI!%&}@$`E=b3w3^HP?p+I@~-pBcVVmBTYQ`#U%^;%Nnx8?G1br
z$HScg>(+8kOUNatJHV7A%tB~U4G1;9{e`{HB%A
z07W}#k%Z!TtTZejonEy)6JU$8KATSi;nTn)8XQM+JS!%?-G>MNco*`XQQ*BmKq%Vc
z{U9LKAlU8QzPgj;7MpHou%l?t{d_Mmi^)7Nn(%xdo*G@$MZ%4QcDOP@W2Iz
j!|6vKlZqz+Yq9+wjWobb^8ou`00000NkvXXu0mjfdvml0
literal 0
HcmV?d00001
diff --git a/src/assets/images/awningShow.png b/src/assets/images/awningShow.png
new file mode 100644
index 0000000000000000000000000000000000000000..40771ced0fb800575a6446f3d64ca7600a50cba6
GIT binary patch
literal 2355
zcmV-33C#A1P)Px-?MXyIR9Hv7n0Zu_R~p8jo0T;{KmpP@j5LTBM@7j+!U#$x<+c~zV0M&bv8hfWWUcj(w$>}`82Tol>zjaR=|k7a
zyGzGqfrQZM4KyuItY9sP9Z61&0c{R7Z>8zz?`gPxP~26Tqb+{TA4wjt#yUWY=hxDJ@^mH>g#xwhFoPK~dvCV?l=c8=pqE_Vq30nu2?tcJ>tEj=F_6QprP<1!4pC3)z
z0H$FF1m%%NcD-LH0c~Q1TRR20(Za0nIenunW(DEuu4Ql@T|N{w084gV#>;!j{U8mz
zKNYfVJ$6?_=pF3-LJ7!=lSymOtf7PIU+0_`e})Htn}u_EV#F6oM`Z@5j$>iBHv{fp
z-$T*0)BQc^OqhLqLL&H_!BPTR$F^^4&r99W@${DVKmzAQpWwmH8Tc-z4L{{qj|w2q
z#tQrWwBWuw8%5WD804wz?Axh7Jvdshh8$7MpzYC)ipHM~TS=P-1Mqyp5Fau7y)5yH
zm~@n8T^R((;97#~yP>RXgD#JBcO^vJR#128D?OEklBETE-;cnvFhSCXCipJ59ccx%
zZ#9#CE@oKcp^N1|)aPM9Bz
z+~{dYFYUsAiaXv4aG{e9eC^oq`1>O~yLnNqhrauAp_YwXG_j5qCbvCK36#`4QyakZ
zT!8(nXT#6tt=N=7Y30BdaT%z2d`qnnbDT5uTo)!0+kbTC3v&}(qz#qBW;S>A2FJhv
zFEpX7x)CkNPDs0&ZXRbrCeb+9cWDR`Ke9x~*%!#j
zypPn~A=r5S2}liI7bWMt(abypxZUU-UHt;2eF}!2-uy9xwG7q
z+MCx>GzRQGm-XEOYl!W)qWq4cbQfvMD~*HaeXt0LtIQB`t`?cuzu@ZjMTks%j^_`v
zdH~(La5%&POTM`d?-{>WYH$7by2d%^hGx*6I6sfr9_dKxEYAs&Honj}c%Gjh5vqRGbbNcw)!FRq5%BI_Z1%YQ)l9EFb_-jrNP_tcS`N8v^0%#FuCKw=6PHsc5&1f
z;@A8GqVh*-3w2*-pZW8UuyPDS&(|R{w-8r0`yeu@9Hn_V3Ynd&Ck`*S!P5O1@b;Lj
z)MngNU;FyzVDsEtSz~xxi0x_0nskW^+w!idJnB>pdG1^`~rd}d5SRJBv%|-W{JSVKf`O9qf(oBCtDLXbZ-zX
zJ5NE`dX}96kav>WD6T2qD{ZJ4)NZMA^q%F8_)sH+B{U)HF(1hr+_C9OH3ZKJdjKa)
zM$FQ22s-)zUQ_Lr+RS?oGy-H8TZ`D{PFqUXlB3Fo)hqJIK|y_FmH_AU;?hVHaDGl_$WI
zNe`*}uHIXKk
z+!t3rF;q8H=LwEDvqT50uXdp5S&7O@k;?xKnZ!gcY8|!&
zX)+3$mR>8NvtEJF7WLf_s$z$|VeJjFjibJ#5$u(VMN*2AX^;4(mCykiT|{ST(I^Vh
zf^}rjRogoO_6GCfs0a`$0u;tVE~m>W8Jj3h9}3iOrw}0o=zf8K(CDq*Zv>afq=Xw1SJ%ZA(kWM#pmRurrv#Z
Z{{tz!kxc_j8fX9j002ovPDHLkV1h*rhHL-;
literal 0
HcmV?d00001
diff --git a/src/assets/images/heightFinding.png b/src/assets/images/heightFinding.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0c0a0332cd82f65ccebdd3c73e63fa0318827df
GIT binary patch
literal 2175
zcmV-_2!QvAP)Px-IY~r8R9Hv7nR!%H*B!^d_r2L**g*tEV1`XpG$vwz~bYLC_$wK#waATTft%gnr)dAH{cf(+{*
znD+dt7$OHAl9O(WrB-t-Z!+E!
zd-#3Bi;!RX0V#hTSERp6${d=;8}+HwYVm5mbw=EB@1m3%^sqM8!qQl4GbeKO0qg1m
zB6Ed2Vw%Z0>St!cvRX#wmZe!jvijrGVZh*Rx{n!W*NxiZEu888cTQY&Nq_u6GBgY_
z<*Nqox6{N{W7E2_RUV%^VxUhzTywwrAJs}~
z8n}D^ygY^c(3`osEQ!}P$%aw(rKy>r73u0W4Do|gg_Sf3dmC}Q;i0+xo*&Q0psKj
z-+7suvQ?fTZARMxgR}G>8#LF_^%wWM_2f|+^fEqKpN6qR0G$!|^w2+WCqH}800l$t
z(-!Haiiw|=r@Cwr{%;3V=2$IN`xdjHJ)d)u5ijBR_EgLW1fDbl?`B@Y?cy&66%ec#
zehbuQ%`%as9WW@XIivYT!TOdT&O7zyO%gB`2R5z1>@dL01Iv$;6kn&M6
z2G>b*(>0694%-SUcD9t)eYHK%qO0iD5pi}$^z09C@O=foE#vTBlmrV8KStgcJ3&p&
zg9a(`3V>J4%F@!6awQR}62dk8r{?$u7e_pdnI4PXE2d-3$;VK*^H3*_z{0;(;P`&^
zph6Crv$2J9a*iM&yXnf7lB=ILT|Xst1aS1!S=hbo4WyrXgv*78G5@{!P|pp(!Xs5U
zaqv%|T#F-S`jl~vPSDGOC!~|0EPYi@2iz-o2~FmmEls25E@
zMqw4M6dbbC5pIIH@w1?w_8+0jYB0F%ptPKjf-QGL2>ba_FFrhwIASA%#%_l0UlOW~1`$eyRfy3-B#=he%$SK*N(5gI%U#b+;f3n<7Ci8JEf
z91nG@J3cDZ;c96!C`0hz?(Hr*LW0ObUe%PYkc8L(mAmOjT;<(O7HxU2<(3U5A{^O?
z!8mZ;fO|EqtKjM+#&~}*E@%v3Kzm#njxtz1#TnCsSzEz-@e%Ohf$QL#T00VLkH|a7
zDD{t6dw&Vp*FV{=X^>^c^#
z2-0DrOGtLH#YWq1UWhbM&{B;SjiI*=ADiS(Vc#u
z9o9A_MGjrf5NzT(qlHqdQ@=Z{gasJZ$Vy}krAXH-C0$x=0|IPQR_4%D5Sj{#q2PIz
zr&g(Oo&gl}=`BQr?vky;L_ip}QTRhZsz9(qxV{`+=|1;hZ-$2Np#f4WVkt0#P#R7N
zhA@QKeum&F)e?|uLU4})UvoV2A1xz~`vcY{`+rV2G)?GGv+e)@002ovPDHLkV1mn@
BAhZAg
literal 0
HcmV?d00001
diff --git a/src/assets/images/measuredArea.png b/src/assets/images/measuredArea.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c38e7bf1a998d4322520cbedd8331086ee9e123
GIT binary patch
literal 2842
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
literal 0
HcmV?d00001
diff --git a/src/assets/images/rangeFinding.png b/src/assets/images/rangeFinding.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4c79f614c03a0c65d7f3a2d8c2c0977949e6612
GIT binary patch
literal 2522
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
literal 0
HcmV?d00001
From 473179f34a9060eed960faae2ceaee7a4c2ee33d Mon Sep 17 00:00:00 2001
From: cpf <1105965053@qq.com>
Date: Fri, 5 Nov 2021 15:55:01 +0800
Subject: [PATCH 2/2] =?UTF-8?q?header=E5=8A=9F=E8=83=BD=E6=A0=8F=E5=AF=B9?=
=?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/app/pages/plan/plan.component.ts | 37 +++++++++++++++++++++++++---
1 file changed, 34 insertions(+), 3 deletions(-)
diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts
index e36af80..ee714f7 100644
--- a/src/app/pages/plan/plan.component.ts
+++ b/src/app/pages/plan/plan.component.ts
@@ -11,7 +11,7 @@ import { ToolbarWindow } from 'src/app/babylon/view/toolbar-window/toobar-window
import { BuildingStatus } from 'src/app/babylon/controller/status/building-status';
import { BuildingUIItem } from 'src/app/babylon/view/building-window/building-ui-item';
import { BuildingType } from 'src/app/babylon/model/data/institution/building/building-data';
-import { BuildingWindow } from 'src/app/babylon/view/building-window/building-window';
+import { BuildingWindow, JYZInfoMoudleType } from 'src/app/babylon/view/building-window/building-window';
import { FacilityUIItem } from 'src/app/babylon/view/facility-window/facility-ui-item';
import { FacilityWindow } from 'src/app/babylon/view/facility-window/facility-window';
import { FacilityInfoUIItem } from 'src/app/babylon/view/facilityinfoinscene-window/facilityinfo-ui-item';
@@ -93,13 +93,44 @@ export class PlanComponent implements OnInit {
modelInit(InsList) { }
allFence: string[] = ["基本信息", "加油机", "油罐设备", "消防设施", "安全疏散", "输油管线", "油气回收", "应急处置"]; //头部 功能栏
- selectFence: number = 0; //选中 头部功能栏
+ selectFence: number = -1; //选中 头部功能栏
+ isShowChildComponent: boolean = false; //是否 显示左侧子组件
isOpenAwning: boolean = true; //是否 打开罩棚
selectMeasure: number = 0; //当前选择 测量工具
//切换 头部功能栏
toggleHeaderFence(type: number) {
- this.selectFence = type
+ this.beforeOneSatus = StatusManager.getStatus(BuildingStatus);
+ let buildingWindow: BuildingWindow = this.beforeOneSatus.buildingWindow;
+ let fenceType: JYZInfoMoudleType = this.getFenceType(type)
+ if (this.selectFence != type) {
+ this.selectFence = type
+ this.isShowChildComponent = true
+ type>0 && type<7? buildingWindow.showJYZInfoModel(fenceType, true) : null
+ } else { //取消选中
+ this.selectFence = -1
+ this.isShowChildComponent = false
+ type>0 && type<7? buildingWindow.showJYZInfoModel(fenceType, false) : null
+ }
+ }
+
+ //获取 头部功能栏Type
+ getFenceType(type: number): JYZInfoMoudleType {
+ let fenceType
+ if (type === 1) {
+ fenceType = JYZInfoMoudleType.JYJ
+ } else if (type === 2) {
+ fenceType = JYZInfoMoudleType.YG
+ } else if (type === 3) {
+ fenceType = JYZInfoMoudleType.XF
+ } else if (type === 4) {
+ fenceType = JYZInfoMoudleType.TSLX
+ } else if (type === 5) {
+ fenceType = JYZInfoMoudleType.SYG
+ } else if (type === 6) {
+ fenceType = JYZInfoMoudleType.YQHSGX
+ }
+ return fenceType
}
//切换 头部罩棚
-
-
+
+
+
+
-
-
-
\ No newline at end of file
diff --git a/src/app/pages/plan/plan.component.scss b/src/app/pages/plan/plan.component.scss
index b3eca9e..11fe2a3 100644
--- a/src/app/pages/plan/plan.component.scss
+++ b/src/app/pages/plan/plan.component.scss
@@ -2,7 +2,10 @@
width: 100%;
height: 100%;
overflow: hidden;
- position: relative;
+ padding: 0px 10px 10px 10px;
+ display: flex;
+ flex-direction: column;
+ .center { flex: 1; overflow: hidden; position: relative; border: 1px solid #2399FF; box-shadow: 0px 0px 16px #2399FF; }
canvas{ width: 100%; height: 100%; border: none; outline: none; }
}
.loading{ //loading
@@ -25,6 +28,40 @@
white-space: nowrap;
}
+//头部 功能栏
+.header{
+ width: 100%;
+ height: 50px;
+ text-align: center;
+ overflow: hidden;
+ position: relative;
+ button {
+ box-sizing: border-box;
+ width: 120px;
+ height: 36px;
+ line-height: 36px;
+ color: #fff;
+ border: 1px solid #23D9FF;
+ outline: none;
+ background: linear-gradient(180deg, #000D21 0%, #002751 42%, #57A9FF 100%);
+ border-radius: 0px;
+ cursor: pointer;
+ margin: 7px 10px 0px;
+ padding: 0;
+ }
+ .selectFence { background: linear-gradient(180deg, #000D21 0%, #00404D 49%, #23D9FF 100%); } //选种样式
+ .rightFence{
+ position: absolute;
+ top: 0px;
+ right: 0px;
+ width: 200px;
+ height: 50px;
+ line-height: 50px;
+ img { cursor: pointer; box-sizing: border-box; width: 36px; height: 36px; margin-left: 10px; }
+ }
+ .selectRightTopFast { border: 1px solid #fff; } //选种样式
+}
+
//左侧建筑
.showLeftBuilding{
width: 30px;
@@ -32,7 +69,7 @@
line-height: 30px;
text-align: center;
position: absolute;
- left: 1px;
+ left: 0px;
top: 50%;
margin-top: -15px;
color: #48A5FF;
@@ -43,7 +80,7 @@
width: 230px;
height: 70%;
position: absolute;
- left: 1px;
+ left: 0px;
top: 0;
bottom: 0;
margin: auto;/*这行代码是关键*/
@@ -94,7 +131,7 @@
position: absolute;
left: 0;
right: 0;
- bottom: 1px;
+ bottom: 0px;
margin: auto;/*这行代码是关键*/
color: #fff;
background: rgba(0,17,33,0.7);
diff --git a/src/app/pages/plan/plan.component.ts b/src/app/pages/plan/plan.component.ts
index ab0d223..e36af80 100644
--- a/src/app/pages/plan/plan.component.ts
+++ b/src/app/pages/plan/plan.component.ts
@@ -92,6 +92,38 @@ export class PlanComponent implements OnInit {
//开发模式 选择单位 弹窗
modelInit(InsList) { }
+ allFence: string[] = ["基本信息", "加油机", "油罐设备", "消防设施", "安全疏散", "输油管线", "油气回收", "应急处置"]; //头部 功能栏
+ selectFence: number = 0; //选中 头部功能栏
+ isOpenAwning: boolean = true; //是否 打开罩棚
+ selectMeasure: number = 0; //当前选择 测量工具
+
+ //切换 头部功能栏
+ toggleHeaderFence(type: number) {
+ this.selectFence = type
+ }
+
+ //切换 头部罩棚
+ toggleHeaderAwning(isOpen: boolean) {
+ this.isOpenAwning = isOpen
+ }
+
+ //切换 测量工具
+ toggleMeasure(type: number) {
+ if (this.selectMeasure != type) { //切换工具
+ this.selectMeasure = type
+ if (type === 1) {
+ ToolbarWindow.instance.measureDistance()
+ } else if (type === 2) {
+ ToolbarWindow.instance.measureHeight()
+ } else {
+ ToolbarWindow.instance.measureArea()
+ }
+ } else { //关闭测量工具
+ this.selectMeasure = 0
+ ToolbarWindow.instance.endMeasure()
+ }
+ }
+
buildingUIItems: BuildingUIItem[] = []; //左侧 建筑list
beforeOneBuildingID: string = null; //选中 左侧建筑ID
modelBuilding: modelBuilding = new modelBuilding(); //创建/编辑 建筑ngModel数据
diff --git a/src/assets/images/awningHide.png b/src/assets/images/awningHide.png
new file mode 100644
index 0000000000000000000000000000000000000000..65eea6a60988eb5a2c5cdc26a2729eb16ac68477
GIT binary patch
literal 2469
zcmV;W30n4vP)
+
-
+
+
+
+ ![]()
+
+ {{item.getIconName()}}
+
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+