diff --git a/public/img/cad/5C/5CS001.png b/public/img/cad/5C/5CS001.png
new file mode 100644
index 0000000..6c996ce
Binary files /dev/null and b/public/img/cad/5C/5CS001.png differ
diff --git a/public/img/cad/5C/5CS002.png b/public/img/cad/5C/5CS002.png
new file mode 100644
index 0000000..bb995bb
Binary files /dev/null and b/public/img/cad/5C/5CS002.png differ
diff --git a/public/img/cad/5C/5CS003.png b/public/img/cad/5C/5CS003.png
new file mode 100644
index 0000000..9634bf6
Binary files /dev/null and b/public/img/cad/5C/5CS003.png differ
diff --git a/public/img/cad/5C/5CS004.png b/public/img/cad/5C/5CS004.png
new file mode 100644
index 0000000..2ee16fc
Binary files /dev/null and b/public/img/cad/5C/5CS004.png differ
diff --git a/public/img/cad/5C/5CS005.png b/public/img/cad/5C/5CS005.png
new file mode 100644
index 0000000..10dad38
Binary files /dev/null and b/public/img/cad/5C/5CS005.png differ
diff --git a/public/img/cad/7Q/7QP001.png b/public/img/cad/7Q/7QP001.png
new file mode 100644
index 0000000..d105e86
Binary files /dev/null and b/public/img/cad/7Q/7QP001.png differ
diff --git a/public/img/cad/7Q/7QP002.png b/public/img/cad/7Q/7QP002.png
new file mode 100644
index 0000000..3863370
Binary files /dev/null and b/public/img/cad/7Q/7QP002.png differ
diff --git a/public/img/cad/7Q/7QP003.png b/public/img/cad/7Q/7QP003.png
new file mode 100644
index 0000000..30bbd34
Binary files /dev/null and b/public/img/cad/7Q/7QP003.png differ
diff --git a/public/img/cad/7Q/7QP004.png b/public/img/cad/7Q/7QP004.png
new file mode 100644
index 0000000..c8d09ad
Binary files /dev/null and b/public/img/cad/7Q/7QP004.png differ
diff --git a/public/img/cad/7Q/7QP005.png b/public/img/cad/7Q/7QP005.png
new file mode 100644
index 0000000..183bf31
Binary files /dev/null and b/public/img/cad/7Q/7QP005.png differ
diff --git a/public/img/cad/7Q/7QP006.png b/public/img/cad/7Q/7QP006.png
new file mode 100644
index 0000000..2ebd35b
Binary files /dev/null and b/public/img/cad/7Q/7QP006.png differ
diff --git a/public/img/cad/7Q/7QP007.png b/public/img/cad/7Q/7QP007.png
new file mode 100644
index 0000000..ad82c5d
Binary files /dev/null and b/public/img/cad/7Q/7QP007.png differ
diff --git a/public/img/cad/7Q/7QP008.png b/public/img/cad/7Q/7QP008.png
new file mode 100644
index 0000000..9e15f23
Binary files /dev/null and b/public/img/cad/7Q/7QP008.png differ
diff --git a/public/img/cad/7Q/7QP009.png b/public/img/cad/7Q/7QP009.png
new file mode 100644
index 0000000..37b00ca
Binary files /dev/null and b/public/img/cad/7Q/7QP009.png differ
diff --git a/public/img/cad/7Q/7QP010.png b/public/img/cad/7Q/7QP010.png
new file mode 100644
index 0000000..55b6196
Binary files /dev/null and b/public/img/cad/7Q/7QP010.png differ
diff --git a/public/img/cad/7Q/7QP011.png b/public/img/cad/7Q/7QP011.png
new file mode 100644
index 0000000..b599363
Binary files /dev/null and b/public/img/cad/7Q/7QP011.png differ
diff --git a/public/img/cad/7Q/7QP012.png b/public/img/cad/7Q/7QP012.png
new file mode 100644
index 0000000..b5d36ec
Binary files /dev/null and b/public/img/cad/7Q/7QP012.png differ
diff --git a/public/img/cad/7Q/7QP013.png b/public/img/cad/7Q/7QP013.png
new file mode 100644
index 0000000..3431dd0
Binary files /dev/null and b/public/img/cad/7Q/7QP013.png differ
diff --git a/public/img/cad/7Q/7QP014.png b/public/img/cad/7Q/7QP014.png
new file mode 100644
index 0000000..4c56f7f
Binary files /dev/null and b/public/img/cad/7Q/7QP014.png differ
diff --git a/public/img/cad/E-W-8LS001-V0.dwg-154902613613.1.PNG b/public/img/cad/E-W-8LS001-V0.dwg-154902613613.1.PNG
new file mode 100644
index 0000000..536d82c
Binary files /dev/null and b/public/img/cad/E-W-8LS001-V0.dwg-154902613613.1.PNG differ
diff --git a/public/img/cad/peidian/4DS001.png b/public/img/cad/peidian/4DS001.png
new file mode 100644
index 0000000..06cb5b0
Binary files /dev/null and b/public/img/cad/peidian/4DS001.png differ
diff --git a/public/img/cad/peidian/4DS002.png b/public/img/cad/peidian/4DS002.png
new file mode 100644
index 0000000..11ae2ee
Binary files /dev/null and b/public/img/cad/peidian/4DS002.png differ
diff --git a/public/img/cad/peidian/4DS003.png b/public/img/cad/peidian/4DS003.png
new file mode 100644
index 0000000..718f0ca
Binary files /dev/null and b/public/img/cad/peidian/4DS003.png differ
diff --git a/public/img/cad/peidian/4DS004.png b/public/img/cad/peidian/4DS004.png
new file mode 100644
index 0000000..436f511
Binary files /dev/null and b/public/img/cad/peidian/4DS004.png differ
diff --git a/public/img/cad/peidian/4DS005.png b/public/img/cad/peidian/4DS005.png
new file mode 100644
index 0000000..4595f5c
Binary files /dev/null and b/public/img/cad/peidian/4DS005.png differ
diff --git a/public/img/cad/peidianxiang/6BS001.png b/public/img/cad/peidianxiang/6BS001.png
new file mode 100644
index 0000000..f592427
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS001.png differ
diff --git a/public/img/cad/peidianxiang/6BS002.png b/public/img/cad/peidianxiang/6BS002.png
new file mode 100644
index 0000000..fd3bb4f
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS002.png differ
diff --git a/public/img/cad/peidianxiang/6BS003.png b/public/img/cad/peidianxiang/6BS003.png
new file mode 100644
index 0000000..d9b62e4
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS003.png differ
diff --git a/public/img/cad/peidianxiang/6BS004.png b/public/img/cad/peidianxiang/6BS004.png
new file mode 100644
index 0000000..1fa9c94
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS004.png differ
diff --git a/public/img/cad/peidianxiang/6BS005.png b/public/img/cad/peidianxiang/6BS005.png
new file mode 100644
index 0000000..5ed7bd7
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS005.png differ
diff --git a/public/img/cad/peidianxiang/6BS006.png b/public/img/cad/peidianxiang/6BS006.png
new file mode 100644
index 0000000..01f739e
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS006.png differ
diff --git a/public/img/cad/peidianxiang/6BS007.png b/public/img/cad/peidianxiang/6BS007.png
new file mode 100644
index 0000000..93eaa5a
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS007.png differ
diff --git a/public/img/cad/peidianxiang/6BS008.png b/public/img/cad/peidianxiang/6BS008.png
new file mode 100644
index 0000000..47a7dc8
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS008.png differ
diff --git a/public/img/cad/peidianxiang/6BS009.png b/public/img/cad/peidianxiang/6BS009.png
new file mode 100644
index 0000000..6359900
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS009.png differ
diff --git a/public/img/cad/peidianxiang/6BS010.png b/public/img/cad/peidianxiang/6BS010.png
new file mode 100644
index 0000000..026b88b
Binary files /dev/null and b/public/img/cad/peidianxiang/6BS010.png differ
diff --git a/public/img/cad/peidianxiang/8LS001.png b/public/img/cad/peidianxiang/8LS001.png
new file mode 100644
index 0000000..536d82c
Binary files /dev/null and b/public/img/cad/peidianxiang/8LS001.png differ
diff --git a/public/img/cad/peidianxiang/qiangdian.png b/public/img/cad/peidianxiang/qiangdian.png
new file mode 100644
index 0000000..4d7dcf8
Binary files /dev/null and b/public/img/cad/peidianxiang/qiangdian.png differ
diff --git a/public/img/cad/qiangdian_zpm.PNG b/public/img/cad/qiangdian_zpm.PNG
new file mode 100644
index 0000000..4d7dcf8
Binary files /dev/null and b/public/img/cad/qiangdian_zpm.PNG differ
diff --git a/public/img/cad/wudingfanglei.png b/public/img/cad/wudingfanglei.png
new file mode 100644
index 0000000..b5d36ec
Binary files /dev/null and b/public/img/cad/wudingfanglei.png differ
diff --git a/src/components/monitoring/clickCp.vue b/src/components/monitoring/clickCp.vue
index d269f75..c732524 100644
--- a/src/components/monitoring/clickCp.vue
+++ b/src/components/monitoring/clickCp.vue
@@ -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 == '监控') {
diff --git a/src/components/monitoring/lift.vue b/src/components/monitoring/lift.vue
index b4a039a..f42bfc1 100644
--- a/src/components/monitoring/lift.vue
+++ b/src/components/monitoring/lift.vue
@@ -179,8 +179,8 @@ export default {
 			pos: 0,
 			height: 5350,
 			offsetZ: 250,
-			path: "ws://192.168.1.3/blade-websocket/ws?lift",
-			// path: "ws://10.90.100.204/blade-websocket/ws?lift",
+			// path: "ws://192.168.1.3/blade-websocket/ws?lift",
+			path: "ws://10.90.100.204/blade-websocket/ws?lift",
 			socket: "",
 			arr: [], //电梯信息
 			listData: [],
diff --git a/src/components/monitoring/light.vue b/src/components/monitoring/light.vue
index 634cc00..8d337ad 100644
--- a/src/components/monitoring/light.vue
+++ b/src/components/monitoring/light.vue
@@ -281,8 +281,8 @@ export default {
   },
   data() {
     return {
-      // path:'ws://10.90.100.204/blade-websocket/ws?light_kk',//socket地址
-      path:'ws://192.168.1.3/blade-websocket/ws?light_kk',//socket地址
+      path:'ws://10.90.100.204/blade-websocket/ws?light_kk',//socket地址
+      // path:'ws://192.168.1.3/blade-websocket/ws?light_kk',//socket地址
       build: "00", //楼
       floored: null, //楼层
       controlAll: 2, //批量控制开关
diff --git a/src/components/monitoring/wall.vue b/src/components/monitoring/wall.vue
index de98418..d8f3ec0 100644
--- a/src/components/monitoring/wall.vue
+++ b/src/components/monitoring/wall.vue
@@ -1,6 +1,8 @@
 <!-- 电子围界 -->
 <template>
   <div>
+    <!-- 各楼栋楼层切换 -->
+    <clickCp :bimModel="bimModel" sbType="电子围界" ref="clickcp"></clickCp>
     <!-- 返回主视角 -->
     <backHome :bimModel="bimModel" type="电子围界" dom=".mapDom"></backHome>
     <div style="position: absolute; left: 84px; top: 20px" v-if="bimModel == 1">
@@ -254,6 +256,7 @@
 </template>
 
 <script>
+import clickCp from "./clickCp";
 import * as bfHelper from "../../util/bfHelper";
 import * as commonValue from "../../util/commonValue";
 import backHome from "./backHome";
@@ -274,6 +277,7 @@ export default {
   },
   components: {
     backHome,
+    clickCp,
   },
   data() {
     return {
diff --git a/src/components/monitoring/water.vue b/src/components/monitoring/water.vue
index 534c3a0..1aa7a1f 100644
--- a/src/components/monitoring/water.vue
+++ b/src/components/monitoring/water.vue
@@ -2,7 +2,7 @@
   <!-- 水 -->
   <div v-if="waterState" class="water">
     <!-- 各楼栋楼层切换 -->
-    <!-- <clickCp :bimModel="bimModel" sbType="水" ref="clickcp"></clickCp> -->
+    <clickCp :bimModel="bimModel" sbType="水" ref="clickcp"></clickCp>
     <!-- 返回主视角 -->
     <backHome :bimModel="bimModel" type="水" :waterModelOn="onList" :waterModelOff="offList" :waterModelAlarm="bjList"
       dom=".mapDom"></backHome>
diff --git a/vue.config.js b/vue.config.js
index ea1e722..2d85df0 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -27,6 +27,7 @@ module.exports = {
     port: 1888,
     proxy: {
       "/bimfaceApi": {
+        // target: 'http://192.168.3.58:8001',
         target: 'http://192.168.1.106:8001',
         ws: true,
         pathRewrite: {