diff --git a/public/static/libs/mapbox/style/customs/night-style.json b/public/static/libs/mapbox/style/customs/night-style.json
index d111085..9789ca1 100644
--- a/public/static/libs/mapbox/style/customs/night-style.json
+++ b/public/static/libs/mapbox/style/customs/night-style.json
@@ -22,7 +22,7 @@
             "id": "background",
             "type": "background",
             "paint": {
-                "background-color": "rgba(0, 63, 95,1)"
+                "background-color": "rgb(0,33,78)"
             }
         },
         {
@@ -50,7 +50,7 @@
             },
             "paint": {
                 "fill-opacity": 0.7,
-                "fill-color": "rgba(0, 63, 95,1)"
+                "fill-color": "rgb(0,33,78)"
             }
         },
         {
@@ -64,7 +64,7 @@
                 "grass"
             ],
             "paint": {
-                "fill-color": "rgba(0, 74, 109,1)",
+                "fill-color": "rgb(0,33,78)",
                 "fill-opacity": 1
             }
         },
@@ -79,7 +79,7 @@
                 "wood"
             ],
             "paint": {
-                "fill-color": "rgba(1,1,137,0)",
+                "fill-color": "rgb(0,33,78)",
                 "fill-opacity": 1
             }
         },
@@ -110,7 +110,7 @@
                 "visibility": "visible"
             },
             "paint": {
-                "fill-color": "rgba(12,59,122,1)"
+                "fill-color": "#5293c3"
             }
         },
         {
@@ -135,8 +135,8 @@
                 "visibility": "visible"
             },
             "paint": {
-                "fill-color": "hsl(205, 56%, 73%)",
-                "fill-opacity": 0.7
+                "fill-color": "rgba(1,71,123,1)",
+                "fill-opacity": 1
             }
         },
         {
@@ -273,7 +273,7 @@
                 "visibility": "visible"
             },
             "paint": {
-                "line-color": "hsl(205, 56%, 73%)",
+                "line-color": "#5293c3",
                 "line-dasharray": [
                     3,
                     3
@@ -348,7 +348,7 @@
                         ]
                     ]
                 },
-                "line-color": "rgba(9,38,86,1)"
+                "line-color": "#5293c3"
             }
         },
         {
@@ -1744,7 +1744,7 @@
             },
             "paint": {
                 "text-halo-color": "rgba(0,0,0,1)",
-                "text-color": "rgba(0, 156, 111,1)",
+                "text-color": "#457cb7",
                 "icon-opacity": 1,
                 "text-halo-width": 1
             }
@@ -1821,7 +1821,7 @@
             },
             "paint": {
                 "text-halo-color": "rgba(0,0,0,1)",
-                "text-color": "rgba(0, 156, 111,1)",
+                "text-color": "#457cb7",
                 "icon-opacity": 1,
                 "text-halo-width": 1
             }

diff --git a/public/static/libs/mapbox/style/customs/night-style.json b/public/static/libs/mapbox/style/customs/night-style.json
index d111085..9789ca1 100644
--- a/public/static/libs/mapbox/style/customs/night-style.json
+++ b/public/static/libs/mapbox/style/customs/night-style.json
@@ -22,7 +22,7 @@
             "id": "background",
             "type": "background",
             "paint": {
-                "background-color": "rgba(0, 63, 95,1)"
+                "background-color": "rgb(0,33,78)"
             }
         },
         {
@@ -50,7 +50,7 @@
             },
             "paint": {
                 "fill-opacity": 0.7,
-                "fill-color": "rgba(0, 63, 95,1)"
+                "fill-color": "rgb(0,33,78)"
             }
         },
         {
@@ -64,7 +64,7 @@
                 "grass"
             ],
             "paint": {
-                "fill-color": "rgba(0, 74, 109,1)",
+                "fill-color": "rgb(0,33,78)",
                 "fill-opacity": 1
             }
         },
