调整告警展示

deploy/easyvqd/package.json

@@ -19,7 +19,7 @@
     "homepage": "EasyVQD.html",
     "icon": "EasyVQD.ico",
     "updated_at": "2025-12-26",
-    "version": "v0.0.10",
+    "version": "v0.0.11",
     "website": "https://www.tsingsee.com",
     "activation": "service",
     "status": ""

web/src/components/VqdAlarm.tsx

@@ -288,7 +288,7 @@ export default function VqdAlarmPage() {
             <Col xxl={6} xl={8} lg={12} md={12} sm={12} xs={24} key={item.id} >
               <div className="overflow-hidden relative rounded-lg h-full w-full cursor-pointer shadow">
                 <AlarmSnap filePath={item.file_path} />
-                <div className="pl-3 pr-2 pb-1">
+                <div className="pl-3 pr-2 pb-1 text-sm-1">
 
                   <Flex align="center" wrap gap="small">
                     {
@@ -299,8 +299,11 @@ export default function VqdAlarmPage() {
                       })
                     }
                   </Flex>
-                  <div className="pt-2 truncate" title={`${item.channel_name}(${item.channel_id})`}>
-                    通道名称: {item.channel_name}({item.channel_id})
+                  <div className="pt-2 truncate" title={`${item.channel_name||"-"}`}>
+                    通道名称: {item.channel_name||"-"}
+                  </div>
+                  <div className="pt-2 truncate " title={`${item.channel_id}`}>
+                    通道编码: {item.channel_id}
                   </div>
                   <div>
                     <Space className="pt-2">检出时间: {item.created_at}</Space>

web/src/components/VqdTask.tsx

@@ -108,6 +108,11 @@ export default function VqdTaskPage() {
   };
   // 表格列定义
   const columns: ColumnsType<VqdTaskItem> = [
+    {
+      title: "ID",
+      dataIndex: "id",
+      align: "center",
+    },
     {
       title: "诊断任务",
       dataIndex: "name",
@@ -119,7 +124,7 @@ export default function VqdTaskPage() {
       align: "center",
       render: (text, record) => (
         <Space>
-          {text||record.channel_id}
+          {`${text}(${record.channel_id})`}
         </Space>
       ),
     },

web/src/output.css

@@ -523,6 +523,11 @@
   line-height: 1.25rem;
 }
 
+.text-sm-1 {
+  font-size: 0.81rem;
+  line-height: 1rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;