From cb2861cb2b6133afed8c881753bfa55854e3e92a Mon Sep 17 00:00:00 2001
From: liwei <wei.li@le-it.com.cn>
Date: Mon, 9 Aug 2021 13:30:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=8A=B6=E6=80=81=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E9=A2=9C=E8=89=B2=E5=8C=BA=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/etcd/index.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/views/etcd/index.vue b/src/views/etcd/index.vue
index 371c243..0b11d70 100644
--- a/src/views/etcd/index.vue
+++ b/src/views/etcd/index.vue
@@ -28,7 +28,7 @@
         <el-table-column prop="exe_path" label="服务路径"> </el-table-column>
         <el-table-column label="服务状态">
           <template #default="scope">
-            {{ setStatusText(scope.row) }}
+            <span :class="`serve-text ${'status-color'+scope.row.state}`">{{ setStatusText(scope.row) }}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" width="350" align="center">
@@ -126,7 +126,7 @@ export default {
     // status对应中文
     setStatusText(row) {
       const item = this.statusList.find((e) => e.key == row.state);
-      return item.value || "";
+      return item.value || '';
     },
     // 显示添加界面
     handleAdd() {
@@ -219,3 +219,21 @@ export default {
   },
 };
 </script>
+<style scoped>
+  .serve-text{
+    color: #FFFFFF;
+    padding: 5px 10px;
+  }
+  .status-color0{
+    background: #f95450;
+  }
+  .status-color1{
+    background: #2e94bc;
+  }
+  .status-color2{
+    background: #4e75bc;
+  }
+  .status-color2{
+    background: #f7c139;
+  }
+</style>
\ No newline at end of file