diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
index e9648c9..2ffa84e 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right.vue
@@ -4,7 +4,7 @@
       全区合计<span><b class="lus">{{gqData.portChannelNum}}</b>条</span><span><b class="las">{{gqData.lengthSum}}</b>km</span>
     </div>
     <div class="canalList">
-      <div class="list flex" v-for="i in gqData.waterRegionList" :key="i">
+      <div class="list flex" v-for="i in allList" :key="i">
         <div class="name flex flex-justcontent-center flex-align-center"><div>{{i.waterRegionName}}<br/>({{i.lengthSum}})</div></div>
         <div class="info flex-1">
           <div class="ditch flex flex-justcontent-center" v-for="e in i.portChannelList" :key="e">
@@ -33,20 +33,30 @@
   () => props.waterRegionCode,
   (val) => {
     console.log("YSIndex_right:分区编号变了", val);
-    debugger
-    getData()
+    if(val!=''){
+      filetData(val)
+    }
   },
   { immediate: true ,deep:true}
 );
 let gqData=ref({})
+let allList=ref([])
 function getData(){
   getPortChannelLengthSum().then(res=>{
     if(res.code==200){
       gqData.value=res.data
+      allList.value=gqData.value.waterRegionList
     }
   })
 }
-onMounted(() => {});
+function filetData(id){
+  let list=gqData.value.waterRegionList.find(i=>{return i.waterRegionId==id})
+  allList.value=[list]
+  debugger
+}
+onMounted(() => {
+  getData()
+});
 </script>
 
 <style lang="scss" scoped>