From c4a14f3ca4542f93d9275845687a89645741e768 Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 10:45:01 +0800
Subject: [PATCH 1/6] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E8=AE=B0=E5=BD=95=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WarningRecordCard/WarningRecordCard.tsx   | 83 +++++++++++++++++++
 .../meta/src/WarningRecordCard/demo/base.tsx  | 29 +++++++
 .../meta/src/WarningRecordCard/index.less     | 27 ++++++
 packages/meta/src/WarningRecordCard/index.md  | 19 +++++
 packages/meta/src/WarningRecordCard/index.tsx |  5 ++
 packages/meta/src/index.tsx                   |  1 +
 6 files changed, 164 insertions(+)
 create mode 100644 packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
 create mode 100644 packages/meta/src/WarningRecordCard/demo/base.tsx
 create mode 100644 packages/meta/src/WarningRecordCard/index.less
 create mode 100644 packages/meta/src/WarningRecordCard/index.md
 create mode 100644 packages/meta/src/WarningRecordCard/index.tsx

diff --git a/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx b/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
new file mode 100644
index 0000000..6e0b6eb
--- /dev/null
+++ b/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
@@ -0,0 +1,83 @@
+import { Card, Space, Divider } from 'antd';
+import React from 'react';
+import './index.less'
+import dayjs from 'dayjs';
+
+const componentName = `zhst-warning-record-card`;
+
+export interface Record {
+
+  imgSrc?: string;
+
+  id?: string;
+
+  /**
+   * 图片的描述
+   */
+  description?: string;
+  /*
+   用于显示  盒子 点位 柜子 等信息
+  */
+  info?: string[]
+  /* 
+    右侧 柜子id 显示  
+  */
+  cabietInfo?: string;
+  /* 
+    直接传格式化好的时间 
+  */
+  warningTime?: string | number;
+  /* 
+    传格时间戳
+  */
+  warningTimestamp?: string | number
+  /* 
+    传格时间格式 
+    @default YYYY-MM-DD HH:mm:ss
+  */
+  warningTimeFormat?: string;
+};
+
+export interface WarningRecordCardProps {
+  record?: Record;
+  onRecordClick?: (record?: Record) => void;
+  style?: React.CSSProperties;
+};
+
+export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
+  const { record, onRecordClick, style = { width: 356, height: 302 } } = props;
+  const { imgSrc = '', id = '', description = '', info = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
+  const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
+  const warningTimeShow = warningTime ? warningTime : formattedDate
+  const handleClick = () => {
+    onRecordClick?.(record);
+  };
+
+  return (
+    <div className={componentName} key={id} onClick={handleClick}>
+
+      <Card
+        style={{ ...style, padding: 10, borderRadius: 4 }}
+        cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
+      >
+
+        <div className='left-context'>
+          <div className="description">{description}</div>
+          <Space size={0} split={<Divider type="vertical" />}>
+            {info?.map((item, index) => (
+              <div key={index} className="info-item">
+                {item}
+              </div>
+            ))}
+          </Space>
+          <div className='warning-time'>{warningTimeShow}</div>
+        </div>
+
+        <div className='cabietInfo' >{cabietInfo}</div>
+
+      </Card>
+    </div>
+  );
+};
+
+export default WarningRecordCard;
diff --git a/packages/meta/src/WarningRecordCard/demo/base.tsx b/packages/meta/src/WarningRecordCard/demo/base.tsx
new file mode 100644
index 0000000..cd9c569
--- /dev/null
+++ b/packages/meta/src/WarningRecordCard/demo/base.tsx
@@ -0,0 +1,29 @@
+
+import React from 'react';
+import WarningRecordCard , {type Record}from '../WarningRecordCard';
+import { Space } from 'antd/es';
+
+const props = {
+    record :
+      {
+        imgSrc: 'https://i.yourimageshare.com/lRHiD2UnAT.png',
+        id: '1561561',
+        description: '火焰识别',
+        info:['盒子1','点位1'],
+        cabietInfo: '柜子ID : C001', 
+        // warningTime: "2023-03-01 ",
+        warningTimestamp :Date.now() ,
+        // warningTimeFormat:"YYYY-MM-DD"
+      },
+      onRecordClick:(record?:Record) =>{
+        console.log(record)
+      }
+}
+
+export default () => {
+  return (
+    <Space size={[8, 16]} direction="vertical">
+      <WarningRecordCard {...props} />
+    </Space>
+  )
+}
diff --git a/packages/meta/src/WarningRecordCard/index.less b/packages/meta/src/WarningRecordCard/index.less
new file mode 100644
index 0000000..0470b70
--- /dev/null
+++ b/packages/meta/src/WarningRecordCard/index.less
@@ -0,0 +1,27 @@
+.zhst-warning-record-card {
+  .ant-card-body {
+    padding: 0 !important;
+    font-family: MicrosoftYaHei;
+    line-height: 19px;
+    display: flex;
+    margin-top: 10px;
+
+    .left-context {
+      flex: 1;
+
+    > div{
+        margin-top: 6px;
+      }
+
+    > div:nth-child(1) {
+          margin-top: 0;
+      }
+    }
+   
+    .description{
+      font-weight: bold;
+    }
+  }
+
+
+}
diff --git a/packages/meta/src/WarningRecordCard/index.md b/packages/meta/src/WarningRecordCard/index.md
new file mode 100644
index 0000000..a804761
--- /dev/null
+++ b/packages/meta/src/WarningRecordCard/index.md
@@ -0,0 +1,19 @@
+---
+group: 数据展示
+category: Components
+subtitle: 预警记录卡片
+title: WarningRecordCard 预警记录卡片
+---
+
+# WarningRecordCard 预警记录卡片
+
+
+<code src="./demo/base.tsx"></code>
+
+
+
+## API
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+
diff --git a/packages/meta/src/WarningRecordCard/index.tsx b/packages/meta/src/WarningRecordCard/index.tsx
new file mode 100644
index 0000000..a3ebea8
--- /dev/null
+++ b/packages/meta/src/WarningRecordCard/index.tsx
@@ -0,0 +1,5 @@
+import WarningRecordCard from './WarningRecordCard'
+
+export type { Record, WarningRecordCardProps} from './WarningRecordCard'
+
+export default WarningRecordCard
diff --git a/packages/meta/src/index.tsx b/packages/meta/src/index.tsx
index 544fb69..1191958 100644
--- a/packages/meta/src/index.tsx
+++ b/packages/meta/src/index.tsx
@@ -81,3 +81,4 @@ export { default as Tour } from './tour'
 export type { TourLocale, TourProps, TourStepProps } from './tour/interface'
 export { default as Segmented } from './segmented'
 export type { SegmentedLabeledOption, SegmentedProps, SegmentedValue } from './segmented'
