提示样式修改

src/views/pms/qhse/certificate.vue

@@ -259,7 +259,7 @@
         >证书已过期红色预警</div
       >
       <div
-        class="bg-[#fdf6ec] flex-1 text-[#e6a23c] text-center flex items-center px-3 py-2 text-sm rounded-md"
+        class="bg-[#fdf6ec] flex-1 text-[#e6a23c] text-center flex items-center justify-center px-3 py-2 text-sm rounded-md"
         ><el-icon class="stats-card__icon" :size="28"> <Icon icon="ep:bell-filled" /> </el-icon
         >证书60天橙色预警</div
       >

src/views/pms/qhse/deviceCert/index.vue

@@ -182,22 +182,18 @@
       </div>
     </div>
 
-    <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-3 min-w-0 mt-2">
-      <el-alert title="应检设备证书已过期红色预警" type="error" show-icon :closable="false">
-        <template #icon>
-          <Bell />
-        </template>
-      </el-alert>
-      <el-alert
-        title="应检设备证书90天橙色预警"
-        type="warning"
-        show-icon
-        :closable="false"
-        style="margin-top: 5px">
-        <template #icon>
-          <Bell />
-        </template>
-      </el-alert>
+    <div
+      class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-3 min-w-0 flex gap-4 justify-between">
+      <div
+        class="bg-[#fef0f0] text-[#f57979] px-3 flex-1 flex items-center justify-center text-center py-2 text-sm rounded-md"
+        ><el-icon class="stats-card__icon" :size="28"> <Icon icon="ep:info-filled" /> </el-icon
+        >应检设备证书已过期红色预警</div
+      >
+      <div
+        class="bg-[#fdf6ec] flex-1 text-[#e6a23c] text-center flex items-center justify-center px-3 py-2 text-sm rounded-md"
+        ><el-icon class="stats-card__icon" :size="28"> <Icon icon="ep:bell-filled" /> </el-icon
+        >应检设备证书90天橙色预警</div
+      >
     </div>
   </div>