diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
index bd406dc..4a48606 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
@@ -10,7 +10,7 @@
           <div class="ditch flex flex-justcontent-center" v-for="e in i.portChannelList" :key="e">
             <div class="one">{{e.name}}</div>
             <div class="two flex-1 flex flex-align-center"><div class="inBra" :style="{width:`${e.length/8*100}%`}"><span :style="{right:e.length<2?'-24px':''}">{{e.length}}</span></div></div>
-            <div class="tre">目标：<span>{{e.targetQuality}}</span></div>
+            <div class="tre">目标：<span :class="`color${e.targetQuality}`">{{getChineseFun(level,'label', e.targetQuality,'value')}}</span></div>
           </div>
         </div>
       </div>
@@ -19,6 +19,7 @@
 </template>
 
 <script setup name="YSIndex_right">
+import { getChineseFun } from '@/utils/ruoyi';
 import { getPortChannelLengthSum } from '@/api/MonitorAssetsOnMap';
 import { ref, reactive, toRefs, onMounted } from "vue";
 const props = defineProps({
@@ -28,6 +29,24 @@
     default: "",
   },
 });
+const level=[
+  {
+    label:'1',
+    value:'Ⅰ',
+  },{
+    label:'2',
+    value:'Ⅱ',
+  },{
+    label:'3',
+    value:'Ⅲ',
+  },{
+    label:'4',
+    value:'Ⅳ',
+  },{
+    label:'5',
+    value:'Ⅴ',
+  },
+]
 const AllData = reactive({});
 watch(
   () => props.waterRegionCode,
@@ -138,7 +157,7 @@
       font-weight: bold;
       font-size: 14px;
       color: #CCDFFF;
-      width: 110px;
+      width: 120px;
     }
     .tre{
       width: 80px;
@@ -165,4 +184,19 @@
     }
   }
 }
+.color1{
+  color: #2AD4FF;
+}
+.color2{
+  color: #2AFFB1;
+}
+.color3{
+  color: #2AFFFC;
+}
+.color4{
+  color: #FFB61A;;
+}
+.color5{
+  color: #FD4D62;
+}
 </style>

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
index bd406dc..4a48606 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
@@ -10,7 +10,7 @@
           <div class="ditch flex flex-justcontent-center" v-for="e in i.portChannelList" :key="e">
             <div class="one">{{e.name}}</div>
             <div class="two flex-1 flex flex-align-center"><div class="inBra" :style="{width:`${e.length/8*100}%`}"><span :style="{right:e.length<2?'-24px':''}">{{e.length}}</span></div></div>
-            <div class="tre">目标：<span>{{e.targetQuality}}</span></div>
+            <div class="tre">目标：<span :class="`color${e.targetQuality}`">{{getChineseFun(level,'label', e.targetQuality,'value')}}</span></div>
           </div>
         </div>
       </div>
@@ -19,6 +19,7 @@
 </template>
 
 <script setup name="YSIndex_right">
+import { getChineseFun } from '@/utils/ruoyi';
 import { getPortChannelLengthSum } from '@/api/MonitorAssetsOnMap';
 import { ref, reactive, toRefs, onMounted } from "vue";
 const props = defineProps({
@@ -28,6 +29,24 @@
     default: "",
   },
 });
+const level=[
+  {
+    label:'1',
+    value:'Ⅰ',
+  },{
+    label:'2',
+    value:'Ⅱ',
+  },{
+    label:'3',
+    value:'Ⅲ',
+  },{
+    label:'4',
+    value:'Ⅳ',
+  },{
+    label:'5',
+    value:'Ⅴ',
+  },
+]
 const AllData = reactive({});
 watch(
   () => props.waterRegionCode,
@@ -138,7 +157,7 @@
       font-weight: bold;
       font-size: 14px;
       color: #CCDFFF;
-      width: 110px;
+      width: 120px;
     }
     .tre{
       width: 80px;
@@ -165,4 +184,19 @@
     }
   }
 }
