add interactive

package.json

@@ -9,6 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.0.1",
+    "antd": "^5.4.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

src/components/Yidian/Frame427319538/Frame427319538.module.css

@@ -51,6 +51,7 @@
   flex-direction: column;
 }
 .frame427319537 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;

src/components/Yidian/Frame427319538/Frame427319538.tsx

@@ -1,9 +1,11 @@
-import { memo } from 'react';
+import { memo } from "react";
-import type { FC } from 'react';
+import type { FC } from "react";
 
-import resets from '../../_resets.module.css';
+import resets from "../../_resets.module.css";
-import { Frame2 } from '../Frame2/Frame2';
+import { Frame2 } from "../Frame2/Frame2";
-import classes from './Frame427319538.module.css';
+import classes from "./Frame427319538.module.css";
+import { Popover } from "antd";
+import { RiskContent } from "../RiskContent";
 
 interface Props {
   className?: string;
@@ -12,15 +14,22 @@ interface Props {
   };
 }
 /* @figmaId 5628:6390 */
-export const Frame427319538: FC<Props> = memo(function Frame427319538(props = {}) {
+export const Frame427319538: FC<Props> = memo(function Frame427319538(
+  props = {}
+) {
   return (
-    <div className={`${resets.storybrainResets} ${props.classes?.root || ''} ${props.className || ''} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${props.classes?.root || ""} ${
+        props.className || ""
+      } ${classes.root}`}
+    >
       <div className={classes.frame427319539}>
         <div className={classes.frame427319542}>
           <div className={classes.frame427319541}>
             <Frame2 classes={{ vector: classes.vector }} />
             <div className={classes.unnamed}>上海市大数据中心</div>
           </div>
+          <Popover content={<RiskContent></RiskContent>}>
             <div className={classes.frame427319537}>
               <div className={classes.unnamed2}>风险点</div>
               <div className={classes.line62}></div>
@@ -29,6 +38,7 @@ export const Frame427319538: FC<Props> = memo(function Frame427319538(props = {}
                 <div className={classes.unnamed3}>个</div>
               </div>
             </div>
+          </Popover>
         </div>
         <div className={classes.frame427319534}>
           <div className={classes._22}>

src/components/Yidian/RiskContent.tsx

@@ -0,0 +1,36 @@
+import { FC } from "react";
+import classes from "./Yidian.module.css";
+
+export const RiskContent: FC<{}> = () => {
+  return (
+    <div className={classes.riskContent}>
+      <div className={classes.riskItemRed}>
+        <div className={classes.riskItemContent}>
+          <div className={classes.title2}>2022年标准化考点建设项目 有欠款</div>
+          <div className={classes.detail}>
+            <div className={classes.date}>2023-03-26 截止</div>
+            <div className={classes.name}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+      <div className={classes.riskItemYellow}>
+        <div className={classes.frame4273194633}>
+          <div className={classes.unnamed158}>合同到期请查看</div>
+          <div className={classes.frame4273194623}>
+            <div className={classes._20233263}>2023-03-26 截止</div>
+            <div className={classes.Zhuk3}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+      <div className={classes.riskItemYellow2}>
+        <div className={classes.frame4273194634}>
+          <div className={classes.unnamed159}>合同到期请查看</div>
+          <div className={classes.frame4273194624}>
+            <div className={classes._20233264}>2023-03-26 截止</div>
+            <div className={classes.Zhuk4}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};

src/components/Yidian/SelectPride.tsx

@@ -0,0 +1,16 @@
+import { Select } from "antd";
+import { FC } from "react";
+
+export const SelectPride: FC<{}> = () => {
+  return (
+    <Select
+      defaultValue="jack"
+      style={{ width: 120 }}
+      disabled={false}
+      options={[
+        { value: "jack", label: "优秀项目" },
+        { value: "lucy", label: "标杆项目" },
+      ]}
+    />
+  );
+};

src/components/Yidian/SelectRank.tsx

@@ -0,0 +1,17 @@
+import { Select } from "antd";
+import { FC } from "react";
+
+export const SelectRank: FC<{}> = () => {
+  return (
+    <Select
+      defaultValue="jack"
+      style={{ width: 120 }}
+      disabled={false}
+      options={[
+        { value: "jack", label: "A级项目" },
+        { value: "lucy", label: "B级项目" },
+        { value: "Yiminghe", label: "C级项目" },
+      ]}
+    />
+  );
+};

src/components/Yidian/Yidian.module.css

@@ -2663,6 +2663,7 @@
   background-color: #fff;
 }
 .frame427319500 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
@@ -2962,6 +2963,7 @@
   flex-direction: column;
 }
 .unnamed93 {
+  cursor: pointer;
   color: #4e5969;
   font-size: 14px;
   line-height: 20px;
@@ -3983,6 +3985,7 @@
   flex-direction: column;
 }
 .frame9114 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
@@ -6623,11 +6626,15 @@
   flex-direction: column;
 }
 .frame91115 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
   gap: 4px;
 }
+.frame91115:hover{
+  opacity: 0.9;
+}
 .text31 {
   color: #86909c;
   font-size: 14px;
@@ -6841,6 +6848,7 @@
   flex-direction: column;
 }
 .frame91116 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;

src/components/Yidian/Yidian.tsx

@@ -1,6 +1,8 @@
-import { memo } from "react";
+import { memo, useState } from "react";
 import type { FC } from "react";
 
+import { AutoComplete, Button, Input, Menu, Modal, Tabs } from "antd";
+
 import resets from "../_resets.module.css";
 import { _2_Off } from "./_2_Off/_2_Off";
 import { _2_On } from "./_2_On/_2_On";
@@ -145,6 +147,17 @@ import { VectorStrokeIcon } from "./VectorStrokeIcon.js";
 import { ViewList2 } from "./ViewList2/ViewList2";
 import { ViewList } from "./ViewList/ViewList";
 import classes from "./Yidian.module.css";
+import { SelectRank } from "./SelectRank";
+import { SelectPride } from "./SelectPride";
+import Search from "antd/es/input/Search";
+import Title from "antd/es/skeleton/Title";
+import {
+  BookOutlined,
+  ContactsOutlined,
+  FundOutlined,
+  FundProjectionScreenOutlined,
+  HomeOutlined,
+} from "@ant-design/icons";
 
 interface Props {
   className?: string;
@@ -184,8 +197,18 @@ interface Props {
     iconBasicDropdownChevronDown2?: boolean;
   };
 }
+
+export type PageName = "project" | "customer" | "dashboard" | "bigscreen";
+
 /* @figmaId 5711:168021 */
 export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
+  const [currentPage, setCurrentPage] = useState<PageName>("dashboard");
+
+  const [options, setOptions] = useState<{ value: string }[]>([]);
+  const [riskModalOpen, setRiskModalOpen] = useState<boolean>(false);
+  const [importantCustomerModalOpen, setImportantCustomerModalOpen] =
+    useState<boolean>(false);
+
   return (
     <div className={`${resets.storybrainResets} ${classes.root}`}>
       <div className={classes.navigation}>
@@ -193,7 +216,48 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
           <div className={classes.logo2}>logo</div>
         </div>
         <div className={classes.nav}>
-          <_OnSelected
+          <Menu
+            className={classes.nav}
+            style={{ width: "225px" }}
+            mode="vertical"
+            onSelect={(info) => {
+              console.log(info);
+              setCurrentPage(info.key as PageName);
+            }}
+            selectedKeys={[currentPage]}
+            items={[
+              {
+                key: "dashboard",
+                label: "工作台",
+                icon: <HomeOutlined />,
+                style: {
+                  paddingLeft: "50px",
+                  // color: "#06f"
+                },
+                // className: classes.homeTwo
+              },
+              {
+                key: "project",
+                label: "项目信息",
+                icon: <BookOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+              {
+                key: "bigscreen",
+                label: "驾驶舱",
+                icon: <FundProjectionScreenOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+              {
+                key: "customer",
+                label: "客户信息",
+                icon: <ContactsOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+            ]}
+          ></Menu>
+          {/* <_OnSelected
+            onClick={() => setCurrentPage("dashboard")}
             swap={{
               notebookOne: (
                 <HomeTwo
@@ -215,19 +279,27 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             }}
           />
           <_OffSelected
+            onClick={() => setCurrentPage("dashboard")}
             text={{
               normal: <div className={classes.normal2}>工作台</div>,
             }}
           />
+          <_OffSelected
+            onClick={() => setCurrentPage("project")}
+            text={{
+              normal: <div className={classes.normal2}>项目信息</div>,
+            }}
+          />
           <_OffRegular
+            onClick={() => setCurrentPage("bigscreen")}
             hide={{
               point: true,
             }}
             text={{
               normal: <div className={classes.normal3}>驾驶舱</div>,
             }}
-          />
+          /> */}
-          <_OnRegular
+          {/* <_OnRegular
             swap={{
               notebookOne: (
                 <MessageSecurity
@@ -276,8 +348,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal8}>项目支持记录单表</div>,
             }}
-          />
+          /> */}
-          <_OnRegular
+          {/* <_OnRegular
+            onClick={() => setCurrentPage("customer")}
             swap={{
               notebookOne: (
                 <ViewList
@@ -299,16 +372,16 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal9}>客户信息</div>,
             }}
-          />
+          /> */}
-          <_OnRegular
+          {/* <_OnRegular
             hide={{
               keyboard_arrow_down: true,
             }}
             text={{
               normal: <div className={classes.normal10}>供应商信息</div>,
             }}
-          />
+          /> */}
-          <_OnRegular
+          {/* <_OnRegular
             swap={{
               notebookOne: (
                 <Me
@@ -384,14 +457,20 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal17}>推送管理</div>,
             }}
-          />
+          /> */}
         </div>
       </div>
       <div className={classes.right18}>
         <div className={classes.content}>
+          {currentPage == "project" && (
             <div className={classes.project}>
               <div className={classes.frame427319481}>
-              <div className={classes.frame427319500}>
+                <div
+                  className={classes.frame42731950frame4273195000}
+                  // href="_blank"
+                  // target="_blank"
+                  onClick={() => window.open("http://link-to-pmo.link")}
+                >
                   <Frame
                     classes={{ vector: classes.vector }}
                     swap={{
@@ -531,7 +610,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                           }}
                           text={{
                             Unnamed: (
-                            <div className={classes.unnamed5}>合同履约追踪</div>
+                              <div className={classes.unnamed5}>
+                                合同履约追踪
+                              </div>
                             ),
                           }}
                         />
@@ -597,7 +678,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     <div className={classes.frame427319498}>
                       <div className={classes._29}>
                         <div className={classes.unnamed92}>项目单位：</div>
-                      <div className={classes.unnamed93}>仪电鑫森</div>
+                        <div
+                          className={classes.unnamed93}
+                          onClick={() => setCurrentPage("customer")}
+                        >
+                          上海光明食品有限公司
+                        </div>
                       </div>
                       <div className={classes._210}>
                         <div className={classes.unnamed94}>项目编号：</div>
@@ -644,7 +730,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     </div>
                     <div className={classes.frame4273194932}>
                       <div className={classes.frame427319485}>
-                      <div className={classes.unnamed103}>项目合同金额预估</div>
+                        <div className={classes.unnamed103}>
+                          项目合同金额预估
+                        </div>
                         <div className={classes.unnamed104}>
                           <div className={classes._113}>3315.0000</div>
                           <div className={classes.unnamed105}>万元</div>
@@ -736,7 +824,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                                 <div className={classes.unnamed119}>
                                   合同总金额(万元)：
                                 </div>
-                              <div className={classes._33036170}>3303.6170</div>
+                                <div className={classes._33036170}>
+                                  3303.6170
+                                </div>
                               </div>
                               <div className={classes._222}>
                                 <div className={classes.unnamed120}>
@@ -756,7 +846,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                               <div className={classes._2023312}>2023-03-01</div>
                             </div>
                             <div className={classes._224}>
-                            <div className={classes.unnamed122}>合同编号：</div>
+                              <div className={classes.unnamed122}>
+                                合同编号：
+                              </div>
                               <div className={classes._11N76470572120231}>
                                 11N76470572120231
                               </div>
@@ -779,13 +871,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                               <div className={classes.unnamed125}>
                                 合同到达总部日期：
                               </div>
-                            <div className={classes._20233162}>2023-03-16</div>
+                              <div className={classes._20233162}>
+                                2023-03-16
+                              </div>
                             </div>
                             <div className={classes._228}>
                               <div className={classes.unnamed126}>
                                 项目开工的实际日期：
                               </div>
-                            <div className={classes._20233163}>2023-03-16</div>
+                              <div className={classes._20233163}>
+                                2023-03-16
+                              </div>
                             </div>
                           </div>
                           <div className={classes.frame427319513}>
@@ -832,7 +928,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                                         />
                                       </div>
                                     ),
-                                  pDF: <PdfIcon2 className={classes.icon33} />,
+                                    pDF: (
+                                      <PdfIcon2 className={classes.icon33} />
+                                    ),
                                   }}
                                 />
                                 <div className={classes.frame4273195092}>
@@ -860,7 +958,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       </div>
                     </div>
                     <div className={classes.frame9114}>
-                    <div className={classes.text18}>查看详情</div>
+                      <div
+                        className={classes.text18}
+                        onClick={() => setRiskModalOpen(true)}
+                      >
+                        查看详情
+                      </div>
                       <Right
                         className={classes.right4}
                         swap={{
@@ -876,7 +979,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       <div className={classes.frame427319463}>
                         <div className={classes.unnamed131}>回款风险</div>
                         <div className={classes.frame427319462}>
-                        <div className={classes._2023326}>2023-03-26 截止</div>
+                          <div className={classes._2023326}>
+                            2023-03-26 截止
+                          </div>
                           <div className={classes.Zhuk}>古丽-zhuk</div>
                         </div>
                       </div>
@@ -885,7 +990,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       <div className={classes.frame4273194632}>
                         <div className={classes.unnamed132}>人员变动风险</div>
                         <div className={classes.frame4273194622}>
-                        <div className={classes._20233262}>2023-03-26 截止</div>
+                          <div className={classes._20233262}>
+                            2023-03-26 截止
+                          </div>
                           <div className={classes.Zhuk2}>古丽-zhuk</div>
                         </div>
                       </div>
@@ -953,6 +1060,8 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                 <div className={classes.unnamed137}>项目详情</div>
               </div>
             </div>
+          )}
+          {currentPage == "customer" && (
             <div className={classes.customer}>
               <div className={classes.frame427319555}>
                 <div className={classes.frame902}>
@@ -974,7 +1083,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     </div>
                   </div>
                   <div className={classes.frame427319461}>
-                  <_2_On
+                    <Tabs
+                      className={classes.frame427319461}
+                      items={[
+                        "全部(1340)",
+                        "A级项目(600)",
+                        "B级项目(200)",
+                        "C级项目(640)",
+                      ].map((item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      })}
+                    />
+                    {/* <_2_On
                       hide={{
                         _2: false,
                       }}
@@ -990,7 +1113,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         _2: false,
                       }}
                       text={{
-                      Unnamed: <div className={classes.unnamed15}>A级项目</div>,
+                        Unnamed: (
+                          <div className={classes.unnamed15}>A级项目</div>
+                        ),
                         _2: !props.hide?._22 && (
                           <div className={classes._22}>(600)</div>
                         ),
@@ -1001,7 +1126,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         _2: false,
                       }}
                       text={{
-                      Unnamed: <div className={classes.unnamed16}>B级项目</div>,
+                        Unnamed: (
+                          <div className={classes.unnamed16}>B级项目</div>
+                        ),
                         _2: !props.hide?._23 && (
                           <div className={classes._23}>(200)</div>
                         ),
@@ -1012,12 +1139,14 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         _2: false,
                       }}
                       text={{
-                      Unnamed: <div className={classes.unnamed17}>C级项目</div>,
+                        Unnamed: (
+                          <div className={classes.unnamed17}>C级项目</div>
+                        ),
                         _2: !props.hide?._24 && (
                           <div className={classes._24}>(640)</div>
                         ),
                       }}
-                  />
+                    /> */}
                   </div>
                   <div className={classes.frame986}>
                     <div className={classes.frame978}>
@@ -1027,7 +1156,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                             <div className={classes.unnamed18}>合同额</div>
                           ),
                           _323: <div className={classes._323}>2,000</div>,
-                        Unnamed2: <div className={classes.unnamed19}>万元</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed19}>万元</div>
+                          ),
                           Unnamed3: (
                             <div className={classes.unnamed20}>较上月</div>
                           ),
@@ -1049,7 +1180,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                             <div className={classes.unnamed22}>利润额</div>
                           ),
                           _323: <div className={classes._3232}>1,400</div>,
-                        Unnamed2: <div className={classes.unnamed23}>万元</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed23}>万元</div>
+                          ),
                           Unnamed3: (
                             <div className={classes.unnamed24}>较上月</div>
                           ),
@@ -1067,9 +1200,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     <div className={classes.frame984}>
                       <_22
                         text={{
-                        Unnamed: <div className={classes.unnamed26}>回款</div>,
+                          Unnamed: (
+                            <div className={classes.unnamed26}>回款</div>
+                          ),
                           _323: <div className={classes._3233}>1,400</div>,
-                        Unnamed2: <div className={classes.unnamed27}>万元</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed27}>万元</div>
+                          ),
                           Unnamed3: (
                             <div className={classes.unnamed28}>较上月</div>
                           ),
@@ -1339,14 +1476,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         <div className={classes._230}>
                           <div className={classes.unnamed144}>网址：</div>
                           <div className={classes.httpWwwBrightfoodComCn}>
+                            <a
+                              href="http://www.brightfood.com/cn"
+                              style={{ color: "inherit" }}
+                            >
                               http://www.brightfood.com/cn
+                            </a>
                           </div>
                         </div>
                         <div className={classes.frame427319522}>
                           <_Small
                             text={{
                               Unnamed: (
-                              <div className={classes.unnamed39}>战略客户</div>
+                                <div className={classes.unnamed39}>
+                                  战略客户
+                                </div>
                               ),
                             }}
                           />
@@ -1746,6 +1890,8 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                 <div className={classes.unnamed149}>项目详情</div>
               </div>
             </div>
+          )}
+          {currentPage == "dashboard" && (
             <div className={classes.dashboard}>
               <div className={classes.dashBoardRight}>
                 <div className={classes.searchBox}>
@@ -1753,21 +1899,68 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     <div className={classes.unnamed150}>查找</div>
                   </div>
                   <div className={classes.searchContentBox}>
-                  <_Property1LargeProperty2Regula
+                    {/* <Input
+                      className={classes.input}
+                      placeholder="请输入您想要查找的内容"
+                    ></Input> */}
+                    <AutoComplete
+                      className={classes.input}
+                      placeholder="请输入您想要查找的内容"
+                      options={options}
+                      onSelect={(text) => {
+                        if (text.indexOf("光") > -1) {
+                          setCurrentPage("customer");
+                        } else if (text.indexOf("2") > -1) {
+                          setCurrentPage("project");
+                        }
+                      }}
+                      onSearch={(text) => {
+                        let newoptions = [
+                          { value: "上海光明食品有限公司" },
+                          { value: "2022年标准化考点建设" },
+                        ];
+                        if (text.indexOf("光") > -1) {
+                          newoptions = [{ value: "上海光明食品有限公司" }];
+                        }
+                        if (text.indexOf("2") > -1) {
+                          newoptions = [{ value: "2022年标准化考点建设" }];
+                        }
+                        setOptions(newoptions);
+                      }}
+                    ></AutoComplete>
+                    <Button
+                      type="primary"
+                      onClick={() => setCurrentPage("customer")}
+                    >
+                      确定
+                    </Button>
+                    {/* <_Property1LargeProperty2Regula
                       className={classes.input}
                       text={{
                         text: (
-                        <div className={classes.text11}>
+                          <input
-                          请输入您想要查找的内容
+                            className={classes.text11}
+                            placeholder="请输入您想要查找的内容"
+                          ></input>
+
+                          // <div className={classes.text11}>
+                          //   请输入您想要查找的内容
+                          // </div>
+                        ),
+                      }}
+                    /> */}
+                    {/* <Button_PrimaryLargeRegular
+                      text={{
+                        text: (
+                          <div
+                            className={classes.text12}
+                            onClick={() => setCurrentPage("customer")}
+                          >
+                            确定
                           </div>
                         ),
                       }}
-                  />
+                    /> */}
-                  <Button_PrimaryLargeRegular
-                    text={{
-                      text: <div className={classes.text12}>确定</div>,
-                    }}
-                  />
                   </div>
                 </div>
                 <div className={classes.quickEntry}>
@@ -1798,14 +1991,18 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                             className={classes.frame}
                             classes={{ vector: classes.vector2 }}
                             swap={{
-                            vector: <VectorIcon3 className={classes.icon49} />,
+                              vector: (
+                                <VectorIcon3 className={classes.icon49} />
+                              ),
                             }}
                           />
                         ),
                       }}
                       text={{
                         Unnamed: (
-                        <div className={classes.unnamed50}>项目支持记录单</div>
+                          <div className={classes.unnamed50}>
+                            项目支持记录单
+                          </div>
                         ),
                       }}
                     />
