diff --git a/web_src/src/components/MediaServerManger.vue b/web_src/src/components/MediaServerManger.vue
index 1d3c057c..4d6b6bf6 100755
--- a/web_src/src/components/MediaServerManger.vue
+++ b/web_src/src/components/MediaServerManger.vue
@@ -10,7 +10,8 @@
     <el-row :gutter="12">
       <el-col :span="num" v-for="item in mediaServerList" :key="item.id">
         <el-card shadow="hover" :body-style="{ padding: '0px'}" class="server-card">
-          <div class="card-img-zlm"></div>
+          <div v-if="item.type === 'zlm'" class="card-img-zlm"></div>
+          <div v-if="item.type === 'abl'" class="card-img-abl"></div>
           <div style="padding: 14px;text-align: left">
             <span style="font-size: 16px">{{item.id}}</span>
             <el-button v-if="!item.defaultServer" icon="el-icon-edit" style="padding: 0;float: right;" type="text" @click="edit(item)">编辑</el-button>
@@ -154,6 +155,13 @@
     background-size: contain;
     margin: 0 auto;
   }
+  .card-img-abl{
+    width: 200px; height: 200px;
+    background: url('~@static/images/abl-logo.jpg') no-repeat center;
+    background-position: center;
+    background-size: contain;
+    margin: 0 auto;
+  }
   .server-card-status-online{
     position: absolute;
     right: 20px;
diff --git a/web_src/static/images/abl-logo.jpg b/web_src/static/images/abl-logo.jpg
new file mode 100644
index 00000000..82a564d4
Binary files /dev/null and b/web_src/static/images/abl-logo.jpg differ