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;