@@ -79,7 +79,7 @@
                 "wood"
             ],
             "paint": {
-                "fill-color": "rgba(1,1,137,0)",
+                "fill-color": "rgb(0,33,78)",
                 "fill-opacity": 1
             }
         },
@@ -110,7 +110,7 @@
                 "visibility": "visible"
             },
             "paint": {
-                "fill-color": "rgba(12,59,122,1)"
+                "fill-color": "#5293c3"
             }
         },
         {
@@ -135,8 +135,8 @@
                 "visibility": "visible"
             },
             "paint": {
-                "fill-color": "hsl(205, 56%, 73%)",
-                "fill-opacity": 0.7
+                "fill-color": "rgba(1,71,123,1)",
+                "fill-opacity": 1
             }
         },
         {
@@ -273,7 +273,7 @@
                 "visibility": "visible"
             },
             "paint": {
-                "line-color": "hsl(205, 56%, 73%)",
+                "line-color": "#5293c3",
                 "line-dasharray": [
                     3,
                     3
@@ -348,7 +348,7 @@
                         ]
                     ]
                 },
-                "line-color": "rgba(9,38,86,1)"
+                "line-color": "#5293c3"
             }
         },
         {
@@ -1744,7 +1744,7 @@
             },
             "paint": {
                 "text-halo-color": "rgba(0,0,0,1)",
-                "text-color": "rgba(0, 156, 111,1)",
+                "text-color": "#457cb7",
                 "icon-opacity": 1,
                 "text-halo-width": 1
             }
@@ -1821,7 +1821,7 @@
             },
             "paint": {
                 "text-halo-color": "rgba(0,0,0,1)",
-                "text-color": "rgba(0, 156, 111,1)",
+                "text-color": "#457cb7",
                 "icon-opacity": 1,
                 "text-halo-width": 1
             }
diff --git a/src/views/oneMap/SmartDrainage/PsRightBox.vue b/src/views/oneMap/SmartDrainage/PsRightBox.vue
index 8df796d..f57346d 100644
--- a/src/views/oneMap/SmartDrainage/PsRightBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsRightBox.vue
@@ -27,14 +27,24 @@
             <span class="tableHeaderList tableList5">状态</span>
           </div>
           <div class="tableBody">
-            <div class="tableBodyList" v-for="item in FXJCData" :class="HhName == item.hd ? 'activedright' : ''">
+            <div
+              class="tableBodyList"
+              v-for="item in FXJCData"
+              :class="HhName == item.hd ? 'activedright' : ''"
+            >
               <span class="tableBodyList_span1">{{ item.xh }}</span>
-              <span class="tableBodyList_span2" @click="WzTrigger(item.hd)">{{ item.hd }} </span>
+              <span class="tableBodyList_span2" @click="WzTrigger(item.hd)"
+                >{{ item.hd }}
+              </span>
               <span class="tableBodyList_span3">{{ item.dqsw }}</span>
               <span class="tableBodyList_span4">{{ item.kzsw }} </span>
               <span class="tableBodyList_span5">
                 <el-tag type="success" v-if="item.zt == '正常'">正常</el-tag>
-                <el-tag @click="showcswDalog(item)" style="cursor: pointer" type="warning" v-if="item.zt == '超控制常水位'"
+                <el-tag
+                  @click="showcswDalog(item)"
+                  style="cursor: pointer"
+                  type="warning"
+                  v-if="item.zt == '超控制常水位'"
                   >超控制常水位</el-tag
                 >
               </span>
@@ -51,19 +61,28 @@
       <div class="leftSubTabsBox">
         <div class="tabContent" v-if="monitorname == '漫溢监测(1/29)'">
           <ul>
-            <li class="listOne curCick" v-for="(i, index) in listData" :key="index" @click="showMapDalog(i)">
+            <li
+              class="listOne curCick"
+              v-for="(i, index) in listData"
+              :key="index"
+              @click="showMapDalog(i)"
+            >
               <div class="line flex flex-align-center">
                 <div class="lable">站点名称：</div>
                 <div class="box flex flex-align-center flex-justcontent-center">
                   {{ i.siteName }}
                 </div>
-                <span class="box_Status" :class="i.onlineStatus == 'online' ? 'green' : 'rad'">{{
-                  i.onlineStatus == 'online' ? '在线' : '离线'
-                }}</span>
+                <span
+                  class="box_Status"
+                  :class="i.onlineStatus == 'online' ? 'green' : 'rad'"
+                  >{{ i.onlineStatus == "online" ? "在线" : "离线" }}</span
+                >
               </div>
               <div class="line flex flex-align-center">
                 <div class="lable">水<i></i>深：</div>
-                <div class="box flex flex-align-center flex-justcontent-center">{{ i.z || 0 }}米</div>
+                <div class="box flex flex-align-center flex-justcontent-center">
+                  {{ i.z || 0 }}米
+                </div>
               </div>
               <div class="line flex flex-align-center">
                 <div class="lable">风险分析：</div>
@@ -79,19 +98,28 @@
         </div>
         <div class="tabContent" v-if="monitorname == '积水监测(0/16)'">
           <ul>
-            <li class="listOne curCick" v-for="(i, index) in listData" :key="index" @click="JSshowMapDalog(i)">
+            <li
+              class="listOne curCick"
+              v-for="(i, index) in listData"
+              :key="index"
+              @click="JSshowMapDalog(i)"
+            >
               <div class="line flex flex-align-center">
                 <div class="lable">站点名称：</div>
                 <div class="box flex flex-align-center flex-justcontent-center">
                   {{ i.siteName }}
                 </div>
-                <span class="box_Status" :class="i.onlineStatus == 'online' ? 'green' : 'rad'">{{
-                  i.onlineStatus == 'online' ? '在线' : '离线'
-                }}</span>
+                <span
+                  class="box_Status"
+                  :class="i.onlineStatus == 'online' ? 'green' : 'rad'"
+                  >{{ i.onlineStatus == "online" ? "在线" : "离线" }}</span
+                >
               </div>
               <div class="line flex flex-align-center">
                 <div class="lable">水<i></i>深：</div>
-                <div class="box flex flex-align-center flex-justcontent-center">{{ i.z || 0 }}米</div>
+                <div class="box flex flex-align-center flex-justcontent-center">
+                  {{ i.z || 0 }}米
+                </div>
               </div>
               <div class="line flex flex-align-center">
                 <div class="lable">风险分析：</div>
@@ -120,16 +148,29 @@
         <span class="tableHeaderList tableList3">状态</span>
         <span class="tableHeaderList tableList4">操作</span>
       </div>
-      <Vue3SeamlessScroll :list="SSYJData" :singleHeight="34" :singleWaitTime="1500" :hover="true" class="tableBody">
+      <Vue3SeamlessScroll
+        :list="SSYJData"
+        :singleHeight="34"
+        :singleWaitTime="1500"
+        :hover="true"
+        class="tableBody"
+      >
         <div class="tableBodyList" v-for="item in SSYJData">
           <span class="tableBodyList_span1">{{ item.wranLocation }}</span>
           <span class="tableBodyList_span2"> {{ item.riskProfile }}</span>
           <span class="tableBodyList_span3">{{ item.assessment }}</span>
           <span class="tableBodyList_span4">
-            <el-tag style="cursor: pointer" type="danger" v-if="item.distribute == 0" @click="paidan(item)" size="small"
+            <el-tag
+              style="cursor: pointer"
+              type="danger"
+              v-if="item.distribute == 0"
+              @click="paidan(item)"
+              size="small"
               >派单</el-tag
             >
-            <el-tag size="small" type="success" v-if="item.distribute == 1">已派单</el-tag>
+            <el-tag size="small" type="success" v-if="item.distribute == 1"
+              >已派单</el-tag
+            >
           </span>
         </div>
       </Vue3SeamlessScroll>
