From 28b67580b45588c75a0f47998927554c1a01dcae Mon Sep 17 00:00:00 2001
From: marvzhang <tikazyq@163.com>
Date: Wed, 27 Nov 2019 12:41:32 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=89=8D=E7=AB=AF=E5=8F=AF?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E7=88=AC=E8=99=AB=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Config/ConfigList.vue | 44 ++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Config/ConfigList.vue b/frontend/src/components/Config/ConfigList.vue
index 4ba92f3f..a41fcd96 100644
--- a/frontend/src/components/Config/ConfigList.vue
+++ b/frontend/src/components/Config/ConfigList.vue
@@ -145,7 +145,21 @@
         :key="stageName"
       >
         <template slot="title">
-          {{stageName}}
+          <ul class="stage-list">
+            <li class="stage-item">
+              <label>{{$t('Stage Name')}}: </label>
+              <el-input v-model="stage.name" :placeholder="$t('Stage Name')" @focus="onStageNameFocus($event)"/>
+            </li>
+          </ul>
+<!--          <el-table :data="[{}]" :show-header="false" height="120px">-->
+<!--            <el-table-column width="100px">{{$t('Stage Name')}}:</el-table-column>-->
+<!--            <el-table-column width="180px">{{stageName}}</el-table-column>-->
+<!--          </el-table>-->
+<!--          <el-form label-width="120px" inline>-->
+<!--            <el-form-item :label="$t('Stage Name')">-->
+<!--              {{$t(stageName)}}-->
+<!--            </el-form-item>-->
+<!--          </el-form>-->
         </template>
         <fields-table-view
           type="list"
@@ -400,6 +414,11 @@ export default {
         })
       })
     },
+    onStageNameFocus (ev) {
+      console.log(ev)
+      // ev.stopPropagation()
+      ev.preventDefault()
+    }
   },
   created () {
     // fields for list page
@@ -490,4 +509,27 @@ export default {
   .selector-type-item > .el-tag.inactive {
     opacity: 0.5;
   }
+
+  .stage-list {
+    display: flex;
+    list-style: none;
+  }
+
+  .stage-list .stage-item {
+    flex-basis: 360px;
+    display: flex;
+  }
+
+  .stage-list .stage-item label {
+    width: 180px;
+  }
+
+  .stage-list .stage-item .el-input {
+    height: 32px;
+  }
+
+  .stage-list .stage-item .el-input .el-input__inner {
+    height: 32px;
+    inline-size: 32px;
+  }
 </style>