diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 51ef2c4..dab8b09 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -101,8 +101,8 @@
           {
             type: 'value',
             gridIndex: 0,
-            min: 50,
-            max: 100,
+            min: 0,
+            max: 40,
             splitNumber: 8,
             interval: 5,
             axisLine: {

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 51ef2c4..dab8b09 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -101,8 +101,8 @@
           {
             type: 'value',
             gridIndex: 0,
-            min: 50,
-            max: 100,
+            min: 0,
+            max: 40,
             splitNumber: 8,
             interval: 5,
             axisLine: {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 553264d..b4a2cd2 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -20,7 +20,7 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true"/>
+  <FXHG v-if="curType == true" />
 </template>
 
 <script setup name="FHPL">
@@ -52,7 +52,7 @@
   curType.value = true;
 }
 const change = date => {
-  checkTime.value=date
+  checkTime.value = date;
 
   isShowMonitorCalender.value = false;
   Showtop.value = false;
@@ -117,8 +117,8 @@
       top: 3px;
       background: #003756;
       border-radius: 15px;
-      border: 1px solid;
-      border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
+      border: 1px solid #53c6c9;
+      // border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
       font-family: Source Han Sans CN;
       font-weight: 500;
       font-size: 16px;

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 51ef2c4..dab8b09 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -101,8 +101,8 @@
           {
             type: 'value',
             gridIndex: 0,
-            min: 50,
-            max: 100,
+            min: 0,
+            max: 40,
             splitNumber: 8,
             interval: 5,
             axisLine: {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 553264d..b4a2cd2 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -20,7 +20,7 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true"/>
+  <FXHG v-if="curType == true" />
 </template>
 
 <script setup name="FHPL">
@@ -52,7 +52,7 @@
   curType.value = true;
 }
 const change = date => {
-  checkTime.value=date
+  checkTime.value = date;
 
   isShowMonitorCalender.value = false;
   Showtop.value = false;
@@ -117,8 +117,8 @@
       top: 3px;
       background: #003756;
       border-radius: 15px;
-      border: 1px solid;
-      border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
+      border: 1px solid #53c6c9;
+      // border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
       font-family: Source Han Sans CN;
       font-weight: 500;
       font-size: 16px;
diff --git a/src/views/oneMap/components/ZHQL.vue b/src/views/oneMap/components/ZHQL.vue
index d446ee9..a8cccf9 100644
--- a/src/views/oneMap/components/ZHQL.vue
+++ b/src/views/oneMap/components/ZHQL.vue
@@ -1,19 +1,10 @@
 <template>
   <div id="ZHQL">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">桥梁简介</div>
         <div class="Box_Body">
-          <img
-            src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png"
-            class="JJImg"
-          />
+          <img src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png" class="JJImg" />
           <div class="JJFont">
             延安王家坪大桥（彩虹桥）位于延安市王家坪革命纪念馆前，是根据延安王家坪革命纪念馆的总体布局和延安城区防洪需要，由省政府决定、省交通厅负责实施的，是在原桥位置上新建的一座特大桥。该项工程于１９９７年４月２２日开工建设，１９９８年９月２８日竣工通车，工程总投资３６６７万元。
           </div>
@@ -36,22 +27,13 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox RightBox1_1">
         <div class="Box_header">运行监测</div>
         <div class="Box_Body">
           <div class="YXJC_Box YXJC_Box1">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">结构监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -85,10 +67,7 @@
               </div>
               <!-- gif  -->
               <div class="JGGIFBox">
-                <img
-                  src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png"
-                  class="JGGIF"
-                />
+                <img src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png" class="JGGIF" />
                 <span class="JGNum">90</span>
                 <span class="JGUnit">分</span>
               </div>
@@ -96,25 +75,16 @@
           </div>
           <div class="YXJC_Box YXJC_Box2">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">通行监测</span>
             </div>
             <div class="YXJC_Box_body">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png"
-                class="YXJC_Box2Img"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/ql.png" class="YXJC_Box2Img" />
             </div>
           </div>
           <div class="YXJC_Box YXJC_Box3">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">负荷监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -127,21 +97,11 @@
               </div>
               <div class="YXJC_Box3_tableBody">
                 <div class="YXJC_Box3_tableList" v-for="item in AllData.YXJCTableData">
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{
-                    item.fx
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{
-                    item.cp
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{
-                    item.sj
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{
-                    item.zz
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{
-                    item.cz
-                  }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{ item.fx }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{ item.cp }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{ item.sj }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{ item.zz }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{ item.cz }}</span>
                 </div>
               </div>
             </div>
@@ -170,13 +130,7 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'TopBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
-    >
+    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="TopInfoList" v-for="item in AllData.TopInfoData">
         <img class="TopInfoListIcon" :src="item.icon" alt="" />
         <div class="TopInfoListFont">{{ item.font }}</div>
@@ -189,24 +143,24 @@
 </template>
 
 <script setup name="ZHQL">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
 // 感知设备引入
-import GZSB1 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png";
-import GZSB2 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png";
-import GZSB3 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png";
-import GZSB4 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png";
-import GZSB5 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png";
-import GZSB6 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png";
+import GZSB1 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png';
+import GZSB2 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png';
+import GZSB3 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png';
+import GZSB4 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png';
+import GZSB5 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png';
+import GZSB6 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png';
 // 视频监控引入
-import SPJK1 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png";
-import SPJK2 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png";
-import SPJK3 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png";
-import SPJK4 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png";
+import SPJK1 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png';
+import SPJK2 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png';
+import SPJK3 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png';
+import SPJK4 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png';
 // 顶部信息展示
-import QL_WD from "@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png";
-import QL_SD from "@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png";
-import QL_FS from "@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png";
-import QL_FL from "@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png";
+import QL_WD from '@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png';
+import QL_SD from '@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png';
+import QL_FS from '@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png';
+import QL_FL from '@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png';
 const AllData = reactive({
   // 感知设备
   GZSBData: [
@@ -257,45 +211,45 @@
   // 负荷检测
   YXJCTableData: [
     {
-      fx: "北向南",
-      cp: "陕J-24YU8",
-      sj: "2024-09-30 12:26:00",
-      zz: "54.6",
-      cz: "16.2",
+      fx: '北向南',
+      cp: '陕J-24YU8',
+      sj: '2024-09-30 12:26:00',
+      zz: '54.6',
+      cz: '16.2',
     },
     {
-      fx: "南北向",
-      cp: "陕J-24YU8",
-      sj: "2024-09-29 16:32:00",
-      zz: "48",
-      cz: "9.6",
+      fx: '南北向',
+      cp: '陕J-24YU8',
+      sj: '2024-09-29 16:32:00',
+      zz: '48',
+      cz: '9.6',
     },
   ],
   // 顶部信息展示
   TopInfoData: [
     {
       icon: QL_WD,
-      font: "温度",
-      num: "16",
-      unit: "℃",
+      font: '温度',
+      num: '16',
+      unit: '℃',
     },
     {
       icon: QL_SD,
-      font: "湿度",
-      num: "32",
-      unit: "%",
+      font: '湿度',
+      num: '32',
+      unit: '%',
     },
     {
       icon: QL_FS,
-      font: "风俗",
-      num: "5.2",
-      unit: "m/s",
+      font: '风俗',
+      num: '5.2',
+      unit: 'm/s',
     },
     {
       icon: QL_FL,
-      font: "风力",
-      num: "4",
-      unit: "级",
+      font: '风力',
+      num: '4',
+      unit: '级',
     },
   ],
 });
@@ -324,11 +278,7 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -357,11 +307,7 @@
         text-indent: 2ch;
         box-sizing: border-box;
         padding: 20px;
-        background: linear-gradient(
-          0deg,
-          rgba(35, 152, 196, 0.5) 0%,
-          rgba(0, 80, 133, 0.3) 100%
-        );
+        background: linear-gradient(0deg, rgba(35, 152, 196, 0.5) 0%, rgba(0, 80, 133, 0.3) 100%);
         // animation: moveUp 2s infinite;
         overflow: auto;
       }
@@ -414,11 +360,7 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -454,14 +396,10 @@
             position: relative;
 
             &::after {
-              content: "";
+              content: '';
               width: 60px;
               height: 10px;
-              background: linear-gradient(
-                0deg,
-                rgba(0, 242, 255, 0.5) 0%,
-                rgba(0, 242, 255, 0) 100%
-              );
+              background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
               position: absolute;
               bottom: 0;
               left: 0;
@@ -491,11 +429,7 @@
             height: 40px;
             width: 150px;
             border-left: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(21, 210, 253, 0) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0.2) 0%, rgba(21, 210, 253, 0) 100%);
             margin-bottom: 10px;
             text-align: left;
             position: relative;
@@ -535,11 +469,7 @@
             height: 40px;
             width: 150px;
             border-right: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0) 0%,
-              rgba(21, 210, 253, 0.2) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0) 0%, rgba(21, 210, 253, 0.2) 100%);
             margin-bottom: 10px;
             position: relative;
             .Font {
@@ -619,11 +549,7 @@
           width: 100%;
           height: 40px;
           line-height: 40px;
-          background: linear-gradient(
-            0deg,
-            rgba(21, 210, 253, 0.2) 0%,
-            rgba(0, 158, 164, 0.5) 100%
-          );
+          background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.5) 100%);
           border-radius: 2px;
         }
 
@@ -636,11 +562,7 @@
             width: 100%;
             height: 60px;
             line-height: 60px;
-            background: linear-gradient(
-              0deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(0, 158, 164, 0.05) 100%
-            );
+            background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
             .YXJC_Box3_tableSpan5 {
@@ -690,8 +612,7 @@
         .FBox {
           width: 135px;
           height: 130px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/FBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/FBox.png') no-repeat center;
           background-size: cover;
           display: flex;
           flex-direction: column;
@@ -727,8 +648,7 @@
         .CBox {
           width: 428px;
           height: 39px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/CBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/CBox.png') no-repeat center;
           background-size: cover;
           margin-top: 10px;
           .Font1 {
@@ -824,8 +744,7 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
-        center;
+      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 51ef2c4..dab8b09 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -101,8 +101,8 @@
           {
             type: 'value',
             gridIndex: 0,
-            min: 50,
-            max: 100,
+            min: 0,
+            max: 40,
             splitNumber: 8,
             interval: 5,
             axisLine: {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 553264d..b4a2cd2 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -20,7 +20,7 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true"/>
+  <FXHG v-if="curType == true" />
 </template>
 
 <script setup name="FHPL">
@@ -52,7 +52,7 @@
   curType.value = true;
 }
 const change = date => {
-  checkTime.value=date
+  checkTime.value = date;
 
   isShowMonitorCalender.value = false;
   Showtop.value = false;
@@ -117,8 +117,8 @@
       top: 3px;
       background: #003756;
       border-radius: 15px;
-      border: 1px solid;
-      border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
+      border: 1px solid #53c6c9;
+      // border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
       font-family: Source Han Sans CN;
       font-weight: 500;
       font-size: 16px;
diff --git a/src/views/oneMap/components/ZHQL.vue b/src/views/oneMap/components/ZHQL.vue
index d446ee9..a8cccf9 100644
--- a/src/views/oneMap/components/ZHQL.vue
+++ b/src/views/oneMap/components/ZHQL.vue
@@ -1,19 +1,10 @@
 <template>
   <div id="ZHQL">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">桥梁简介</div>
         <div class="Box_Body">
-          <img
-            src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png"
-            class="JJImg"
-          />
+          <img src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png" class="JJImg" />
           <div class="JJFont">
             延安王家坪大桥（彩虹桥）位于延安市王家坪革命纪念馆前，是根据延安王家坪革命纪念馆的总体布局和延安城区防洪需要，由省政府决定、省交通厅负责实施的，是在原桥位置上新建的一座特大桥。该项工程于１９９７年４月２２日开工建设，１９９８年９月２８日竣工通车，工程总投资３６６７万元。
           </div>
@@ -36,22 +27,13 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox RightBox1_1">
         <div class="Box_header">运行监测</div>
         <div class="Box_Body">
           <div class="YXJC_Box YXJC_Box1">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">结构监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -85,10 +67,7 @@
               </div>
               <!-- gif  -->
               <div class="JGGIFBox">
-                <img
-                  src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png"
-                  class="JGGIF"
-                />
+                <img src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png" class="JGGIF" />
                 <span class="JGNum">90</span>
                 <span class="JGUnit">分</span>
               </div>
@@ -96,25 +75,16 @@
           </div>
           <div class="YXJC_Box YXJC_Box2">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">通行监测</span>
             </div>
             <div class="YXJC_Box_body">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png"
-                class="YXJC_Box2Img"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/ql.png" class="YXJC_Box2Img" />
             </div>
           </div>
           <div class="YXJC_Box YXJC_Box3">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">负荷监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -127,21 +97,11 @@
               </div>
               <div class="YXJC_Box3_tableBody">
                 <div class="YXJC_Box3_tableList" v-for="item in AllData.YXJCTableData">
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{
-                    item.fx
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{
-                    item.cp
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{
-                    item.sj
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{
-                    item.zz
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{
-                    item.cz
-                  }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{ item.fx }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{ item.cp }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{ item.sj }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{ item.zz }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{ item.cz }}</span>
                 </div>
               </div>
             </div>
@@ -170,13 +130,7 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'TopBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
-    >
+    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="TopInfoList" v-for="item in AllData.TopInfoData">
         <img class="TopInfoListIcon" :src="item.icon" alt="" />
         <div class="TopInfoListFont">{{ item.font }}</div>
@@ -189,24 +143,24 @@
 </template>
 
 <script setup name="ZHQL">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
 // 感知设备引入
-import GZSB1 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png";
-import GZSB2 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png";
-import GZSB3 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png";
-import GZSB4 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png";
-import GZSB5 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png";
-import GZSB6 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png";
+import GZSB1 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png';
+import GZSB2 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png';
+import GZSB3 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png';
+import GZSB4 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png';
+import GZSB5 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png';
+import GZSB6 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png';
 // 视频监控引入
-import SPJK1 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png";
-import SPJK2 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png";
-import SPJK3 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png";
-import SPJK4 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png";
+import SPJK1 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png';
+import SPJK2 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png';
+import SPJK3 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png';
+import SPJK4 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png';
 // 顶部信息展示
-import QL_WD from "@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png";
-import QL_SD from "@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png";
-import QL_FS from "@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png";
-import QL_FL from "@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png";
+import QL_WD from '@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png';
+import QL_SD from '@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png';
+import QL_FS from '@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png';
+import QL_FL from '@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png';
 const AllData = reactive({
   // 感知设备
   GZSBData: [
@@ -257,45 +211,45 @@
   // 负荷检测
   YXJCTableData: [
     {
-      fx: "北向南",
-      cp: "陕J-24YU8",
-      sj: "2024-09-30 12:26:00",
-      zz: "54.6",
-      cz: "16.2",
+      fx: '北向南',
+      cp: '陕J-24YU8',
+      sj: '2024-09-30 12:26:00',
+      zz: '54.6',
+      cz: '16.2',
     },
     {
-      fx: "南北向",
-      cp: "陕J-24YU8",
-      sj: "2024-09-29 16:32:00",
-      zz: "48",
-      cz: "9.6",
+      fx: '南北向',
+      cp: '陕J-24YU8',
+      sj: '2024-09-29 16:32:00',
+      zz: '48',
+      cz: '9.6',
     },
   ],
   // 顶部信息展示
   TopInfoData: [
     {
       icon: QL_WD,
-      font: "温度",
-      num: "16",
-      unit: "℃",
+      font: '温度',
+      num: '16',
+      unit: '℃',
     },
     {
       icon: QL_SD,
-      font: "湿度",
-      num: "32",
-      unit: "%",
+      font: '湿度',
+      num: '32',
+      unit: '%',
     },
     {
       icon: QL_FS,
-      font: "风俗",
-      num: "5.2",
-      unit: "m/s",
+      font: '风俗',
+      num: '5.2',
+      unit: 'm/s',
     },
     {
       icon: QL_FL,
-      font: "风力",
-      num: "4",
-      unit: "级",
+      font: '风力',
+      num: '4',
+      unit: '级',
     },
   ],
 });
@@ -324,11 +278,7 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -357,11 +307,7 @@
         text-indent: 2ch;
         box-sizing: border-box;
         padding: 20px;
-        background: linear-gradient(
-          0deg,
-          rgba(35, 152, 196, 0.5) 0%,
-          rgba(0, 80, 133, 0.3) 100%
-        );
+        background: linear-gradient(0deg, rgba(35, 152, 196, 0.5) 0%, rgba(0, 80, 133, 0.3) 100%);
         // animation: moveUp 2s infinite;
         overflow: auto;
       }
@@ -414,11 +360,7 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -454,14 +396,10 @@
             position: relative;
 
             &::after {
-              content: "";
+              content: '';
               width: 60px;
               height: 10px;
-              background: linear-gradient(
-                0deg,
-                rgba(0, 242, 255, 0.5) 0%,
-                rgba(0, 242, 255, 0) 100%
-              );
+              background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
               position: absolute;
               bottom: 0;
               left: 0;
@@ -491,11 +429,7 @@
             height: 40px;
             width: 150px;
             border-left: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(21, 210, 253, 0) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0.2) 0%, rgba(21, 210, 253, 0) 100%);
             margin-bottom: 10px;
             text-align: left;
             position: relative;
@@ -535,11 +469,7 @@
             height: 40px;
             width: 150px;
             border-right: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0) 0%,
-              rgba(21, 210, 253, 0.2) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0) 0%, rgba(21, 210, 253, 0.2) 100%);
             margin-bottom: 10px;
             position: relative;
             .Font {
@@ -619,11 +549,7 @@
           width: 100%;
           height: 40px;
           line-height: 40px;
-          background: linear-gradient(
-            0deg,
-            rgba(21, 210, 253, 0.2) 0%,
-            rgba(0, 158, 164, 0.5) 100%
-          );
+          background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.5) 100%);
           border-radius: 2px;
         }
 
@@ -636,11 +562,7 @@
             width: 100%;
             height: 60px;
             line-height: 60px;
-            background: linear-gradient(
-              0deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(0, 158, 164, 0.05) 100%
-            );
+            background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
             .YXJC_Box3_tableSpan5 {
@@ -690,8 +612,7 @@
         .FBox {
           width: 135px;
           height: 130px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/FBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/FBox.png') no-repeat center;
           background-size: cover;
           display: flex;
           flex-direction: column;
@@ -727,8 +648,7 @@
         .CBox {
           width: 428px;
           height: 39px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/CBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/CBox.png') no-repeat center;
           background-size: cover;
           margin-top: 10px;
           .Font1 {
@@ -824,8 +744,7 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
-        center;
+      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;
diff --git a/src/views/oneMap/components/topTimePick.vue b/src/views/oneMap/components/topTimePick.vue
index 44957bc..6fb92fc 100644
--- a/src/views/oneMap/components/topTimePick.vue
+++ b/src/views/oneMap/components/topTimePick.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="reviewTopTime flex flex-justcontent-spacebetween">
-    <div class="time">当前回顾：从<span>{{huiguActiveTime}} 8:00</span>到<span>{{moment(huiguActiveTime).add(1, "days").format("YYYY-MM-DD")}} 8:00</span></div>
+    <div class="time">
+      当前回顾：从<span>{{ huiguActiveTime }} 8:00</span>到<span
+        >{{ moment(huiguActiveTime).add(1, 'days').format('YYYY-MM-DD') }} 8:00</span
+      >
+    </div>
     <div class="select">
       更多回顾
       <el-date-picker
@@ -9,14 +13,14 @@
         value-format="YYYY-MM-DD"
         type="date"
         :disabled-date="hgDisabledDate"
-        @panel-change='yueChange'
-        @change='dayChange'
-        popper-class='dayListPop'
+        @panel-change="yueChange"
+        @change="dayChange"
+        popper-class="dayListPop"
       >
         <template #default="cell">
           <div class="el-date-table-cell" :class="{ current: cell.isCurrent }">
             <div class="day">{{ cell.text }}</div>
-            <div v-if="isHoliday(cell)" class="num">{{isHoliVal(cell)}}mm</div>
+            <div v-if="isHoliday(cell)" class="num">{{ isHoliVal(cell) }}mm</div>
           </div>
         </template>
       </el-date-picker>
@@ -31,168 +35,180 @@
 
 // let huiguActiveTime=ref(proxy.moment().add(-1, "days").format('YYYY-MM-DD'))
 
-let huiguActiveTime=ref('')
-let huiguListTime=ref([])
-let huiguActiveMoon=ref('')
-function getRainTime(){
-  hsApi.rainCalendarLately().then(res=>{
-    huiguActiveTime.value=res
-    emits('selectTime',huiguActiveTime.value);
-    huiguActiveMoon.value=proxy.moment(res).format('YYYY-MM')
-    if(huiguActiveTime.value!=''){
-      getRainData()
+let huiguActiveTime = ref('');
+let huiguListTime = ref([]);
+let huiguActiveMoon = ref('');
+function getRainTime() {
+  hsApi.rainCalendarLately().then(res => {
+    huiguActiveTime.value = res;
+    emits('selectTime', huiguActiveTime.value);
+    huiguActiveMoon.value = proxy.moment(res).format('YYYY-MM');
+    if (huiguActiveTime.value != '') {
+      getRainData();
     }
-  })
+  });
 }
-function getRainData(){
-  let parms={queryTime:huiguActiveMoon.value}
-  hsApi.rainCalendar(parms).then(res=>{
-    let array=[]
-    res.forEach((i,d)=>{
-      if(i.weather!='无雨'){
-        array.push(i)
+function getRainData() {
+  let parms = { queryTime: huiguActiveMoon.value };
+  hsApi.rainCalendar(parms).then(res => {
+    let array = [];
+    res.forEach((i, d) => {
+      if (i.weather != '无雨') {
+        array.push(i);
       }
-    })
-    huiguListTime.value=array
-  })
+    });
+    huiguListTime.value = array;
+  });
 }
 // 日历过滤
-const hgDisabledDate = (time) => {
-  return time.getTime() > Date.now() - 8.64e7
-}
+const hgDisabledDate = time => {
+  return time.getTime() > Date.now() - 8.64e7;
+};
 const isHoliday = ({ dayjs }) => {
-  let array=[]
-  huiguListTime.value.forEach(i=>{
-    array.push(proxy.moment(i.date).format('YYYY-MM-DD'))
-  })
-  return array.includes(dayjs.format('YYYY-MM-DD'))
-}
+  let array = [];
+  huiguListTime.value.forEach(i => {
+    array.push(proxy.moment(i.date).format('YYYY-MM-DD'));
+  });
+  return array.includes(dayjs.format('YYYY-MM-DD'));
+};
 const isHoliVal = ({ dayjs }) => {
-  let val=huiguListTime.value.find(i=>{return proxy.moment(proxy.moment(i.date).format('YYYY-MM-DD')).valueOf()==Number(proxy.moment(dayjs.format('YYYY-MM-DD')).valueOf())})
-  return val.value
-}
+  let val = huiguListTime.value.find(i => {
+    return (
+      proxy.moment(proxy.moment(i.date).format('YYYY-MM-DD')).valueOf() ==
+      Number(proxy.moment(dayjs.format('YYYY-MM-DD')).valueOf())
+    );
+  });
+  return val.value;
+};
 // 日历切换
-const yueChange = (time) => {
-  huiguActiveMoon.value=proxy.moment(time).format('YYYY-MM')
-  getRainData()
-}
-const dayChange = (time) => {
-  emits('selectTime',huiguActiveTime.value);
-}
+const yueChange = time => {
+  huiguActiveMoon.value = proxy.moment(time).format('YYYY-MM');
+  getRainData();
+};
+const dayChange = time => {
+  emits('selectTime', huiguActiveTime.value);
+};
 
 onMounted(() => {
-  getRainTime()
+  getRainTime();
 });
 </script>
 
 <style lang="scss" scoped>
-.reviewTopTime{
-  width: 694px;
+.reviewTopTime {
+  width: 654px;
   position: absolute;
   top: 120px;
   left: 50%;
   transform: translateX(-50%);
-  .time{
+
+  .time {
     width: 550px;
     line-height: 38px;
     // background: url(@/assets/images/oneMap/hgsj.png) no-repeat;
     // background-size: 100% 100%;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
-    border: 1px solid #47eef3;
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border: 1px solid #47eef3;
+    background: url('@/assets/images/fhpl/timebj.png') no-repeat;
+    background-size: 100% 100%;
     // box-shadow: inset 0 0 5px 5px #47eef38a;
     font-weight: 500;
     font-size: 16px;
-    color: #F2F6FF;
+    color: #f2f6ff;
     text-align: center;
-    span{
+    span {
       font-weight: 500;
       font-size: 16px;
-      color: #39F7FF;
+      color: #39f7ff;
       margin: 0 20px;
     }
   }
-  .select{
-    width: 134px;
-    line-height: 38px;
+  .select {
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+
     // background: url(@/assets/images/oneMap/hgan.png) no-repeat;
     // background-size: 100% 100%;
+    border-radius: 18px;
     background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
     border: 1px solid #47eef3;
     // box-shadow: inset 0 0 5px 5px #47eef38a;
     font-weight: 500;
     font-size: 16px;
-    color: #F2F6FF;
+    color: #f2f6ff;
     text-align: center;
     cursor: pointer;
     position: relative;
-    :deep(.selectPick){
+    top: 2px;
+    :deep(.selectPick) {
       position: absolute;
       left: 0;
       top: 0;
-      width:134px;
-      height: 38px;
+      width: 134px;
+      height: 30px;
       opacity: 0;
     }
   }
 }
 </style>
 <style lang="scss">
-.dayListPop{
-    // background: rgba(11, 52, 116, 0.8) !important;
-    // border:1px solid rgba(11, 52, 116,1) !important;
-    
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%) !important;
-    border: 1px solid #47eef3 !important;
-    border-radius: 10px !important;
-  .el-date-picker{
+.dayListPop {
+  // background: rgba(11, 52, 116, 0.8) !important;
+  // border:1px solid rgba(11, 52, 116,1) !important;
+
+  background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%) !important;
+  border: 1px solid #47eef3 !important;
+  border-radius: 10px !important;
+  .el-date-picker {
     width: 400px;
   }
-  .el-picker-panel__content{
-    width:370px;
+  .el-picker-panel__content {
+    width: 370px;
   }
-  .el-date-table td.disabled .el-date-table-cell{
+  .el-date-table td.disabled .el-date-table-cell {
     background: rgba(4, 69, 142, 1);
   }
-  .el-date-table td .el-date-table-cell{
+  .el-date-table td .el-date-table-cell {
     background: rgba(37, 123, 234, 1);
-    height:40px;
+    height: 40px;
     color: #fff;
-    .day{
-      line-height:20px;
+    .day {
+      line-height: 20px;
     }
-    .num{
-      line-height:1;
+    .num {
+      line-height: 1;
     }
-    &.current{
+    &.current {
       background: rgba(59, 219, 237, 1);
     }
   }
-  .el-date-table td.today{
-    .day{
+  .el-date-table td.today {
+    .day {
       color: rgba(59, 219, 237, 1);
       font-weight: bold;
     }
   }
-  .el-picker-panel{
+  .el-picker-panel {
     background: none;
   }
- .el-popper__arrow::before{
-  display: none;
+  .el-popper__arrow::before {
+    display: none;
     background: rgba(11, 52, 116, 0.8) !important;
   }
-  .el-date-picker__header{
-    span{
-      color: #00FFFF;
+  .el-date-picker__header {
+    span {
+      color: #00ffff;
     }
   }
-  .el-picker-panel__icon-btn{
+  .el-picker-panel__icon-btn {
     color: #fff;
   }
-  .el-date-table th{
+  .el-date-table th {
     color: #fff;
   }
-  .el-date-table th{
-    border-color:rgba(11, 52, 116,1) !important;
+  .el-date-table th {
+    border-color: rgba(11, 52, 116, 1) !important;
   }
 }
-</style>
\ No newline at end of file
+</style>

diff --git a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
index 5503584..579d153 100644
--- a/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
+++ b/src/assets/images/Sponge_screen/HaiMian/HaiMian_jiatu1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/ql.png b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
new file mode 100644
index 0000000..3943064
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/ql.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
deleted file mode 100644
index 1aeb41e..0000000
--- a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
new file mode 100644
index 0000000..1aeb41e
--- /dev/null
+++ b/src/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x1.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/RQ/Ech.png b/src/assets/images/Sponge_screen/RQ/Ech.png
index afb7ab8..723ee3b 100644
--- a/src/assets/images/Sponge_screen/RQ/Ech.png
+++ b/src/assets/images/Sponge_screen/RQ/Ech.png
Binary files differ
diff --git a/src/assets/images/fhpl/timebj.png b/src/assets/images/fhpl/timebj.png
new file mode 100644
index 0000000..a0d4bbd
--- /dev/null
+++ b/src/assets/images/fhpl/timebj.png
Binary files differ
diff --git a/src/assets/images/fhpl/wzdd.png b/src/assets/images/fhpl/wzdd.png
index b80e038..cbc72e6 100644
--- a/src/assets/images/fhpl/wzdd.png
+++ b/src/assets/images/fhpl/wzdd.png
Binary files differ
diff --git a/src/assets/newImgs/yxjcE.png b/src/assets/newImgs/yxjcE.png
index ec62b9d..936a079 100644
--- a/src/assets/newImgs/yxjcE.png
+++ b/src/assets/newImgs/yxjcE.png
Binary files differ
diff --git a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
index 51ef2c4..dab8b09 100644
--- a/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
+++ b/src/views/oneMap/Echarts/AssessmentjsEcharts.vue
@@ -101,8 +101,8 @@
           {
             type: 'value',
             gridIndex: 0,
-            min: 50,
-            max: 100,
+            min: 0,
+            max: 40,
             splitNumber: 8,
             interval: 5,
             axisLine: {
diff --git a/src/views/oneMap/components/FHPL.vue b/src/views/oneMap/components/FHPL.vue
index 553264d..b4a2cd2 100644
--- a/src/views/oneMap/components/FHPL.vue
+++ b/src/views/oneMap/components/FHPL.vue
@@ -20,7 +20,7 @@
   </div>
 
   <!-- <FXHG v-if="curType == true" :checkTime="checkTime"/> -->
-  <FXHG v-if="curType == true"/>
+  <FXHG v-if="curType == true" />
 </template>
 
 <script setup name="FHPL">
@@ -52,7 +52,7 @@
   curType.value = true;
 }
 const change = date => {
-  checkTime.value=date
+  checkTime.value = date;
 
   isShowMonitorCalender.value = false;
   Showtop.value = false;
@@ -117,8 +117,8 @@
       top: 3px;
       background: #003756;
       border-radius: 15px;
-      border: 1px solid;
-      border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
+      border: 1px solid #53c6c9;
+      // border-image: linear-gradient(0deg, #00fff0, #0091ff) 10 10;
       font-family: Source Han Sans CN;
       font-weight: 500;
       font-size: 16px;
diff --git a/src/views/oneMap/components/ZHQL.vue b/src/views/oneMap/components/ZHQL.vue
index d446ee9..a8cccf9 100644
--- a/src/views/oneMap/components/ZHQL.vue
+++ b/src/views/oneMap/components/ZHQL.vue
@@ -1,19 +1,10 @@
 <template>
   <div id="ZHQL">
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <div class="ComBox LeftBox1_1">
         <div class="Box_header">桥梁简介</div>
         <div class="Box_Body">
-          <img
-            src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png"
-            class="JJImg"
-          />
+          <img src="@/assets/images/Sponge_screen/QiaoLiang/jianjie_img@2x.png" class="JJImg" />
           <div class="JJFont">
             延安王家坪大桥（彩虹桥）位于延安市王家坪革命纪念馆前，是根据延安王家坪革命纪念馆的总体布局和延安城区防洪需要，由省政府决定、省交通厅负责实施的，是在原桥位置上新建的一座特大桥。该项工程于１９９７年４月２２日开工建设，１９９８年９月２８日竣工通车，工程总投资３６６７万元。
           </div>
@@ -36,22 +27,13 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox RightBox1_1">
         <div class="Box_header">运行监测</div>
         <div class="Box_Body">
           <div class="YXJC_Box YXJC_Box1">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">结构监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -85,10 +67,7 @@
               </div>
               <!-- gif  -->
               <div class="JGGIFBox">
-                <img
-                  src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png"
-                  class="JGGIF"
-                />
+                <img src="@/assets/images/Sponge_screen/QiaoLiang/quanquan.png" class="JGGIF" />
                 <span class="JGNum">90</span>
                 <span class="JGUnit">分</span>
               </div>
@@ -96,25 +75,16 @@
           </div>
           <div class="YXJC_Box YXJC_Box2">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">通行监测</span>
             </div>
             <div class="YXJC_Box_body">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/txjc_img@2x.png"
-                class="YXJC_Box2Img"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/ql.png" class="YXJC_Box2Img" />
             </div>
           </div>
           <div class="YXJC_Box YXJC_Box3">
             <div class="YXJC_Box_Header">
-              <img
-                src="@/assets/images/Sponge_screen/QiaoLiang/JX.png"
-                class="YXJC_Box_HeaderIcon"
-              />
+              <img src="@/assets/images/Sponge_screen/QiaoLiang/JX.png" class="YXJC_Box_HeaderIcon" />
               <span class="YXJC_Box_HeaderFont">负荷监测</span>
             </div>
             <div class="YXJC_Box_body">
@@ -127,21 +97,11 @@
               </div>
               <div class="YXJC_Box3_tableBody">
                 <div class="YXJC_Box3_tableList" v-for="item in AllData.YXJCTableData">
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{
-                    item.fx
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{
-                    item.cp
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{
-                    item.sj
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{
-                    item.zz
-                  }}</span>
-                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{
-                    item.cz
-                  }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan1">{{ item.fx }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan2">{{ item.cp }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan3">{{ item.sj }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan4">{{ item.zz }}</span>
+                  <span class="YXJC_Box3_tableSpan YXJC_Box3_tableSpan5">{{ item.cz }}</span>
                 </div>
               </div>
             </div>
@@ -170,13 +130,7 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'TopBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
-    >
+    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="TopInfoList" v-for="item in AllData.TopInfoData">
         <img class="TopInfoListIcon" :src="item.icon" alt="" />
         <div class="TopInfoListFont">{{ item.font }}</div>
@@ -189,24 +143,24 @@
 </template>
 
 <script setup name="ZHQL">
-import { ref, reactive, toRefs, onMounted } from "vue";
+import { ref, reactive, toRefs, onMounted } from 'vue';
 // 感知设备引入
-import GZSB1 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png";
-import GZSB2 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png";
-import GZSB3 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png";
-import GZSB4 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png";
-import GZSB5 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png";
-import GZSB6 from "@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png";
+import GZSB1 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB1.png';
+import GZSB2 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB2.png';
+import GZSB3 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB3.png';
+import GZSB4 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB4.png';
+import GZSB5 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB5.png';
+import GZSB6 from '@/assets/images/Sponge_screen/QiaoLiang/GZSB6.png';
 // 视频监控引入
-import SPJK1 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png";
-import SPJK2 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png";
-import SPJK3 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png";
-import SPJK4 from "@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png";
+import SPJK1 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK1.png';
+import SPJK2 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK2.png';
+import SPJK3 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK3.png';
+import SPJK4 from '@/assets/images/Sponge_screen/QiaoLiang/SPJK4.png';
 // 顶部信息展示
-import QL_WD from "@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png";
-import QL_SD from "@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png";
-import QL_FS from "@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png";
-import QL_FL from "@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png";
+import QL_WD from '@/assets/images/Sponge_screen/QiaoLiang/QL_WD.png';
+import QL_SD from '@/assets/images/Sponge_screen/QiaoLiang/QL_SD.png';
+import QL_FS from '@/assets/images/Sponge_screen/QiaoLiang/QL_FS.png';
+import QL_FL from '@/assets/images/Sponge_screen/QiaoLiang/QL_FL.png';
 const AllData = reactive({
   // 感知设备
   GZSBData: [
@@ -257,45 +211,45 @@
   // 负荷检测
   YXJCTableData: [
     {
-      fx: "北向南",
-      cp: "陕J-24YU8",
-      sj: "2024-09-30 12:26:00",
-      zz: "54.6",
-      cz: "16.2",
+      fx: '北向南',
+      cp: '陕J-24YU8',
+      sj: '2024-09-30 12:26:00',
+      zz: '54.6',
+      cz: '16.2',
     },
     {
-      fx: "南北向",
-      cp: "陕J-24YU8",
-      sj: "2024-09-29 16:32:00",
-      zz: "48",
-      cz: "9.6",
+      fx: '南北向',
+      cp: '陕J-24YU8',
+      sj: '2024-09-29 16:32:00',
+      zz: '48',
+      cz: '9.6',
     },
   ],
   // 顶部信息展示
   TopInfoData: [
     {
       icon: QL_WD,
-      font: "温度",
-      num: "16",
-      unit: "℃",
+      font: '温度',
+      num: '16',
+      unit: '℃',
     },
     {
       icon: QL_SD,
-      font: "湿度",
-      num: "32",
-      unit: "%",
+      font: '湿度',
+      num: '32',
+      unit: '%',
     },
     {
       icon: QL_FS,
-      font: "风俗",
-      num: "5.2",
-      unit: "m/s",
+      font: '风俗',
+      num: '5.2',
+      unit: 'm/s',
     },
     {
       icon: QL_FL,
-      font: "风力",
-      num: "4",
-      unit: "级",
+      font: '风力',
+      num: '4',
+      unit: '级',
     },
   ],
 });
@@ -324,11 +278,7 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -357,11 +307,7 @@
         text-indent: 2ch;
         box-sizing: border-box;
         padding: 20px;
-        background: linear-gradient(
-          0deg,
-          rgba(35, 152, 196, 0.5) 0%,
-          rgba(0, 80, 133, 0.3) 100%
-        );
+        background: linear-gradient(0deg, rgba(35, 152, 196, 0.5) 0%, rgba(0, 80, 133, 0.3) 100%);
         // animation: moveUp 2s infinite;
         overflow: auto;
       }
@@ -414,11 +360,7 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    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;
     box-sizing: border-box;
@@ -454,14 +396,10 @@
             position: relative;
 
             &::after {
-              content: "";
+              content: '';
               width: 60px;
               height: 10px;
-              background: linear-gradient(
-                0deg,
-                rgba(0, 242, 255, 0.5) 0%,
-                rgba(0, 242, 255, 0) 100%
-              );
+              background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
               position: absolute;
               bottom: 0;
               left: 0;
@@ -491,11 +429,7 @@
             height: 40px;
             width: 150px;
             border-left: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(21, 210, 253, 0) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0.2) 0%, rgba(21, 210, 253, 0) 100%);
             margin-bottom: 10px;
             text-align: left;
             position: relative;
@@ -535,11 +469,7 @@
             height: 40px;
             width: 150px;
             border-right: 4px solid #00f2ff;
-            background: linear-gradient(
-              90deg,
-              rgba(21, 210, 253, 0) 0%,
-              rgba(21, 210, 253, 0.2) 100%
-            );
+            background: linear-gradient(90deg, rgba(21, 210, 253, 0) 0%, rgba(21, 210, 253, 0.2) 100%);
             margin-bottom: 10px;
             position: relative;
             .Font {
@@ -619,11 +549,7 @@
           width: 100%;
           height: 40px;
           line-height: 40px;
-          background: linear-gradient(
-            0deg,
-            rgba(21, 210, 253, 0.2) 0%,
-            rgba(0, 158, 164, 0.5) 100%
-          );
+          background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.5) 100%);
           border-radius: 2px;
         }
 
@@ -636,11 +562,7 @@
             width: 100%;
             height: 60px;
             line-height: 60px;
-            background: linear-gradient(
-              0deg,
-              rgba(21, 210, 253, 0.2) 0%,
-              rgba(0, 158, 164, 0.05) 100%
-            );
+            background: linear-gradient(0deg, rgba(21, 210, 253, 0.2) 0%, rgba(0, 158, 164, 0.05) 100%);
             border-radius: 2px;
 
             .YXJC_Box3_tableSpan5 {
@@ -690,8 +612,7 @@
         .FBox {
           width: 135px;
           height: 130px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/FBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/FBox.png') no-repeat center;
           background-size: cover;
           display: flex;
           flex-direction: column;
@@ -727,8 +648,7 @@
         .CBox {
           width: 428px;
           height: 39px;
-          background: url("@/assets/images/Sponge_screen/QiaoLiang/CBox.png") no-repeat
-            center;
+          background: url('@/assets/images/Sponge_screen/QiaoLiang/CBox.png') no-repeat center;
           background-size: cover;
           margin-top: 10px;
           .Font1 {
@@ -824,8 +744,7 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
-        center;
+      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;
diff --git a/src/views/oneMap/components/topTimePick.vue b/src/views/oneMap/components/topTimePick.vue
index 44957bc..6fb92fc 100644
--- a/src/views/oneMap/components/topTimePick.vue
+++ b/src/views/oneMap/components/topTimePick.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="reviewTopTime flex flex-justcontent-spacebetween">
-    <div class="time">当前回顾：从<span>{{huiguActiveTime}} 8:00</span>到<span>{{moment(huiguActiveTime).add(1, "days").format("YYYY-MM-DD")}} 8:00</span></div>
+    <div class="time">
+      当前回顾：从<span>{{ huiguActiveTime }} 8:00</span>到<span
+        >{{ moment(huiguActiveTime).add(1, 'days').format('YYYY-MM-DD') }} 8:00</span
+      >
+    </div>
     <div class="select">
       更多回顾
       <el-date-picker
@@ -9,14 +13,14 @@
         value-format="YYYY-MM-DD"
         type="date"
         :disabled-date="hgDisabledDate"
-        @panel-change='yueChange'
-        @change='dayChange'
-        popper-class='dayListPop'
+        @panel-change="yueChange"
+        @change="dayChange"
+        popper-class="dayListPop"
       >
         <template #default="cell">
           <div class="el-date-table-cell" :class="{ current: cell.isCurrent }">
             <div class="day">{{ cell.text }}</div>
-            <div v-if="isHoliday(cell)" class="num">{{isHoliVal(cell)}}mm</div>
+            <div v-if="isHoliday(cell)" class="num">{{ isHoliVal(cell) }}mm</div>
           </div>
         </template>
       </el-date-picker>
@@ -31,168 +35,180 @@
 
 // let huiguActiveTime=ref(proxy.moment().add(-1, "days").format('YYYY-MM-DD'))
 
-let huiguActiveTime=ref('')
-let huiguListTime=ref([])
-let huiguActiveMoon=ref('')
-function getRainTime(){
-  hsApi.rainCalendarLately().then(res=>{
-    huiguActiveTime.value=res
-    emits('selectTime',huiguActiveTime.value);
-    huiguActiveMoon.value=proxy.moment(res).format('YYYY-MM')
-    if(huiguActiveTime.value!=''){
-      getRainData()
+let huiguActiveTime = ref('');
+let huiguListTime = ref([]);
+let huiguActiveMoon = ref('');
+function getRainTime() {
+  hsApi.rainCalendarLately().then(res => {
+    huiguActiveTime.value = res;
+    emits('selectTime', huiguActiveTime.value);
+    huiguActiveMoon.value = proxy.moment(res).format('YYYY-MM');
+    if (huiguActiveTime.value != '') {
+      getRainData();
     }
-  })
+  });
 }
-function getRainData(){
-  let parms={queryTime:huiguActiveMoon.value}
-  hsApi.rainCalendar(parms).then(res=>{
-    let array=[]
-    res.forEach((i,d)=>{
-      if(i.weather!='无雨'){
-        array.push(i)
+function getRainData() {
+  let parms = { queryTime: huiguActiveMoon.value };
+  hsApi.rainCalendar(parms).then(res => {
+    let array = [];
+    res.forEach((i, d) => {
+      if (i.weather != '无雨') {
+        array.push(i);
       }
-    })
-    huiguListTime.value=array
-  })
+    });
+    huiguListTime.value = array;
+  });
 }
 // 日历过滤
-const hgDisabledDate = (time) => {
-  return time.getTime() > Date.now() - 8.64e7
-}
+const hgDisabledDate = time => {
+  return time.getTime() > Date.now() - 8.64e7;
+};
 const isHoliday = ({ dayjs }) => {
-  let array=[]
-  huiguListTime.value.forEach(i=>{
-    array.push(proxy.moment(i.date).format('YYYY-MM-DD'))
-  })
-  return array.includes(dayjs.format('YYYY-MM-DD'))
-}
+  let array = [];
+  huiguListTime.value.forEach(i => {
+    array.push(proxy.moment(i.date).format('YYYY-MM-DD'));
+  });
+  return array.includes(dayjs.format('YYYY-MM-DD'));
+};
 const isHoliVal = ({ dayjs }) => {
-  let val=huiguListTime.value.find(i=>{return proxy.moment(proxy.moment(i.date).format('YYYY-MM-DD')).valueOf()==Number(proxy.moment(dayjs.format('YYYY-MM-DD')).valueOf())})
-  return val.value
-}
+  let val = huiguListTime.value.find(i => {
+    return (
+      proxy.moment(proxy.moment(i.date).format('YYYY-MM-DD')).valueOf() ==
+      Number(proxy.moment(dayjs.format('YYYY-MM-DD')).valueOf())
+    );
+  });
+  return val.value;
+};
 // 日历切换
-const yueChange = (time) => {
-  huiguActiveMoon.value=proxy.moment(time).format('YYYY-MM')
-  getRainData()
-}
-const dayChange = (time) => {
-  emits('selectTime',huiguActiveTime.value);
-}
+const yueChange = time => {
+  huiguActiveMoon.value = proxy.moment(time).format('YYYY-MM');
+  getRainData();
+};
+const dayChange = time => {
+  emits('selectTime', huiguActiveTime.value);
+};
 
 onMounted(() => {
-  getRainTime()
+  getRainTime();
 });
 </script>
 
 <style lang="scss" scoped>
-.reviewTopTime{
-  width: 694px;
+.reviewTopTime {
+  width: 654px;
   position: absolute;
   top: 120px;
   left: 50%;
   transform: translateX(-50%);
-  .time{
+
+  .time {
     width: 550px;
     line-height: 38px;
     // background: url(@/assets/images/oneMap/hgsj.png) no-repeat;
     // background-size: 100% 100%;
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
-    border: 1px solid #47eef3;
+    // background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
+    // border: 1px solid #47eef3;
+    background: url('@/assets/images/fhpl/timebj.png') no-repeat;
+    background-size: 100% 100%;
     // box-shadow: inset 0 0 5px 5px #47eef38a;
     font-weight: 500;
     font-size: 16px;
-    color: #F2F6FF;
+    color: #f2f6ff;
     text-align: center;
-    span{
+    span {
       font-weight: 500;
       font-size: 16px;
-      color: #39F7FF;
+      color: #39f7ff;
       margin: 0 20px;
     }
   }
-  .select{
-    width: 134px;
-    line-height: 38px;
+  .select {
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+
     // background: url(@/assets/images/oneMap/hgan.png) no-repeat;
     // background-size: 100% 100%;
+    border-radius: 18px;
     background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%);
     border: 1px solid #47eef3;
     // box-shadow: inset 0 0 5px 5px #47eef38a;
     font-weight: 500;
     font-size: 16px;
-    color: #F2F6FF;
+    color: #f2f6ff;
     text-align: center;
     cursor: pointer;
     position: relative;
-    :deep(.selectPick){
+    top: 2px;
+    :deep(.selectPick) {
       position: absolute;
       left: 0;
       top: 0;
-      width:134px;
-      height: 38px;
+      width: 134px;
+      height: 30px;
       opacity: 0;
     }
   }
 }
 </style>
 <style lang="scss">
-.dayListPop{
-    // background: rgba(11, 52, 116, 0.8) !important;
-    // border:1px solid rgba(11, 52, 116,1) !important;
-    
-    background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%) !important;
-    border: 1px solid #47eef3 !important;
-    border-radius: 10px !important;
-  .el-date-picker{
+.dayListPop {
+  // background: rgba(11, 52, 116, 0.8) !important;
+  // border:1px solid rgba(11, 52, 116,1) !important;
+
+  background: linear-gradient(0deg, rgba(0, 93, 114, 0.8) 0%, rgba(0, 93, 114, 0.8) 100%) !important;
+  border: 1px solid #47eef3 !important;
+  border-radius: 10px !important;
+  .el-date-picker {
     width: 400px;
   }
-  .el-picker-panel__content{
-    width:370px;
+  .el-picker-panel__content {
+    width: 370px;
   }
-  .el-date-table td.disabled .el-date-table-cell{
+  .el-date-table td.disabled .el-date-table-cell {
     background: rgba(4, 69, 142, 1);
   }
-  .el-date-table td .el-date-table-cell{
+  .el-date-table td .el-date-table-cell {
     background: rgba(37, 123, 234, 1);
-    height:40px;
+    height: 40px;
     color: #fff;
-    .day{
-      line-height:20px;
+    .day {
+      line-height: 20px;
     }
-    .num{
-      line-height:1;
+    .num {
+      line-height: 1;
     }
-    &.current{
+    &.current {
       background: rgba(59, 219, 237, 1);
     }
   }
-  .el-date-table td.today{
-    .day{
+  .el-date-table td.today {
+    .day {
       color: rgba(59, 219, 237, 1);
       font-weight: bold;
     }
   }
-  .el-picker-panel{
+  .el-picker-panel {
     background: none;
   }
- .el-popper__arrow::before{
-  display: none;
+  .el-popper__arrow::before {
+    display: none;
     background: rgba(11, 52, 116, 0.8) !important;
   }
-  .el-date-picker__header{
-    span{
-      color: #00FFFF;
+  .el-date-picker__header {
+    span {
+      color: #00ffff;
     }
   }
-  .el-picker-panel__icon-btn{
+  .el-picker-panel__icon-btn {
     color: #fff;
   }
-  .el-date-table th{
+  .el-date-table th {
     color: #fff;
   }
-  .el-date-table th{
-    border-color:rgba(11, 52, 116,1) !important;
+  .el-date-table th {
+    border-color: rgba(11, 52, 116, 1) !important;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/oneMap/floodPrevention/FhplLeftBox.vue b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
index 7a9af2b..e892c37 100644
--- a/src/views/oneMap/floodPrevention/FhplLeftBox.vue
+++ b/src/views/oneMap/floodPrevention/FhplLeftBox.vue
@@ -331,6 +331,10 @@
       height: 36px;
       color: #fff;
       margin-bottom: 5px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 15px;
+      color: #ffffff;
       // background: red;
       .tabItem {
         width: 134px;