@@ -166,82 +207,89 @@
       </div>
     </div>
     <div class="fxChart">
-      <AssessmentjsEcharts :data="chartData2" :refresh="chartData2.refresh"></AssessmentjsEcharts>
+      <AssessmentjsEcharts
+        :data="chartData2"
+        :refresh="chartData2.refresh"
+      ></AssessmentjsEcharts>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import AssessmentjsEcharts from '@/views/oneMap/Echarts/AssessmentjsEcharts.vue';
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import bus from '@/bus';
-import { commonWarningList } from '@/api/RQWarning';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
-import { selectBoxBySiteNo, selectSiteMonitorBySiteType, waterloggingArchiveList } from '@/api/system/tanchuang';
-import dialogTabsStore from '@/store/modules/dialogTabs';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import AssessmentjsEcharts from "@/views/oneMap/Echarts/AssessmentjsEcharts.vue";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import bus from "@/bus";
+import { commonWarningList } from "@/api/RQWarning";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import {
+  selectBoxBySiteNo,
+  selectSiteMonitorBySiteType,
+  waterloggingArchiveList,
+} from "@/api/system/tanchuang";
+import dialogTabsStore from "@/store/modules/dialogTabs";
 const useDialogTabs = dialogTabsStore();
 
 const FXJCData = ref([
   {
-    xh: '1',
-    hd: '延河',
+    xh: "1",
+    hd: "延河",
     dqsw: 130,
     kzsw: 2000,
     // zt: '超控制常水位',
-    zt: '正常',
-    siteNo: '2024101614',
+    zt: "正常",
+    siteNo: "2024101614",
     position: [109.497341, 36.603151],
   },
   {
-    xh: '2',
-    hd: '杜甫川河',
+    xh: "2",
+    hd: "杜甫川河",
     dqsw: 10,
     kzsw: 300,
-    zt: '正常',
-    siteNo: '2024101615',
+    zt: "正常",
+    siteNo: "2024101615",
     position: [109.417646, 36.571427],
   },
   {
-    xh: '3',
-    hd: '西川河',
+    xh: "3",
+    hd: "西川河",
     dqsw: 11,
     kzsw: 700,
-    zt: '正常',
-    siteNo: '2024101616',
+    zt: "正常",
+    siteNo: "2024101616",
     position: [109.383491, 36.634602],
   },
   {
-    xh: '4',
-    hd: '南川河',
+    xh: "4",
+    hd: "南川河",
     dqsw: 12,
     kzsw: 700,
-    zt: '正常',
-    siteNo: '2024101617',
+    zt: "正常",
+    siteNo: "2024101617",
     position: [109.476953, 36.536511],
   },
 ]);
 const listData = ref([
   {
-    siteName: '东关大街与长青路交叉口',
-    onlineStatus: 'online',
-    riskAnalysis: '无风险',
-    siteNo: '2024101612',
-    position: '109.504561,36.60637',
+    siteName: "东关大街与长青路交叉口",
+    onlineStatus: "online",
+    riskAnalysis: "无风险",
+    siteNo: "2024101612",
+    position: "109.504561,36.60637",
   },
   {
-    siteName: '大桥街与延河西路交叉口',
-    onlineStatus: 'online',
-    riskAnalysis: '无风险',
-    siteNo: '2024101613',
-    position: '109.497323,36.60318',
+    siteName: "大桥街与延河西路交叉口",
+    onlineStatus: "online",
+    riskAnalysis: "无风险",
+    siteNo: "2024101613",
+    position: "109.497323,36.60318",
   },
   {
-    siteName: '文化沟路与延河西路交叉口',
-    siteStatus: '在线',
-    riskAnalysis: '无风险',
-    siteNo: '2024101634',
-    position: '109.480944,36.613436',
+    siteName: "文化沟路与延河西路交叉口",
+    siteStatus: "在线",
+    riskAnalysis: "无风险",
+    siteNo: "2024101634",
+    position: "109.480944,36.613436",
   },
 ]);
 const jsjcData = ref([
@@ -285,46 +333,54 @@
   // },
 ]);
 const yearList = ref([
-  { name: '月', value: 1 },
-  { name: '年', value: 2 },
+  { name: "月", value: 1 },
+  { name: "年", value: 2 },
 ]);
 const monitorData = ref([
-  { name: '积水监测(0/16)', value: 2 },
-  { name: '漫溢监测(1/29)', value: 1 },
-  { name: '流量监测(0/4)', value: 2 },
+  { name: "积水监测(0/16)", value: 2 },
+  { name: "漫溢监测(1/29)", value: 1 },
+  { name: "流量监测(0/4)", value: 2 },
 ]);
 const chartData2 = ref({
-  xAxis: ['12/1', '12/2', '12/3', '12/4', '12/5', '12/6'],
+  xAxis: ["12/1", "12/2", "12/3", "12/4", "12/5", "12/6"],
   refresh: 1,
 });
