鼠标悬停展示服务详情

src/views/docker/EnvDetail.vue

@@ -145,7 +145,9 @@
           <template slot-scope="scope">
             <i v-if="scope.row.status === 'Normal'" class="el-icon-success" style="color: #67c23a" />
             <i v-else class="el-icon-error" style="color: #f56c6c" />
-            <span class="link-type" @click="handleDetail(scope.row)">{{ scope.row.serviceName }}</span>
+            <el-tooltip class="item" effect="light" :content="scope.row.desc" placement="right">
+              <span class="link-type" @click="handleDetail(scope.row)">{{ scope.row.serviceName }}</span>
+            </el-tooltip>
           </template>
         </el-table-column>
         <el-table-column prop="image" label="镜像">