ソースを参照

table cell元素自帶text-overflow: ellipsis;屬性,判定無執行記錄tag太長,顯示了縮略號。加寬了列

Cyt928 5 年 前
コミット
bf9ba73bf3
2 ファイル変更9 行追加9 行削除
  1. 2 2
      mock/routers/pipeline.js
  2. 7 7
      src/views/Project/Pipeline.vue

+ 2 - 2
mock/routers/pipeline.js

@@ -72,7 +72,7 @@ router.get('/record/list', (req, res) => {
         'data|10': [{
           'id|+5': 101,
           pipelineId: 100,
-          'result|1': ['成功', '失败', '执行中'],
+          'result|1': ['成功', '失败', '执行中', '无执行记录'],
           startTime: Random.datetime(),
           username: 'hkshu12',
         }],
@@ -113,7 +113,7 @@ router.get('/list', (req, res) => {
         'data|10': [{
           'id|+1': 100,
           name: Random.cname(),
-          'result|1': ['成功', '失败', '执行中'],
+          'result|1': ['成功', '失败', '执行中', '无执行记录'],
           startTime: Random.datetime(),
           username: 'hkshu12',
         }],

+ 7 - 7
src/views/Project/Pipeline.vue

@@ -29,7 +29,7 @@
           prop="result"
           label="执行状态"
           align="center"
-          width="100"
+          width="110"
           :filters="[{ text: '成功', value: '成功' }, { text: '失败', value: '失败' }]"
           :filter-method="(value, row) => {
             return row.result === value;
@@ -37,13 +37,13 @@
           filter-placement="bottom-end"
         >
           <template #default="scope">
-            <template v-if="scope.row.result === '部署成功'">
+            <template v-if="scope.row.result === '成功'">
               <ElTag type="success">{{scope.row.result}}</ElTag>
             </template>
-            <template v-else-if="scope.row.result === '部署失败'">
+            <template v-else-if="scope.row.result === '失败'">
               <ElTag type="danger">{{scope.row.result}}</ElTag>
             </template>
-            <template v-else-if="scope.row.result === '部署中'">
+            <template v-else-if="scope.row.result === '执行中'">
               <ElTag>{{scope.row.result}}<i class="el-icon-loading"></i></ElTag>
             </template>
             <template v-else-if="scope.row.result === '无执行记录'">
@@ -128,13 +128,13 @@
             filter-placement="bottom-end"
           >
             <template #default="scope">
-              <template v-if="scope.row.result === '部署成功'">
+              <template v-if="scope.row.result === '成功'">
                 <ElTag type="success">{{scope.row.result}}</ElTag>
               </template>
-              <template v-else-if="scope.row.result === '部署失败'">
+              <template v-else-if="scope.row.result === '失败'">
                 <ElTag type="danger">{{scope.row.result}}</ElTag>
               </template>
-              <template v-else-if="scope.row.result === '部署中'">
+              <template v-else-if="scope.row.result === '执行中'">
                 <ElTag>{{scope.row.result}}<i class="el-icon-loading"></i></ElTag>
               </template>
               <template v-else-if="scope.row.result === '无执行记录'">