样式调整

yudao-ui-admin-vue3/src/views/pressure2/boilerReportPreparationList/BoilerReportList.vue

@@ -6,9 +6,9 @@
       class="report-item"
     >
       <el-icon v-if="item?.recheckStatus === 300"
-               class="warning-icon"
+               class="warning-icon" size="16"
       >
-        <Warning />
+        <WarningFilled/>
       </el-icon>
       <span v-else
             class="color-dot"
@@ -35,7 +35,7 @@
 <script setup lang="ts">
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 import {useRouter} from "vue-router";
-import { Warning } from '@element-plus/icons-vue'
+import { WarningFilled } from '@element-plus/icons-vue'
 
 interface ReportItem {
   id: string
@@ -97,25 +97,27 @@ const handleClick = (row, item: ReportItem) => {
 }
 
 .report-item {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   white-space: nowrap;
   margin-right: 12px;
 
   .color-dot {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    vertical-align: middle;
     margin-right: 4px;
   }
 
   .warning-icon {
     color: lightcoral;
-    display: inline-block;
-    vertical-align: middle;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin-right: 4px;
-    font-size: 13px;
   }
 
   .report-name {

yudao-ui-admin-vue3/src/views/pressure2/boilerchecker/components/InspectionItemList.vue

@@ -121,7 +121,7 @@
                     <el-icon v-if="item?.recheckStatus === 300"
                              class="warning-icon"
                     >
-                      <Warning />
+                      <WarningFilled />
                     </el-icon>
                     <div
                       class="text-[14px]"
@@ -253,7 +253,7 @@
 import { ref, computed, nextTick, onMounted, onUnmounted } from 'vue'
 import calcCheckItemFee from '@/views/pressure2/boilertaskorder/components/calcCheckItemFee.vue'
 
-import {User, Delete, ArrowUp, ArrowDown, Setting, RefreshLeft, Plus, CopyDocument,Warning} from '@element-plus/icons-vue'
+import {User, Delete, ArrowUp, ArrowDown, Setting, RefreshLeft, Plus, CopyDocument,WarningFilled} from '@element-plus/icons-vue'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import { 
   PressureCheckerMyTaskStatusMap,

yudao-ui-admin-vue3/src/views/pressure2/pipeReportPreparationList/PipeReportList.vue

@@ -6,9 +6,9 @@
       class="report-item"
     >
       <el-icon v-if="item?.recheckStatus === 300"
-        class="warning-icon"
+               class="warning-icon" size="16"
       >
-        <Warning />
+        <WarningFilled/>
       </el-icon>
       <span v-else
          class="color-dot"
@@ -35,7 +35,7 @@
 <script setup lang="ts">
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
 import {useRouter} from "vue-router";
-import { Warning } from '@element-plus/icons-vue'
+import { WarningFilled } from '@element-plus/icons-vue'
 
 interface ReportItem {
   id: string
@@ -97,25 +97,27 @@ const handleClick = (row, item: ReportItem) => {
 }
 
 .report-item {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   white-space: nowrap;
   margin-right: 12px;
 
   .color-dot {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    vertical-align: middle;
     margin-right: 4px;
   }
 
   .warning-icon {
     color: lightcoral;
-    display: inline-block;
-    vertical-align: middle;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin-right: 4px;
-    font-size: 13px;
   }
 
   .report-name {

yudao-ui-admin-vue3/src/views/pressure2/pipechecker/components/InspectionItemList.vue

@@ -80,7 +80,7 @@
                            class="warning-icon"
                            style="{ color: red }"
                   >
-                    <Warning />
+                    <WarningFilled />
                   </el-icon>
                   <div
                     class="text-[14px]"
@@ -207,7 +207,7 @@
 import { ref, computed, nextTick, onMounted, onUnmounted } from 'vue'
 import calcCheckItemFee from '@/views/pressure2/boilertaskorder/components/calcCheckItemFee.vue'
 
-import { User, Delete, ArrowUp, ArrowDown,Setting, RefreshLeft,Warning } from '@element-plus/icons-vue'
+import { User, Delete, ArrowUp, ArrowDown,Setting, RefreshLeft,WarningFilled } from '@element-plus/icons-vue'
 import {ElMessage, ElMessageBox} from 'element-plus'
 import { 
   PressureCheckerMyTaskStatusMap,