xiug

src/utils/service.js

                 crossOrigin: "Anonymous",
                 tileUrlFunction: function (coordinate) {
                     return (
-                        url + '/tile' +
+                        url + '/tile/' +
                         coordinate[0] +
                         "/" +
                         coordinate[2] +

src/views/Home.vue

         for (var key in paramVaules) {
           this.allPointList.push(paramVaules[key]);
         }
-        console.log(this.allPointList);
       });
     let icon = new Style({
       image: new Icon({
       .then((res) => {
         let features = new WMSGetFeatureInfo(res.data).readFeatures(res.data);
         adrainage.addFeatures(features);
+        // console.log(features);
       });
     let circle = new Style({
       image: new Icon({
     // 河道无人机影像（3条）
     
     let resolutionsDong = [
-      // 16.933367200067735,
+      16.933367200067735,
       8.466683600033868,
       4.233341800016934,
       2.116670900008467,
       0.26458386250105836,
       0.13229193125052918,
       0.06614596562526459,
+      0.033072982812632296
     ];
-    let originDong = [-2.00377e7, 3.02411e7];
+    let originDong = [-2.00377E7, 3.02411E7];
     let extentDong = [
-      1.3233063105009157E7,
-      3746053.586611437,
-      1.3237068255289158E7,
-      3751880.902051437,
+      1.3187100930381533E7,
+      3760145.247145829,
+      1.325847541532075E7,
+      3785732.32665234,
     ];
     let tileGridDong = new TileGrid({
       tileSize: 128,
       crossOrigin: "Anonymous",
       tileUrlFunction: function (coordinate) {
         return (
-          "http://gisraster.yunhengzhizao.cn:8080/arcgis/rest/services/test/photo/MapServer/tile/" +
+          "http://gisraster.yunhengzhizao.cn:8080/arcgis/rest/services/photos/MapServer/tile/" +
           coordinate[0] +
           "/" +
           coordinate[2] +
           } else {
             // 表示为排口数据
             this.popupOutlet = properties;
+            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.2rem;
-  height: 3.0rem;
+  width: 2.6rem;
+  /* 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.808797':dataList.lon}}</span>
-          <span class="lat">纬度：{{dataList.lat=='0.0'?'31.996371':dataList.lat}}</span>
+          <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>
+          <div class="results" v-if="dataList.COD_Mn != 0E-11">
+            <span class="results_title">反演结果：</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>
+              <span>TN:{{parseFloat(dataList.TN).toFixed(2)}}mg/L</span>
+              <span>TP:{{parseFloat(dataList.TP).toFixed(2)}}mg/L</span>
+            </div>
+          </div>
+        
           <span>排口类型：{{dataList.type}}</span>
-          <span class="imgtitle">现场照片</span>
+          <span class="imgtitle">现场照片:</span>
           <img class="outletImg" :src="require('@/assets/img/downsample/outlet_'+dataList.gid+'.jpg')" alt="">
          
         </li>
     },
   },
   mounted() {
+    console.log(this.dataList);
   },
   methods: {
     closeOutlet() {
     .lat {
       margin-bottom: 0.06rem;
     }
+    .results {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: flex-start;
+    }
+    .resultItems {
+      font-size: 0.1rem;
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-content: flex-start;
+    }
+    .resultItems span {
+      width: 50%;
+      height: 0.18rem;
+      margin-top: 0.06rem;
+    }
 </style>