5个页面的ws接口

src/page/LinePage4-2/Component/TitleBox/index.tsx

@@ -0,0 +1,53 @@
+import Defect from "./../../assets/icon/defect.png";
+import Alarm from "./../../assets/icon/alarm.png";
+import Finished from "./../../assets/icon/finished.png";
+import InputAndOutput from "./../../assets/icon/inputAndOutput.png";
+import Num from "./../../assets/icon/num.png";
+import Record from "./../../assets/icon/record.png";
+import "./index.css";
+interface titleProps {
+  title: string;
+}
+function TitleBox(props: titleProps) {
+  const filteredTitles = () => {
+    switch (props.title) {
+      case "left_up":
+        return {
+          img: Defect,
+          title: "产线报废汇总",
+        };
+      case "left_down":
+        return {
+          img: Record,
+          title: "当前产线报废情况",
+        };
+      case "center_down_left":
+        return {
+          img: Alarm,
+          title: "异常报警",
+        };
+      case "center_down_right":
+        return {
+          img: Finished,
+          title: "产线成品率",
+        };
+      case "right_up":
+        return {
+          img: Num,
+          title: "各产线总投入和产出",
+        };
+      default:
+        return {
+          img: InputAndOutput,
+          title: "当前产线投入和产出",
+        };
+    }
+  };
+  return (
+    <div className="title_box">
+      <img src={filteredTitles().img} alt="title" />
+      <span>{filteredTitles().title}</span>
+    </div>
+  );
+}
+export default TitleBox;