feat(Bi): 添加BI大屏顶部标题区域组件

- 实现TopTitleArea组件的基本结构和样式
- 集成返回和应用后台功能按钮
- 添加背景图片和标题文字显示
- 配置光效装饰元素
- 实现左侧返回功能和右侧后台跳转功能

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;