修改页面样式

2025-04-24 16:29:15 +08:00
parent dc4b37b833
commit cd20b4134a
9 changed files with 400 additions and 230 deletions
--- a/src/views/pqs/runManage/cleaning/components/abnormal.vue
+++ b/src/views/pqs/runManage/cleaning/components/abnormal.vue
@@ -69,7 +69,19 @@
                        <el-segmented style="height: 100%" v-model="segmented" :options="segmentedList" block>
                            <template #default="scope">
                                <div>
-                                    <div class="segmentedIcon">{{ scope.item.num }}</div>
+                                    <div
+                                        class="segmentedIcon"
+                                        :style="{
+                                            backgroundColor:
+                                                scope.item.num > 0
+                                                    ? '#FF9100'
+                                                    : scope.item.num > 99
+                                                    ? '#ff0000'
+                                                    : '#007D7B'
+                                        }"
+                                    >
+                                        {{ scope.item.num > 99 ? '99+' : scope.item.num }}
+                                    </div>
                                    <div>{{ scope.item.label }}</div>
                                </div>
                            </template>