+export type { default as WarningRecordCard } from './WarningRecordCard'

From ee9abf3ead0d37f75af47fd412f51a040467324b Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 10:58:33 +0800
Subject: [PATCH 2/6] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E8=AE=B0=E5=BD=95=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/meta/src/WarningRecordCard/WarningRecordCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx b/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
index 6e0b6eb..555dac3 100644
--- a/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
+++ b/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
@@ -45,7 +45,7 @@ export interface WarningRecordCardProps {
 };
 
 export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
-  const { record, onRecordClick, style = { width: 356, height: 302 } } = props;
+  const { record, onRecordClick, style  } = props;
   const { imgSrc = '', id = '', description = '', info = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
   const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
   const warningTimeShow = warningTime ? warningTime : formattedDate
@@ -57,7 +57,7 @@ export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
     <div className={componentName} key={id} onClick={handleClick}>
 
       <Card
-        style={{ ...style, padding: 10, borderRadius: 4 }}
+        style={{  width: 356, height: 302 , padding: 10, borderRadius: 4 ,...style}}
         cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
       >
 

From a4b96011bb30b5a9a42e97a55585a47f20b3acf5 Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 12:01:19 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E8=AE=B0=E5=BD=95=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WarningRecordCard/WarningRecordCard.tsx   | 83 -------------------
 .../meta/src/WarningRecordCard/demo/base.tsx  | 29 -------
 .../meta/src/WarningRecordCard/index.less     | 27 ------
 packages/meta/src/WarningRecordCard/index.md  | 19 -----
 packages/meta/src/WarningRecordCard/index.tsx |  5 --
 packages/meta/src/index.tsx                   |  1 -
 6 files changed, 164 deletions(-)
 delete mode 100644 packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
 delete mode 100644 packages/meta/src/WarningRecordCard/demo/base.tsx
 delete mode 100644 packages/meta/src/WarningRecordCard/index.less
 delete mode 100644 packages/meta/src/WarningRecordCard/index.md
 delete mode 100644 packages/meta/src/WarningRecordCard/index.tsx

diff --git a/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx b/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
deleted file mode 100644
index 555dac3..0000000
--- a/packages/meta/src/WarningRecordCard/WarningRecordCard.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Card, Space, Divider } from 'antd';
-import React from 'react';
-import './index.less'
-import dayjs from 'dayjs';
-
-const componentName = `zhst-warning-record-card`;
-
-export interface Record {
-
-  imgSrc?: string;
-
-  id?: string;
-
-  /**
-   * 图片的描述
-   */
-  description?: string;
-  /*
-   用于显示  盒子 点位 柜子 等信息
-  */
-  info?: string[]
-  /* 
-    右侧 柜子id 显示  
-  */
-  cabietInfo?: string;
-  /* 
-    直接传格式化好的时间 
-  */
-  warningTime?: string | number;
-  /* 
-    传格时间戳
-  */
-  warningTimestamp?: string | number
-  /* 
-    传格时间格式 
-    @default YYYY-MM-DD HH:mm:ss
-  */
-  warningTimeFormat?: string;
-};
-
-export interface WarningRecordCardProps {
-  record?: Record;
-  onRecordClick?: (record?: Record) => void;
-  style?: React.CSSProperties;
-};
-
-export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
-  const { record, onRecordClick, style  } = props;
-  const { imgSrc = '', id = '', description = '', info = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
-  const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
-  const warningTimeShow = warningTime ? warningTime : formattedDate
-  const handleClick = () => {
-    onRecordClick?.(record);
-  };
-
-  return (
-    <div className={componentName} key={id} onClick={handleClick}>
-
-      <Card
-        style={{  width: 356, height: 302 , padding: 10, borderRadius: 4 ,...style}}
-        cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
-      >
-
-        <div className='left-context'>
-          <div className="description">{description}</div>
-          <Space size={0} split={<Divider type="vertical" />}>
-            {info?.map((item, index) => (
-              <div key={index} className="info-item">
-                {item}
-              </div>
-            ))}
-          </Space>
-          <div className='warning-time'>{warningTimeShow}</div>
-        </div>
-
-        <div className='cabietInfo' >{cabietInfo}</div>
-
-      </Card>
-    </div>
-  );
-};
-
-export default WarningRecordCard;
diff --git a/packages/meta/src/WarningRecordCard/demo/base.tsx b/packages/meta/src/WarningRecordCard/demo/base.tsx
deleted file mode 100644
index cd9c569..0000000
--- a/packages/meta/src/WarningRecordCard/demo/base.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-
-import React from 'react';
-import WarningRecordCard , {type Record}from '../WarningRecordCard';
-import { Space } from 'antd/es';
-
-const props = {
-    record :
-      {
-        imgSrc: 'https://i.yourimageshare.com/lRHiD2UnAT.png',
-        id: '1561561',
-        description: '火焰识别',
-        info:['盒子1','点位1'],
-        cabietInfo: '柜子ID : C001', 
-        // warningTime: "2023-03-01 ",
-        warningTimestamp :Date.now() ,
-        // warningTimeFormat:"YYYY-MM-DD"
-      },
-      onRecordClick:(record?:Record) =>{
-        console.log(record)
-      }
-}
-
-export default () => {
-  return (
-    <Space size={[8, 16]} direction="vertical">
-      <WarningRecordCard {...props} />
-    </Space>
-  )
-}
diff --git a/packages/meta/src/WarningRecordCard/index.less b/packages/meta/src/WarningRecordCard/index.less
deleted file mode 100644
index 0470b70..0000000
--- a/packages/meta/src/WarningRecordCard/index.less
+++ /dev/null
@@ -1,27 +0,0 @@
-.zhst-warning-record-card {
-  .ant-card-body {
-    padding: 0 !important;
-    font-family: MicrosoftYaHei;
-    line-height: 19px;
-    display: flex;
-    margin-top: 10px;
-
-    .left-context {
-      flex: 1;
-
-    > div{
-        margin-top: 6px;
-      }
-
-    > div:nth-child(1) {
-          margin-top: 0;
-      }
-    }
-   
-    .description{
-      font-weight: bold;
-    }
-  }
-
-
-}
diff --git a/packages/meta/src/WarningRecordCard/index.md b/packages/meta/src/WarningRecordCard/index.md
deleted file mode 100644
index a804761..0000000
--- a/packages/meta/src/WarningRecordCard/index.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-group: 数据展示
-category: Components
-subtitle: 预警记录卡片
-title: WarningRecordCard 预警记录卡片
----
-
-# WarningRecordCard 预警记录卡片
-
-
-<code src="./demo/base.tsx"></code>
-
-
-
-## API
-
-| 参数 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-
diff --git a/packages/meta/src/WarningRecordCard/index.tsx b/packages/meta/src/WarningRecordCard/index.tsx
deleted file mode 100644
index a3ebea8..0000000
--- a/packages/meta/src/WarningRecordCard/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import WarningRecordCard from './WarningRecordCard'
-
-export type { Record, WarningRecordCardProps} from './WarningRecordCard'
-
-export default WarningRecordCard
diff --git a/packages/meta/src/index.tsx b/packages/meta/src/index.tsx
index 1191958..544fb69 100644
--- a/packages/meta/src/index.tsx
+++ b/packages/meta/src/index.tsx
@@ -81,4 +81,3 @@ export { default as Tour } from './tour'
 export type { TourLocale, TourProps, TourStepProps } from './tour/interface'
 export { default as Segmented } from './segmented'
 export type { SegmentedLabeledOption, SegmentedProps, SegmentedValue } from './segmented'