@@ -1816,14 +2013,18 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                             className={classes.frame2}
                             classes={{ vector: classes.vector3 }}
                             swap={{
-                            vector: <VectorIcon4 className={classes.icon50} />,
+                              vector: (
+                                <VectorIcon4 className={classes.icon50} />
+                              ),
                             }}
                           />
                         ),
                       }}
                       text={{
                         Unnamed: (
-                        <div className={classes.unnamed51}>合同信息登记表</div>
+                          <div className={classes.unnamed51}>
+                            合同信息登记表
+                          </div>
                         ),
                       }}
                     />
@@ -1834,7 +2035,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                             className={classes.frame3}
                             classes={{ vector: classes.vector4 }}
                             swap={{
-                            vector: <VectorIcon5 className={classes.icon51} />,
+                              vector: (
+                                <VectorIcon5 className={classes.icon51} />
+                              ),
                             }}
                           />
                         ),
@@ -1893,7 +2096,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                           <_Property1
                             text={{
                               label: (
-                              <div className={classes.label6}>云服务大数据</div>
+                                <div className={classes.label6}>
+                                  云服务大数据
+                                </div>
                               ),
                             }}
                           />
@@ -1980,7 +2185,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       />
                     </div>
                   </div>
-                <div className={classes.frame4273194612}>
+                  <Tabs
+                    items={["全部", "近3天", "近一周", "近一月", "近3月"].map(
+                      (item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      }
+                    )}
+                  ></Tabs>
+                  {/* <div className={classes.frame4273194612}>
                     <_2_On
                       text={{
                         Unnamed: <div className={classes.unnamed53}>全部</div>,
@@ -1993,20 +2208,26 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     />
                     <_2_Off
                       text={{
-                      Unnamed: <div className={classes.unnamed55}>近一周</div>,
+                        Unnamed: (
+                          <div className={classes.unnamed55}>近一周</div>
+                        ),
                       }}
                     />
                     <_2_Off
                       text={{
-                      Unnamed: <div className={classes.unnamed56}>近一月</div>,
+                        Unnamed: (
+                          <div className={classes.unnamed56}>近一月</div>
+                        ),
                       }}
                     />
                     <_2_Off
                       text={{
-                      Unnamed: <div className={classes.unnamed57}>近3月 </div>,
+                        Unnamed: (
+                          <div className={classes.unnamed57}>近3月 </div>
+                        ),
                       }}
                     />
-                </div>
+                  </div> */}
                   <Unnamed13
                     className={classes.unnamed58}
                     text={{
@@ -2021,10 +2242,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       _2022613: (
                         <div className={classes._20226132}>2023-04-16</div>
                       ),
-                    Unnamed: (
+                      unnamed: (
-                      <div className={classes.unnamed59}>接待河北中拓网络</div>
+                        <div className={classes.unnamed59}>
+                          接待河北中拓网络
+                        </div>
                       ),
-                    Unnamed2: <div className={classes.unnamed60}>其他</div>,
+                      unnamed2: <div className={classes.unnamed60}>其他</div>,
                     }}
                   />
                   <Unnamed13
@@ -2033,7 +2256,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       _2022613: (
                         <div className={classes._20226133}>2023-04-13</div>
                       ),
-                    Unnamed: (
+                      unnamed: (
                         <div className={classes.unnamed62}>
                           参加上海教字化转型体验周专额会议
                         </div>
@@ -2046,7 +2269,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       _2022613: (
                         <div className={classes._20226134}>2023-04-17</div>
                       ),
-                    Unnamed: (
+                      unnamed: (
                         <div className={classes.unnamed64}>
                           拜访上海激集建设发展有限公司
                         </div>
@@ -2059,7 +2282,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       _2022613: (
                         <div className={classes._20226135}>2023-04-12</div>
                       ),
-                    Unnamed: (
+                      unnamed: (
                         <div className={classes.unnamed66}>
                           参加智慧馨城专员会议
                         </div>
@@ -2246,7 +2469,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                     </div>
                   </div>
                   <div className={classes.tab}>
-                  <_2_On
+                    <Tabs
+                      className={classes.frame427319461}
+                      items={[
+                        "全部(1340)",
+                        "优秀项目(600)",
+                        "标杆项目(200)",
+                        "一般项目(640)",
+                      ].map((item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      })}
+                    />
+                    {/* <_2_On
                       hide={{
                         _2: false,
                       }}
@@ -2295,7 +2532,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                           <div className={classes._28}>(640)</div>
                         ),
                       }}
-                  />
+                    /> */}
                   </div>
                   <div className={classes.tabContetBox}>
                     <Unnamed14
@@ -2313,11 +2550,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         projectorTwo: true,
                       }}
                       text={{
-                      Unnamed: (
+                        unnamed: (
                           <div className={classes.unnamed72}>项目总数</div>
                         ),
                         _1: <div className={classes._17}>1340</div>,
-                      Unnamed2: <div className={classes.unnamed73}>较上月</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed73}>较上月</div>
+                        ),
                       }}
                     />
                     <Unnamed14
@@ -2335,13 +2574,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         projectorTwo: true,
                       }}
                       text={{
-                      Unnamed: (
+                        unnamed: (
                           <div className={classes.unnamed74}>合同金额预估</div>
                         ),
                         _1: <div className={classes._18}>130</div>,
-                      Unnamed3: <div className={classes.unnamed75}>亿</div>,
+                        unnamed3: <div className={classes.unnamed75}>亿</div>,
-                      Unnamed2: <div className={classes.unnamed76}>较上月</div>,
+                        unnamed2: (
-                      Unnamed4: <div className={classes.unnamed77}>12</div>,
+                          <div className={classes.unnamed76}>较上月</div>
+                        ),
+                        unnamed4: <div className={classes.unnamed77}>12</div>,
                       }}
                     />
                     <Unnamed14
@@ -2359,11 +2600,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         projectorTwo: true,
                       }}
                       text={{
-                      Unnamed: (
+                        unnamed: (
                           <div className={classes.unnamed78}>待办事宜</div>
                         ),
                         _1: <div className={classes._19}>8</div>,
-                      Unnamed2: <div className={classes.unnamed79}>较上月</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed79}>较上月</div>
+                        ),
                       }}
                     />
                     <Unnamed14
