图例

ruoyi-ui/src/components/map/index.vue

@@ -235,6 +235,29 @@
         </el-tabs>
       </div>
     </div>
+
+    <div class="icon_div">
+         <div style="margin-top:5rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/zc.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">正常船舶</span></div></div>
+         <br/>
+         <div style="margin-top:5rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/xy.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">硫超标嫌疑船舶</span></div></div>
+         <br/>
+         <div style="margin-top:5rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/wg.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">黑烟嫌疑船舶</span></div></div>
+         <br/>
+         <div style="margin-top:5rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/hy.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">黑烟设备</span></div></div>
+         <br/>
+         <div style="margin-top:8rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/ais.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">光谱设备</span></div></div>
+         <br/>
+         <div style="margin-top:8rem"><div style="float:left;margin-left:5rem"><img src="../../assets/images/icon/so2.png"></img></div><div style="float:left;margin-left:8rem"><span class="line_font">嗅探设备</span></div></div>
+         <br/>
+            <!-- <div style="margin-top:75rem"><div></div><span class="line_font">支路</span></div> -->
+    </div>
+
+    <div class="radio_div">
+          <el-checkbox-group v-model="checkList">
+              <el-checkbox label="热力图"></el-checkbox>
+              <el-checkbox label="设备"></el-checkbox>
+        </el-checkbox-group>
+    </div>
  </div>
 </template>
 
@@ -269,6 +292,7 @@ export default {
       shipName:'',
       deviceShow:false,
       deviceName:'',
+      checkList: [],
       drawLayer: null,
       draw: null,
       normalPer: 0.1,
@@ -628,4 +652,24 @@ export default {
   height: 3rem;
   line-height: 3rem
 }
+
+.icon_div{
+  position: absolute;
+  top: 300rem;
+  right: 160rem;
+  width: 70rem;
+  height: 80rem;
+  background-color: white;
+}
+
+.radio_div{
+  position: absolute;
+  top: 50rem;
+  left: 120rem;
+  width: 40rem;
+  height: 30rem;
+  padding-top: 5rem;
+  padding-left: 5rem;
+  background-color: white;
+}
 </style>

ruoyi-ui/src/views/components/table/homeTable.vue

@@ -49,9 +49,9 @@
 
     <div class="shipInformation">
       <img src="@/assets/picture/img_xycbxx.png" style="margin-top:5rem;margin-left:5rem"/>
-      <!-- <scroll illegalStatus=1></scroll> -->
+      <scroll illegalStatus=2></scroll>
       <img src="@/assets/picture/img_wgcbxx.png" style="margin-top:5rem;margin-left:5rem"/>
-      <!-- <scroll illegalStatus=1></scroll> -->
+      <scroll illegalStatus=3></scroll>
     </div>
 
     <div class="equipmentContent">