-export type { default as WarningRecordCard } from './WarningRecordCard'

From 5a97990cc8607dd6041b98c0ee28f7bf21ef7d57 Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 14:29:27 +0800
Subject: [PATCH 4/6] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20=E9=A2=84?=
 =?UTF-8?q?=E8=AD=A6=E8=AE=B0=E5=BD=95=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/biz/package.json                     |  4 +-
 .../WarningRecordCard/WarningRecordCard.tsx   | 84 +++++++++++++++++++
 .../biz/src/WarningRecordCard/demo/base.tsx   | 29 +++++++
 packages/biz/src/WarningRecordCard/index.less | 25 ++++++
 packages/biz/src/WarningRecordCard/index.md   | 31 +++++++
 packages/biz/src/WarningRecordCard/index.tsx  |  3 +
 packages/biz/src/index.tsx                    |  2 +
 7 files changed, 177 insertions(+), 1 deletion(-)
 create mode 100644 packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
 create mode 100644 packages/biz/src/WarningRecordCard/demo/base.tsx
 create mode 100644 packages/biz/src/WarningRecordCard/index.less
 create mode 100644 packages/biz/src/WarningRecordCard/index.md
 create mode 100644 packages/biz/src/WarningRecordCard/index.tsx

diff --git a/packages/biz/package.json b/packages/biz/package.json
index 41a32a0..68945b6 100644
--- a/packages/biz/package.json
+++ b/packages/biz/package.json
@@ -43,6 +43,8 @@
     "@zhst/meta": "workspace:^",
     "antd": "^5.12.5",
     "classnames": "^2.5.1",
