From b0f7c40d321c20ac92bdada2b05d32b51fb1fada Mon Sep 17 00:00:00 2001
From: fangjiakai <450850793@qq.com>
Date: Mon, 5 Jan 2026 10:34:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(Bi):=20=E6=B7=BB=E5=8A=A0BI=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E9=A1=B6=E9=83=A8=E6=A0=87=E9=A2=98=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 实现TopTitleArea组件的基本结构和样式
- 集成返回和应用后台功能按钮
- 添加背景图片和标题文字显示
- 配置光效装饰元素
- 实现左侧返回功能和右侧后台跳转功能
---
 .../Container/Bi/components/topTitleArea.js   | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/pages/Container/Bi/components/topTitleArea.js

diff --git a/src/pages/Container/Bi/components/topTitleArea.js b/src/pages/Container/Bi/components/topTitleArea.js
new file mode 100644
index 0000000..b06fb7c
--- /dev/null
+++ b/src/pages/Container/Bi/components/topTitleArea.js
@@ -0,0 +1,36 @@
+import { ArrowLeftOutlined } from "@ant-design/icons";
+import title from "../../../../assets/images/public/bigScreen/title.png";
+
+const TopTitleArea = () => {
+  const handleGoBack = () => {
+    // navigate(-1);
+  };
+
+  const handleGoToBackStage = () => {
+    // navigate('/navPage');
+  };
+
+  return (
+    <div className="top-title-area">
+      <div className="top-title-area__img" style={{ backgroundImage: `url(${title})` }}>
+        <div className="top-title-area__back" onClick={handleGoBack}>
+          <ArrowLeftOutlined className="icon-arrow__left" />
+          返回
+        </div>
+        <p className="top-title-area__img__text">秦港股份安全监管平台</p>
+        <div className="top-title-area__img__box">
+          <img
+            className="top-title-area__img__guang"
+            src="../../../../assets/images/public/bigScreen/guang.png"
+            alt=""
+          />
+        </div>
+        <div className="top-title-area__right" onClick={handleGoToBackStage}>
+          <div className="top-title-area__right__text">应用后台</div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TopTitleArea;