diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index efc9290..1e783c8 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,28 +1,18 @@
 <template>
   <div id="ZHSD">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
-      智慧隧道
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+      <LeftBox></LeftBox>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
-      智慧隧道
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+      <RightBox></RightBox>
     </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import LeftBox from '@/views/oneMap/smartTunnel/LeftBox.vue';
+import RightBox from '@/views/oneMap/smartTunnel/RightBox.vue';
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -49,13 +39,13 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
   .RightBox {
     width: 450px;
@@ -63,13 +53,13 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
 }
 </style>

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index efc9290..1e783c8 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,28 +1,18 @@
 <template>
   <div id="ZHSD">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
-      智慧隧道
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+      <LeftBox></LeftBox>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
-      智慧隧道
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+      <RightBox></RightBox>
     </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import LeftBox from '@/views/oneMap/smartTunnel/LeftBox.vue';
+import RightBox from '@/views/oneMap/smartTunnel/RightBox.vue';
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -49,13 +39,13 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
   .RightBox {
     width: 450px;
@@ -63,13 +53,13 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
 }
 </style>
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
new file mode 100644
index 0000000..20586bb
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -0,0 +1,255 @@
+<template>
+  <div class="leftSD">
+    <!-- 隧道简介 -->
+    <div class="topBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道简介</div>
+      </div>
+      <div class="topContent contentBox">
+        <img :src="jianjie" alt="" class="topImg" />
+        <div class="topWZ">{{ introduce }}</div>
+      </div>
+    </div>
+    <!-- 感知设备 -->
+    <div class="centerBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">感知设备</div>
+      </div>
+      <div class="centerContent contentBox">
+        <div class="shebeiBox" v-for="(item, i) in shebeiList" :key="i">
+          <div class="shebeiBox_left">
+            <div class="shebeiBox_left_font" v-for="(t, k) in item.name" :key="k">{{ t }}</div>
+            <div class="shebeiBox_left_num">
+              <span>{{ item.num }}</span
+              >个
+            </div>
+          </div>
+          <div class="shebeiBox_right">
+            <img :src="item.icon" alt="" class="shebei_img" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 隧道监控 -->
+    <div class="bottomBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道监控</div>
+      </div>
+      <div class="bottomContent contentBox">
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
+          <img :src="item" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="leftSD">
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+
+// import ranqi_icon from '@/assets/newImgs/rq.png'; //燃气
+// import qiaoliang from '@/assets/newImgs/ql.png'; //桥梁
+// import sd_icon from '@/assets/newImgs/sd.png'; //隧道
+// import ps_icon from '@/assets/newImgs/ps.png'; //排水
+
+import jianjie from '@/assets/tunnelImg/jianjie.png';
+import jk_01 from '@/assets/tunnelImg/jk_01.png';
+import jk_02 from '@/assets/tunnelImg/jk_02.png';
+import jk_03 from '@/assets/tunnelImg/jk_03.png';
+import jk_04 from '@/assets/tunnelImg/jk_04.png';
+import lfj_icon from '@/assets/tunnelImg/lfj_icon.png';
+import sxj_icon from '@/assets/tunnelImg/sxj_icon.png';
+import qt_icon from '@/assets/tunnelImg/qt_icon.png';
+import jgwyj_icon from '@/assets/tunnelImg/jgwyj_icon.png';
+import tjy_icon from '@/assets/tunnelImg/tjy_icon.png';
+import ybj_icon from '@/assets/tunnelImg/ybj_icon.png';
+
+const introduce =
+  '延安市杨家岭隧道位于延安市中心城区西北部，走向大致由南向北。项目起点位于延安市拟建的延师桥北桥头、并与现有的延安市枣园路相交，路线向北穿杨家岭隧道至杨家岭沟内、与拟建的延安市杨家岭道路相交。路线全长0.911公里、其中隧道775米。';
+const videoList = [jk_01, jk_02, jk_03, jk_04];
+const shebeiList = [
+  {
+    name: ['激光位移计'],
+    icon: jgwyj_icon,
+    num: 27,
+  },
+  {
+    name: ['光纤光栅', '应变计'],
+    icon: ybj_icon,
+    num: 45,
+  },
+  {
+    name: ['光纤光栅', '调节仪'],
+    icon: tjy_icon,
+    num: 5,
+  },
+  {
+    name: ['光纤光栅', '裂缝计'],
+    icon: lfj_icon,
+    num: 27,
+  },
+  {
+    name: ['智能球形', '摄像机'],
+    icon: sxj_icon,
+    num: 4,
+  },
+  {
+    name: ['其他'],
+    icon: qt_icon,
+    num: 0,
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.leftSD {
+  width: 100%;
+  height: 100%;
+  // box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
+}
+
+.topBox {
+  width: 100%;
+  height: calc(100% - 486px);
+  // flex: 1;
+  // border: 1px solid red;
+  // background: red;
+  .topContent {
+    margin: 6px 0 5px;
+    height: calc(100% - 55px);
+    .topImg {
+      display: block;
+      width: 100%;
+      height: calc(100% - 135px);
+    }
+    .topWZ {
+      width: 100%;
+      height: 130px;
+      white-space: pre-wrap;
+      word-break: break-word;
+      text-indent: 2em;
+      overflow-y: auto;
+      padding: 10px;
+      // box-sizing: border-box;
+      background: url('@/assets/tunnelImg/jjwz.png') no-repeat;
+      background-size: 100% 100%;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      line-height: 22px;
+      color: #61cafc;
+    }
+  }
+}
+.centerBox {
+  // background: blue;
+  width: 100%;
+  // height: 33%;
+  .centerContent {
+    padding: 6px 0 6px;
+    height: 174px;
+    box-sizing: border-box;
+    .shebeiBox {
+      position: relative;
+      width: 136px;
+      height: 76px;
+      padding: 6px 5px 6px 8px;
+      // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
+      border-radius: 2px;
+      // border: 1px solid #007aa8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // kpbj_img
+      background: url('@/assets/tunnelImg/kpbj_img.png') no-repeat;
+      background-size: 100% 100%;
+      .shebeiBox_left {
+        z-index: 99;
+        height: 100%;
+        // padding: 10px 0;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .shebeiBox_left_font {
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          font-size: 14px;
+          color: #ffffff;
+          // height: 26px;
+          // line-height: 26px;
+        }
+        .shebeiBox_left_num {
+          font-weight: 500;
+          font-size: 12px;
+          color: #cef6ff;
+          span {
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 22px;
+            color: #15d2fd;
+            margin-right: 10px;
+          }
+        }
+      }
+      .shebeiBox_right {
+        z-index: 99;
+        .shebei_img {
+          width: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+.bottomBox {
+  width: 100%;
+  // height: 35%;
+  // flex: 1;
+  .bottomContent {
+    margin-top: 6px;
+    // height: calc(100% - 50px);
+    height: 218px;
+    .videoBox {
+      // border: 1px solid red;
+      width: 206px;
+      height: 104px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+.contentBox {
+  // border: 1px solid yellow;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  align-content: space-between;
+}
+</style>

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index efc9290..1e783c8 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,28 +1,18 @@
 <template>
   <div id="ZHSD">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
-      智慧隧道
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+      <LeftBox></LeftBox>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
-      智慧隧道
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+      <RightBox></RightBox>
     </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import LeftBox from '@/views/oneMap/smartTunnel/LeftBox.vue';
+import RightBox from '@/views/oneMap/smartTunnel/RightBox.vue';
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -49,13 +39,13 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
   .RightBox {
     width: 450px;
@@ -63,13 +53,13 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
 }
 </style>
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
new file mode 100644
index 0000000..20586bb
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -0,0 +1,255 @@
+<template>
+  <div class="leftSD">
+    <!-- 隧道简介 -->
+    <div class="topBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道简介</div>
+      </div>
+      <div class="topContent contentBox">
+        <img :src="jianjie" alt="" class="topImg" />
+        <div class="topWZ">{{ introduce }}</div>
+      </div>
+    </div>
+    <!-- 感知设备 -->
+    <div class="centerBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">感知设备</div>
+      </div>
+      <div class="centerContent contentBox">
+        <div class="shebeiBox" v-for="(item, i) in shebeiList" :key="i">
+          <div class="shebeiBox_left">
+            <div class="shebeiBox_left_font" v-for="(t, k) in item.name" :key="k">{{ t }}</div>
+            <div class="shebeiBox_left_num">
+              <span>{{ item.num }}</span
+              >个
+            </div>
+          </div>
+          <div class="shebeiBox_right">
+            <img :src="item.icon" alt="" class="shebei_img" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 隧道监控 -->
+    <div class="bottomBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道监控</div>
+      </div>
+      <div class="bottomContent contentBox">
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
+          <img :src="item" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="leftSD">
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+
+// import ranqi_icon from '@/assets/newImgs/rq.png'; //燃气
+// import qiaoliang from '@/assets/newImgs/ql.png'; //桥梁
+// import sd_icon from '@/assets/newImgs/sd.png'; //隧道
+// import ps_icon from '@/assets/newImgs/ps.png'; //排水
+
+import jianjie from '@/assets/tunnelImg/jianjie.png';
+import jk_01 from '@/assets/tunnelImg/jk_01.png';
+import jk_02 from '@/assets/tunnelImg/jk_02.png';
+import jk_03 from '@/assets/tunnelImg/jk_03.png';
+import jk_04 from '@/assets/tunnelImg/jk_04.png';
+import lfj_icon from '@/assets/tunnelImg/lfj_icon.png';
+import sxj_icon from '@/assets/tunnelImg/sxj_icon.png';
+import qt_icon from '@/assets/tunnelImg/qt_icon.png';
+import jgwyj_icon from '@/assets/tunnelImg/jgwyj_icon.png';
+import tjy_icon from '@/assets/tunnelImg/tjy_icon.png';
+import ybj_icon from '@/assets/tunnelImg/ybj_icon.png';
+
+const introduce =
+  '延安市杨家岭隧道位于延安市中心城区西北部，走向大致由南向北。项目起点位于延安市拟建的延师桥北桥头、并与现有的延安市枣园路相交，路线向北穿杨家岭隧道至杨家岭沟内、与拟建的延安市杨家岭道路相交。路线全长0.911公里、其中隧道775米。';
+const videoList = [jk_01, jk_02, jk_03, jk_04];
+const shebeiList = [
+  {
+    name: ['激光位移计'],
+    icon: jgwyj_icon,
+    num: 27,
+  },
+  {
+    name: ['光纤光栅', '应变计'],
+    icon: ybj_icon,
+    num: 45,
+  },
+  {
+    name: ['光纤光栅', '调节仪'],
+    icon: tjy_icon,
+    num: 5,
+  },
+  {
+    name: ['光纤光栅', '裂缝计'],
+    icon: lfj_icon,
+    num: 27,
+  },
+  {
+    name: ['智能球形', '摄像机'],
+    icon: sxj_icon,
+    num: 4,
+  },
+  {
+    name: ['其他'],
+    icon: qt_icon,
+    num: 0,
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.leftSD {
+  width: 100%;
+  height: 100%;
+  // box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
+}
+
+.topBox {
+  width: 100%;
+  height: calc(100% - 486px);
+  // flex: 1;
+  // border: 1px solid red;
+  // background: red;
+  .topContent {
+    margin: 6px 0 5px;
+    height: calc(100% - 55px);
+    .topImg {
+      display: block;
+      width: 100%;
+      height: calc(100% - 135px);
+    }
+    .topWZ {
+      width: 100%;
+      height: 130px;
+      white-space: pre-wrap;
+      word-break: break-word;
+      text-indent: 2em;
+      overflow-y: auto;
+      padding: 10px;
+      // box-sizing: border-box;
+      background: url('@/assets/tunnelImg/jjwz.png') no-repeat;
+      background-size: 100% 100%;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      line-height: 22px;
+      color: #61cafc;
+    }
+  }
+}
+.centerBox {
+  // background: blue;
+  width: 100%;
+  // height: 33%;
+  .centerContent {
+    padding: 6px 0 6px;
+    height: 174px;
+    box-sizing: border-box;
+    .shebeiBox {
+      position: relative;
+      width: 136px;
+      height: 76px;
+      padding: 6px 5px 6px 8px;
+      // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
+      border-radius: 2px;
+      // border: 1px solid #007aa8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // kpbj_img
+      background: url('@/assets/tunnelImg/kpbj_img.png') no-repeat;
+      background-size: 100% 100%;
+      .shebeiBox_left {
+        z-index: 99;
+        height: 100%;
+        // padding: 10px 0;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .shebeiBox_left_font {
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          font-size: 14px;
+          color: #ffffff;
+          // height: 26px;
+          // line-height: 26px;
+        }
+        .shebeiBox_left_num {
+          font-weight: 500;
+          font-size: 12px;
+          color: #cef6ff;
+          span {
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 22px;
+            color: #15d2fd;
+            margin-right: 10px;
+          }
+        }
+      }
+      .shebeiBox_right {
+        z-index: 99;
+        .shebei_img {
+          width: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+.bottomBox {
+  width: 100%;
+  // height: 35%;
+  // flex: 1;
+  .bottomContent {
+    margin-top: 6px;
+    // height: calc(100% - 50px);
+    height: 218px;
+    .videoBox {
+      // border: 1px solid red;
+      width: 206px;
+      height: 104px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+.contentBox {
+  // border: 1px solid yellow;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  align-content: space-between;
+}
+</style>
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
new file mode 100644
index 0000000..974e34e
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -0,0 +1,424 @@
+<!-- 总体概览右侧面板 -->
+<template>
+  <div class="rightSD">
+    <!-- 运行监测 -->
+    <div class="topBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">运行监测</div>
+      </div>
+      <div class="topContent">
+        <!-- 结构监测 -->
+        <div class="jcBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">结构监测</span>
+          </div>
+          <div class="jcBox_Content jgBox">
+            <div class="jcInfo" v-for="(item, index) in jgjcTitle" :key="item.code">
+              <div class="jcInfo_title">{{ item.name }}</div>
+              <div class="jcInfo_state" :class="jgjcData[item.code] == '1' ? '' : 'active'">
+                <div class="jcInfo_stateIcon" :class="jgjcData[item.code] == '1' ? '' : 'active'"></div>
+                {{ jgjcData[item.code] == '1' ? '正常' : '异常' }}
+              </div>
+              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'">派单</div>
+            </div>
+          </div>
+        </div>
+        <!-- 通行监测 -->
+        <div class="jcBox txBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">通行监测</span>
+          </div>
+          <div class="lineBox">
+            <twoLine :echartData="lineData" :refresh="chartRefresh" />
+          </div>
+        </div>
+        <!-- 突发事件监测 -->
+        <div class="jcBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">结构监测</span>
+          </div>
+          <div class="jcBox_Content">
+            <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
+              <img :src="item.icon" alt="" class="tfInfo_icon" />
+              <div class="tfInfo_title">{{ item.name }}</div>
+              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
+                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 检测评估 -->
+    <div class="bottomBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">检测评估</div>
+        <img src="@/assets/tunnelImg/bg_img.png" alt="" class="ListBoxHeader_img" />
+      </div>
+      <div class="bottomContent">
+        <div class="contentTop">
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.update.slice(0, 4) }}年</div>
+              <div>{{ assessment.update.slice(5, 7) }}月{{ assessment.update.slice(8) }}日</div>
+            </div>
+            <div class="pgTitle">最近一次检测</div>
+          </div>
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.state }}</div>
+            </div>
+            <div class="pgTitle">整体工作性能</div>
+          </div>
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.level }}</div>
+            </div>
+            <div class="pgTitle">技术状况等级</div>
+          </div>
+        </div>
+        <div class="contentBottom">
+          <div>检测单位</div>
+          <div class="pgCompany">{{ assessment.company }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="rightSD">
+import twoLine from './components/twoLine.vue';
+import { ref, reactive, toRefs, onMounted } from 'vue';
+
+import yjsj from '@/assets/newImgs/yjsj.png'; //预警数据
+import czsj from '@/assets/newImgs/czsj.png'; //处置数据
+import czl from '@/assets/newImgs/czl.png'; //处置率
+
+import ranqi_icon from '@/assets/newImgs/ranqi_icon.png'; //燃气
+import qiaoliang from '@/assets/newImgs/qiaoliang.png'; //桥梁
+import sd_icon from '@/assets/newImgs/sd_icon.png'; //隧道
+import ps_icon from '@/assets/newImgs/ps_icon.png'; //隧道
+import fxzb from '@/assets/newImgs/fxzb.png'; //风险占比
+
+import hz_icon from '@/assets/tunnelImg/hz_icon.png';
+import jtsg_icon from '@/assets/tunnelImg/jtsg_icon.png';
+import ydqt_icon from '@/assets/tunnelImg/ydqt_icon.png';
+
+let chartRefresh = ref(Math.random());
+
+const assessment = ref({
+  update: '2023-11-20',
+  state: '良好',
+  level: '二类',
+  company: '陕西海嵘工程试验检测股份有限公司',
+});
+const jgjcTitle = [
+  { name: '沉降监测', code: 'cj' },
+  { name: '滑坡监测', code: 'hp' },
+  { name: '收敛监测', code: 'sl' },
+  { name: '裂缝监测', code: 'lf' },
+  { name: '水位监测', code: 'sw' },
+  { name: '应变监测', code: 'yb' },
+];
+const jgjcData = ref({
+  cj: '1',
+  hp: '1',
+  sl: '0',
+  lf: '1',
+  sw: '1',
+  yb: '1',
+});
+const tfjcTitle = [
+  { name: '火灾', code: 'hz', icon: hz_icon },
+  { name: '交通事故', code: 'jt', icon: jtsg_icon },
+  { name: '有毒气体', code: 'dq', icon: ydqt_icon },
+];
+const tfjcData = ref({
+  hz: '0',
+  jt: '0',
+  dq: '0',
+});
+
+const lineData = ref({
+  tabX: ['9/1', '9/2', '9/3', '9/4', '9/5', '9/6', '9/7'],
+  unit: '辆',
+  series: [
+    {
+      name: '南向北',
+      tabY: ['0', '150', '150', '200', '130', '320', '300'],
+    },
+    {
+      name: '北向南',
+      tabY: ['100', '200', '200', '150', '240', '240', '180'],
+    },
+  ],
+});
+
+watch(
+  () => lineData.value,
+  (newVal, oldVal) => {
+    // console.log('change', newVal);
+    // eData.value = ArrayToObject(newVal.slice(0, 10));
+    // eData.value.headerList = headerList.value;
+    nextTick(() => {
+      chartRefresh.value = Math.random();
+    });
+    // console.log('obj', rightData.value);
+  },
+  {
+    immediate: true,
+    deep: true,
+  }
+);
+
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+.rightSD {
+  width: 100%;
+  height: 100%;
+  // box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.topBox {
+  width: 100%;
+  flex: 1;
+  // height: 49%;
+  // background: yellowgreen;
+  .topContent {
+    width: 100%;
+    margin: 0px 0 5px;
+    height: calc(100% - 49px);
+    display: flex;
+    flex-direction: column;
+    // border: 1px solid red;
+    .jcBox {
+      width: 100%;
+      margin-top: 5px;
+      .jcBox_Header {
+        height: 24px;
+        width: 100%;
+        .jcBox_HeaderIcon {
+          width: 24px;
+          height: 24px;
+          vertical-align: middle;
+        }
+        .jcBox_HeaderFont {
+          display: inline-block;
+          font-family: Source Han Sans CN;
+          font-weight: bold;
+          font-size: 14px;
+          color: #ebfeff;
+          height: 24px;
+          line-height: 24px;
+          position: relative;
+
+          &::after {
+            content: '';
+            width: 60px;
+            height: 10px;
+            background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
+            position: absolute;
+            bottom: 0;
+            left: 0;
+          }
+        }
+      }
+      .jgBox {
+        height: 140px;
+      }
+      .jcBox_Content {
+        margin-top: 5px;
+        // border: 1px solid red;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        align-content: space-between;
+        .jcInfo {
+          position: relative;
+          width: 200px;
+          height: 40px;
+          background: linear-gradient(90deg, rgba(21, 210, 253, 0.2) 0%, rgba(21, 210, 253, 0.05) 100%);
+          display: flex;
+          align-items: center;
+          // justify-content: space-between;
+          &::before {
+            content: '';
+            width: 4px;
+            height: 40px;
+            position: absolute;
+            left: 0;
+            top: 0;
+            background: #00f2ff;
+          }
+          .jcInfo_title {
+            font-weight: bold;
+            font-size: 16px;
+            color: #ebfeff;
+            margin-left: 15px;
+          }
+          .jcInfo_state {
+            display: flex;
+            align-items: center;
+            color: #00ff9c;
+            margin-left: 16px;
+            &.active {
+              color: #fe667b;
+            }
+            .jcInfo_stateIcon {
+              width: 10px;
+              height: 10px;
+              background: #00ff9c;
+              border-radius: 50%;
+              margin-right: 3px;
+              &.active {
+                background: #fe667b;
+              }
+            }
+          }
+          .jcInfo_btn {
+            width: 38px;
+            height: 21px;
+            margin-left: 18px;
+            background: #0ea3c3;
+            border-radius: 11px;
+            font-weight: 500;
+            font-size: 14px;
+            color: #ebfeff;
+            text-align: center;
+          }
+        }
+        .tfInfo {
+          width: 136px;
+          height: 130px;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          background: url('@/assets/tunnelImg/tfjcBg.png') no-repeat;
+          background-size: 100% 100%;
+          .tfInfo_icon {
+            width: 60px;
+            height: 60px;
+          }
+          .tfInfo_title {
+            font-weight: bold;
+            font-size: 14px;
+            color: #09bdf2;
+          }
+          .tfInfo_state {
+            font-weight: bold;
+            font-size: 26px;
+            color: #3effb9;
+            &.active {
+              color: #fe667b;
+            }
+          }
+        }
+      }
+    }
+    .txBox {
+      flex: 1;
+      // border: 1px solid red;
+      display: flex;
+      flex-direction: column;
+      .lineBox {
+        flex: 1;
+        // border: 1px solid red;
+      }
+    }
+  }
+}
+.bottomBox {
+  width: 100%;
+  // height: 49%;
+  // background: red;
+  // border: 1px solid red;
+  .bottomContent {
+    width: 100%;
+    .contentTop {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 8px 0;
+      .pgBox {
+        width: 136px;
+        height: 130px;
+        background: url('@/assets/images/Sponge_screen/QiaoLiang/FBox.png') no-repeat;
+        background-size: 100% 100%;
+        text-align: center;
+        .pgInfo {
+          width: 100%;
+          height: 89px;
+          display: flex;
+          flex-direction: column;
+          font-weight: bold;
+          font-size: 20px;
+          color: #00f2ff;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .pgTitle {
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          font-size: 14px;
+          color: #ffffff;
+          height: 14px;
+          line-height: 14px;
+          // border: 1px solid red;
+        }
+      }
+    }
+    .contentBottom {
+      width: 100%;
+      height: 39px;
+      box-sizing: border-box;
+      line-height: 39px;
+      background: url('@/assets/images/Sponge_screen/QiaoLiang/CBox.png') no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 16px;
+      color: #ebfeff;
+      .pgCompany {
+        color: #00f2ff;
+        margin-left: 20px;
+      }
+    }
+  }
+}
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
+  .ListBoxHeader_img {
+    width: 23px;
+    height: 27px;
+    margin-right: 5px;
+  }
+}
+</style>

diff --git a/src/assets/images/fhpl/djj.png b/src/assets/images/fhpl/djj.png
index 43e954d..f29dda0 100644
--- a/src/assets/images/fhpl/djj.png
+++ b/src/assets/images/fhpl/djj.png
Binary files differ
diff --git a/src/assets/images/fhpl/jsj.png b/src/assets/images/fhpl/jsj.png
index 9fabe07..bdfa127 100644
--- a/src/assets/images/fhpl/jsj.png
+++ b/src/assets/images/fhpl/jsj.png
Binary files differ
diff --git a/src/assets/images/fhpl/qsb.png b/src/assets/images/fhpl/qsb.png
index 0de8fd2..8cb928a 100644
--- a/src/assets/images/fhpl/qsb.png
+++ b/src/assets/images/fhpl/qsb.png
Binary files differ
diff --git a/src/assets/images/fhpl/qt.png b/src/assets/images/fhpl/qt.png
index 763631c..d144af8 100644
--- a/src/assets/images/fhpl/qt.png
+++ b/src/assets/images/fhpl/qt.png
Binary files differ
diff --git a/src/assets/images/fhpl/yb.png b/src/assets/images/fhpl/yb.png
index 795c1c4..032b76d 100644
--- a/src/assets/images/fhpl/yb.png
+++ b/src/assets/images/fhpl/yb.png
Binary files differ
diff --git a/src/assets/images/fhpl/yy.png b/src/assets/images/fhpl/yy.png
index 268557f..d815016 100644
--- a/src/assets/images/fhpl/yy.png
+++ b/src/assets/images/fhpl/yy.png
Binary files differ
diff --git a/src/assets/tunnelImg/bg_img.png b/src/assets/tunnelImg/bg_img.png
new file mode 100644
index 0000000..da4e9d6
--- /dev/null
+++ b/src/assets/tunnelImg/bg_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/hz_icon.png b/src/assets/tunnelImg/hz_icon.png
new file mode 100644
index 0000000..9ee60f6
--- /dev/null
+++ b/src/assets/tunnelImg/hz_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jgwyj_icon.png b/src/assets/tunnelImg/jgwyj_icon.png
new file mode 100644
index 0000000..30bc401
--- /dev/null
+++ b/src/assets/tunnelImg/jgwyj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/jianjie.png b/src/assets/tunnelImg/jianjie.png
new file mode 100644
index 0000000..752ae04
--- /dev/null
+++ b/src/assets/tunnelImg/jianjie.png
Binary files differ
diff --git a/src/assets/tunnelImg/jjwz.png b/src/assets/tunnelImg/jjwz.png
new file mode 100644
index 0000000..0163808
--- /dev/null
+++ b/src/assets/tunnelImg/jjwz.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_01.png b/src/assets/tunnelImg/jk_01.png
new file mode 100644
index 0000000..53347c1
--- /dev/null
+++ b/src/assets/tunnelImg/jk_01.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_02.png b/src/assets/tunnelImg/jk_02.png
new file mode 100644
index 0000000..b21811f
--- /dev/null
+++ b/src/assets/tunnelImg/jk_02.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_03.png b/src/assets/tunnelImg/jk_03.png
new file mode 100644
index 0000000..445bf70
--- /dev/null
+++ b/src/assets/tunnelImg/jk_03.png
Binary files differ
diff --git a/src/assets/tunnelImg/jk_04.png b/src/assets/tunnelImg/jk_04.png
new file mode 100644
index 0000000..a1045af
--- /dev/null
+++ b/src/assets/tunnelImg/jk_04.png
Binary files differ
diff --git a/src/assets/tunnelImg/jtsg_icon.png b/src/assets/tunnelImg/jtsg_icon.png
new file mode 100644
index 0000000..20b8f4c
--- /dev/null
+++ b/src/assets/tunnelImg/jtsg_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/kpbj_img.png b/src/assets/tunnelImg/kpbj_img.png
new file mode 100644
index 0000000..d7799d4
--- /dev/null
+++ b/src/assets/tunnelImg/kpbj_img.png
Binary files differ
diff --git a/src/assets/tunnelImg/lfj_icon.png b/src/assets/tunnelImg/lfj_icon.png
new file mode 100644
index 0000000..0bb3c87
--- /dev/null
+++ b/src/assets/tunnelImg/lfj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/qt_icon.png b/src/assets/tunnelImg/qt_icon.png
new file mode 100644
index 0000000..6432c5d
--- /dev/null
+++ b/src/assets/tunnelImg/qt_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/sxj_icon.png b/src/assets/tunnelImg/sxj_icon.png
new file mode 100644
index 0000000..3edabb1
--- /dev/null
+++ b/src/assets/tunnelImg/sxj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/tfjcBg.png b/src/assets/tunnelImg/tfjcBg.png
new file mode 100644
index 0000000..1223fe5
--- /dev/null
+++ b/src/assets/tunnelImg/tfjcBg.png
Binary files differ
diff --git a/src/assets/tunnelImg/tjy_icon.png b/src/assets/tunnelImg/tjy_icon.png
new file mode 100644
index 0000000..bd42b86
--- /dev/null
+++ b/src/assets/tunnelImg/tjy_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ybj_icon.png b/src/assets/tunnelImg/ybj_icon.png
new file mode 100644
index 0000000..8625974
--- /dev/null
+++ b/src/assets/tunnelImg/ybj_icon.png
Binary files differ
diff --git a/src/assets/tunnelImg/ydqt_icon.png b/src/assets/tunnelImg/ydqt_icon.png
new file mode 100644
index 0000000..485f6da
--- /dev/null
+++ b/src/assets/tunnelImg/ydqt_icon.png
Binary files differ
diff --git a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
index fbebc57..c56b836 100644
--- a/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
+++ b/src/views/oneMap/ConstructionEvaluation/ChartWssjcl.vue
@@ -113,6 +113,9 @@
         ],
       };
       option && chartDom.setOption(option, true);
+      chartDom.on('click', params => {
+        console.log(params, '1111');
+      });
       state.chart = chartDom;
     };
     watch(
diff --git a/src/views/oneMap/FloodStuationReview/xqRightBox.vue b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
index 6904333..d77768b 100644
--- a/src/views/oneMap/FloodStuationReview/xqRightBox.vue
+++ b/src/views/oneMap/FloodStuationReview/xqRightBox.vue
@@ -293,13 +293,13 @@
   {
     zb: '王家坪旧址门口',
     sz: '04-15 14:23:14',
-    szzt: '10m³/h',
+    szzt: '30mm',
     zt: '水位:55mm',
   },
   {
     zb: '东三巷排口',
     sz: '04-15 14:23:15',
-    szzt: '300mm',
+    szzt: '10m³/h',
     zt: '流量:43m³/h',
   },
 ]);
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index 7c8f839..959f1e3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -224,10 +224,10 @@
 const createCanvas = id => {
   let canvas = document.createElement('canvas');
   canvas.id = 'canvas' + id;
-  canvas.style.height = '110%';
-  canvas.style.width = '110%';
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
   canvas.style.position = 'relative';
-  canvas.style.top = '-17px';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
   document.getElementById('rainend').append(canvas);
   return canvas;
diff --git a/src/views/oneMap/components/ZHHM.vue b/src/views/oneMap/components/ZHHM.vue
index 1ea7288..23556f2 100644
--- a/src/views/oneMap/components/ZHHM.vue
+++ b/src/views/oneMap/components/ZHHM.vue
@@ -178,7 +178,7 @@
         </div>
       </div>
       <div class="ComBox RightBox1_2">
-        <div class="Box_header">城市排涝保障提升</div>
+        <div class="Box_header">城市防洪保障提升</div>
         <div class="Box_Body">
           <div id="CSPLBZTS"></div>
           <!-- <div class="SCPLBZ_changeBox">
@@ -191,16 +191,6 @@
               {{ item.name }}
             </div>
           </div> -->
-          <!-- <img
-            class="SCPBZXImg"
-            src="@/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png"
-            alt=""
-          />
-          <div class="ClickDiv_2 ClickDiv_21" @click="ClickDiv(21)"></div>
-          <div class="ClickDiv_2 ClickDiv_22" @click="ClickDiv(22)"></div>
-          <div class="ClickDiv_2 ClickDiv_23" @click="ClickDiv(23)"></div>
-          <div class="ClickDiv_2 ClickDiv_24" @click="ClickDiv(24)"></div>
-          <div class="ClickDiv_2 ClickDiv_25" @click="ClickDiv(25)"></div> -->
         </div>
       </div>
       <div class="ComBox RightBox1_3">
@@ -708,7 +698,7 @@
   }
   AllData.Charts4 = echarts.init(document.getElementById("CSPLBZTS"));
   var Data = {};
-  Data.yAxis = [141.49, 33, 14, 33, 39];
+  Data.yAxis = [141.49, 58.3, 14, 33, 39];
   var barTopColor = ["#fe7285FF", "#1f93ffFF", "#31e1adFF", "#e4cd61FF", "#12f9ffFF"];
   var barBottomColor = [
     "RGBA(154, 102, 125, 0.6)",
diff --git a/src/views/oneMap/components/ZHHM_JCFX.vue b/src/views/oneMap/components/ZHHM_JCFX.vue
index 42e81e6..14095d7 100644
--- a/src/views/oneMap/components/ZHHM_JCFX.vue
+++ b/src/views/oneMap/components/ZHHM_JCFX.vue
@@ -150,7 +150,7 @@
       </div>
     </div>
     <!-- 中部建议 -->
-    <div class="centerSuggest">
+    <div :class="['centerSuggest', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="flex">
         <div class="part">
           <div class="flex flex-align-center">
diff --git a/src/views/oneMap/components/ZHSD.vue b/src/views/oneMap/components/ZHSD.vue
index efc9290..1e783c8 100644
--- a/src/views/oneMap/components/ZHSD.vue
+++ b/src/views/oneMap/components/ZHSD.vue
@@ -1,28 +1,18 @@
 <template>
   <div id="ZHSD">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
-      智慧隧道
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
+      <LeftBox></LeftBox>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
-      智慧隧道
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
+      <RightBox></RightBox>
     </div>
   </div>
 </template>
 
 <script setup name="ZHSD">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
+import LeftBox from '@/views/oneMap/smartTunnel/LeftBox.vue';
+import RightBox from '@/views/oneMap/smartTunnel/RightBox.vue';
 const AllData = reactive({});
 const showPanel = ref(true); //面板展开收起
 // 面板内容展开收起控制
@@ -49,13 +39,13 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
   .RightBox {
     width: 450px;
@@ -63,13 +53,13 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 93, 114, 0.8) 0%,
-      rgba(0, 93, 114, 0.8) 100%
-    );
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border-radius: 6px;
+    // border: 1px solid #47eef3;
+
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
-    border: 1px solid #47eef3;
+    border: 1px solid #15d2fd;
   }
 }
 </style>
diff --git a/src/views/oneMap/smartTunnel/LeftBox.vue b/src/views/oneMap/smartTunnel/LeftBox.vue
new file mode 100644
index 0000000..20586bb
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/LeftBox.vue
@@ -0,0 +1,255 @@
+<template>
+  <div class="leftSD">
+    <!-- 隧道简介 -->
+    <div class="topBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道简介</div>
+      </div>
+      <div class="topContent contentBox">
+        <img :src="jianjie" alt="" class="topImg" />
+        <div class="topWZ">{{ introduce }}</div>
+      </div>
+    </div>
+    <!-- 感知设备 -->
+    <div class="centerBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">感知设备</div>
+      </div>
+      <div class="centerContent contentBox">
+        <div class="shebeiBox" v-for="(item, i) in shebeiList" :key="i">
+          <div class="shebeiBox_left">
+            <div class="shebeiBox_left_font" v-for="(t, k) in item.name" :key="k">{{ t }}</div>
+            <div class="shebeiBox_left_num">
+              <span>{{ item.num }}</span
+              >个
+            </div>
+          </div>
+          <div class="shebeiBox_right">
+            <img :src="item.icon" alt="" class="shebei_img" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 隧道监控 -->
+    <div class="bottomBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">隧道监控</div>
+      </div>
+      <div class="bottomContent contentBox">
+        <div class="videoBox" v-for="(item, i) in videoList" :key="i">
+          <img :src="item" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="leftSD">
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+
+// import ranqi_icon from '@/assets/newImgs/rq.png'; //燃气
+// import qiaoliang from '@/assets/newImgs/ql.png'; //桥梁
+// import sd_icon from '@/assets/newImgs/sd.png'; //隧道
+// import ps_icon from '@/assets/newImgs/ps.png'; //排水
+
+import jianjie from '@/assets/tunnelImg/jianjie.png';
+import jk_01 from '@/assets/tunnelImg/jk_01.png';
+import jk_02 from '@/assets/tunnelImg/jk_02.png';
+import jk_03 from '@/assets/tunnelImg/jk_03.png';
+import jk_04 from '@/assets/tunnelImg/jk_04.png';
+import lfj_icon from '@/assets/tunnelImg/lfj_icon.png';
+import sxj_icon from '@/assets/tunnelImg/sxj_icon.png';
+import qt_icon from '@/assets/tunnelImg/qt_icon.png';
+import jgwyj_icon from '@/assets/tunnelImg/jgwyj_icon.png';
+import tjy_icon from '@/assets/tunnelImg/tjy_icon.png';
+import ybj_icon from '@/assets/tunnelImg/ybj_icon.png';
+
+const introduce =
+  '延安市杨家岭隧道位于延安市中心城区西北部，走向大致由南向北。项目起点位于延安市拟建的延师桥北桥头、并与现有的延安市枣园路相交，路线向北穿杨家岭隧道至杨家岭沟内、与拟建的延安市杨家岭道路相交。路线全长0.911公里、其中隧道775米。';
+const videoList = [jk_01, jk_02, jk_03, jk_04];
+const shebeiList = [
+  {
+    name: ['激光位移计'],
+    icon: jgwyj_icon,
+    num: 27,
+  },
+  {
+    name: ['光纤光栅', '应变计'],
+    icon: ybj_icon,
+    num: 45,
+  },
+  {
+    name: ['光纤光栅', '调节仪'],
+    icon: tjy_icon,
+    num: 5,
+  },
+  {
+    name: ['光纤光栅', '裂缝计'],
+    icon: lfj_icon,
+    num: 27,
+  },
+  {
+    name: ['智能球形', '摄像机'],
+    icon: sxj_icon,
+    num: 4,
+  },
+  {
+    name: ['其他'],
+    icon: qt_icon,
+    num: 0,
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.leftSD {
+  width: 100%;
+  height: 100%;
+  // box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
+}
+
+.topBox {
+  width: 100%;
+  height: calc(100% - 486px);
+  // flex: 1;
+  // border: 1px solid red;
+  // background: red;
+  .topContent {
+    margin: 6px 0 5px;
+    height: calc(100% - 55px);
+    .topImg {
+      display: block;
+      width: 100%;
+      height: calc(100% - 135px);
+    }
+    .topWZ {
+      width: 100%;
+      height: 130px;
+      white-space: pre-wrap;
+      word-break: break-word;
+      text-indent: 2em;
+      overflow-y: auto;
+      padding: 10px;
+      // box-sizing: border-box;
+      background: url('@/assets/tunnelImg/jjwz.png') no-repeat;
+      background-size: 100% 100%;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      line-height: 22px;
+      color: #61cafc;
+    }
+  }
+}
+.centerBox {
+  // background: blue;
+  width: 100%;
+  // height: 33%;
+  .centerContent {
+    padding: 6px 0 6px;
+    height: 174px;
+    box-sizing: border-box;
+    .shebeiBox {
+      position: relative;
+      width: 136px;
+      height: 76px;
+      padding: 6px 5px 6px 8px;
+      // background: linear-gradient(0deg, rgba(17, 102, 139, 0.6) 0%, rgba(0, 65, 103, 0.3) 100%);
+      border-radius: 2px;
+      // border: 1px solid #007aa8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // kpbj_img
+      background: url('@/assets/tunnelImg/kpbj_img.png') no-repeat;
+      background-size: 100% 100%;
+      .shebeiBox_left {
+        z-index: 99;
+        height: 100%;
+        // padding: 10px 0;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .shebeiBox_left_font {
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          font-size: 14px;
+          color: #ffffff;
+          // height: 26px;
+          // line-height: 26px;
+        }
+        .shebeiBox_left_num {
+          font-weight: 500;
+          font-size: 12px;
+          color: #cef6ff;
+          span {
+            font-family: Source Han Sans CN;
+            font-weight: bold;
+            font-size: 22px;
+            color: #15d2fd;
+            margin-right: 10px;
+          }
+        }
+      }
+      .shebeiBox_right {
+        z-index: 99;
+        .shebei_img {
+          width: 50px;
+          height: 50px;
+        }
+      }
+    }
+  }
+}
+.bottomBox {
+  width: 100%;
+  // height: 35%;
+  // flex: 1;
+  .bottomContent {
+    margin-top: 6px;
+    // height: calc(100% - 50px);
+    height: 218px;
+    .videoBox {
+      // border: 1px solid red;
+      width: 206px;
+      height: 104px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+.contentBox {
+  // border: 1px solid yellow;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  align-content: space-between;
+}
+</style>
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
new file mode 100644
index 0000000..974e34e
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -0,0 +1,424 @@
+<!-- 总体概览右侧面板 -->
+<template>
+  <div class="rightSD">
+    <!-- 运行监测 -->
+    <div class="topBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">运行监测</div>
+      </div>
+      <div class="topContent">
+        <!-- 结构监测 -->
+        <div class="jcBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">结构监测</span>
+          </div>
+          <div class="jcBox_Content jgBox">
+            <div class="jcInfo" v-for="(item, index) in jgjcTitle" :key="item.code">
+              <div class="jcInfo_title">{{ item.name }}</div>
+              <div class="jcInfo_state" :class="jgjcData[item.code] == '1' ? '' : 'active'">
+                <div class="jcInfo_stateIcon" :class="jgjcData[item.code] == '1' ? '' : 'active'"></div>
+                {{ jgjcData[item.code] == '1' ? '正常' : '异常' }}
+              </div>
+              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'">派单</div>
+            </div>
+          </div>
+        </div>
+        <!-- 通行监测 -->
+        <div class="jcBox txBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">通行监测</span>
+          </div>
+          <div class="lineBox">
+            <twoLine :echartData="lineData" :refresh="chartRefresh" />
+          </div>
+        </div>
+        <!-- 突发事件监测 -->
+        <div class="jcBox">
+          <div class="jcBox_Header">
+            <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="jcBox_HeaderIcon" />
+            <span class="jcBox_HeaderFont">结构监测</span>
+          </div>
+          <div class="jcBox_Content">
+            <div class="tfInfo" v-for="(item, index) in tfjcTitle" :key="item.code">
+              <img :src="item.icon" alt="" class="tfInfo_icon" />
+              <div class="tfInfo_title">{{ item.name }}</div>
+              <div class="tfInfo_state" :class="tfjcData[item.code] == '0' ? '' : 'active'">
+                {{ tfjcData[item.code] == '1' ? '有' : '无' }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 检测评估 -->
+    <div class="bottomBox">
+      <div class="ListBoxHeader">
+        <div class="ListBoxHeader_font">检测评估</div>
+        <img src="@/assets/tunnelImg/bg_img.png" alt="" class="ListBoxHeader_img" />
+      </div>
+      <div class="bottomContent">
+        <div class="contentTop">
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.update.slice(0, 4) }}年</div>
+              <div>{{ assessment.update.slice(5, 7) }}月{{ assessment.update.slice(8) }}日</div>
+            </div>
+            <div class="pgTitle">最近一次检测</div>
+          </div>
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.state }}</div>
+            </div>
+            <div class="pgTitle">整体工作性能</div>
+          </div>
+          <div class="pgBox">
+            <div class="pgInfo">
+              <div>{{ assessment.level }}</div>
+            </div>
+            <div class="pgTitle">技术状况等级</div>
+          </div>
+        </div>
+        <div class="contentBottom">
+          <div>检测单位</div>
+          <div class="pgCompany">{{ assessment.company }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="rightSD">
+import twoLine from './components/twoLine.vue';
+import { ref, reactive, toRefs, onMounted } from 'vue';
+
+import yjsj from '@/assets/newImgs/yjsj.png'; //预警数据
+import czsj from '@/assets/newImgs/czsj.png'; //处置数据
+import czl from '@/assets/newImgs/czl.png'; //处置率
+
+import ranqi_icon from '@/assets/newImgs/ranqi_icon.png'; //燃气
+import qiaoliang from '@/assets/newImgs/qiaoliang.png'; //桥梁
+import sd_icon from '@/assets/newImgs/sd_icon.png'; //隧道
+import ps_icon from '@/assets/newImgs/ps_icon.png'; //隧道
+import fxzb from '@/assets/newImgs/fxzb.png'; //风险占比
+
+import hz_icon from '@/assets/tunnelImg/hz_icon.png';
+import jtsg_icon from '@/assets/tunnelImg/jtsg_icon.png';
+import ydqt_icon from '@/assets/tunnelImg/ydqt_icon.png';
+
+let chartRefresh = ref(Math.random());
+
+const assessment = ref({
+  update: '2023-11-20',
+  state: '良好',
+  level: '二类',
+  company: '陕西海嵘工程试验检测股份有限公司',
+});
+const jgjcTitle = [
+  { name: '沉降监测', code: 'cj' },
+  { name: '滑坡监测', code: 'hp' },
+  { name: '收敛监测', code: 'sl' },
+  { name: '裂缝监测', code: 'lf' },
+  { name: '水位监测', code: 'sw' },
+  { name: '应变监测', code: 'yb' },
+];
+const jgjcData = ref({
+  cj: '1',
+  hp: '1',
+  sl: '0',
+  lf: '1',
+  sw: '1',
+  yb: '1',
+});
+const tfjcTitle = [
+  { name: '火灾', code: 'hz', icon: hz_icon },
+  { name: '交通事故', code: 'jt', icon: jtsg_icon },
+  { name: '有毒气体', code: 'dq', icon: ydqt_icon },
+];
+const tfjcData = ref({
+  hz: '0',
+  jt: '0',
+  dq: '0',
+});
+
+const lineData = ref({
+  tabX: ['9/1', '9/2', '9/3', '9/4', '9/5', '9/6', '9/7'],
+  unit: '辆',
+  series: [
+    {
+      name: '南向北',
+      tabY: ['0', '150', '150', '200', '130', '320', '300'],
+    },
+    {
+      name: '北向南',
+      tabY: ['100', '200', '200', '150', '240', '240', '180'],
+    },
+  ],
+});
+
+watch(
+  () => lineData.value,
+  (newVal, oldVal) => {
+    // console.log('change', newVal);
+    // eData.value = ArrayToObject(newVal.slice(0, 10));
+    // eData.value.headerList = headerList.value;
+    nextTick(() => {
+      chartRefresh.value = Math.random();
+    });
+    // console.log('obj', rightData.value);
+  },
+  {
+    immediate: true,
+    deep: true,
+  }
+);
+
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+.rightSD {
+  width: 100%;
+  height: 100%;
+  // box-sizing: border-box;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+}
+
+.topBox {
+  width: 100%;
+  flex: 1;
+  // height: 49%;
+  // background: yellowgreen;
+  .topContent {
+    width: 100%;
+    margin: 0px 0 5px;
+    height: calc(100% - 49px);
+    display: flex;
+    flex-direction: column;
+    // border: 1px solid red;
+    .jcBox {
+      width: 100%;
+      margin-top: 5px;
+      .jcBox_Header {
+        height: 24px;
+        width: 100%;
+        .jcBox_HeaderIcon {
+          width: 24px;
+          height: 24px;
+          vertical-align: middle;
+        }
+        .jcBox_HeaderFont {
+          display: inline-block;
+          font-family: Source Han Sans CN;
+          font-weight: bold;
+          font-size: 14px;
+          color: #ebfeff;
+          height: 24px;
+          line-height: 24px;
+          position: relative;
+
+          &::after {
+            content: '';
+            width: 60px;
+            height: 10px;
+            background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
+            position: absolute;
+            bottom: 0;
+            left: 0;
+          }
+        }
+      }
+      .jgBox {
+        height: 140px;
+      }
+      .jcBox_Content {
+        margin-top: 5px;
+        // border: 1px solid red;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        align-content: space-between;
+        .jcInfo {
+          position: relative;
+          width: 200px;
+          height: 40px;
+          background: linear-gradient(90deg, rgba(21, 210, 253, 0.2) 0%, rgba(21, 210, 253, 0.05) 100%);
+          display: flex;
+          align-items: center;
+          // justify-content: space-between;
+          &::before {
+            content: '';
+            width: 4px;
+            height: 40px;
+            position: absolute;
+            left: 0;
+            top: 0;
+            background: #00f2ff;
+          }
+          .jcInfo_title {
+            font-weight: bold;
+            font-size: 16px;
+            color: #ebfeff;
+            margin-left: 15px;
+          }
+          .jcInfo_state {
+            display: flex;
+            align-items: center;
+            color: #00ff9c;
+            margin-left: 16px;
+            &.active {
+              color: #fe667b;
+            }
+            .jcInfo_stateIcon {
+              width: 10px;
+              height: 10px;
+              background: #00ff9c;
+              border-radius: 50%;
+              margin-right: 3px;
+              &.active {
+                background: #fe667b;
+              }
+            }
+          }
+          .jcInfo_btn {
+            width: 38px;
+            height: 21px;
+            margin-left: 18px;
+            background: #0ea3c3;
+            border-radius: 11px;
+            font-weight: 500;
+            font-size: 14px;
+            color: #ebfeff;
+            text-align: center;
+          }
+        }
+        .tfInfo {
+          width: 136px;
+          height: 130px;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          background: url('@/assets/tunnelImg/tfjcBg.png') no-repeat;
+          background-size: 100% 100%;
+          .tfInfo_icon {
+            width: 60px;
+            height: 60px;
+          }
+          .tfInfo_title {
+            font-weight: bold;
+            font-size: 14px;
+            color: #09bdf2;
+          }
+          .tfInfo_state {
+            font-weight: bold;
+            font-size: 26px;
+            color: #3effb9;
+            &.active {
+              color: #fe667b;
+            }
+          }
+        }
+      }
+    }
+    .txBox {
+      flex: 1;
+      // border: 1px solid red;
+      display: flex;
+      flex-direction: column;
+      .lineBox {
+        flex: 1;
+        // border: 1px solid red;
+      }
+    }
+  }
+}
+.bottomBox {
+  width: 100%;
+  // height: 49%;
+  // background: red;
+  // border: 1px solid red;
+  .bottomContent {
+    width: 100%;
+    .contentTop {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 8px 0;
+      .pgBox {
+        width: 136px;
+        height: 130px;
+        background: url('@/assets/images/Sponge_screen/QiaoLiang/FBox.png') no-repeat;
+        background-size: 100% 100%;
+        text-align: center;
+        .pgInfo {
+          width: 100%;
+          height: 89px;
+          display: flex;
+          flex-direction: column;
+          font-weight: bold;
+          font-size: 20px;
+          color: #00f2ff;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .pgTitle {
+          font-family: Source Han Sans CN;
+          font-weight: 500;
+          font-size: 14px;
+          color: #ffffff;
+          height: 14px;
+          line-height: 14px;
+          // border: 1px solid red;
+        }
+      }
+    }
+    .contentBottom {
+      width: 100%;
+      height: 39px;
+      box-sizing: border-box;
+      line-height: 39px;
+      background: url('@/assets/images/Sponge_screen/QiaoLiang/CBox.png') no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 16px;
+      color: #ebfeff;
+      .pgCompany {
+        color: #00f2ff;
+        margin-left: 20px;
+      }
+    }
+  }
+}
+.ListBoxHeader {
+  height: 44px;
+  line-height: 50px;
+  width: 98%;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background-size: 100% 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // margin: 7px 0px 0px 8px;
+  .ListBoxHeader_font {
+    font-family: PangMenZhengDao;
+    font-weight: 400;
+    font-size: 23px;
+    color: #ebfeff;
+    padding-left: 34px;
+  }
+  .ListBoxHeader_img {
+    width: 23px;
+    height: 27px;
+    margin-right: 5px;
+  }
+}
+</style>
diff --git a/src/views/oneMap/smartTunnel/components/twoLine.vue b/src/views/oneMap/smartTunnel/components/twoLine.vue
new file mode 100644
index 0000000..1ba54c5
--- /dev/null
+++ b/src/views/oneMap/smartTunnel/components/twoLine.vue
@@ -0,0 +1,199 @@
+<template>
+  <div class="chartBox" :id="id"></div>
+</template>
+<script setup name="twoLine">
+import { guid } from '@/utils/ruoyi';
+
+const { proxy } = getCurrentInstance();
+const props = defineProps({
+  //刷新标志
+  refresh: {
+    type: [String, Number],
+    default: 1,
+  },
+  //数据
+  echartData: {
+    type: Object,
+    default: {
+      series: [],
+    },
+  },
+  title: {
+    type: String,
+    default: '',
+  },
+});
+// console.log('-------------------', props.title);
+
+const id = guid();
+const myChart = shallowRef('');
+
+watch(
+  () => props.refresh,
+  value => {
+    //先销毁实例
+    myChart.value && myChart.value.dispose();
+    intChart();
+  }
+);
+//自适应
+function resizeTheChart() {
+  if (myChart.value) {
+    myChart.value.resize();
+  }
+}
+//初始化
+function intChart() {
+  myChart.value = proxy.echarts.init(document.getElementById(id));
+  myChart.value.clear();
+  // 绘制图表
+  if (!props.echartData.series.length) return;
+  let seriesOption = [];
+  let colorOption = [
+    ['rgba(49, 119, 255, 1)', 'rgba(49, 119, 255, 0.1)'],
+    ['rgba(19,229,154, 1)', 'rgba(19,229,154, 0.1)'],
+  ];
+  props.echartData.series.forEach((item, index) => {
+    let obj = {};
+    obj.name = item.name;
+    obj.type = 'line';
+    obj.data = item.tabY;
+    obj.showAllSymbol = true; //显示所有图形。
+    // obj.smooth = true;
+    obj.smooth = false;
+    obj.symbol = 'circle'; //标记的图形为实心圆
+    obj.symbolSize = 6; //标记的大小
+    obj.lineStyle = {
+      color: colorOption[index][0],
+    };
+    obj.tooltip = {
+      valueFormatter: function (value) {
+        return value + (props.echartData.unit || '');
+      },
+    };
+    obj.areaStyle = {
+      color: new proxy.echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        {
+          offset: 0,
+          color: colorOption[index][0],
+        },
+        {
+          offset: 1,
+          color: colorOption[index][1],
+        },
+      ]),
+    };
+    obj.itemStyle = {
+      //折线拐点标志的样式
+      color: colorOption[index][0],
+    };
+
+    seriesOption.push(obj);
+  });
+
+  myChart.value.setOption({
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'shadow',
+        label: {
+          show: true,
+        },
+      },
+    },
+    grid: {
+      top: '22%',
+      bottom: '15%', //也可设置left和right设置距离来控制图表的大小
+      left: '10%',
+      right: '5%',
+    },
+    legend: {
+      show: true,
+      // itemWidth: 20,
+      // itemHeight: 8,
+      itemGap: 30,
+      top: 6,
+      icon: 'rect', // 设置图例图标为矩形
+      itemWidth: 10, // 图例图标宽度
+      itemHeight: 10, // 图例图标高度
+      selectedMode: false,
+      data: ['南向北', '北向南'],
+      textStyle: {
+        color: '#7e99aa',
+        fontSize: 12,
+      },
+    },
+    xAxis: {
+      data: props.echartData.tabX,
+      // data: ["9/1", "9/2","9/3", "9/4","9/5","9/6","9/7"],
+      axisLine: {
+        show: true, //隐藏X轴轴线
+        lineStyle: {
+          color: '#357da7',
+        },
+      },
+      axisTick: {
+        show: false, //隐藏X轴刻度
+        lineStyle: {
+          // color: 'rgba(171, 171, 171, 1)',
+        },
+      },
+      axisLabel: {
+        show: true,
+        color: '#e2f5f7',
+        // interval: 0,
+        fontSize: 12,
+        // formatter: function (value) {
+        //   // return value.split(' ').join('\n');
+        //   return value.slice(5);
+        // },
+      },
+      // splitLine: {    //网格线
+      //   lineStyle: {
+      //     type: 'dashed'    //设置网格线类型 dotted：虚线   solid:实线
+      //   },
+      //   show: true //隐藏或显示
+      // },
+    },
+    yAxis: {
+      type: 'value',
+      name: props.echartData.unit || '',
+      nameLocation: 'end', // 将名称靠顶部
+      // nameRotate: 0, // 名称水平显示
+      nameTextStyle: {
+        color: '#7e99aa',
+        fontSize: 12,
+        padding: [0, 20, -2, 0],
+      },
+      axisLine: {
+        show: false,
+      },
+      axisLabel: {
+        show: true,
+        color: '#7e99aa',
+        fontSize: 12,
+      },
+      splitLine: {
+        //网格线
+        lineStyle: {
+          type: 'solid',
+          color: '#357da7', //设置网格线类型 dotted：虚线   solid:实线
+        },
+        show: true, //隐藏或显示
+      },
+    },
+    series: seriesOption,
+  });
+}
+onMounted(() => {
+  intChart();
+  window.addEventListener('resize', resizeTheChart);
+});
+</script>
+
+<style lang="scss" scoped>
+.chartBox {
+  width: 100%;
+  height: 100%;
+}
+</style>