-    "rc-util": "^5.38.1"
+    "rc-util": "^5.38.1",
+    "dayjs": "^1.11.10"
+
   }
 }
diff --git a/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx b/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
new file mode 100644
index 0000000..5ea7a21
--- /dev/null
+++ b/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
@@ -0,0 +1,84 @@
+import { Card, Space, Divider } from 'antd';
+import React from 'react';
+import dayjs from 'dayjs';
+import './index.less'
+const componentName = `zhst-biz-warning-record-card`;
+
+export interface IRecord {
+
+  imgSrc?: string;
+
+  id?: string;
+
+  /**
+   * 预警类型
+   */
+  warningType?: string;
+  /*
+   用于显示  盒子 点位 柜子 等信息
+  */
+  warningInfo?: string[]
+  /* 
+    右侧 柜子id 显示  
+  */
+  cabietInfo?: string;
+  /* 
+    直接传格式化好的时间 
+  */
+  warningTime?: string ;
+  /* 
+    传格时间戳
+  */
+  warningTimestamp?: string | number
+  /* 
+    传格时间格式 
+    @default YYYY-MM-DD HH:mm:ss
+  */
+  warningTimeFormat?: string;
+};
+
+export interface WarningRecordCardProps {
+  record?: IRecord;
+  onRecordClick?: (record?: IRecord) => void;
+  style?: React.CSSProperties;
+};
+
+export const WarningRecordCard: React.FC<WarningRecordCardProps> = (props) => {
+
+  const { record, onRecordClick, style  } = props;
+  const { imgSrc = '', id = '', warningType = '', warningInfo = [], cabietInfo = '', warningTime, warningTimestamp, warningTimeFormat = 'YYYY-MM-DD HH:mm:ss' } = record || {}
+  const formattedDate = warningTimestamp ? dayjs(warningTimestamp).format(warningTimeFormat) : '';
+  const warningTimeShow = warningTime ? warningTime : formattedDate
+
+  const handleClick = () => {
+    onRecordClick?.(record);
+  };
+
+  return (
+    <div className={componentName} key={id} onClick={handleClick}>
+
+      <Card
+        style={{  width: 356, height: 302 , padding: 10, borderRadius: 4 ,...style}}
+        cover={<img alt="预警图" src={imgSrc} style={{ width: 336, height: 203, borderRadius: 0 }} />}
+      >
+
+        <div className='left-context'>
+          <div className="description">{warningType}</div>
+          <Space size={0} split={<Divider type="vertical" />}>
+            {warningInfo?.map((item, index) => (
+              <div key={index} className="info-item">
+                {item}
+              </div>
+            ))}
+          </Space>
+          <div className='warning-time'>{warningTimeShow}</div>
+        </div>
+
+        <div className='cabietInfo' >{cabietInfo}</div>
+
+      </Card>
+    </div>
+  );
+};
+
+export default WarningRecordCard;
diff --git a/packages/biz/src/WarningRecordCard/demo/base.tsx b/packages/biz/src/WarningRecordCard/demo/base.tsx
new file mode 100644
index 0000000..0dc5fdf
--- /dev/null
+++ b/packages/biz/src/WarningRecordCard/demo/base.tsx
@@ -0,0 +1,29 @@
+
+import React from 'react';
+import WarningRecordCard , {type IRecord} from '../WarningRecordCard';
+import { Space } from 'antd/es';
+
+const props = {
+    record :
+      {
+        imgSrc: 'https://i.yourimageshare.com/lRHiD2UnAT.png',
+        id: '1561561',
+        warningType: '火焰识别',
+        warningInfo:['盒子1','点位1'],
+        cabietInfo: '柜子ID : C001', 
+        // warningTime: "2023-03-01 ",
+        warningTimestamp :Date.now() ,
+        // warningTimeFormat:"YYYY-MM-DD"
+      },
+      onRecordClick:(record?:IRecord) =>{
+        console.log(record)
+      }
+}
+
+export default () => {
+  return (
+    <Space size={[8, 16]} direction="vertical">
+      <WarningRecordCard {...props} />
+    </Space>
+  )
+}
diff --git a/packages/biz/src/WarningRecordCard/index.less b/packages/biz/src/WarningRecordCard/index.less
new file mode 100644
index 0000000..a7ca119
--- /dev/null
+++ b/packages/biz/src/WarningRecordCard/index.less
@@ -0,0 +1,25 @@
+.zhst-biz-warning-record-card {
+  .ant-card-body {
+    padding: 0 !important;
+    font-family: MicrosoftYaHei;
+    line-height: 19px;
+    display: flex;
+    margin-top: 10px;
+
+    .left-context {
+      flex: 1;
+
+    > div{
+        margin-top: 6px;
+      }
+
+    > div:nth-child(1) {
+          margin-top: 0;
+      }
+    }
+   
+    .description{
+      font-weight: bold;
+    }
+  }
+}
diff --git a/packages/biz/src/WarningRecordCard/index.md b/packages/biz/src/WarningRecordCard/index.md
new file mode 100644
index 0000000..3d286b3
--- /dev/null
+++ b/packages/biz/src/WarningRecordCard/index.md
@@ -0,0 +1,31 @@
+---
+group: 数据展示
+category: Components
+subtitle: 预警记录卡片
+title: WarningRecordCard 预警记录卡片
+---
+
+# WarningRecordCard 预警记录卡片
+
+
+<code src="./demo/base.tsx"></code>
+
+
+
+## API
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+| imgSrc | 图片src | string | - | - |
+| id | 数据的唯一id 用于key 传值| string | - | - |
+| warningType | 预警类型 | string | - | - |
+| warningInfo | 盒子 点位 柜子 等信息 | string[] | - | - |
+| cabietInfo | 右侧 柜子信息  | string | - | - |
+| warningTime | 预警时间 格式化后的时间字符串 | string | - | - |
+| warningTimestamp | 预警时间戳 | string \| nmbuer  | - | - |
+| warningTimeFormat | 预警时间格式 | string | YYYY-MM-DD HH:mm:ss | - |
+
+
+
+
+
diff --git a/packages/biz/src/WarningRecordCard/index.tsx b/packages/biz/src/WarningRecordCard/index.tsx
new file mode 100644
index 0000000..b60bf27
--- /dev/null
+++ b/packages/biz/src/WarningRecordCard/index.tsx
@@ -0,0 +1,3 @@
+import WarningRecordCard from './WarningRecordCard'
+export type { IRecord, WarningRecordCardProps} from './WarningRecordCard'
+export default WarningRecordCard
\ No newline at end of file
diff --git a/packages/biz/src/index.tsx b/packages/biz/src/index.tsx
index d1ccc9c..779269f 100644
--- a/packages/biz/src/index.tsx
+++ b/packages/biz/src/index.tsx
@@ -1,2 +1,4 @@
 export { default as Demo } from './Demo';
 export { default as BigImageModal } from './BigImageModal'