@@ -2381,11 +2624,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                         projectorTwo: true,
                       }}
                       text={{
-                      Unnamed: (
+                        unnamed: (
                           <div className={classes.unnamed80}>已办事宜</div>
                         ),
                         _1: <div className={classes._110}>123</div>,
-                      Unnamed2: <div className={classes.unnamed81}>较上月</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed81}>较上月</div>
+                        ),
                       }}
                     />
                   </div>
@@ -2399,7 +2644,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       </div>
                     </div>
                     <div className={classes.frame91115}>
-                    <div className={classes.text31}>查看详情</div>
+                      <div
+                        className={classes.text31}
+                        onClick={() => setRiskModalOpen(true)}
+                      >
+                        查看详情
+                      </div>
                       <Right
                         className={classes.right15}
                         swap={{
@@ -2426,7 +2676,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       <div className={classes.frame4273194633}>
                         <div className={classes.unnamed158}>合同到期请查看</div>
                         <div className={classes.frame4273194623}>
-                        <div className={classes._20233263}>2023-03-26 截止</div>
+                          <div className={classes._20233263}>
+                            2023-03-26 截止
+                          </div>
                           <div className={classes.Zhuk3}>古丽-zhuk</div>
                         </div>
                       </div>
@@ -2435,7 +2687,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       <div className={classes.frame4273194634}>
                         <div className={classes.unnamed159}>合同到期请查看</div>
                         <div className={classes.frame4273194624}>
-                        <div className={classes._20233264}>2023-03-26 截止</div>
+                          <div className={classes._20233264}>
+                            2023-03-26 截止
+                          </div>
                           <div className={classes.Zhuk4}>古丽-zhuk</div>
                         </div>
                       </div>
@@ -2445,7 +2699,10 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                 <div className={classes.importantCustomer}>
                   <div className={classes.title3}>
                     <div className={classes.unnamed160}>重点客户</div>
-                  <div className={classes.frame91116}>
+                    <div
+                      className={classes.frame91116}
+                      onClick={() => setImportantCustomerModalOpen(true)}
+                    >
                       <div className={classes.text32}>查看更多</div>
                       <Right
                         className={classes.right16}
@@ -2481,22 +2738,32 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                       />
                     </div>
                   </div>
+
                   <div className={classes.filterBox}>
                     <div className={classes.filters}>
-                    <_Fill
+                      <SelectRank></SelectRank>
+                      {/* <_Fill
                         className={classes.rankPicker}
                         text={{
                           text: <div className={classes.text13}>A级项目</div>,
                         }}
-                    />
+                      /> */}
-                    <_Fill
+                      <SelectPride></SelectPride>
+                      {/* <_Fill
                         className={classes.prizePicker}
                         text={{
                           text: <div className={classes.text14}>优秀项目</div>,
                         }}
-                    />
+                      /> */}
                     </div>
-                  <Unnamed6 className={classes.search} />
+                    <Search
+                      // className={classes.search}
+                      placeholder="搜索"
+                      allowClear
+                      onSearch={() => {}}
+                      style={{ width: 300 }}
+                    />
+                    {/* <Unnamed6 className={classes.search} /> */}
                   </div>
                   <div className={classes.list}>
                     <Frame427319527 className={classes.listItem} />
@@ -2511,6 +2778,8 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                 </div>
               </div>
             </div>
+          )}
+          {currentPage == "bigscreen" && <div> 驾驶舱 </div>}
         </div>
         <div className={classes.header}>
           <div className={classes.headerFrame}></div>
@@ -2577,6 +2846,70 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
           </div>
           <div className={classes.datetime}>2023年2月24日 星期五</div>
         </div>
+        <Modal
+          open={riskModalOpen}
+          onCancel={() => setRiskModalOpen(false)}
+          onOk={() => setRiskModalOpen(false)}
+          okText="确定"
+          cancelText="取消"
+        >
+          <div className={classes.riskContent}>
+            <div className={classes.riskItemRed}>
+              <div className={classes.riskItemContent}>
+                <div className={classes.title2}>
+                  2022年标准化考点建设项目 有欠款
+                </div>
+                <div className={classes.detail}>
+                  <div className={classes.date}>2023-03-26 截止</div>
+                  <div className={classes.name}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+            <div className={classes.riskItemYellow}>
+              <div className={classes.frame4273194633}>
+                <div className={classes.unnamed158}>合同到期请查看</div>
+                <div className={classes.frame4273194623}>
+                  <div className={classes._20233263}>2023-03-26 截止</div>
+                  <div className={classes.Zhuk3}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+            <div className={classes.riskItemYellow2}>
+              <div className={classes.frame4273194634}>
+                <div className={classes.unnamed159}>合同到期请查看</div>
+                <div className={classes.frame4273194624}>
+                  <div className={classes._20233264}>2023-03-26 截止</div>
+                  <div className={classes.Zhuk4}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </Modal>
+        <Modal
+          width={1100}
+          open={importantCustomerModalOpen}
+          onCancel={() => setImportantCustomerModalOpen(false)}
+          onOk={() => setImportantCustomerModalOpen(false)}
+          okText="确定"
+          cancelText="取消"
+        >
+          <div className={classes.content5}>
+            <Frame427319538 className={classes.customItem} />
+            <Frame427319538 className={classes.customItem2} />
+            <Frame427319538 className={classes.customItem3} />
+            <Frame427319538 className={classes.customItem4} />
+            <Frame427319538 className={classes.customItem5} />
+            <Frame427319538 className={classes.customItem6} />
+          </div>
+          <div className={classes.content5}>
+            <Frame427319538 className={classes.customItem} />
+            <Frame427319538 className={classes.customItem2} />
+            <Frame427319538 className={classes.customItem3} />
+            <Frame427319538 className={classes.customItem4} />
+            <Frame427319538 className={classes.customItem5} />
+            <Frame427319538 className={classes.customItem6} />
+          </div>
+        </Modal>
       </div>
     </div>
   );

src/components/Yidian/_OffRegular/_OffRegular.module.css

@@ -11,6 +11,7 @@
   width: 225px;
   height: 48px;
   align-items: flex-start;
+  cursor: pointer;
 }
 .frame681 {
   position: absolute;

src/components/Yidian/_OffRegular/_OffRegular.tsx

@@ -1,14 +1,14 @@
-import { memo } from 'react';
+import { DOMAttributes, memo } from "react";
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
+import resets from "../../_resets.module.css";
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
-import { Point } from '../Point/Point';
+import { Point } from "../Point/Point";
-import classes from './_OffRegular.module.css';
+import classes from "./_OffRegular.module.css";
-import { Ellipse1Icon } from './Ellipse1Icon.js';
+import { Ellipse1Icon } from "./Ellipse1Icon.js";
 
-interface Props {
+type Props = {
   className?: string;
   hide?: {
     point?: boolean;
@@ -16,14 +16,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45189 */
 export const _OffRegular: FC<Props> = memo(function _OffRegular(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {!props.hide?.point && (
           <Point

src/components/Yidian/_OffSelected/_OffSelected.module.css

@@ -4,6 +4,7 @@
   height: 48px;
   align-items: flex-start;
   background-color: #0066ff1a;
+  cursor: pointer;
 }
 .frame681 {
   position: absolute;

src/components/Yidian/_OffSelected/_OffSelected.tsx

@@ -1,26 +1,33 @@
-import { memo } from 'react';
+import { DOMAttributes, memo } from "react";
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
+import resets from "../../_resets.module.css";
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
-import { Point2 } from '../Point2/Point2';
+import { Point2 } from "../Point2/Point2";
-import classes from './_OffSelected.module.css';
+import classes from "./_OffSelected.module.css";
-import { Rectangle295Icon } from './Rectangle295Icon.js';
+import { Rectangle295Icon } from "./Rectangle295Icon.js";
 
-interface Props {
+type Props = {
   className?: string;
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45205 */
 export const _OffSelected: FC<Props> = memo(function _OffSelected(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
       </div>
       <div className={classes.rectangle295}>

src/components/Yidian/_OnRegular/_OnRegular.tsx

@@ -1,20 +1,20 @@
-import { memo } from 'react';
+import { DOMAttributes, memo } from "react";
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
+import resets from "../../_resets.module.css";
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
-import { NotebookOne } from '../NotebookOne/NotebookOne';
+import { NotebookOne } from "../NotebookOne/NotebookOne";
-import classes from './_OnRegular.module.css';
+import classes from "./_OnRegular.module.css";
-import { UnionIcon2 } from './UnionIcon2.js';
+import { UnionIcon2 } from "./UnionIcon2.js";
-import { UnionIcon3 } from './UnionIcon3.js';
+import { UnionIcon3 } from "./UnionIcon3.js";
-import { UnionIcon4 } from './UnionIcon4.js';
+import { UnionIcon4 } from "./UnionIcon4.js";
-import { UnionIcon5 } from './UnionIcon5.js';
+import { UnionIcon5 } from "./UnionIcon5.js";
-import { UnionIcon6 } from './UnionIcon6.js';
+import { UnionIcon6 } from "./UnionIcon6.js";
-import { UnionIcon } from './UnionIcon.js';
+import { UnionIcon } from "./UnionIcon.js";
-import { VectorIcon } from './VectorIcon.js';
+import { VectorIcon } from "./VectorIcon.js";
 
-interface Props {
+type Props = {
   className?: string;
   swap?: {
     notebookOne?: ReactNode;
@@ -25,14 +25,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45181 */
 export const _OnRegular: FC<Props> = memo(function _OnRegular(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {props.swap?.notebookOne || (
           <NotebookOne

src/components/Yidian/_OnSelected/_OnSelected.tsx

@@ -1,20 +1,21 @@
-import { memo } from 'react';
+import { DOMAttributes, memo } from "react";
-import type { FC, ReactNode } from 'react';
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
+import resets from "../../_resets.module.css";
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
-import { Keyboard_arrow_up } from '../Keyboard_arrow_up/Keyboard_arrow_up';
+import { Keyboard_arrow_up } from "../Keyboard_arrow_up/Keyboard_arrow_up";
-import { NotebookOne } from '../NotebookOne/NotebookOne';
+import { NotebookOne } from "../NotebookOne/NotebookOne";
-import classes from './_OnSelected.module.css';
+import classes from "./_OnSelected.module.css";
-import { UnionIcon2 } from './UnionIcon2.js';
+import { UnionIcon2 } from "./UnionIcon2.js";
-import { UnionIcon3 } from './UnionIcon3.js';
+import { UnionIcon3 } from "./UnionIcon3.js";
-import { UnionIcon4 } from './UnionIcon4.js';
+import { UnionIcon4 } from "./UnionIcon4.js";
-import { UnionIcon5 } from './UnionIcon5.js';
+import { UnionIcon5 } from "./UnionIcon5.js";
-import { UnionIcon6 } from './UnionIcon6.js';
+import { UnionIcon6 } from "./UnionIcon6.js";
-import { UnionIcon } from './UnionIcon.js';
+import { UnionIcon } from "./UnionIcon.js";
-import { VectorIcon } from './VectorIcon.js';
+import { VectorIcon } from "./VectorIcon.js";
+import { PageName } from "../Yidian";
 
-interface Props {
+type Props = {
   className?: string;
   swap?: {
     notebookOne?: ReactNode;
@@ -22,14 +23,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45221 */
 export const _OnSelected: FC<Props> = memo(function _OnSelected(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {props.swap?.notebookOne || (
           <NotebookOne

src/components/Yidian/unnamed13/unnamed13.tsx

@@ -12,8 +12,8 @@ interface Props {
   };
   text?: {
     _2022613?: ReactNode;
-    Unnamed?: ReactNode;
+    unnamed?: ReactNode;
-    Unnamed2?: ReactNode;
+    unnamed2?: ReactNode;
   };
 }
 /* @figmaId 5633:6850 */

src/components/Yidian/unnamed14/unnamed14.tsx

@@ -24,11 +24,11 @@ interface Props {
     projectorTwo?: boolean;
   };
   text?: {
-    Unnamed?: ReactNode;
+    unnamed?: ReactNode;
     _1?: ReactNode;
-    Unnamed2?: ReactNode;
+    unnamed2?: ReactNode;
-    Unnamed3?: ReactNode;
+    unnamed3?: ReactNode;
-    Unnamed4?: ReactNode;
+    unnamed4?: ReactNode;
   };
 }
 /* @figmaId 5404:5460 */