From 802ecfc1361a15e85b799eed4c487b112b55f0af Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Fri, 13 Jun 2025 00:27:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A5=BF=E7=94=B5=E5=A4=A7?=
=?UTF-8?q?=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
yanzhu-bigscreen/public/bimImages/4.png | Bin 0 -> 627 bytes
yanzhu-bigscreen/public/bimImages/5.png | Bin 0 -> 1000 bytes
.../public/bimImages/arrow_left_open.png | Bin 0 -> 1933 bytes
.../public/bimImages/arrow_left_retract.png | Bin 0 -> 2001 bytes
.../public/bimImages/arrow_right_open.png | Bin 0 -> 1989 bytes
.../public/bimImages/arrow_right_retract.png | Bin 0 -> 1957 bytes
yanzhu-bigscreen/src/components/header.vue | 282 +++++++++++++++---
yanzhu-bigscreen/src/views/bimManage.vue | 243 ++++++++++-----
8 files changed, 420 insertions(+), 105 deletions(-)
create mode 100644 yanzhu-bigscreen/public/bimImages/4.png
create mode 100644 yanzhu-bigscreen/public/bimImages/5.png
create mode 100644 yanzhu-bigscreen/public/bimImages/arrow_left_open.png
create mode 100644 yanzhu-bigscreen/public/bimImages/arrow_left_retract.png
create mode 100644 yanzhu-bigscreen/public/bimImages/arrow_right_open.png
create mode 100644 yanzhu-bigscreen/public/bimImages/arrow_right_retract.png
diff --git a/yanzhu-bigscreen/public/bimImages/4.png b/yanzhu-bigscreen/public/bimImages/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..da30b9440d93936c4d83027065a7c25424e88872
GIT binary patch
literal 627
zcmV-(0*w8MP)<h;3K|Lk000e1NJLTq000mG002-31^@s65UceK00001b5ch_0olnc
ze*gdg1ZP1_K>z@;j|==^1poj5AY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF*
zm;eA5aGbhPJOBUy24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007
zbV*G`2k8b34<9(z4O`Cu00Fm2L_t(o!|jy4N&`_4g}=N0fT&L(7|})&`=k)mE~1sb
zfYz~3Cu(P-7DfacUqG=DECi7>+KUQ;7+=8%5>1ZHEL<dRibRZA2QJLa*_k_c=IlU(
zNIH>p67@|t(Nb-IH%#!+Y=YXaS5W=?6;uKJKOy!!Xpah9%q!@Sg%bBCw8utrzn*~q
z1hG$0>x?HT=2K|cgW#ukVy!Kh*wju`D~Qx|1+~9D1+_nsI#DDgC2dK%lk{fi)_lot
z_kpBdNxMK1=mpk*89VFdD@xjz)ECCNFc>(sgd0Hln*s-bRnupkbCs}yZJ-OtM+9S7
z-t;X1Cn*J70t>*afy2NGkT&}o*ae==?gx&5X(wqL=mQQ6OaO<#;FsH9fF+=0_A>Au
z09mUblw6%)%$M`*B9IM$QQ*k~(h)t#czOvK4Vs`#4^Rn!M_|MQt|Nl3Jbef#1;80F
z<pF!vFzPgM&$B0ib0=v6xBwQtF(#~G8SmzTH-T`BGa(ZTz_^h_4c_j6P2k=+mun4`
zopTjn4!8r3jU;2Xv3g8jHtYeIx0t%Wb4t>Vq<cvfNo7el=9~EX{U?RE;AGF1u)+WU
N002ovPDHLkV1gaD^<Dq~
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/public/bimImages/5.png b/yanzhu-bigscreen/public/bimImages/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..7073fa73ebd80f66d730829353ae58f1f2f728d0
GIT binary patch
literal 1000
zcmV<E0~h>>P)<h;3K|Lk000e1NJLTq000mG002-31^@s65UceK00001b5ch_0olnc
ze*gdg1ZP1_K>z@;j|==^1poj5AY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF*
zm;eA5aGbhPJOBUy24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007
zbV*G`2k8b34=Fpw7@Gh900S&ZL_t(o!_`<#XcIvc{@&Z&w43(QLYr1WOi7HGxY8d2
zB8sTDBBecf@+4k+D4wJe?bU+43SN4#r&jPN=BN-_B(bFiZ9%B1L1_?7lV*2kJhY8s
z+iY<PTjx46Z@=$*?|VBlK!dS4IQV^YaPWJhHF~2-Xqte>XdHk@ss&I+04N4vc2xsN
z-w`OM(e*a~ZBvjc2%KXeqK6-jI|XLP=R#6O04P&%0FaM%CbA)=p9oY%Bxc*^o_GXx
zU>`*x!PkD^KuV#4pa!DG-#7#XS0#-$h}cIF0b4x_|2YC>FDO$u0yiq2P>ukBvWSXy
z-Zqm`At_RjQn{tMUPpfRKv44vaF{G8U3pwp5o=yF4|8Wy5K-4{uT**?Fbu^k_<KG$
zgoyrA*kktU#KcXxx|$OCd_t_R2LOP(ySF$NTcVzxRP*@w%Y6fEO-{CoZ1#;iKcCPB
z1{Nt4O2agl005OrTo#Mh-1+$g_w_Any}g&4#>O`40k$S5TitZ}vlN1~{{9pUV`KmR
zWVgEu3n>85Z`?T5G&c5=0YGH4Z>12VC6l8EZUz9u*wB*6(VabS0D!6!6GP6-%$z<l
zG74QUZ9krDCfr=^uKe_=4FD(-DQTAV6v5!)wzN*0Gduf4zjbRwyMOxhbL#9YQAfwC
zoz0drH+N62t(mZGz_uZaMN_V<T;fP%1%^=sbCsH#&)~<8D=hN)ICpoacTu{z+#Oji
z@5zoVm&wiL?$p%}h0-FQkFzKg0x->7ec=x5earIW$KP|o;G!rL0*rqhLNt+KNahnK
zYN%AKI<!cnbYSy{Mt{#$t1$|NYRs|Nl2~8AR&Rrr^^96t_H<HeX_1;`J*!hK7O!$N
zy37;~KN9cWorUAH?QqNL!^4l+vPv*bz%;>@RnmutA0rsd?xxXQScp?N{Ez^ka{Kms
z@$K75Etwqke7O;V+)QSQJ379Y)6?e}0Qka%i^MG5OlAtU-G1<|)^2w*nW^19jm^~6
z^%|!69sr|KiOa8FuODcpzwA6DS65Tw!-sRCPzX>U01Ab+I2v81aQI>Kg9k7ET>lGf
W5@tjl-dETF0000<MNUMnLSTYCk*`hw
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/public/bimImages/arrow_left_open.png b/yanzhu-bigscreen/public/bimImages/arrow_left_open.png
new file mode 100644
index 0000000000000000000000000000000000000000..510ff821b4f17e783841391eca98fc89e2588df6
GIT binary patch
literal 1933
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
TI%s$000000NkvXXu0mjf%r3#g
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/public/bimImages/arrow_left_retract.png b/yanzhu-bigscreen/public/bimImages/arrow_left_retract.png
new file mode 100644
index 0000000000000000000000000000000000000000..62835fe2fa24de2cface42e8d2e1ba22be107a5c
GIT binary patch
literal 2001
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
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/public/bimImages/arrow_right_open.png b/yanzhu-bigscreen/public/bimImages/arrow_right_open.png
new file mode 100644
index 0000000000000000000000000000000000000000..e786809dd3bd84b3164581700c278a2292361f2c
GIT binary patch
literal 1989
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
XkO=FLmf*Tn00000NkvXXu0mjf(~8bK
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/public/bimImages/arrow_right_retract.png b/yanzhu-bigscreen/public/bimImages/arrow_right_retract.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2cca0f72a09ba8f40b83e625afed92904935938
GIT binary patch
literal 1957
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
literal 0
HcmV?d00001
diff --git a/yanzhu-bigscreen/src/components/header.vue b/yanzhu-bigscreen/src/components/header.vue
index 9a7729de..eaf1f14c 100644
--- a/yanzhu-bigscreen/src/components/header.vue
+++ b/yanzhu-bigscreen/src/components/header.vue
@@ -3,55 +3,175 @@
<el-row>
<el-col :span="8" style="margin-left: 20px; width: calc(33.33% - 20px)">
<div class="head-title-tab">
- <div :class="nav == 1 ? 'head-nav active' : 'head-nav'" @click="doNav(1)" v-if="1 == 2">项目概况</div>
- <div :class="nav == 2 ? 'head-nav active' : 'head-nav'" @click="doNav(2)" v-if="1 == 2">项目详情</div>
- <div :class="nav == 7 ? 'head-nav active' : 'head-nav'" @click="doNav(7)" v-if="1 == 2">劳务管理</div>
+ <div
+ :class="nav == 1 ? 'head-nav active' : 'head-nav'"
+ @click="doNav(1)"
+ v-if="1 == 2"
+ >
+ 项目概况
+ </div>
+ <div
+ :class="nav == 2 ? 'head-nav active' : 'head-nav'"
+ @click="doNav(2)"
+ v-if="1 == 2"
+ >
+ 项目详情
+ </div>
+ <div
+ :class="nav == 7 ? 'head-nav active' : 'head-nav'"
+ @click="doNav(7)"
+ v-if="1 == 2"
+ >
+ 劳务管理
+ </div>
- <div :class="(nav >= 100 && nav < 200) || nav == 1 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
+ <div
+ :class="
+ (nav >= 100 && nav < 200) || nav == 1
+ ? 'head-nav active'
+ : 'head-nav'
+ "
+ style="position: relative"
+ class="has-submenu"
+ >
<div>项目概况</div>
<div class="header-btn-list">
<div class="header-btn-list-arrow"></div>
<div class="header-btn-list-item" style>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
- <button type="button" :class="nav == 101 ? 'active' : ''" class="sub-btn" @click="doNav(101)">项目详情</button>
- <button type="button" :class="nav == 102 ? 'active' : ''" class="sub-btn" @click="doNav(102)">劳务管理</button>
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
+ <button
+ type="button"
+ :class="nav == 101 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(101)"
+ >
+ 项目详情
+ </button>
+ <button
+ type="button"
+ :class="nav == 102 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(102)"
+ >
+ 劳务管理
+ </button>
</div>
</div>
</div>
</div>
- <div :class="(nav >= 300 && nav < 400) || nav == 3 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
+ <div
+ :class="
+ (nav >= 300 && nav < 400) || nav == 3
+ ? 'head-nav active'
+ : 'head-nav'
+ "
+ style="position: relative"
+ class="has-submenu"
+ >
<div>安全管理</div>
<div class="header-btn-list">
<div class="header-btn-list-arrow"></div>
<div class="header-btn-list-item" style>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
- <button type="button" :class="nav == 301 ? 'active' : ''" class="sub-btn" @click="doNav(301)">安全隐患排查</button>
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
+ <button
+ type="button"
+ :class="nav == 301 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(301)"
+ >
+ 安全隐患排查
+ </button>
<!-- <button type="button" :class="nav == 302 ? 'active' : ''" class="sub-btn" @click="doNav(302)">教育培训</button> -->
- <button type="button" :class="nav == 303 ? 'active' : ''" class="sub-btn" @click="doNav(303)">基坑监测</button>
- <button type="button" :class="nav == 304 ? 'active' : ''" class="sub-btn" @click="doNav(304)">塔机监测</button>
+ <button
+ type="button"
+ :class="nav == 303 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(303)"
+ >
+ 基坑监测
+ </button>
+ <button
+ type="button"
+ :class="nav == 304 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(304)"
+ >
+ 塔机监测
+ </button>
</div>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
<!-- <button type="button" :class="nav == 305 ? 'active' : ''" class="sub-btn" @click="doNav(305)">高支模监测</button> -->
- <button type="button" :class="nav == 306 ? 'active' : ''" class="sub-btn" @click="doNav(306)">配电箱监测</button>
+ <button
+ type="button"
+ :class="nav == 306 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(306)"
+ >
+ 配电箱监测
+ </button>
<!-- <button type="button" :class="nav == 307 ? 'active' : ''" class="sub-btn" @click="doNav(307)">爬架监测</button>
<button type="button" :class="nav == 308 ? 'active' : ''" class="sub-btn" @click="doNav(308)">升降机监测</button>-->
</div>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
- <button type="button" :class="nav == 309 ? 'active' : ''" class="sub-btn" @click="doNav(309)">视频监控</button>
- <button type="button" :class="nav == 310 ? 'active' : ''" class="sub-btn" @click="doNav(310)">AI预警</button>
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
+ <button
+ type="button"
+ :class="nav == 309 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(309)"
+ >
+ 视频监控
+ </button>
+ <button
+ type="button"
+ :class="nav == 310 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(310)"
+ >
+ AI预警
+ </button>
<!-- <button type="button" :class="nav == 311 ? 'active' : ''" class="sub-btn" @click="doNav(311)">标准化管理</button> -->
</div>
</div>
</div>
</div>
- <div :class="(nav >= 400 && nav < 500) || nav == 4 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
+ <div
+ :class="
+ (nav >= 400 && nav < 500) || nav == 4
+ ? 'head-nav active'
+ : 'head-nav'
+ "
+ style="position: relative"
+ class="has-submenu"
+ >
<div>质量管理</div>
<div class="header-btn-list">
<div class="header-btn-list-arrow"></div>
<div class="header-btn-list-item" style>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
- <button type="button" :class="nav == 401 ? 'active' : ''" class="sub-btn" @click="doNav(401)">质量隐患排查</button>
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
+ <button
+ type="button"
+ :class="nav == 401 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(401)"
+ >
+ 质量隐患排查
+ </button>
<!--
<button type="button" :class="nav == 402 ? 'active' : ''" class="sub-btn" @click="doNav(402)">材料取样复试</button>
<button type="button" :class="nav == 403 ? 'active' : ''" class="sub-btn" @click="doNav(403)">举牌验收</button>
@@ -66,14 +186,39 @@
</div>
</div>
</div>
- <div :class="(nav >= 500 && nav < 600) || nav == 5 ? 'head-nav active' : 'head-nav'" style="position: relative" class="has-submenu">
+ <div
+ :class="
+ (nav >= 500 && nav < 600) || nav == 5
+ ? 'head-nav active'
+ : 'head-nav'
+ "
+ style="position: relative"
+ class="has-submenu"
+ >
<div>进度管理</div>
<div class="header-btn-list">
<div class="header-btn-list-arrow"></div>
<div class="header-btn-list-item" style>
- <div class="header-btn-list-padding menu-row1" style="text-align: left">
- <button type="button" :class="nav == 502 ? 'active' : ''" class="sub-btn" @click="doNav(502)">进度管理</button>
- <button type="button" :class="nav == 501 ? 'active' : ''" class="sub-btn" @click="doNav(501)">延时摄影</button>
+ <div
+ class="header-btn-list-padding menu-row1"
+ style="text-align: left"
+ >
+ <button
+ type="button"
+ :class="nav == 502 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(502)"
+ >
+ 进度管理
+ </button>
+ <button
+ type="button"
+ :class="nav == 501 ? 'active' : ''"
+ class="sub-btn"
+ @click="doNav(501)"
+ >
+ 延时摄影
+ </button>
</div>
</div>
</div>
@@ -81,34 +226,96 @@
</div>
</el-col>
<el-col :span="8" class="header-center">
- <img class="prj-logo" :src="selProject.setting.orgLogo" v-if="selProject && selProject.setting && selProject.setting.orgLogo" />
- <span class="sp-title">{{ selProject?.setting?.orgName || selProject?.projectName || "数字建安施工管理平台" }}</span>
+ <img
+ class="prj-logo"
+ :src="selProject.setting.orgLogo"
+ v-if="selProject && selProject.setting && selProject.setting.orgLogo"
+ />
+ <span class="sp-title">{{
+ selProject?.setting?.orgName ||
+ selProject?.projectName ||
+ "数字建安施工管理平台"
+ }}</span>
</el-col>
<el-col :span="8">
<div class="head-title-tab" style="display: inline-flex">
- <div :class="nav == 6 ? 'head-nav active' : 'head-nav'" @click="doNav(6)">绿碳中心</div>
- <div :class="nav == 7 ? 'head-nav active' : 'head-nav'" @click="doNav(7)">BIM应用</div>
+ <div
+ :class="nav == 6 ? 'head-nav active' : 'head-nav'"
+ @click="doNav(6)"
+ >
+ 绿碳中心
+ </div>
+ <div
+ :class="nav == 7 ? 'head-nav active' : 'head-nav'"
+ @click="doNav(7)"
+ >
+ BIM应用
+ </div>
</div>
- <div class="header-title-user-info" style="display: inline-block; float: right">
- <el-select v-model="selProjectId" popper-class="header-sel-project-pop" @change="doProjectSelect">
- <el-option v-for="it in projects" :key="it.id" :label="it.projectName" :value="it.id"></el-option>
+ <div
+ class="header-title-user-info"
+ style="display: inline-block; float: right"
+ >
+ <el-select
+ v-model="selProjectId"
+ popper-class="header-sel-project-pop"
+ @change="doProjectSelect"
+ >
+ <el-option
+ v-for="it in projects"
+ :key="it.id"
+ :label="it.projectName"
+ :value="it.id"
+ ></el-option>
</el-select>
<span class="command" @click="doLogout">
{{ nickName }}
<i class="el-icon-switch-button"></i>
</span>
</div>
- <i class="set-fullscreen set-font-size" style="margin-left: 16px; position: absolute; top: 0px; right: 24px" @click="toggleFullScreen">
- <svg class="icon" v-if="!isFullScreen" style="width: 20px; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304">
+ <i
+ class="set-fullscreen set-font-size"
+ style="margin-left: 16px; position: absolute; top: 0px; right: 24px"
+ @click="toggleFullScreen"
+ >
+ <svg
+ class="icon"
+ v-if="!isFullScreen"
+ style="
+ width: 20px;
+ vertical-align: middle;
+ fill: currentColor;
+ overflow: hidden;
+ "
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="3304"
+ >
<path
d="M145.066667 85.333333h153.6c25.6 0 42.666667-17.066667 42.666666-42.666666S324.266667 0 298.666667 0H34.133333C25.6 0 17.066667 8.533333 8.533333 17.066667 0 25.6 0 34.133333 0 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666666s42.666667-17.066667 42.666666-42.666666V145.066667l230.4 230.4c17.066667 17.066667 42.666667 17.066667 59.733334 0 17.066667-17.066667 17.066667-42.666667 0-59.733334L145.066667 85.333333z m170.666666 563.2L162.133333 802.133333l-76.8 76.8V725.333333C85.333333 699.733333 68.266667 682.666667 42.666667 682.666667s-42.666667 17.066667-42.666667 42.666666v256c0 25.6 17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666H145.066667l76.8-76.8 153.6-153.6c17.066667-17.066667 17.066667-42.666667 0-59.733334-17.066667-17.066667-42.666667-17.066667-59.733334 0z m665.6 34.133334c-25.6 0-42.666667 17.066667-42.666666 42.666666v153.6l-76.8-76.8-153.6-153.6c-17.066667-17.066667-42.666667-17.066667-59.733334 0-17.066667 17.066667-17.066667 42.666667 0 59.733334l153.6 153.6 76.8 76.8H725.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666666z m0-682.666667h-256c-25.6 0-42.666667 17.066667-42.666666 42.666667s17.066667 42.666667 42.666666 42.666666h153.6l-76.8 76.8-153.6 153.6c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733334 0l153.6-153.6 76.8-76.8v153.6c0 25.6 17.066667 42.666667 42.666666 42.666666s42.666667-17.066667 42.666667-42.666666v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z"
fill
- p-id="3305" />
+ p-id="3305"
+ />
</svg>
- <svg class="icon" v-else style="width: 24px; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3952">
+ <svg
+ class="icon"
+ v-else
+ style="
+ width: 24px;
+ vertical-align: middle;
+ fill: currentColor;
+ overflow: hidden;
+ "
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="3952"
+ >
<path
d="M384 597.333333h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h153.6L17.066667 947.2c-17.066667 17.066667-17.066667 42.666667 0 59.733333 17.066667 17.066667 42.666667 17.066667 59.733333 0L341.333333 742.4v153.6c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z m358.4 85.333334h153.6c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667V742.4l264.533333 264.533333c17.066667 17.066667 42.666667 17.066667 59.733333 0 17.066667-17.066667 17.066667-42.666667 0-59.733333L742.4 682.666667zM640 426.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667H742.4L1006.933333 76.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L682.666667 281.6V128c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667z m-256-341.333334c-25.6 0-42.666667 17.066667-42.666667 42.666667v153.6L76.8 8.533333C59.733333 0 25.6 0 8.533333 8.533333 0 25.6 0 59.733333 8.533333 76.8L281.6 341.333333H128c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z"
- p-id="3953" />
+ p-id="3953"
+ />
</svg>
</i>
</el-col>
@@ -226,7 +433,7 @@ export default {
case 6:
this.$router.push("/greenCarbon");
break;
- case 7:
+ case 7:
this.$router.push("/bimManage");
break;
case 102:
@@ -269,7 +476,6 @@ export default {
position: relative;
top: -5px;
width: 200px;
- width: 250px;
right: 10px;
}
}
diff --git a/yanzhu-bigscreen/src/views/bimManage.vue b/yanzhu-bigscreen/src/views/bimManage.vue
index 734a3923..7df77d5a 100644
--- a/yanzhu-bigscreen/src/views/bimManage.vue
+++ b/yanzhu-bigscreen/src/views/bimManage.vue
@@ -3,43 +3,65 @@
<div id="bimManage" :key="elId">
<div id="bimManageContainer" class="bimManageContainer"></div>
</div>
- <div class="div-left data-content">
- <div class="div-row">
- <div class="row-title">
- <svg-icon icon-class="signal"></svg-icon>
- 项目概况
+ <div class="div-left" :class="{ isShow: leftShow, isHide: !leftShow }">
+ <transition name="left">
+ <div class="data-content" v-show="leftShow">
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon>
+ 项目概况
+ </div>
+ </div>
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon>
+ 成本产值
+ </div>
+ </div>
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon> 人员
+ </div>
+ </div>
</div>
- </div>
- <div class="div-row">
- <div class="row-title">
- <svg-icon icon-class="signal"></svg-icon>
- 成本产值
- </div>
- </div>
- <div class="div-row">
- <div class="row-title"><svg-icon icon-class="signal"></svg-icon> 人员</div>
- </div>
+ </transition>
+ <img
+ :src="leftSrc"
+ class="toSafety-fixed-left-img"
+ @click="arrowRetract"
+ id="arrowLeft"
+ />
</div>
- <div class="div-right data-content">
- <div class="div-row">
- <div class="row-title">
- <svg-icon icon-class="signal"></svg-icon>
- 工程进度
+ <div class="div-right" :class="{ isShow: leftShow, isHide: !leftShow }">
+ <transition name="right">
+ <div class="data-content" v-show="leftShow">
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon>
+ 工程进度
+ </div>
+ </div>
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon>
+ 安全检查
+ </div>
+ </div>
+ <div class="div-row">
+ <div class="row-title">
+ <svg-icon icon-class="signal"></svg-icon> 项目全景
+ </div>
+ </div>
</div>
- </div>
- <div class="div-row">
- <div class="row-title">
- <svg-icon icon-class="signal"></svg-icon>
- 安全检查
- </div>
- </div>
- <div class="div-row">
- <div class="row-title">
- <svg-icon icon-class="signal"></svg-icon>
- 项目全景
- </div>
- </div>
+ </transition>
+ <img
+ :src="rightSrc"
+ class="toSafety-fixed-right-img"
+ @click="arrowRetract"
+ id="arrowRight"
+ />
</div>
+
<div class="div-tools">
<div class="tool-item" @click="resetScene">
<div class="icon">
@@ -48,25 +70,41 @@
<span class="sp-text">默认视点</span>
</div>
- <div class="tool-item" @click="changeDevicType(1)" :class="{ 'is-active': devicTypes.includes(1) }">
+ <div
+ class="tool-item"
+ @click="changeDevicType(1)"
+ :class="{ 'is-active': devicTypes.includes(1) }"
+ >
<div class="icon">
<svg-icon icon-class="videoMonitor" />
</div>
<span class="sp-text">视频监控</span>
</div>
- <div class="tool-item" @click="changeDevicType(2)" :class="{ 'is-active': devicTypes.includes(2) }">
+ <div
+ class="tool-item"
+ @click="changeDevicType(2)"
+ :class="{ 'is-active': devicTypes.includes(2) }"
+ >
<div class="icon">
<svg-icon icon-class="pitMonitor" />
</div>
<span class="sp-text">基坑监控</span>
</div>
- <div class="tool-item" @click="changeDevicType(3)" :class="{ 'is-active': devicTypes.includes(3) }">
+ <div
+ class="tool-item"
+ @click="changeDevicType(3)"
+ :class="{ 'is-active': devicTypes.includes(3) }"
+ >
<div class="icon">
<svg-icon icon-class="towerMonitor" />
</div>
<span class="sp-text">塔机监控</span>
</div>
- <div class="tool-item" @click="changeDevicType(4)" :class="{ 'is-active': devicTypes.includes(4) }">
+ <div
+ class="tool-item"
+ @click="changeDevicType(4)"
+ :class="{ 'is-active': devicTypes.includes(4) }"
+ >
<div class="icon">
<svg-icon icon-class="power" />
</div>
@@ -77,7 +115,9 @@
<div class="tag-box">
<img :src="'bimImages/3.png'" alt="" />
<img class="tag-img" :src="'bimImages/videoMonitor.png'" style="" />
- <span class="tag-txt" style="color: #ffffff; font-size: 14px"> aaa</span>
+ <span class="tag-txt" style="color: #ffffff; font-size: 14px">
+ aaa</span
+ >
</div>
</div>
</div>
@@ -85,7 +125,7 @@
<script>
const css = `<style>
- .tag-box {
+ .tag-box {
position: relative;
}
.tag-img{
@@ -93,7 +133,7 @@ const css = `<style>
height: 20px;
position: absolute;
left:50%;
- bottom:18px;
+ bottom:33px;
margin-left:-10px;
}
.tag-txt {
@@ -105,17 +145,41 @@ const css = `<style>
color: #ffffff;
display: flex;
}
+ .tag-bg-img{
+ margin-bottom:13px;
+ }
.box-type-1 .tag-bg-img{
position: absolute;
- bottom:0;
+ bottom:0px;
left:50%;
margin-left:-11px;
}
+
.box-type-1{
height:60px;
width:60px;
}
.box-type-1 .tag-txt{display:none;}
+ .loading {
+ width: 50px;
+ height: 50px;
+ border-radius: 100%;
+ background-color: #000;
+
+ animation: ball-scale infinite linear 0.75s;
+}
+
+@keyframes ball-scale {
+ 0% {
+ transform: scale(0.1);
+ opacity: 1;
+ }
+ 100% {
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+
</style>`;
import debounce from "lodash.debounce";
export default {
@@ -132,6 +196,9 @@ export default {
videoData: [],
towerData: [],
iotData: [],
+ leftSrc: "./bimImages/arrow_left_retract.png",
+ rightSrc: "./bimImages/arrow_right_retract.png",
+ leftShow: true,
};
},
beforeDestroy() {
@@ -149,6 +216,8 @@ export default {
"projectChange",
debounce((prj) => {
this.selProject = prj;
+ this.elId++;
+ this.initEngine();
})
);
this.selProject = this.$store.getters.selProject;
@@ -157,6 +226,22 @@ export default {
this.initEngine();
},
methods: {
+ arrowRetract() {
+ if (this.leftShow == true) {
+ this.rightSrc = "./images/arrow_right_open.png";
+ this.leftSrc = "./images/arrow_left_open.png";
+ $("#arrowLeft").animate({ left: 10 + "px" }, 300);
+ $("#arrowRight").animate({ right: 10 + "px" }, 300);
+ } else {
+ this.rightSrc = "./images/arrow_right_retract.png";
+ this.leftSrc = "./images/arrow_left_retract.png";
+
+ $("#arrowLeft").animate({ left: 490 + "px" }, 300);
+ $("#arrowRight").animate({ right: 490 + "px" }, 300);
+ }
+ this.leftShow = !this.leftShow;
+ },
+
loadDevicePosition() {
this.$api.bim
.devicePositionGet({
@@ -168,11 +253,14 @@ export default {
.map((item) => {
item.show = item.enabled != 0;
item.position = this.$tryToJson(item.position, []);
- item.elId = (item.deviceId ? item.deviceId : cnt++) + "-" + item.deviceType;
+ item.elId =
+ (item.deviceId ? item.deviceId : cnt++) + "-" + item.deviceType;
return item;
})
.filter((item) => item.position.length == 3);
- this.showDevices = this.devices.filter((item) => this.devicTypes.includes(item.deviceType));
+ this.showDevices = this.devices.filter((item) =>
+ this.devicTypes.includes(item.deviceType)
+ );
this.clearLabels();
this.addDeviceLabel();
setTimeout(() => {
@@ -181,25 +269,20 @@ export default {
});
},
changeDevicType(n) {
- let devs = this.devices.filter((d) => d.devicType == n);
if (this.devicTypes.includes(n)) {
let idx = this.devicTypes.indexOf(n);
this.devicTypes.splice(idx, 1);
- devs.forEach(item=>{
- bimMgrApi.Label.removeBalloon({id:item.elId});
- });
} else {
this.devicTypes.push(n);
- devs.forEach(item=>{
- this.AddLable(item)
- });
}
- this.showDevices = this.devices.filter((item) => this.devicTypes.includes(item.deviceType));
- // this.clearLabels();
- // this.addDeviceLabel();
- // setTimeout(() => {
- // this.loadDeviceData();
- // }, 100);
+ this.showDevices = this.devices.filter((item) =>
+ this.devicTypes.includes(item.deviceType)
+ );
+ this.clearLabels();
+ this.addDeviceLabel();
+ setTimeout(() => {
+ this.loadDeviceData();
+ }, 100);
},
AddLable: function (item) {
let bg = "2.png";
@@ -218,9 +301,10 @@ export default {
let html =
css +
`
- <div class='tag-box box-type-${item.deviceType}' title='${item.name}'>
+ <div class='tag-box box-type-${item.deviceType}'>
<img src='bimImages/${bg}' alt='' class="tag-bg-img">
<img src='bimImages/${img}.png' class="tag-img">
+ <div class='loading'></div>
<span class='tag-txt' style='color:#ffffff;font-size:14px'>
${item.name} - 数据加载中。。。
</span>
@@ -451,20 +535,45 @@ export default {
height: 100%;
}
}
- .data-content {
+ .div-left {
+ top: 10vh;
+ left: 5%;
position: absolute;
height: 70vh;
width: 20%;
+ &.isHide {
+ left: 0%;
+ wdith: 0%;
+ #arrowLeft {
+ left: 0px !important;
+ }
+ }
+ #arrowLeft {
+ top: calc(50% - 50px);
+ right: -21px;
+ left: unset !important;
+ }
+ }
+ .div-right {
+ top: 10vh;
+ right: 5%;
+ position: absolute;
+ height: 70vh;
+ width: 20%;
+ &.isHide {
+ right: 0%;
+ width: 0%;
+ }
+ #arrowRight {
+ top: calc(50% - 50px);
+ left: -21px;
+ }
+ }
+
+ .data-content {
border: solid 1px #75fbfdaa;
background-color: #06445b81;
- &.div-left {
- top: 10vh;
- left: 5%;
- }
- &.div-right {
- top: 10vh;
- right: 5%;
- }
+ height: 100%;
.div-row {
height: 33%;
.row-title {
@@ -480,7 +589,7 @@ export default {
}
.div-tools {
position: absolute;
- bottom: 20vh;
+ bottom: 25vh;
left: 50%;
margin-left: -200px;
display: flex;