+export { default as WarningRecordCard } from './WarningRecordCard'
+export type {IRecord, WarningRecordCardProps} from './WarningRecordCard'

From 390dd6ca88feb9616888c59548e920814646db17 Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 17:18:51 +0800
Subject: [PATCH 5/6] =?UTF-8?q?fix:=20"=E8=A7=A3=E5=86=B3=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/biz/src/WarningRecordCard/demo/base.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/biz/src/WarningRecordCard/demo/base.tsx b/packages/biz/src/WarningRecordCard/demo/base.tsx
index 0dc5fdf..b954ceb 100644
--- a/packages/biz/src/WarningRecordCard/demo/base.tsx
+++ b/packages/biz/src/WarningRecordCard/demo/base.tsx
@@ -1,7 +1,7 @@
 
 import React from 'react';
-import WarningRecordCard , {type IRecord} from '../WarningRecordCard';
-import { Space } from 'antd/es';
+import {WarningRecordCard,type IRecord} from '@zhst/biz';
+import { Space } from 'antd';
 
 const props = {
     record :

From 9366c8f33abae7dcb61754ae7b6d2ea2af51be3b Mon Sep 17 00:00:00 2001
From: YuanHongbo <782242184@qq.com>
Date: Fri, 1 Mar 2024 17:21:18 +0800
Subject: [PATCH 6/6] =?UTF-8?q?fix:=20"=E8=A7=A3=E5=86=B3=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/biz/src/WarningRecordCard/WarningRecordCard.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx b/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
index 5ea7a21..a555952 100644
--- a/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
+++ b/packages/biz/src/WarningRecordCard/WarningRecordCard.tsx
@@ -2,6 +2,7 @@ import { Card, Space, Divider } from 'antd';
 import React from 'react';
 import dayjs from 'dayjs';
 import './index.less'
+
 const componentName = `zhst-biz-warning-record-card`;
 
 export interface IRecord {