diff --git a/frontend/src/assets/overview/kx.png b/frontend/src/assets/overview/kx.png
new file mode 100644
index 0000000000000000000000000000000000000000..31c53ef9397eecfd60ac67e547da66039923c1c8
Binary files /dev/null and b/frontend/src/assets/overview/kx.png differ
diff --git a/frontend/src/assets/overview/lx.png b/frontend/src/assets/overview/lx.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ce845906f5f4edd8894d713d894d9dbe09e9115
Binary files /dev/null and b/frontend/src/assets/overview/lx.png differ
diff --git a/frontend/src/assets/overview/zx.png b/frontend/src/assets/overview/zx.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d48800307ed1c62ac8dc55cd1344da17c448b5e
Binary files /dev/null and b/frontend/src/assets/overview/zx.png differ
diff --git a/frontend/src/views/Overview/Overview.vue b/frontend/src/views/Overview/Overview.vue
index d27f65932f57a40abce5802b12234856ec2df75c..0f207127780ffb4b9132b6a9fc6b978c27172450 100644
--- a/frontend/src/views/Overview/Overview.vue
+++ b/frontend/src/views/Overview/Overview.vue
@@ -18,15 +18,15 @@
                 </div>
             </div>
             <div class="bottom">
-                <div class="top_panel zx">
+                <div class="bottom_panel zx">
                     <span>在线机器</span>
                     <p style="color: rgb(92, 123, 217)">{{ normal }}</p>
                 </div>
-                <div class="top_panel lx">
+                <div class="bottom_panel lx">
                     <span>离线机器</span>
                     <p style="color: rgb(138, 138, 138)">{{ offline }}</p>
                 </div>
-                <div class="top_panel kx">
+                <div class="bottom_panel kx">
                     <span>未分配机器</span>
                     <p style="color: rgb(253, 190, 0)">{{ free }}</p>
                 </div>
@@ -146,7 +146,7 @@ let tooltips = ref([
             justify-content: space-evenly;
             align-items: center;
 
-            .top_panel {
+            .bottom_panel {
                 width: 28%;
                 height: 64%;
                 border: 1px dashed #aaa;
@@ -171,6 +171,21 @@ let tooltips = ref([
                     font-weight: bold;
                 }
             }
+
+            .zx {
+                background: url(@/assets/overview/zx.png) no-repeat left center;
+                background-size: 72%;
+            }
+
+            .lx {
+                background: url(@/assets/overview/lx.png) no-repeat left center;
+                background-size: 72%;
+            }
+
+            .kx {
+                background: url(@/assets/overview/kx.png) no-repeat left center;
+                background-size: 72%;
+            }
         }
     }