-const HhName = ref('延河');
+const HhName = ref("延河");
 const hdJj = ref(
-  '延河属黄河一级支流,发源于陕西省靖边县东南山区的天赐湾乡高峁山,流向东南经安塞、延安市区、延长县于南河沟乡凉水岸汇入黄河,全长286.9km,流域面积7725km2。以安塞化子坪、延安市的甘谷驿为界,可将延河分为上、中、下游河段,上游河谷狭窄,多呈“V”型,宽度10～80m,中游平均宽度600m,甘谷驿以下河段一般在1500m左右。'
+  "延河属黄河一级支流,发源于陕西省靖边县东南山区的天赐湾乡高峁山,流向东南经安塞、延安市区、延长县于南河沟乡凉水岸汇入黄河,全长286.9km,流域面积7725km2。以安塞化子坪、延安市的甘谷驿为界,可将延河分为上、中、下游河段,上游河谷狭窄,多呈“V”型,宽度10～80m,中游平均宽度600m,甘谷驿以下河段一般在1500m左右。"
 );
-const activedname = ref('月');
-const monitorname = ref('漫溢监测(1/29)');
+const activedname = ref("月");
+const monitorname = ref("漫溢监测(1/29)");
 function yearclick(val) {
   activedname.value = val.name;
 }
 function monitorclick(val) {
   monitorname.value = val.name;
-  if (monitorname.value == '漫溢监测(1/29)') {
+  if (monitorname.value == "漫溢监测(1/29)") {
     listData.value = [
       {
-        siteName: '东关大街与长青路交叉口',
-        onlineStatus: 'online',
-        riskAnalysis: '无风险',
-        siteNo: '2024101612',
+        siteName: "东关大街与长青路交叉口",
+        onlineStatus: "online",
+        riskAnalysis: "无风险",
+        siteNo: "2024101612",
+        position: "109.504561,36.60637",
       },
       {
-        siteName: '大桥街与延河西路交叉口',
-        onlineStatus: 'online',
-        riskAnalysis: '无风险',
-        siteNo: '2024101613',
+        siteName: "大桥街与延河西路交叉口",
+        onlineStatus: "online",
+        riskAnalysis: "无风险",
+        siteNo: "2024101613",
+        position: "109.504561,36.60637",
       },
-      { siteName: '文化沟路与延河西路交叉口', siteStatus: 'online', warnInfo: '无风险', siteNo: '2024101634' },
+      {
+        siteName: "文化沟路与延河西路交叉口",
+        siteStatus: "online",
+        warnInfo: "无风险",
+        siteNo: "2024101634",
+        position: "109.504561,36.60637",
+      },
     ];
-  } else if (monitorname.value == '积水监测(0/16)') {
+  } else if (monitorname.value == "积水监测(0/16)") {
     listData.value = jsjcData.value;
     // listData.value = [
     //   { siteName: '东关大街与长青路交叉口', siteStatus: '在线', warnInfo: '无风险' },
@@ -332,14 +388,14 @@
     //   // { siteName: '文化沟路与延河西路交叉口', siteStatus: '在线', warnInfo: '无风险' },
     // ];
   } else {
-    console.log(monitorname.value, '  monitorname.value');
+    console.log(monitorname.value, "  monitorname.value");
   }
 }
 // 弹框
 function showMapDalog(val) {
-  console.log('val.siteName', val);
+  console.log("val.siteName", val);
 
-  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)));
+  useDialogTabs.addPosition(val.position.split(",").map((item) => parseFloat(item)));
   let data = {
     title: val.siteName,
     // comIDs: ['gwpm', 'jcsj', 'danganInfo'], //满溢监测
@@ -347,22 +403,22 @@
     SiteNo: val.siteNo,
   };
 
-  getTabsList(val.siteNo).then(res => {
+  getTabsList(val.siteNo).then((res) => {
     data.comIDs = res;
-    bus.emit('publicDialog', data);
+    bus.emit("publicDialog", data);
   });
   // showPipe.value = true;
 }
 // 积水弹框
 function JSshowMapDalog(val) {
-  console.log('🚀 ~ JSshowMapDalog ~ val:', val);
+  console.log("🚀 ~ JSshowMapDalog ~ val:", val);
   // let data = {
   //   title: val.siteName,
   //   comIDs: ['spjk', 'jcsj', 'danganInfo'], //积水监测
   // };
   // bus.emit('publicDialog', data);
   // useDialogTabs.addPosition(val.position); // 添加全景位置
-  useDialogTabs.addPosition(val.position.split(',').map(item => parseFloat(item)));
+  useDialogTabs.addPosition(val.position.split(",").map((item) => parseFloat(item)));
   let data = {
     title: val.siteName,
     // comIDs: ['gwpm', 'jcsj', 'danganInfo'], //满溢监测
@@ -370,53 +426,53 @@
     SiteNo: val.siteNo,
   };
 
-  getTabsList(val.siteNo).then(res => {
+  getTabsList(val.siteNo).then((res) => {
     // console.log('🚀 ~ getTabsList ~ res:', res);
     data.comIDs = res;
-    bus.emit('publicDialog', data);
+    bus.emit("publicDialog", data);
   });
   // showPipe.value = true;
 }
 
 // 派单
-const paidan = item => {
+const paidan = (item) => {
   let data = {
     title: item.wranLocation,
-    comIDs: ['gdpf'],
+    comIDs: ["gdpf"],
     getSiteId: item.id,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 // 超控制常水位
 function showcswDalog(val) {
-  console.log(val, 'val');
+  console.log(val, "val");
   let data = {
-    title: val.hd + '监测点',
-    comIDs: ['PS_ckzcsw'],
+    title: val.hd + "监测点",
+    comIDs: ["PS_ckzcsw"],
   };
 
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
   // showPipe.value = true;
 }
 // 获取实时预警列表
 const getRealTimeWarning = async () => {
   try {
-    const res = await commonWarningList({ moduleType: 'drainage' });
+    const res = await commonWarningList({ moduleType: "drainage" });
     SSYJData.value = res.data;
     // console.log('🚀 ~ getCommonWarningList ~ res:', res);
   } catch (error) {
-    console.log('🚀 ~ getCommonWarningList ~ error:', error);
+    console.log("🚀 ~ getCommonWarningList ~ error:", error);
   }
 };
 
 // 获取站点弹窗 tab列表
-const getTabsList = async siteNo => {
+const getTabsList = async (siteNo) => {
   try {
     const res = await selectBoxBySiteNo(siteNo);
-    const tabsList = res.data.boxList.map(item => item.boxId);
+    const tabsList = res.data.boxList.map((item) => item.boxId);
     return tabsList;
   } catch (error) {
-    console.log(' ~ getTabsList ~ error:', error);
+    console.log(" ~ getTabsList ~ error:", error);
   }
 };
 
@@ -424,37 +480,37 @@
 const getWaterlogging = async () => {
   try {
     const res = await selectSiteMonitorBySiteType({
-      monitorTargetType: 'waterlogging',
-      orderBy: 'online_status asc',
-      siteType: 'water_level',
+      monitorTargetType: "waterlogging",
+      orderBy: "online_status asc",
+      siteType: "water_level",
     });
     jsjcData.value = res.data;
     // console.log('🚀 ~ getWaterlogging ~ res:', res);
   } catch (error) {
-    console.log('🚀 ~ getWaterlogging ~ error:', error);
+    console.log("🚀 ~ getWaterlogging ~ error:", error);
   }
 };
 
 // 展示四色图
-const ShowSiSetu = bol => {
-  bus.emit('SetLayerShow', ['排水风险评估']);
+const ShowSiSetu = (bol) => {
+  bus.emit("SetLayerShow", ["排水风险评估"]);
   // bus.emit("SiSeTuBol", true);
 };
 // 河道点击
-const WzTrigger = val => {
+const WzTrigger = (val) => {
   HhName.value = val;
-  if (val == '延河') {
+  if (val == "延河") {
     hdJj.value =
-      '延河属黄河一级支流,发源于陕西省靖边县东南山区的天赐湾乡高峁山,流向东南经安塞、延安市区、延长县于南河沟乡凉水岸汇入黄河,全长286.9km,流域面积7725km2。以安塞化子坪、延安市的甘谷驿为界,可将延河分为上、中、下游河段,上游河谷狭窄,多呈“V”型,宽度10～80m,中游平均宽度600m,甘谷驿以下河段一般在1500m左右。';
-  } else if (val == '杜甫川河') {
+      "延河属黄河一级支流,发源于陕西省靖边县东南山区的天赐湾乡高峁山,流向东南经安塞、延安市区、延长县于南河沟乡凉水岸汇入黄河,全长286.9km,流域面积7725km2。以安塞化子坪、延安市的甘谷驿为界,可将延河分为上、中、下游河段,上游河谷狭窄,多呈“V”型,宽度10～80m,中游平均宽度600m,甘谷驿以下河段一般在1500m左右。";
+  } else if (val == "杜甫川河") {
     hdJj.value =
-      '杜甫川河发源于延安市佛道坪,自西向东流经万花,在延安市马家湾汇入南川河,为南川河的一级支流,河长21km,流域面积166km2,河道平均比降9.3‰,多年平均径流量0.04 亿m 3,最大流量100m3 /s,流量最小时河道断流,河谷狭窄,宽度200～300m,最宽约400m。阶地零星分布,阶面倾向河床,川地高程一般在975～1000m。左岸岸坡低缓,坡高在75m 左右,坡度小于40°；右岸斜坡坡高 50～100m,坡度30°～50°,多为黄土斜坡。';
-  } else if (val == '西川河') {
+      "杜甫川河发源于延安市佛道坪,自西向东流经万花,在延安市马家湾汇入南川河,为南川河的一级支流,河长21km,流域面积166km2,河道平均比降9.3‰,多年平均径流量0.04 亿m 3,最大流量100m3 /s,流量最小时河道断流,河谷狭窄,宽度200～300m,最宽约400m。阶地零星分布,阶面倾向河床,川地高程一般在975～1000m。左岸岸坡低缓,坡高在75m 左右,坡度小于40°；右岸斜坡坡高 50～100m,坡度30°～50°,多为黄土斜坡。";
+  } else if (val == "西川河") {
     hdJj.value =
-      '西川河为延河一级支流,发源于安塞区李盆窑子,自西向东流经安塞县的砖窑湾镇高桥乡,在延安市枣园以东、延安兰家坪桥下游汇入延河。西川河流域面积801.1km2,河长61.5km,河道平均比降5.7‰, 多年平均径流量0.29亿m3,最大流量440m3/s,最小流量 0.001m3/s。西川河下游设有枣园水文站,距河口 13km,枣园水文站以上控制流量面积719km2。西川河河谷在横剖面上呈宽阔的“U”型,宽度一般为400~500m,最大宽度700m；川地高950～965m,河床稍向下游倾斜,受水流影响,河床两岸阶地呈不对称,凸岸阶地发育,阶面微向河床倾斜,凹岸很少有阶地。';
+      "西川河为延河一级支流,发源于安塞区李盆窑子,自西向东流经安塞县的砖窑湾镇高桥乡,在延安市枣园以东、延安兰家坪桥下游汇入延河。西川河流域面积801.1km2,河长61.5km,河道平均比降5.7‰, 多年平均径流量0.29亿m3,最大流量440m3/s,最小流量 0.001m3/s。西川河下游设有枣园水文站,距河口 13km,枣园水文站以上控制流量面积719km2。西川河河谷在横剖面上呈宽阔的“U”型,宽度一般为400~500m,最大宽度700m；川地高950～965m,河床稍向下游倾斜,受水流影响,河床两岸阶地呈不对称,凸岸阶地发育,阶面微向河床倾斜,凹岸很少有阶地。";
   } else {
     hdJj.value =
-      '南川河发源于延安市元庄,自南向北流径柳林镇,在宝塔山下附近入延河,属延河一级支流,河长24.2km,流域面积432.5km2,河道平均比降9.6‰,多年平均径流量0.15亿m 3,最大流量650m3 /s,流量最小时南川河断流。南川河河谷相对较窄,宽度为450m 左右,川地高程960～990m,阶地不甚发育,河床向两侧以缓坡形式过度到两岸斜坡；宝塔山至七里铺段,河谷两岸斜坡高度多在50～100m,坡度普遍大于40°,部分达70°；由于河流14下切,基岩出露,在左右岸坡脚处分别形成 10～20m 和 10～30m的基岩陡坎,坡角普遍大于 80°。在七里铺至柳林河段,岸坡明显减缓,坡度多小于40°,坡高在50m以上。';
+      "南川河发源于延安市元庄,自南向北流径柳林镇,在宝塔山下附近入延河,属延河一级支流,河长24.2km,流域面积432.5km2,河道平均比降9.6‰,多年平均径流量0.15亿m 3,最大流量650m3 /s,流量最小时南川河断流。南川河河谷相对较窄,宽度为450m 左右,川地高程960～990m,阶地不甚发育,河床向两侧以缓坡形式过度到两岸斜坡；宝塔山至七里铺段,河谷两岸斜坡高度多在50～100m,坡度普遍大于40°,部分达70°；由于河流14下切,基岩出露,在左右岸坡脚处分别形成 10～20m 和 10～30m的基岩陡坎,坡角普遍大于 80°。在七里铺至柳林河段,岸坡明显减缓,坡度多小于40°,坡高在50m以上。";
   }
 };
 
@@ -491,7 +547,7 @@
         width: 132px;
         height: 30px;
         padding: 2px 3px;
-        background: url('@/assets/images/zhps/fxpgw.png') no-repeat;
+        background: url("@/assets/images/zhps/fxpgw.png") no-repeat;
         background-size: 100% 100%;
         text-align: center;
         margin-top: 5px;
@@ -500,7 +556,7 @@
       .activedright {
         border: 1px solid #2cfce9;
         color: #e4f5ff;
-        background: url('@/assets/images/zhps/fxpgxz.png') no-repeat;
+        background: url("@/assets/images/zhps/fxpgxz.png") no-repeat;
         background-size: 100% 100%;
       }
     }
@@ -910,7 +966,7 @@
   height: 44px;
   line-height: 50px;
   width: 98%;
-  background: url('@/assets/newImgs/partBg.png') no-repeat;
+  background: url("@/assets/newImgs/partBg.png") no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;