|
|
|
|
@ -1,125 +1,167 @@ |
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<div class="clickBox" v-if="bimModel == 1"> |
|
|
|
|
<div class="btnBox flex-center-center"> |
|
|
|
|
<div :class="[active == 1 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(1, 0)">1# |
|
|
|
|
<div v-if="sbType != '水' && sbType != '电子围界'"> |
|
|
|
|
<div class="clickBox" v-if="bimModel == 1"> |
|
|
|
|
<div class="btnBox flex-center-center"> |
|
|
|
|
<div :class="[active == 1 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(1, 0)">1# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 2 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(2, 1)">2# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 3 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(3, 2)">3# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 4 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(4, 3)">4# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 5 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(5, 4)">5# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 6 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(6, 5)">6# |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 7 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(7, 0, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 8 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(8, 1, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 9 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(9, 2, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 10 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(10, 3, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 11 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(11, 4, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 12 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(12, 5, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 13 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(13, 0, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 14 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(14, 1, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 15 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(15, 2, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 16 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(16, 3, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 17 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(17, 4, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 18 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(18, 5, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 19 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(19, 0, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 20 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(20, 1, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 21 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(21, 2, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 22 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(22, 3, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 23 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(23, 4, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 24 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(24, 5, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 2 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(2, 1)">2# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 3 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(3, 2)">3# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 4 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(4, 3)">4# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 5 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(5, 4)">5# |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 6 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn tower" |
|
|
|
|
@click="clickBtn(6, 5)">6# |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 7 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(7, 0, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 8 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(8, 1, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 9 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(9, 2, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 10 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(10, 3, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 11 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(11, 4, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 12 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(12, 5, 1)">1F |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 13 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(13, 0, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 14 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(14, 1, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 15 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(15, 2, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 16 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(16, 3, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 17 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(17, 4, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 18 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(18, 5, 2)">2F |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div :class="[active == 19 ? 'active' : '', tower == 0 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(19, 0, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 20 ? 'active' : '', tower == 1 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(20, 1, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 21 ? 'active' : '', tower == 2 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(21, 2, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 22 ? 'active' : '', tower == 3 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(22, 3, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 23 ? 'active' : '', tower == 4 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(23, 4, 3)">3F |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 24 ? 'active' : '', tower == 5 ? 'active2' : '']" class="btn" |
|
|
|
|
@click="clickBtn(24, 5, 3)">3F |
|
|
|
|
<div style="margin-top: 3px;" class="btnBox flex-center-center"> |
|
|
|
|
<div :class="[active == 25 ? 'active' : '']" class="btn2 flex-center-center" @click="clickBtn(25)"> |
|
|
|
|
<img src="/img/monitoring/clickBtn1.png"> |
|
|
|
|
<span>园区</span> |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 26 ? 'active' : '']" class="btn2 flex-center-center" @click="clickBtn(26, 9)"> |
|
|
|
|
<img src="/img/monitoring/clickBtn2.png"> |
|
|
|
|
<span>地下室</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style="margin-top: 3px;" class="btnBox flex-center-center"> |
|
|
|
|
<div :class="[active == 25 ? 'active' : '']" class="btn2 flex-center-center" @click="clickBtn(25)"> |
|
|
|
|
<img src="/img/monitoring/clickBtn1.png"> |
|
|
|
|
<span>园区</span> |
|
|
|
|
<div v-else class="clickBox1"> |
|
|
|
|
<!-- <img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border1"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border2"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border3"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border4"> --> |
|
|
|
|
<!-- <span :class="ttActive == 20?'active1':''" @click="clickTt(20)">塔台</span> --> |
|
|
|
|
<span :class="ttActive == 3 ? 'active1' : ''" @click="clickTt(3)">辅楼</span> |
|
|
|
|
<span :class="ttActive == 1 ? 'active1' : ''" @click="clickTt(1)">1F</span> |
|
|
|
|
<span :class="ttActive == 2 ? 'active1' : ''" @click="clickTt(2)">2F</span> |
|
|
|
|
|
|
|
|
|
<div :class="ttActive == 0 ? 'active1' : ''" style="display: flex;align-items: center;justify-content: center;"> |
|
|
|
|
<img src="../../../public/img/monitoring/tower-build.png" alt=""> |
|
|
|
|
<span @click="clickTt(0)">塔楼</span> |
|
|
|
|
</div> |
|
|
|
|
<div :class="[active == 26 ? 'active' : '']" class="btn2 flex-center-center" @click="clickBtn(26, 9)"> |
|
|
|
|
<img src="/img/monitoring/clickBtn2.png"> |
|
|
|
|
<span>地下室</span> |
|
|
|
|
<div :class="ttActive == 20 ? 'active1' : ''" |
|
|
|
|
style="display: flex;align-items: center;justify-content: center;"> |
|
|
|
|
<img src="../../../public/img/monitoring/clickBtn1.png" alt="" style="width: 22px;"> |
|
|
|
|
<span @click="clickTt(20)">园区</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else class="clickBox1"> |
|
|
|
|
<!-- <img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border1"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border2"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border3"> |
|
|
|
|
<img src="../../../public/img/monitoring/ktborder.png" class="kt-border kt-border4"> --> |
|
|
|
|
<!-- <span :class="ttActive == 20?'active1':''" @click="clickTt(20)">塔台</span> --> |
|
|
|
|
<span :class="ttActive == 3 ? 'active1' : ''" @click="clickTt(3)">辅楼</span> |
|
|
|
|
<span :class="ttActive == 1 ? 'active1' : ''" @click="clickTt(1)">1F</span> |
|
|
|
|
<span :class="ttActive == 2 ? 'active1' : ''" @click="clickTt(2)">2F</span> |
|
|
|
|
|
|
|
|
|
<div :class="ttActive == 0 ? 'active1' : ''" |
|
|
|
|
style="display: flex;align-items: center;justify-content: center;"> |
|
|
|
|
<img src="../../../public/img/monitoring/tower-build.png" alt=""> |
|
|
|
|
<span @click="clickTt(0)">塔楼</span> |
|
|
|
|
</div> |
|
|
|
|
<div :class="ttActive == 20 ? 'active1' : ''" |
|
|
|
|
style="display: flex;align-items: center;justify-content: center;"> |
|
|
|
|
<img src="../../../public/img/monitoring/clickBtn1.png" alt="" style="width: 22px;"> |
|
|
|
|
<span @click="clickTt(20)">园区</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div class="mapDom" :style="{opacity:isMapViewer}" style="position: absolute;left: 105px;top: 250px;width: 250px;height: 180px;"></div> --> |
|
|
|
|
<div v-if="active == 25" style="position:absolute;left:367px; top:40px;display: flex; flex-direction: column;"> |
|
|
|
|
<el-button style=" |
|
|
|
|
background-color: rgb(1, 238, 255); |
|
|
|
|
color: rgb(23, 72, 167); |
|
|
|
|
border: 0; |
|
|
|
|
width: 100px; |
|
|
|
|
" size="small" @click="openPreview('peidian')">配电系统图</el-button> |
|
|
|
|
<el-button style=" |
|
|
|
|
background-color: white; |
|
|
|
|
color: rgb(23, 72, 167); |
|
|
|
|
border: 0; |
|
|
|
|
width: 100px;margin: 10px 0 0 0; |
|
|
|
|
" size="small" @click="openPreview('peidianxiang')">配电系统图</el-button> |
|
|
|
|
<el-button style=" |
|
|
|
|
background-color: rgb(1, 238, 255); |
|
|
|
|
color: rgb(23, 72, 167); |
|
|
|
|
border: 0; |
|
|
|
|
width: 100px;margin: 10px 0 0 0; |
|
|
|
|
" size="small" @click="openPreview('wuding')">屋顶平面图</el-button> |
|
|
|
|
<el-button style=" |
|
|
|
|
background-color: white; |
|
|
|
|
color: rgb(23, 72, 167); |
|
|
|
|
border: 0; |
|
|
|
|
width: 100px;margin: 10px 0 0 0; |
|
|
|
|
" size="small" @click="openPreview('qita')">其他图纸</el-button> |
|
|
|
|
</div> |
|
|
|
|
<div v-else style="position:absolute;left:367px; top:40px;display: flex; flex-direction: column;"> |
|
|
|
|
<el-button style=" |
|
|
|
|
background-color: rgb(1, 238, 255); |
|
|
|
|
color: rgb(23, 72, 167); |
|
|
|
|
border: 0; |
|
|
|
|
width: 100px; |
|
|
|
|
" size="small" @click="openPreview(active)">平面图纸</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 图片预览 --> |
|
|
|
|
<el-image style="width: 0; height: 0;opacity: 0;" ref="preview" :src="url" :preview-src-list="srcList"></el-image> |
|
|
|
|
<el-image-viewer |
|
|
|
|
v-if="showViewer" |
|
|
|
|
:on-close="closeViewer" |
|
|
|
|
:url-list="srcList" style="width: 1000px;height:800px;left:50%;top:50%;margin-left:-500px;margin-top:-400px;overflow: hidden;" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import * as bfHelper from '../../util/bfHelper'; |
|
|
|
|
import ElImageViewer from 'element-ui/packages/image/src/image-viewer' |
|
|
|
|
export default { |
|
|
|
|
components: { ElImageViewer }, |
|
|
|
|
props: { |
|
|
|
|
sbType: { |
|
|
|
|
type: String |
|
|
|
|
@ -143,6 +185,32 @@ export default { |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
//图纸 |
|
|
|
|
//使用el-image图纸路径写法 |
|
|
|
|
cardImg: { |
|
|
|
|
peidian: ['../../../img/cad/peidian/4DS001.png','../../../img/cad/peidian/4DS002.png','../../../img/cad/peidian/4DS003.png','../../../img/cad/peidian/4DS004.png','../../../img/cad/peidian/4DS005.png'], |
|
|
|
|
peidianxiang: ['../../../img/cad/peidianxiang/6BS001.png','../../../img/cad/peidianxiang/6BS002.png','../../../img/cad/peidianxiang/6BS003.png','../../../img/cad/peidianxiang/6BS004.png','../../../img/cad/peidianxiang/6BS005.png','../../../img/cad/peidianxiang/6BS006.png','../../../img/cad/peidianxiang/6BS007.png','../../../img/cad/peidianxiang/6BS008.png','../../../img/cad/peidianxiang/6BS009.png','../../../img/cad/peidianxiang/6BS010.png'], |
|
|
|
|
26: ['../../../img/cad/7Q/7QP001.png','../../../img/cad/7Q/7QP002.png'], |
|
|
|
|
1: ['../../../img/cad/7Q/7QP003.png','../../../img/cad/7Q/7QP004.png','../../../img/cad/7Q/7QP005.png','../../../img/cad/7Q/7QP013.png','../../../img/cad/7Q/7QP014.png'], |
|
|
|
|
2: ['../../../img/cad/7Q/7QP006.png','../../../img/cad/7Q/7QP007.png'], |
|
|
|
|
3: ['../../../img/cad/7Q/7QP008.png','../../../img/cad/7Q/7QP009.png'], |
|
|
|
|
wuding: ['../../../img/cad/7Q/7QP010.png','../../../img/cad/7Q/7QP011.png','../../../img/cad/7Q/7QP012.png'], |
|
|
|
|
qita: ['../../../img/cad/5C/5CS001.png','../../../img/cad/5C/5CS002.png','../../../img/cad/5C/5CS003.png','../../../img/cad/5C/5CS004.png','../../../img/cad/5C/5CS005.png','../../../img/cad/peidianxaing/8LS001.png','../../../img/cad/peidianxaing/qiangdian.png','../../../img/cad/7Q/7QP012.png'], |
|
|
|
|
}, |
|
|
|
|
//使用el-image-viewer图纸路径写法 |
|
|
|
|
// cardImg: { |
|
|
|
|
// peidian: ['/img/cad/peidian/4DS001.png','/img/cad/peidian/4DS002.png','/img/cad/peidian/4DS003.png','/img/cad/peidian/4DS004.png','/img/cad/peidian/4DS005.png'], |
|
|
|
|
// peidianxiang: ['/img/cad/peidianxiang/6BS001.png','/img/cad/peidianxiang/6BS002.png','/img/cad/peidianxiang/6BS003.png','/img/cad/peidianxiang/6BS004.png','/img/cad/peidianxiang/6BS005.png','/img/cad/peidianxiang/6BS006.png','/img/cad/peidianxiang/6BS007.png','/img/cad/peidianxiang/6BS008.png','/img/cad/peidianxiang/6BS009.png','/img/cad/peidianxiang/6BS010.png'], |
|
|
|
|
// 26: ['/img/cad/7Q/7QP001.png','/img/cad/7Q/7QP002.png'], |
|
|
|
|
// 1: ['/img/cad/7Q/7QP003.png','/img/cad/7Q/7QP004.png','/img/cad/7Q/7QP005.png','/img/cad/7Q/7QP013.png','/img/cad/7Q/7QP014.png'], |
|
|
|
|
// 2: ['/img/cad/7Q/7QP006.png','/img/cad/7Q/7QP007.png'], |
|
|
|
|
// 3: ['/img/cad/7Q/7QP008.png','/img/cad/7Q/7QP009.png'], |
|
|
|
|
// wuding: ['/img/cad/7Q/7QP010.png','/img/cad/7Q/7QP011.png','/img/cad/7Q/7QP012.png'], |
|
|
|
|
// qita: ['/img/cad/5C/5CS001.png','/img/cad/5C/5CS002.png','/img/cad/5C/5CS003.png','/img/cad/5C/5CS004.png','/img/cad/5C/5CS005.png','/img/cad/peidianxaing/8LS001.png','/img/cad/peidianxaing/qiangdian.png','/img/cad/7Q/7QP012.png'], |
|
|
|
|
// }, |
|
|
|
|
showViewer: false, |
|
|
|
|
url: '', |
|
|
|
|
srcList: [], |
|
|
|
|
active: 25, |
|
|
|
|
tower: null, |
|
|
|
|
layer: null, |
|
|
|
|
@ -207,6 +275,38 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
//图纸 |
|
|
|
|
openPreview(key) { |
|
|
|
|
if([7,8,9,10,11,12].indexOf(key) > -1) { |
|
|
|
|
//1F |
|
|
|
|
this.url = this.cardImg[1][0]; |
|
|
|
|
this.srcList = this.cardImg[1]; |
|
|
|
|
} else if([13,14,15,16,17,18].indexOf(key) > -1) { |
|
|
|
|
//2F |
|
|
|
|
this.url = this.cardImg[2][0]; |
|
|
|
|
this.srcList = this.cardImg[2]; |
|
|
|
|
} else if([19,20,21,22,23,24].indexOf(key) > -1) { |
|
|
|
|
//3F |
|
|
|
|
this.url = this.cardImg[1][0]; |
|
|
|
|
this.srcList = this.cardImg[1]; |
|
|
|
|
} else if([1,2,3,4,5,6].indexOf(key) > -1) { |
|
|
|
|
//整栋楼 |
|
|
|
|
this.url = this.cardImg[1][0]; |
|
|
|
|
this.srcList = this.srcList.concat(this.cardImg[1]).concat(this.cardImg[2]).concat(this.cardImg[3]); |
|
|
|
|
} |
|
|
|
|
else{ |
|
|
|
|
this.url = this.cardImg[key][0]; |
|
|
|
|
this.srcList = this.cardImg[key]; |
|
|
|
|
} |
|
|
|
|
// this.showViewer = true;//使用el-image-viewer |
|
|
|
|
// 使用el-image |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.$refs.preview.clickHandler(); |
|
|
|
|
}, 500) |
|
|
|
|
}, |
|
|
|
|
closeViewer() { |
|
|
|
|
this.showViewer = false; |
|
|
|
|
}, |
|
|
|
|
clickBtn(activeNum, tower, layer) { |
|
|
|
|
if (this.sbType == '空调' && activeNum <= 6) { |
|
|
|
|
return false; |
|
|
|
|
@ -269,30 +369,30 @@ export default { |
|
|
|
|
// this.$parent.openTotal(); |
|
|
|
|
this.$parent.setTowerLight('00'); |
|
|
|
|
bfHelper.setCameraStatus({ |
|
|
|
|
aspect: 1.889763779527559, |
|
|
|
|
coordinateSystem: "world", |
|
|
|
|
far: 960464.7787185954, |
|
|
|
|
fov: 45, |
|
|
|
|
name: "persp", |
|
|
|
|
near: 105041.57557288553, |
|
|
|
|
position: { |
|
|
|
|
x: 114923.08877241895, |
|
|
|
|
y: -391542.9803033385, |
|
|
|
|
z: 219845.7809478254 |
|
|
|
|
}, |
|
|
|
|
target: { |
|
|
|
|
x: -8729.420142852026, |
|
|
|
|
y: 863922.0428858905, |
|
|
|
|
z: -496665.6824418152 |
|
|
|
|
}, |
|
|
|
|
up: { |
|
|
|
|
x: -0.048407478040169157, |
|
|
|
|
y: 0.4914893345691443, |
|
|
|
|
z: 0.8695372045373162 |
|
|
|
|
}, |
|
|
|
|
version: 1, |
|
|
|
|
zoom: 1 |
|
|
|
|
}); |
|
|
|
|
aspect: 1.889763779527559, |
|
|
|
|
coordinateSystem: "world", |
|
|
|
|
far: 960464.7787185954, |
|
|
|
|
fov: 45, |
|
|
|
|
name: "persp", |
|
|
|
|
near: 105041.57557288553, |
|
|
|
|
position: { |
|
|
|
|
x: 114923.08877241895, |
|
|
|
|
y: -391542.9803033385, |
|
|
|
|
z: 219845.7809478254 |
|
|
|
|
}, |
|
|
|
|
target: { |
|
|
|
|
x: -8729.420142852026, |
|
|
|
|
y: 863922.0428858905, |
|
|
|
|
z: -496665.6824418152 |
|
|
|
|
}, |
|
|
|
|
up: { |
|
|
|
|
x: -0.048407478040169157, |
|
|
|
|
y: 0.4914893345691443, |
|
|
|
|
z: 0.8695372045373162 |
|
|
|
|
}, |
|
|
|
|
version: 1, |
|
|
|
|
zoom: 1 |
|
|
|
|
}); |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
// 切换到滚轮效果 |
|
|
|
|
@ -328,31 +428,31 @@ export default { |
|
|
|
|
} |
|
|
|
|
//20221205-园区点击回主视角 |
|
|
|
|
// if(this.sbType == '电' || this.sbType == '暖' || this.sbType == '监控' || this.sbType == '空调'){ |
|
|
|
|
bfHelper.setCameraStatus({ |
|
|
|
|
aspect: 1.889763779527559, |
|
|
|
|
coordinateSystem: "world", |
|
|
|
|
far: 960464.7787185954, |
|
|
|
|
fov: 45, |
|
|
|
|
name: "persp", |
|
|
|
|
near: 105041.57557288553, |
|
|
|
|
position: { |
|
|
|
|
x: 114923.08877241895, |
|
|
|
|
y: -391542.9803033385, |
|
|
|
|
z: 219845.7809478254 |
|
|
|
|
}, |
|
|
|
|
target: { |
|
|
|
|
x: -8729.420142852026, |
|
|
|
|
y: 863922.0428858905, |
|
|
|
|
z: -496665.6824418152 |
|
|
|
|
}, |
|
|
|
|
up: { |
|
|
|
|
x: -0.048407478040169157, |
|
|
|
|
y: 0.4914893345691443, |
|
|
|
|
z: 0.8695372045373162 |
|
|
|
|
}, |
|
|
|
|
version: 1, |
|
|
|
|
zoom: 1 |
|
|
|
|
}); |
|
|
|
|
bfHelper.setCameraStatus({ |
|
|
|
|
aspect: 1.889763779527559, |
|
|
|
|
coordinateSystem: "world", |
|
|
|
|
far: 960464.7787185954, |
|
|
|
|
fov: 45, |
|
|
|
|
name: "persp", |
|
|
|
|
near: 105041.57557288553, |
|
|
|
|
position: { |
|
|
|
|
x: 114923.08877241895, |
|
|
|
|
y: -391542.9803033385, |
|
|
|
|
z: 219845.7809478254 |
|
|
|
|
}, |
|
|
|
|
target: { |
|
|
|
|
x: -8729.420142852026, |
|
|
|
|
y: 863922.0428858905, |
|
|
|
|
z: -496665.6824418152 |
|
|
|
|
}, |
|
|
|
|
up: { |
|
|
|
|
x: -0.048407478040169157, |
|
|
|
|
y: 0.4914893345691443, |
|
|
|
|
z: 0.8695372045373162 |
|
|
|
|
}, |
|
|
|
|
version: 1, |
|
|
|
|
zoom: 1 |
|
|
|
|
}); |
|
|
|
|
// } |
|
|
|
|
} else { |
|
|
|
|
if (this.sbType == '监控') { |
|
|
|
|
|
zhangqun
2 years ago
