c88fd786-cc7e-4ce4-9401-8f3cffb8de3e
/
inesa
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add interactive

master
Zhang Chaojie 2023-04-20 10:48:07 +08:00
parent c7265dac70
commit 5d7acd26d9
17 changed files with 4124 additions and 2026 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1652
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -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"
},

1
src/components/Yidian/Frame427319538/Frame427319538.module.css
View File

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

24
src/components/Yidian/Frame427319538/Frame427319538.tsx
View File

@ -1,9 +1,11 @@
import { memo } from 'react';
import type { FC } from 'react';
import { memo } from "react";
import type { FC } from "react";
import resets from '../../_resets.module.css';
import { Frame2 } from '../Frame2/Frame2';
import classes from './Frame427319538.module.css';
import resets from "../../_resets.module.css";
import { Frame2 } from "../Frame2/Frame2";
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}>

36
src/components/Yidian/RiskContent.tsx Normal file
View File

@ -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>
);
};

16
src/components/Yidian/SelectPride.tsx Normal file
View File

@ -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: "标杆项目" },
]}
/>
);
};

17
src/components/Yidian/SelectRank.tsx Normal file
View File

@ -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级项目" },
]}
/>
);
};

8
src/components/Yidian/Yidian.module.css
View File

@ -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;

493
src/components/Yidian/Yidian.tsx
View File

@ -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: (
<div className={classes.unnamed59}>接待河北中拓网络</div>
unnamed: (
<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>,
Unnamed2: <div className={classes.unnamed76}>较上月</div>,
Unnamed4: <div className={classes.unnamed77}>12</div>,
unnamed3: <div className={classes.unnamed75}>亿</div>,
unnamed2: (
<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>
);

1
src/components/Yidian/_OffRegular/_OffRegular.module.css
View File

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

31
src/components/Yidian/_OffRegular/_OffRegular.tsx
View File

@ -1,14 +1,14 @@
import { memo } from 'react';
import type { FC, ReactNode } from 'react';
import { DOMAttributes, memo } from "react";
import type { FC, ReactNode } from "react";
import resets from '../../_resets.module.css';
import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
import { Point } from '../Point/Point';
import classes from './_OffRegular.module.css';
import { Ellipse1Icon } from './Ellipse1Icon.js';
import resets from "../../_resets.module.css";
import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
import { Point } from "../Point/Point";
import classes from "./_OffRegular.module.css";
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

1
src/components/Yidian/_OffSelected/_OffSelected.module.css
View File

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

31
src/components/Yidian/_OffSelected/_OffSelected.tsx
View File

@ -1,26 +1,33 @@
import { memo } from 'react';
import type { FC, ReactNode } from 'react';
import { DOMAttributes, memo } from "react";
import type { FC, ReactNode } from "react";
import resets from '../../_resets.module.css';
import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
import { Point2 } from '../Point2/Point2';
import classes from './_OffSelected.module.css';
import { Rectangle295Icon } from './Rectangle295Icon.js';
import resets from "../../_resets.module.css";
import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
import { Point2 } from "../Point2/Point2";
import classes from "./_OffSelected.module.css";
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}>

43
src/components/Yidian/_OnRegular/_OnRegular.tsx
View File

@ -1,20 +1,20 @@
import { memo } from 'react';
import type { FC, ReactNode } from 'react';
import { DOMAttributes, memo } from "react";
import type { FC, ReactNode } from "react";
import resets from '../../_resets.module.css';
import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
import { NotebookOne } from '../NotebookOne/NotebookOne';
import classes from './_OnRegular.module.css';
import { UnionIcon2 } from './UnionIcon2.js';
import { UnionIcon3 } from './UnionIcon3.js';
import { UnionIcon4 } from './UnionIcon4.js';
import { UnionIcon5 } from './UnionIcon5.js';
import { UnionIcon6 } from './UnionIcon6.js';
import { UnionIcon } from './UnionIcon.js';
import { VectorIcon } from './VectorIcon.js';
import resets from "../../_resets.module.css";
import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
import { NotebookOne } from "../NotebookOne/NotebookOne";
import classes from "./_OnRegular.module.css";
import { UnionIcon2 } from "./UnionIcon2.js";
import { UnionIcon3 } from "./UnionIcon3.js";
import { UnionIcon4 } from "./UnionIcon4.js";
import { UnionIcon5 } from "./UnionIcon5.js";
import { UnionIcon6 } from "./UnionIcon6.js";
import { UnionIcon } from "./UnionIcon.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

44
src/components/Yidian/_OnSelected/_OnSelected.tsx
View File

@ -1,20 +1,21 @@
import { memo } from 'react';
import type { FC, ReactNode } from 'react';
import { DOMAttributes, memo } from "react";
import type { FC, ReactNode } from "react";
import resets from '../../_resets.module.css';
import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
import { Keyboard_arrow_up } from '../Keyboard_arrow_up/Keyboard_arrow_up';
import { NotebookOne } from '../NotebookOne/NotebookOne';
import classes from './_OnSelected.module.css';
import { UnionIcon2 } from './UnionIcon2.js';
import { UnionIcon3 } from './UnionIcon3.js';
import { UnionIcon4 } from './UnionIcon4.js';
import { UnionIcon5 } from './UnionIcon5.js';
import { UnionIcon6 } from './UnionIcon6.js';
import { UnionIcon } from './UnionIcon.js';
import { VectorIcon } from './VectorIcon.js';
import resets from "../../_resets.module.css";
import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
import { Keyboard_arrow_up } from "../Keyboard_arrow_up/Keyboard_arrow_up";
import { NotebookOne } from "../NotebookOne/NotebookOne";
import classes from "./_OnSelected.module.css";
import { UnionIcon2 } from "./UnionIcon2.js";
import { UnionIcon3 } from "./UnionIcon3.js";
import { UnionIcon4 } from "./UnionIcon4.js";
import { UnionIcon5 } from "./UnionIcon5.js";
import { UnionIcon6 } from "./UnionIcon6.js";
import { UnionIcon } from "./UnionIcon.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

4
src/components/Yidian/unnamed13/unnamed13.tsx
View File

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

8
src/components/Yidian/unnamed14/unnamed14.tsx
View File

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