修改部分样式问题

src/views/Home.vue

                     :key="$index" :index="index + $index+1+''" @click="selectParams($item.type, $item.value, index, $index)">{{$item.name}}: {{ $item.cf }}</el-menu-item>
                 </el-menu-item-group>
                 <el-menu-item-group>
-                  <template slot="title">反演参照</template>
+                  <template slot="title">风险源</template>
                   <el-menu-item v-for="($item, $index) in refList"
                   :key="$index" :index="index + '-5'"> 
                   <input 
       ["居民地", "#1E6510"],
       ["拆迁未利用地", "#7FFFFF"],
       ["堆土", "#571919 "],
+      ['林地', 'brown']
     ];
     this.landColorList = this.landColor; // 土地占有面积
 
               return this.outletActiveIcon
 
           }
+        } else {
+          return new Style({
+            stroke:new Stroke({
+              color: "cyan",
+              width: 5
+            })
+          })
         }
       }
     });
           this.map.removeOverlay(this.overlayPlace);
           if(properties.river) { // 表示为采样点数据
             this.popupData = properties;
-            console.log(this.popupData);
             let coordinate = e.mapBrowserEvent.coordinate;
             this.overlay.setPosition(coordinate);
             this.overlay.setOffset([140, -10]);
 /*  */
 .markBox {
   position: absolute;
-  bottom: 40px;
+  bottom: 10px;
   left: 10px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-end;
 }
 /* 色带 */
 .colorMark {
 }
 /* 数据统计弹框 */
 .chart {
-  width: 360px;
+  width: 380px;
   padding: 10px;
   position: absolute;
   top: 80px;
 }
 .placeChart {
   width: 100%;
-  padding: 10px;
+  /* padding: 10px; */
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
 /* 弹出框 */
 .showPopupPoint {
   width: 220px;
-  height: 180px;
+  height: 170px;
   padding: 10px;
   background-color: rgb(255, 255, 255);
 }
 .showPopupPlace {
-  width: 250px;
+  width: 220px;
+  height: 140px;
   padding: 10px;
   background-color: rgb(255, 255, 255);
 }
 .showPopupOutlet {
   width: 220px;
+  height: 230px;
   padding: 10px;
   background-color: rgb(255, 255, 255);
 }

src/views/leftCompoents/landUse.vue

     const chart = new Chart({
     container: 'landUse',
   //   autoFit: true,
-    width: 300,
+    width: 320,
     height: 230,
-    padding: [0, 30, 10, 30],
+    padding: [0, 30, 10, 60],
 });
 chart.data(data);
 chart.scale('ratio', {
   },
 });
 chart.coordinate('theta', {
-  radius: 0.6,
+  radius: 0.55,
   innerRadius: 0.7,
 });
 chart.tooltip({
   showTitle: false,
   showMarkers: false,
-  itemTpl: '<li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>{name}: {value}</li>',
+
 });
 chart.legend(false);
 // 辅助文本
   .label('ratio', (ratio) => {
     return {
       content: (data) => {
-        return `${data.lc.substr(0, 4) + '...'} ${parseFloat(ratio).toFixed(2)}%`;
+        return `${data.lc.substr(0, 4)} ${parseFloat(ratio).toFixed(2)}%`;
       },
     };
   })
 </script>
 
 <style scoped>
-.g2-tooltip {
-  /* width: 80px; */
-  height: 30px;
-  line-height: 30px;
-  text-align: center;
-}
+
 </style>

src/views/leftCompoents/outletComponents.vue

           <span>纬度：{{dataList.lat=='0.0'?'31.996371':dataList.lat}}</span>
           <span class="imgtitle">现场照片</span>
           <img class="outletImg" src="../../assets/img/gisdemo/outletImg.png" alt="">
+          <!-- <img src="" alt=""> -->
         </li>
     </ul>
   </div>

src/views/leftCompoents/popupComponents.vue

     </p>
     <ul class="paramsList">
         <li class="value">
-          <span>COD：{{dataList.cod}} mg/L</span>
+          <span>COD_Mn：{{dataList.cod}} mg/L</span>
           <span class="upImg" v-show="dataList.cod > 20"></span> 
         </li>
         <li class="value">
     }
     #popupComponents .paramsList {
       width: 100%;
-      margin: 10px;
+      margin-left: 10px;
       list-style: none;
       display: flex;
       flex-direction: column;