排水

src/views/Home.vue

       .then((res) => {
         let features = new WMSGetFeatureInfo(res.data).readFeatures(res.data);
         adrainage.addFeatures(features);
-        // console.log(features);
       });
     let circle = new Style({
       image: new Icon({
           } else {
             // 表示为排口数据
             this.popupOutlet = properties;
-            console.log(this.popupOutlet.gid);
+            console.log(this.popupOutlet);
             let coordinate = e.mapBrowserEvent.coordinate;
             this.overlayOutlet.setPosition(coordinate);
             this.overlayOutlet.setOffset([140, -10]);
   background-color: rgb(255, 255, 255);
 }
 .showPopupOutlet {
-  width: 2.6rem;
+  width: 2.7rem;
   /* height: 3.0rem; */
   padding: 0.1rem;
   background-color: rgb(255, 255, 255);

src/views/leftCompoents/outletComponents.vue

     </p>
     <ul class="paramsList">
         <li class="value">
-          <span class="lon">经度：{{dataList.lon=='0.0'?'118.8087E':parseFloat(dataList.lon).toFixed(4)}}E</span>
-          <span class="lat">纬度：{{dataList.lat=='0.0'?'31.9963N':parseFloat(dataList.lat).toFixed(4)}}N</span>
+          <span class="imgtitle">经纬度：<span class="textItem">{{dataList.lon=='0.0'?'118.8087E':parseFloat(dataList.lon).toFixed(4)}}E，{{dataList.lat=='0.0'?'31.9963N':parseFloat(dataList.lat).toFixed(4)}}N</span></span>
+          <!-- <span class="lat">纬度：{{dataList.lat=='0.0'?'31.9963N':parseFloat(dataList.lat).toFixed(4)}}N</span> -->
           <div class="results" v-if="dataList.COD_Mn != 0E-11">
-            <span class="results_title">反演结果：</span>
+            <span class="imgtitle">反演结果：</span>
             <div class="resultItems">
               <span>COD_Mn:{{parseFloat(dataList.COD_Mn).toFixed(2)}}mg/L</span>
               <span>NH3_N:{{parseFloat(dataList.NH3_N).toFixed(2)}}mg/L</span>
             </div>
           </div>
         
-          <span>排口类型：{{dataList.type}}</span>
+          <span class="imgtitle">排口类型：<span class="textItem">{{dataList.type}}</span></span>
+          <span class="imgtitle">晴天是否排水：<span class="textItem">{{drained[parseInt(dataList.gid)]}}</span></span>
           <span class="imgtitle">现场照片:</span>
           <img class="outletImg" :src="require('@/assets/img/downsample/outlet_'+dataList.gid+'.jpg')" alt="">
          
 export default {
   data() {
     return {
+      drained:['无','无','有','无','无','有','有','有','有','有','有','有','有','无','无','有','有','有','有','有','有','无','无','无','无','无','无','有','无','有','有','有','无','无','无','有']
     };
   },
   props: {
       text-align: start;
     }
     .imgtitle {
-      margin: 0.06rem 0px;
+      margin: 0.05rem 0px;
       font-size: 0.14rem;
+      font-weight: 600;
     }
     .closePopup {
       width: 0.12rem;
       height: 0.18rem;
       margin-top: 0.06rem;
     }
+    .textItem {
+      font-weight: 400;
+    }
 </style>