+.color1{
+  color: #2AD4FF;
+}
+.color2{
+  color: #2AFFB1;
+}
+.color3{
+  color: #2AFFFC;
+}
+.color4{
+  color: #FFB61A;;
+}
+.color5{
+  color: #FD4D62;
+}
 </style>
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
index fcd0079..36aee86 100644
--- a/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
+++ b/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
@@ -54,7 +54,7 @@
 );
 
 function init() {
-  let colorarr = ['#409eff', '#0ba47b', '#a34a5e', '#dac16f', '#ff7f50', '#ff69b4', '#87ceeb', '#4682b4', '#98fb98'];
+  let colorarr = ['#99FF55', '#b14de5', '#FFC155', '#409eff', '#ff7f50', '#ff69b4', '#87ceeb', '#4682b4', '#98fb98'];
   let rightnumber = props.yAxisarr.length * '2.5' + '%';
   let newarr = [];
   let marklinedata = [];
@@ -216,8 +216,8 @@
       type: 'scroll',
       x: 'center', //居右显示
       align: 'left', //图例控制在左边
-      icon: 'circle',
-      itemWidth: 15,
+      // icon: 'circle',
+      // itemWidth: 15,
       itemHeight: 15,
       itemHeight: 15,
       textStyle: {

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
index bd406dc..4a48606 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
@@ -10,7 +10,7 @@
           <div class="ditch flex flex-justcontent-center" v-for="e in i.portChannelList" :key="e">
             <div class="one">{{e.name}}</div>
             <div class="two flex-1 flex flex-align-center"><div class="inBra" :style="{width:`${e.length/8*100}%`}"><span :style="{right:e.length<2?'-24px':''}">{{e.length}}</span></div></div>
-            <div class="tre">目标：<span>{{e.targetQuality}}</span></div>
+            <div class="tre">目标：<span :class="`color${e.targetQuality}`">{{getChineseFun(level,'label', e.targetQuality,'value')}}</span></div>
           </div>
         </div>
       </div>
@@ -19,6 +19,7 @@
 </template>
 
 <script setup name="YSIndex_right">
+import { getChineseFun } from '@/utils/ruoyi';
 import { getPortChannelLengthSum } from '@/api/MonitorAssetsOnMap';
 import { ref, reactive, toRefs, onMounted } from "vue";
 const props = defineProps({
@@ -28,6 +29,24 @@
     default: "",
   },
 });
+const level=[
+  {
+    label:'1',
+    value:'Ⅰ',
+  },{
+    label:'2',
+    value:'Ⅱ',
+  },{
+    label:'3',
+    value:'Ⅲ',
+  },{
+    label:'4',
+    value:'Ⅳ',
+  },{
+    label:'5',
+    value:'Ⅴ',
+  },
+]
 const AllData = reactive({});
 watch(
   () => props.waterRegionCode,
@@ -138,7 +157,7 @@
       font-weight: bold;
       font-size: 14px;
       color: #CCDFFF;
-      width: 110px;
+      width: 120px;
     }
     .tre{
       width: 80px;
@@ -165,4 +184,19 @@
     }
   }
 }
+.color1{
+  color: #2AD4FF;
+}
+.color2{
+  color: #2AFFB1;
+}
+.color3{
+  color: #2AFFFC;
+}
+.color4{
+  color: #FFB61A;;
+}
+.color5{
+  color: #FD4D62;
+}
 </style>
diff --git a/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue b/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
index fcd0079..36aee86 100644
--- a/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
+++ b/src/views/pictureOnMap/page/components/DialogTabs/component/shuikujianceEcharts.vue
@@ -54,7 +54,7 @@
 );
 
 function init() {
-  let colorarr = ['#409eff', '#0ba47b', '#a34a5e', '#dac16f', '#ff7f50', '#ff69b4', '#87ceeb', '#4682b4', '#98fb98'];
+  let colorarr = ['#99FF55', '#b14de5', '#FFC155', '#409eff', '#ff7f50', '#ff69b4', '#87ceeb', '#4682b4', '#98fb98'];
   let rightnumber = props.yAxisarr.length * '2.5' + '%';
   let newarr = [];
   let marklinedata = [];
@@ -216,8 +216,8 @@
       type: 'scroll',
       x: 'center', //居右显示
       align: 'left', //图例控制在左边
-      icon: 'circle',
-      itemWidth: 15,
+      // icon: 'circle',
+      // itemWidth: 15,
       itemHeight: 15,
       itemHeight: 15,
       textStyle: {
diff --git a/vite.config.js b/vite.config.js
index 17617b6..83f81f4 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,7 +8,7 @@
 let ipLink = 'https://server1.wh-nf.cn:8201/prod-api';
 // let ipLink = 'http://192.168.16.135:9100';
 // let ipLink = 'http://192.168.16.124:9100';
-// let ipLink = 'http://192.168.16.43:9100'; // 刘总
+// let ipLink = 'http://192.168.20.43:9100'; // 刘总
 /*  */
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {