补充图标

Web/src/components/onLineDevice/icons/batteryFour.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons/battery 4</title>
+    <g id="Icons/battery" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(16.039062, 16.000000) rotate(-90.000000) translate(-16.039062, -16.000000) translate(1.039062, 8.460938)" fill-rule="nonzero">
+            <polygon id="路径" fill="#E02020" points="3.6 3.23125 7.6 3.23125 7.6 11.846875 3.6 11.846875"></polygon>
+            <path d="M28.9924124,4.309375 L27.6835528,4.309375 L27.6835528,1.078125 C27.6835528,0.484375 27.1646954,0 26.5286766,0 L1.15487614,0 C0.522204865,0 0,0.484375 0,1.078125 L0,14 C0,14.590625 0.518857398,15.078125 1.15487614,15.078125 L26.5353716,15.078125 C27.1680428,15.078125 27.6902477,14.59375 27.6902477,14 L27.6902477,10.771875 L28.9991073,10.771875 C29.5514394,10.771875 30,10.353125 30,9.8375 L30,5.24375 C29.9933051,4.73125 29.5447445,4.309375 28.9924124,4.309375 Z M25.3804954,12.925 L2.30640482,12.925 L2.30640482,2.15625 L25.377148,2.15625 L25.377148,12.925 L25.3804954,12.925 Z" id="形状" fill="#FFFFFF"></path>
+        </g>
+    </g>
+</svg>

Web/src/components/onLineDevice/icons/batteryOne.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons/battery</title>
+    <g id="Icons/battery" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(16.039062, 16.000000) rotate(-90.000000) translate(-16.039062, -16.000000) translate(1.039062, 8.460938)" fill="#FFFFFF" fill-rule="nonzero">
+            <polygon id="路径" points="3.6 3.23125 7.6 3.23125 7.6 11.846875 3.6 11.846875"></polygon>
+            <polygon id="路径" points="9.06666667 3.23125 13.0666667 3.23125 13.0666667 11.846875 9.06666667 11.846875"></polygon>
+            <polygon id="路径" points="14.5333333 3.23125 18.5333333 3.23125 18.5333333 11.846875 14.5333333 11.846875"></polygon>
+            <polygon id="路径" points="20 3.23125 24 3.23125 24 11.846875 20 11.846875"></polygon>
+            <path d="M28.9924124,4.309375 L27.6835528,4.309375 L27.6835528,1.078125 C27.6835528,0.484375 27.1646954,0 26.5286766,0 L1.15487614,0 C0.522204865,0 0,0.484375 0,1.078125 L0,14 C0,14.590625 0.518857398,15.078125 1.15487614,15.078125 L26.5353716,15.078125 C27.1680428,15.078125 27.6902477,14.59375 27.6902477,14 L27.6902477,10.771875 L28.9991073,10.771875 C29.5514394,10.771875 30,10.353125 30,9.8375 L30,5.24375 C29.9933051,4.73125 29.5447445,4.309375 28.9924124,4.309375 Z M25.3804954,12.925 L2.30640482,12.925 L2.30640482,2.15625 L25.377148,2.15625 L25.377148,12.925 L25.3804954,12.925 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>

Web/src/components/onLineDevice/icons/batteryThree.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons/battery 3</title>
+    <g id="Icons/battery" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(16.039062, 16.000000) rotate(-90.000000) translate(-16.039062, -16.000000) translate(1.039062, 8.460938)" fill="#FFFFFF" fill-rule="nonzero">
+            <polygon id="路径" points="3.6 3.23125 7.6 3.23125 7.6 11.846875 3.6 11.846875"></polygon>
+            <polygon id="路径" points="9.06666667 3.23125 13.0666667 3.23125 13.0666667 11.846875 9.06666667 11.846875"></polygon>
+            <path d="M28.9924124,4.309375 L27.6835528,4.309375 L27.6835528,1.078125 C27.6835528,0.484375 27.1646954,0 26.5286766,0 L1.15487614,0 C0.522204865,0 0,0.484375 0,1.078125 L0,14 C0,14.590625 0.518857398,15.078125 1.15487614,15.078125 L26.5353716,15.078125 C27.1680428,15.078125 27.6902477,14.59375 27.6902477,14 L27.6902477,10.771875 L28.9991073,10.771875 C29.5514394,10.771875 30,10.353125 30,9.8375 L30,5.24375 C29.9933051,4.73125 29.5447445,4.309375 28.9924124,4.309375 Z M25.3804954,12.925 L2.30640482,12.925 L2.30640482,2.15625 L25.377148,2.15625 L25.377148,12.925 L25.3804954,12.925 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>

Web/src/components/onLineDevice/icons/batteryTwo.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons/battery 2</title>
+    <g id="Icons/battery" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(16.039062, 16.000000) rotate(-90.000000) translate(-16.039062, -16.000000) translate(1.039062, 8.460938)" fill="#FFFFFF" fill-rule="nonzero">
+            <polygon id="路径" points="3.6 3.23125 7.6 3.23125 7.6 11.846875 3.6 11.846875"></polygon>
+            <polygon id="路径" points="9.06666667 3.23125 13.0666667 3.23125 13.0666667 11.846875 9.06666667 11.846875"></polygon>
+            <polygon id="路径" points="14.5333333 3.23125 18.5333333 3.23125 18.5333333 11.846875 14.5333333 11.846875"></polygon>
+            <path d="M28.9924124,4.309375 L27.6835528,4.309375 L27.6835528,1.078125 C27.6835528,0.484375 27.1646954,0 26.5286766,0 L1.15487614,0 C0.522204865,0 0,0.484375 0,1.078125 L0,14 C0,14.590625 0.518857398,15.078125 1.15487614,15.078125 L26.5353716,15.078125 C27.1680428,15.078125 27.6902477,14.59375 27.6902477,14 L27.6902477,10.771875 L28.9991073,10.771875 C29.5514394,10.771875 30,10.353125 30,9.8375 L30,5.24375 C29.9933051,4.73125 29.5447445,4.309375 28.9924124,4.309375 Z M25.3804954,12.925 L2.30640482,12.925 L2.30640482,2.15625 L25.377148,2.15625 L25.377148,12.925 L25.3804954,12.925 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>

Web/src/components/onLineDevice/icons/controller.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons/controller</title>
+    <defs>
+        <circle id="path-1" cx="16" cy="16" r="16"></circle>
+        <filter x="-10.9%" y="-7.8%" width="121.9%" height="121.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Icons/controller" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <g id="椭圆形">
+                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                <use fill="#19A3F5" fill-rule="evenodd" xlink:href="#path-1"></use>
+            </g>
+            <path d="M13,7 L13,13 L19,13 L19,7 L21,7 L21,13 L24,13 L24,23 L8,23 L8,13 L11,13 L11,7 L13,7 Z M12,15 C10.3431458,15 9,16.3431458 9,18 C9,19.6568542 10.3431458,21 12,21 C13.6568542,21 15,19.6568542 15,18 C15,16.3431458 13.6568542,15 12,15 Z M20,15 C18.3431458,15 17,16.3431458 17,18 C17,19.6568542 18.3431458,21 20,21 C21.6568542,21 23,19.6568542 23,18 C23,16.3431458 21.6568542,15 20,15 Z" id="形状结合" fill="#F0F1F0"></path>
+            <circle id="椭圆形" fill="#F0F1F0" cx="12" cy="18" r="2"></circle>
+            <circle id="椭圆形" fill="#F0F1F0" cx="20" cy="18" r="2"></circle>
+        </g>
+    </g>
+</svg>

Web/src/components/onLineDevice/index.vue

@@ -59,14 +59,14 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue';
-import taskSrc from './icon/task.svg';
-import controllerSrc from './icon/controller.svg';
-import aircraftSrc from './icon/aircraft.svg';
-import batteryOneSrc from './icon/batteryOne.svg';
-import batteryTwoSrc from './icon/batteryTwo.svg';
-import batteryThreeSrc from './icon/batteryThree.svg';
-import batteryFourSrc from './icon/batteryFour.svg';
-import deviceInfoSrc from './icon/deviceInfo.svg';
+import taskSrc from './icons/task.svg';
+import controllerSrc from './icons/controller.svg';
+import aircraftSrc from './icons/aircraft.svg';
+import batteryOneSrc from './icons/batteryOne.svg';
+import batteryTwoSrc from './icons/batteryTwo.svg';
+import batteryThreeSrc from './icons/batteryThree.svg';
+import batteryFourSrc from './icons/batteryFour.svg';
+import deviceInfoSrc from './icons/deviceInfo.svg';
 import { useMyStore } from '/@/store';
 import { getTextByModeCode } from '/@/utils/index'
 import { OnlineDevice, EModeCode } from '/@/types/device';