fix: #3296

src/assets/styles/base.css

@@ -78,6 +78,7 @@ textarea:focus {
 
 :root {
   --main-color: #ba143e;
+  --main-success-color: #00ac27;
 }
 .el-dialog__header {
   margin-right: 0 !important;

src/modules/group/views/Index.vue

@@ -53,7 +53,14 @@ const listOptions = computed(() => {
         }
       },
       { label: '最近计算完成时间', prop: 'record.updated_time' },
-      { label: '状态', prop: 'status', slots: 'table-status' },
+      {
+        label: '状态',
+        prop: 'status',
+        computed({ row }: { row: Group }) {
+          const color = row.status === '1' ? 'var(--main-success-color)' : 'var(--main-color)'
+          return `<span style="color: ${color}">${getNameByValue(row.status, statusList)}</span>`
+        }
+      },
       { label: '更新人', prop: 'created_operator.real_name' },
       { label: '更新时间', prop: 'updated_time' },
       { label: '操作', slots: 'table-x', width: 240 }
@@ -129,11 +136,6 @@ function handleView(row: Group) {
       <template #filter-user>
         <SelectUser v-model="listParams.updated_operator" placeholder="更新人" @change="handleRefresh"></SelectUser>
       </template>
-      <template #table-status="{ row }: { row: Group }">
-        <el-tag :type="row.status === '1' ? 'success' : 'danger'">
-          {{ getNameByValue(row.status, statusList) }}
-        </el-tag>
-      </template>
 
       <template #table-x="{ row }">
         <el-button type="primary" plain @click="handleView(row)">查看</el-button>

src/modules/label/views/Index.vue

@@ -56,7 +56,14 @@ const listOptions = computed(() => {
           return getNameByValue(row.update_status, updateStatusRuleList)
         }
       },
-      { label: '状态', prop: 'status', slots: 'table-status' },
+      {
+        label: '状态',
+        prop: 'status',
+        computed({ row }: { row: Label }) {
+          const color = row.status === '1' ? 'var(--main-success-color)' : 'var(--main-color)'
+          return `<span style="color: ${color}">${getNameByValue(row.status, statusList)}</span>`
+        }
+      },
       { label: '更新人', prop: 'updated_operator.real_name' },
       { label: '更新时间', prop: 'updated_time' },
       { label: '操作', slots: 'table-x', width: 320 }
@@ -117,11 +124,6 @@ function handleRule(row: Label) {
         <template #filter-user>
           <SelectUser v-model="listParams.updated_operator" placeholder="更新人" @change="handleRefresh"></SelectUser>
         </template>
-        <template #table-status="{ row }: { row: Label }">
-          <el-tag :type="row.status === '1' ? 'success' : 'danger'">
-            {{ getNameByValue(row.status, statusList) }}
-          </el-tag>
-        </template>
 
         <template #table-x="{ row }">
           <el-button type="primary" plain @click="handleRule(row)">规则</el-button>

src/modules/trip/template/views/Index.vue

@@ -44,7 +44,14 @@ const listOptions = computed(() => {
           return parseInt(row.score)
         }
       },
-      { label: '状态', prop: 'status', slots: 'table-status' },
+      {
+        label: '状态',
+        prop: 'status',
+        computed({ row }: { row: TripTemplate }) {
+          const color = row.status === '1' ? 'var(--main-success-color)' : 'var(--main-color)'
+          return `<span style="color: ${color}">${getNameByValue(row.status, statusList)}</span>`
+        }
+      },
       { label: '更新人', prop: 'updated_operator.real_name' },
       { label: '更新时间', prop: 'updated_time' },
       { label: '操作', slots: 'table-x', width: 300 }
@@ -105,9 +112,7 @@ function handleConfig(row: TripTemplate) {
           <el-button type="primary" :icon="Plus" @click="handleAdd">新建</el-button>
         </el-space>
       </template>
-      <template #table-status="{ row }: { row: TripTemplate }">
-        <el-tag :type="row.status === '1' ? 'success' : 'danger'">{{ getNameByValue(row.status, statusList) }}</el-tag>
-      </template>
+
       <template #table-x="{ row }: { row: TripTemplate }">
         <el-button type="primary" plain @click="handleConfig(row)">配置</el-button>
         <el-button type="primary" plain @click="handleView(row)">查看</el-button>