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

feat: 大屏2

master
Zhang Chaojie 2023-04-21 11:21:55 +08:00
parent 8469eebd3f
commit 61902a2af4
29 changed files with 170 additions and 351 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1,2 +1,4 @@
node_modules node_modules
.vscode .vscode
dist

25
index.html
View File

@ -1,13 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" /> <head>
<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
<title>Vite App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> <title>仪电项目管理</title>
<body> </head>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <body>
</body> <div id="root"></div>
</html> <script type="module" src="/src/main.tsx"></script>
</body>
</html>

3
package.json
View File

@ -6,6 +6,7 @@
"start": "vite", "start": "vite",
"dev": "vite", "dev": "vite",
"build": "tsc && vite build", "build": "tsc && vite build",
"buildvite": "vite build --base=./",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
@ -21,4 +22,4 @@
"typescript": "^4.7.4", "typescript": "^4.7.4",
"vite": "^3.0.9" "vite": "^3.0.9"
} }
} }

2
src/components/Yidian/Frame427319471/Frame427319471.tsx
View File

@ -13,7 +13,7 @@ interface Props {
frame?: ReactNode; frame?: ReactNode;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5524:24104 */ /* @figmaId 5524:24104 */

2
src/components/Yidian/Frame427319520/Frame427319520.tsx
View File

@ -10,7 +10,7 @@ interface Props {
root?: string; root?: string;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
_1995526?: ReactNode; _1995526?: ReactNode;
}; };
} }

6
src/components/Yidian/Frame427319527/Frame427319527.tsx
View File

@ -35,17 +35,17 @@ export const Frame427319527: FC<Props> = memo(function Frame427319527(
<div className={classes.frame427319529}> <div className={classes.frame427319529}>
<_Mini <_Mini
text={{ text={{
Unnamed: <div className={classes.unnamed}>合同签订阶段</div>, unnamed: <div className={classes.unnamed}>合同签订阶段</div>,
}} }}
/> />
<_Mini <_Mini
text={{ text={{
Unnamed: <div className={classes.unnamed2}>A级</div>, unnamed: <div className={classes.unnamed2}>A级</div>,
}} }}
/> />
<_Mini <_Mini
text={{ text={{
Unnamed: <div className={classes.unnamed3}>优秀项目</div>, unnamed: <div className={classes.unnamed3}>优秀项目</div>,
}} }}
/> />
</div> </div>

2
src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.tsx
View File

@ -11,7 +11,7 @@ interface Props {
rectangle678?: string; rectangle678?: string;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
_100?: ReactNode; _100?: ReactNode;
}; };
} }

2
src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.tsx
View File

@ -12,7 +12,7 @@ interface Props {
root?: string; root?: string;
}; };
swap?: { swap?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:1800 */ /* @figmaId 5403:1800 */

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

@ -152,6 +152,7 @@ import { SelectPride } from "./SelectPride";
import Search from "antd/es/input/Search"; import Search from "antd/es/input/Search";
import Title from "antd/es/skeleton/Title"; import Title from "antd/es/skeleton/Title";
import { import {
BankOutlined,
BookOutlined, BookOutlined,
ContactsOutlined, ContactsOutlined,
FundOutlined, FundOutlined,
@ -175,11 +176,11 @@ interface Props {
point8?: boolean; point8?: boolean;
point9?: boolean; point9?: boolean;
point10?: boolean; point10?: boolean;
Unnamed?: boolean; unnamed?: boolean;
Unnamed2?: boolean; unnamed2?: boolean;
Unnamed3?: boolean; unnamed3?: boolean;
Unnamed4?: boolean; unnamed4?: boolean;
Unnamed5?: boolean; unnamed5?: boolean;
_2?: boolean; _2?: boolean;
_22?: boolean; _22?: boolean;
_23?: boolean; _23?: boolean;
@ -199,7 +200,12 @@ interface Props {
}; };
} }
export type PageName = "project" | "customer" | "dashboard" | "bigscreen"; export type PageName =
| "project"
| "customer"
| "dashboard"
| "bigscreen-shichang"
| "bigscreen-jituan";
/* @figmaId 5711:168021 */ /* @figmaId 5711:168021 */
export const Yidian: FC<Props> = memo(function Yidian(props = {}) { export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
@ -244,11 +250,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
style: { paddingLeft: "50px" }, style: { paddingLeft: "50px" },
}, },
{ {
key: "bigscreen", key: "bigscreen-shichang",
label: "驾驶舱", label: "驾驶舱-市场",
icon: <FundProjectionScreenOutlined />, icon: <FundProjectionScreenOutlined />,
style: { paddingLeft: "50px" }, style: { paddingLeft: "50px" },
}, },
{
key: "bigscreen-jituan",
label: "驾驶舱-集团",
icon: <BankOutlined />,
style: { paddingLeft: "50px" },
},
{ {
key: "customer", key: "customer",
label: "客户信息", label: "客户信息",
@ -371,13 +383,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_ <_
className={classes.unnamed2} className={classes.unnamed2}
swap={{ swap={{
Unnamed: <Icon className={classes.icon14} />, unnamed: <Icon className={classes.icon14} />,
}} }}
hide={{ hide={{
Unnamed: true, unnamed: true,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed}>商机登记</div> <div className={classes.unnamed}>商机登记</div>
), ),
}} }}
@ -385,14 +397,14 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_3 <_3
className={classes.unnamed4} className={classes.unnamed4}
swap={{ swap={{
Unnamed: <Icon2 className={classes.icon15} />, unnamed: <Icon2 className={classes.icon15} />,
Unnamed2: <Icon3 className={classes.icon16} />, unnamed2: <Icon3 className={classes.icon16} />,
}} }}
hide={{ hide={{
Unnamed: true, unnamed: true,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed3}>合同签订</div> <div className={classes.unnamed3}>合同签订</div>
), ),
}} }}
@ -400,15 +412,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4 <_4
className={classes.unnamed6} className={classes.unnamed6}
swap={{ swap={{
Unnamed: <Icon4 className={classes.icon17} />, unnamed: <Icon4 className={classes.icon17} />,
Unnamed2: <Icon5 className={classes.icon18} />, unnamed2: <Icon5 className={classes.icon18} />,
Unnamed3: <Icon6 className={classes.icon19} />, unnamed3: <Icon6 className={classes.icon19} />,
}} }}
hide={{ hide={{
Unnamed: true, unnamed: true,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed5}> <div className={classes.unnamed5}>
合同履约追踪 合同履约追踪
</div> </div>
@ -418,15 +430,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4 <_4
className={classes.unnamed8} className={classes.unnamed8}
swap={{ swap={{
Unnamed: <Icon7 className={classes.icon20} />, unnamed: <Icon7 className={classes.icon20} />,
Unnamed2: <Icon8 className={classes.icon21} />, unnamed2: <Icon8 className={classes.icon21} />,
Unnamed3: <Icon9 className={classes.icon22} />, unnamed3: <Icon9 className={classes.icon22} />,
}} }}
hide={{ hide={{
Unnamed: true, unnamed: true,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed7}>跟踪推进</div> <div className={classes.unnamed7}>跟踪推进</div>
), ),
}} }}
@ -434,15 +446,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4 <_4
className={classes.unnamed11} className={classes.unnamed11}
swap={{ swap={{
Unnamed: <Icon10 className={classes.icon23} />, unnamed: <Icon10 className={classes.icon23} />,
Unnamed2: <Icon11 className={classes.icon24} />, unnamed2: <Icon11 className={classes.icon24} />,
Unnamed3: <Icon12 className={classes.icon25} />, unnamed3: <Icon12 className={classes.icon25} />,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed9}>项目节点</div> <div className={classes.unnamed9}>项目节点</div>
), ),
Unnamed2: ( unnamed2: (
<div className={classes.unnamed10}>未开始</div> <div className={classes.unnamed10}>未开始</div>
), ),
}} }}
@ -450,14 +462,14 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_5 <_5
className={classes.unnamed13} className={classes.unnamed13}
swap={{ swap={{
Unnamed: <Icon13 className={classes.icon26} />, unnamed: <Icon13 className={classes.icon26} />,
Unnamed2: <Icon14 className={classes.icon27} />, unnamed2: <Icon14 className={classes.icon27} />,
}} }}
hide={{ hide={{
Unnamed: true, unnamed: true,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed12}>项目结束</div> <div className={classes.unnamed12}>项目结束</div>
), ),
}} }}
@ -901,7 +913,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: <div className={classes.unnamed14}>全部</div>, unnamed: <div className={classes.unnamed14}>全部</div>,
_2: !props.hide?._2 && ( _2: !props.hide?._2 && (
<div className={classes._2}>(1340)</div> <div className={classes._2}>(1340)</div>
), ),
@ -912,7 +924,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed15}>A级项目</div> <div className={classes.unnamed15}>A级项目</div>
), ),
_2: !props.hide?._22 && ( _2: !props.hide?._22 && (
@ -925,7 +937,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed16}>B级项目</div> <div className={classes.unnamed16}>B级项目</div>
), ),
_2: !props.hide?._23 && ( _2: !props.hide?._23 && (
@ -938,7 +950,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed17}>C级项目</div> <div className={classes.unnamed17}>C级项目</div>
), ),
_2: !props.hide?._24 && ( _2: !props.hide?._24 && (
@ -951,17 +963,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame978}> <div className={classes.frame978}>
<_22 <_22
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed18}>合同额</div> <div className={classes.unnamed18}>合同额</div>
), ),
_323: <div className={classes._323}>2,000</div>, _323: <div className={classes._323}>2,000</div>,
Unnamed2: ( unnamed2: (
<div className={classes.unnamed19}>万元</div> <div className={classes.unnamed19}>万元</div>
), ),
Unnamed3: ( unnamed3: (
<div className={classes.unnamed20}>较上月</div> <div className={classes.unnamed20}>较上月</div>
), ),
Unnamed4: <div className={classes.unnamed21}>2%</div>, unnamed4: <div className={classes.unnamed21}>2%</div>,
}} }}
/> />
<LineGraph <LineGraph
@ -975,17 +987,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame983}> <div className={classes.frame983}>
<_22 <_22
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed22}>利润额</div> <div className={classes.unnamed22}>利润额</div>
), ),
_323: <div className={classes._3232}>1,400</div>, _323: <div className={classes._3232}>1,400</div>,
Unnamed2: ( unnamed2: (
<div className={classes.unnamed23}>万元</div> <div className={classes.unnamed23}>万元</div>
), ),
Unnamed3: ( unnamed3: (
<div className={classes.unnamed24}>较上月</div> <div className={classes.unnamed24}>较上月</div>
), ),
Unnamed4: <div className={classes.unnamed25}>2%</div>, unnamed4: <div className={classes.unnamed25}>2%</div>,
}} }}
/> />
<LineGraph2 <LineGraph2
@ -999,17 +1011,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame984}> <div className={classes.frame984}>
<_22 <_22
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed26}>回款</div> <div className={classes.unnamed26}>回款</div>
), ),
_323: <div className={classes._3233}>1,400</div>, _323: <div className={classes._3233}>1,400</div>,
Unnamed2: ( unnamed2: (
<div className={classes.unnamed27}>万元</div> <div className={classes.unnamed27}>万元</div>
), ),
Unnamed3: ( unnamed3: (
<div className={classes.unnamed28}>较上月</div> <div className={classes.unnamed28}>较上月</div>
), ),
Unnamed4: <div className={classes.unnamed29}>2%</div>, unnamed4: <div className={classes.unnamed29}>2%</div>,
}} }}
/> />
<LineGraph3 <LineGraph3
@ -1162,7 +1174,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame876_Property1Variant2 <Frame876_Property1Variant2
className={classes.frame912} className={classes.frame912}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed30}> <div className={classes.unnamed30}>
2022年标准化考点建设 2022年标准化考点建设
</div> </div>
@ -1174,7 +1186,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame913} className={classes.frame913}
classes={{ rectangle678: classes.rectangle678 }} classes={{ rectangle678: classes.rectangle678 }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed31}> <div className={classes.unnamed31}>
2022年标准化考点建设 2022年标准化考点建设
</div> </div>
@ -1186,7 +1198,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame914} className={classes.frame914}
classes={{ rectangle678: classes.rectangle6782 }} classes={{ rectangle678: classes.rectangle6782 }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed32}> <div className={classes.unnamed32}>
2022年标准化考点建设 2022年标准化考点建设
</div> </div>
@ -1198,194 +1210,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame915} className={classes.frame915}
classes={{ rectangle678: classes.rectangle6783 }} classes={{ rectangle678: classes.rectangle6783 }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed33}>
2022年标准化考点建设
</div>
),
_100: <div className={classes._1004}>24</div>,
}}
/>
</div>
</div>
</div>
<div className={classes.frame427319548}>
<div className={classes.frame916}>
<div className={classes.frame9127}>
<div className={classes.unnamed139}>涉及板块分析a123</div>
<div className={classes.frame9117}>
<div className={classes.text21}>查看详情</div>
<Right
className={classes.right6}
swap={{
vectorStroke: (
<VectorStrokeIcon6 className={classes.icon43} />
),
}}
/>
</div>
</div>
<div className={classes.frame51}>
<div className={classes.frame32}>
<div className={classes.ellipse6}>
<Ellipse6Icon className={classes.icon71} />
</div>
<div className={classes.ellipse11}>
<Ellipse11Icon className={classes.icon72} />
</div>
<div className={classes.ellipse10}>
<Ellipse10Icon className={classes.icon73} />
</div>
<div className={classes.ellipse9}>
<Ellipse9Icon className={classes.icon74} />
</div>
<div className={classes.ellipse8}>
<Ellipse8Icon className={classes.icon75} />
</div>
<div className={classes.ellipse7}>
<Ellipse7Icon className={classes.icon76} />
</div>
<div className={classes.frame33}>
<div className={classes.a}>A级</div>
<div className={classes._45}>45%</div>
</div>
</div>
<div className={classes.frame892}>
<div className={classes.frame889}>
<div className={classes.frame888}>
<_Property1
text={{
label: (
<div className={classes.label}>
云服务大数据
</div>
),
}}
/>
<div className={classes.line43}></div>
<div className={classes._64}>64.0%</div>
</div>
<div className={classes._120}>120</div>
</div>
<div className={classes.frame890}>
<div className={classes.frame8882}>
<_Property1
classes={{ square: classes.square }}
text={{
label: (
<div className={classes.label2}>智慧照明</div>
),
}}
/>
<div className={classes.line432}></div>
<div className={classes._162}>16.0%</div>
</div>
<div className={classes._30}>30</div>
</div>
<div className={classes.frame891}>
<div className={classes.frame8883}>
<_Property1
classes={{ square: classes.square2 }}
text={{
label: (
<div className={classes.label3}>智慧教卫</div>
),
}}
/>
<div className={classes.line433}></div>
<div className={classes._642}>6.4%</div>
</div>
<div className={classes._122}>12</div>
</div>
<div className={classes.frame8922}>
<div className={classes.frame8884}>
<_Property1
classes={{ square: classes.square3 }}
text={{
label: (
<div className={classes.label4}>智慧交通</div>
),
}}
/>
<div className={classes.line434}></div>
<div className={classes._643}>6.4%</div>
</div>
<div className={classes._123}>12</div>
</div>
<div className={classes.frame893}>
<div className={classes.frame8885}>
<_Property1
classes={{ square: classes.square4 }}
text={{
label: (
<div className={classes.label5}>智能安防</div>
),
}}
/>
<div className={classes.line435}></div>
<div className={classes._644}>6.4%</div>
</div>
<div className={classes._124}>12</div>
</div>
</div>
</div>
</div>
<div className={classes.frame4273194832}>
<div className={classes.frame9128}>
<div className={classes.unnamed140}>重点项目排名</div>
<div className={classes.frame9118}>
<div className={classes.text22}>查看详情</div>
<Right
className={classes.right7}
swap={{
vectorStroke: (
<VectorStrokeIcon7 className={classes.icon44} />
),
}}
/>
</div>
</div>
<div className={classes.frame883}>
<Frame876_Property1Variant2
className={classes.frame912}
text={{
Unnamed: (
<div className={classes.unnamed30}>
2022年标准化考点建设
</div>
),
_100: <div className={classes._100}>24</div>,
}}
/>
<Frame876_Property1Variant2
className={classes.frame913}
classes={{ rectangle678: classes.rectangle678 }}
text={{
Unnamed: (
<div className={classes.unnamed31}>
2022年标准化考点建设
</div>
),
_100: <div className={classes._1002}>24</div>,
}}
/>
<Frame876_Property1Variant2
className={classes.frame914}
classes={{ rectangle678: classes.rectangle6782 }}
text={{
Unnamed: (
<div className={classes.unnamed32}>
2022年标准化考点建设
</div>
),
_100: <div className={classes._1003}>24</div>,
}}
/>
<Frame876_Property1Variant2
className={classes.frame915}
classes={{ rectangle678: classes.rectangle6783 }}
text={{
Unnamed: (
<div className={classes.unnamed33}> <div className={classes.unnamed33}>
2022年标准化考点建设 2022年标准化考点建设
</div> </div>
@ -1396,6 +1221,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
</div> </div>
</div> </div>
</div> </div>
<div className={classes.frame4273194844}> <div className={classes.frame4273194844}>
<div className={classes.frame9032}> <div className={classes.frame9032}>
<div className={classes.unnamed141}>项目合作情况</div> <div className={classes.unnamed141}>项目合作情况</div>
@ -1473,7 +1299,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame427319522}> <div className={classes.frame427319522}>
<_Small <_Small
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed39}> <div className={classes.unnamed39}>
战略客户 战略客户
</div> </div>
@ -1482,21 +1308,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
/> />
<_Small2 <_Small2
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed40}>食品</div> <div className={classes.unnamed40}>食品</div>
), ),
}} }}
/> />
<_Small2 <_Small2
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed41}>销售</div> <div className={classes.unnamed41}>销售</div>
), ),
}} }}
/> />
<_Small2 <_Small2
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed42}>零售</div> <div className={classes.unnamed42}>零售</div>
), ),
}} }}
@ -1512,7 +1338,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520 <Frame427319520
className={classes.frame427319521} className={classes.frame427319521}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed43}>是否上市</div> <div className={classes.unnamed43}>是否上市</div>
), ),
_1995526: <div className={classes._1995526}>是</div>, _1995526: <div className={classes._1995526}>是</div>,
@ -1523,7 +1349,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520 <Frame427319520
className={classes.frame4273195202} className={classes.frame4273195202}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed44}>注册资本</div> <div className={classes.unnamed44}>注册资本</div>
), ),
_1995526: ( _1995526: (
@ -1537,7 +1363,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520 <Frame427319520
className={classes.frame4273195212} className={classes.frame4273195212}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed45}>实缴资本</div> <div className={classes.unnamed45}>实缴资本</div>
), ),
_1995526: ( _1995526: (
@ -1553,21 +1379,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame427319465}> <div className={classes.frame427319465}>
<_Property1Property2 <_Property1Property2
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed46}>公司介绍</div> <div className={classes.unnamed46}>公司介绍</div>
), ),
}} }}
/> />
<_Property1Property22 <_Property1Property22
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed47}>经营范围</div> <div className={classes.unnamed47}>经营范围</div>
), ),
}} }}
/> />
<_Property1Property22 <_Property1Property22
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed48}>主营业务</div> <div className={classes.unnamed48}>主营业务</div>
), ),
}} }}
@ -1954,7 +1780,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
), ),
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed50}> <div className={classes.unnamed50}>
项目支持记录单 项目支持记录单
</div> </div>
@ -1976,7 +1802,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
), ),
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed51}> <div className={classes.unnamed51}>
合同信息登记表 合同信息登记表
</div> </div>
@ -1998,7 +1824,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
), ),
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed52}>项目采购单</div> <div className={classes.unnamed52}>项目采购单</div>
), ),
}} }}
@ -2153,31 +1979,31 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
{/* <div className={classes.frame4273194612}> {/* <div className={classes.frame4273194612}>
<_2_On <_2_On
text={{ text={{
Unnamed: <div className={classes.unnamed53}>全部</div>, unnamed: <div className={classes.unnamed53}>全部</div>,
}} }}
/> />
<_2_Off <_2_Off
text={{ text={{
Unnamed: <div className={classes.unnamed54}>近3天</div>, unnamed: <div className={classes.unnamed54}>近3天</div>,
}} }}
/> />
<_2_Off <_2_Off
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed55}>近一周</div> <div className={classes.unnamed55}>近一周</div>
), ),
}} }}
/> />
<_2_Off <_2_Off
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed56}>近一月</div> <div className={classes.unnamed56}>近一月</div>
), ),
}} }}
/> />
<_2_Off <_2_Off
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed57}>近3月 </div> <div className={classes.unnamed57}>近3月 </div>
), ),
}} }}
@ -2443,7 +2269,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: <div className={classes.unnamed68}>全部</div>, unnamed: <div className={classes.unnamed68}>全部</div>,
_2: !props.hide?._25 && ( _2: !props.hide?._25 && (
<div className={classes._25}>(1340)</div> <div className={classes._25}>(1340)</div>
), ),
@ -2454,7 +2280,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed69}>优秀项目</div> <div className={classes.unnamed69}>优秀项目</div>
), ),
_2: !props.hide?._26 && ( _2: !props.hide?._26 && (
@ -2467,7 +2293,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed70}>标杆项目</div> <div className={classes.unnamed70}>标杆项目</div>
), ),
_2: !props.hide?._27 && ( _2: !props.hide?._27 && (
@ -2480,7 +2306,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false, _2: false,
}} }}
text={{ text={{
Unnamed: ( unnamed: (
<div className={classes.unnamed71}>一般项目</div> <div className={classes.unnamed71}>一般项目</div>
), ),
_2: !props.hide?._28 && ( _2: !props.hide?._28 && (
@ -2734,7 +2560,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
</div> </div>
</div> </div>
)} )}
{currentPage == "bigscreen" && <BigScreen></BigScreen>} {currentPage == "bigscreen-jituan" && (
<BigScreen bg="jituan"></BigScreen>
)}
{currentPage == "bigscreen-shichang" && (
<BigScreen bg="shichang"></BigScreen>
)}
</div> </div>
<div className={classes.header}> <div className={classes.header}>
<div className={classes.headerFrame}></div> <div className={classes.headerFrame}></div>
@ -2743,7 +2574,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Iconbutton_TertiaryLarge <Iconbutton_TertiaryLarge
className={classes.iconbutton} className={classes.iconbutton}
swap={{ swap={{
Unnamed: ( unnamed: (
<Comment <Comment
className={classes.comment} className={classes.comment}
classes={{ union: classes.union6 }} classes={{ union: classes.union6 }}
@ -2761,7 +2592,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Iconbutton_TertiaryLarge <Iconbutton_TertiaryLarge
className={classes.iconbutton2} className={classes.iconbutton2}
swap={{ swap={{
Unnamed: ( unnamed: (
<Unnamed7 <Unnamed7
className={classes.unnamed82} className={classes.unnamed82}
swap={{ swap={{

6
src/components/Yidian/_/_.tsx
View File

@ -12,13 +12,13 @@ interface Props {
root?: string; root?: string;
}; };
swap?: { swap?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
hide?: { hide?: {
Unnamed?: boolean; unnamed?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5526:23369 */ /* @figmaId 5526:23369 */

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

@ -10,11 +10,11 @@ import { VectorStrokeIcon } from "./VectorStrokeIcon.js";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
_323?: ReactNode; _323?: ReactNode;
Unnamed2?: ReactNode; unnamed2?: ReactNode;
Unnamed3?: ReactNode; unnamed3?: ReactNode;
Unnamed4?: ReactNode; unnamed4?: ReactNode;
}; };
} }
/* @figmaId 5407:5205 */ /* @figmaId 5407:5205 */

2
src/components/Yidian/_2_Off/_2_Off.tsx
View File

@ -11,7 +11,7 @@ interface Props {
_2?: boolean; _2?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
_2?: ReactNode; _2?: ReactNode;
}; };
} }

2
src/components/Yidian/_2_On/_2_On.tsx
View File

@ -11,7 +11,7 @@ interface Props {
_2?: boolean; _2?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
_2?: ReactNode; _2?: ReactNode;
}; };
} }

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

@ -15,14 +15,14 @@ interface Props {
root?: string; root?: string;
}; };
swap?: { swap?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
Unnamed2?: ReactNode; unnamed2?: ReactNode;
}; };
hide?: { hide?: {
Unnamed?: boolean; unnamed?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5526:23497 */ /* @figmaId 5526:23497 */

12
src/components/Yidian/_4/_4.tsx
View File

@ -13,16 +13,16 @@ interface Props {
root?: string; root?: string;
}; };
swap?: { swap?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
Unnamed2?: ReactNode; unnamed2?: ReactNode;
Unnamed3?: ReactNode; unnamed3?: ReactNode;
}; };
hide?: { hide?: {
Unnamed?: boolean; unnamed?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
Unnamed2?: ReactNode; unnamed2?: ReactNode;
}; };
} }
/* @figmaId 5526:23525 */ /* @figmaId 5526:23525 */

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

@ -12,14 +12,14 @@ interface Props {
root?: string; root?: string;
}; };
swap?: { swap?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
Unnamed2?: ReactNode; unnamed2?: ReactNode;
}; };
hide?: { hide?: {
Unnamed?: boolean; unnamed?: boolean;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5526:23477 */ /* @figmaId 5526:23477 */

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

@ -8,7 +8,7 @@ import classes from "./_Mini.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2117 */ /* @figmaId 5403:2117 */
@ -18,7 +18,7 @@ export const _Mini: FC<Props> = memo(function _Mini(props = {}) {
<Unnamed8 <Unnamed8
className={classes.unnamed2} className={classes.unnamed2}
text={{ text={{
Unnamed: props.text?.unnamed || ( unnamed: props.text?.unnamed || (
<div className={classes.unnamed}>标签</div> <div className={classes.unnamed}>标签</div>
), ),
}} }}

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

@ -8,7 +8,7 @@ import classes from "./_Mini2.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2123 */ /* @figmaId 5403:2123 */
@ -18,7 +18,7 @@ export const _Mini2: FC<Props> = memo(function _Mini2(props = {}) {
<Unnamed8 <Unnamed8
className={classes.unnamed2} className={classes.unnamed2}
text={{ text={{
Unnamed: props.text?.unnamed || ( unnamed: props.text?.unnamed || (
<div className={classes.unnamed}>标签</div> <div className={classes.unnamed}>标签</div>
), ),
}} }}

2
src/components/Yidian/_Property1Property2/_Property1Property2.tsx
View File

@ -8,7 +8,7 @@ import classes from "./_Property1Property2.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2081 */ /* @figmaId 5403:2081 */

2
src/components/Yidian/_Property1Property22/_Property1Property22.tsx
View File

@ -8,7 +8,7 @@ import classes from "./_Property1Property22.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2063 */ /* @figmaId 5403:2063 */

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

@ -8,7 +8,7 @@ import classes from "./_Small.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2125 */ /* @figmaId 5403:2125 */
@ -18,7 +18,7 @@ export const _Small: FC<Props> = memo(function _Small(props = {}) {
<Unnamed8 <Unnamed8
className={classes.unnamed2} className={classes.unnamed2}
text={{ text={{
Unnamed: props.text?.unnamed || ( unnamed: props.text?.unnamed || (
<div className={classes.unnamed}>标签</div> <div className={classes.unnamed}>标签</div>
), ),
}} }}

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

@ -8,7 +8,7 @@ import classes from "./_Small2.module.css";
interface Props { interface Props {
className?: string; className?: string;
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:2131 */ /* @figmaId 5403:2131 */
@ -18,7 +18,7 @@ export const _Small2: FC<Props> = memo(function _Small2(props = {}) {
<Unnamed8 <Unnamed8
className={classes.unnamed2} className={classes.unnamed2}
text={{ text={{
Unnamed: props.text?.unnamed || ( unnamed: props.text?.unnamed || (
<div className={classes.unnamed}>标签</div> <div className={classes.unnamed}>标签</div>
), ),
}} }}

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

@ -37,7 +37,7 @@ export const Unnamed13: FC<Props> = memo(function Unnamed13(props = {}) {
)} )}
<_Mini2 <_Mini2
text={{ text={{
Unnamed: props.text?.unnamed2 || ( unnamed: props.text?.unnamed2 || (
<div className={classes.unnamed}>国有企事业单位</div> <div className={classes.unnamed}>国有企事业单位</div>
), ),
}} }}

2
src/components/Yidian/unnamed8/unnamed8.tsx
View File

@ -12,7 +12,7 @@ interface Props {
root?: string; root?: string;
}; };
text?: { text?: {
Unnamed?: ReactNode; unnamed?: ReactNode;
}; };
} }
/* @figmaId 5403:1005 */ /* @figmaId 5403:1005 */

6
src/screen/bigscreen/bigscreen.module.css
View File

@ -1,8 +1,4 @@
.screen { .screen {
/* position: fixed; */
/* z-index: 9099; */
/* top: 0; */
/* left: 0; */
width: 1920px; width: 1920px;
height: 1080px; height: 1080px;
position: absolute; position: absolute;
@ -10,7 +6,7 @@
left: 10px; left: 10px;
transform: scale(calc(1695/1920)); transform: scale(calc(1695/1920));
transform-origin: 0 0; transform-origin: 0 0;
/* overflow: scroll; */ background-size:contain;
} }
.pop{ .pop{
position: absolute; position: absolute;

38
src/screen/bigscreen/bigscreen.tsx
View File

@ -1,19 +1,27 @@
import { FC } from "react"; import { FC } from "react";
import bg from "./大屏.png";
import popAnhui from "./弹窗安徽.png"; import popAnhui from "./弹窗安徽.png";
import popJiangsu from "./弹窗江苏.png"; import popJiangsu from "./弹窗江苏.png";
import popShanghai from "./弹窗上海.png"; import popShanghai from "./弹窗上海.png";
import popZhejiang from "./弹窗浙江.png"; import popZhejiang from "./弹窗浙江.png";
import bgJituan from "./大屏-集团.png";
import bgShichang from "./大屏-市场部.png";
import classes from "./bigscreen.module.css"; import classes from "./bigscreen.module.css";
export const BigScreen: FC<{}> = () => { type Props = {
bg?: "jituan" | "shichang";
};
export const BigScreen: FC<Props> = (props) => {
const { bg } = props;
const bgUrl = bg == "jituan" ? bgJituan : bgShichang;
return ( return (
<div <div
className={classes.screen} className={classes.screen}
style={{ style={{
background: `url(${bg})`, backgroundImage: `url("${bgUrl}")`,
}} }}
> >
<div <div
@ -23,7 +31,7 @@ export const BigScreen: FC<{}> = () => {
left: "533px", left: "533px",
}} }}
> >
<img src={popAnhui}></img> <img src={popZhejiang}></img>
</div> </div>
<div <div
className={classes.pop} className={classes.pop}
@ -52,28 +60,6 @@ export const BigScreen: FC<{}> = () => {
> >
<img src={popShanghai}></img> <img src={popShanghai}></img>
</div> </div>
{/* <img
style={{
top: "250px",
left: "410px",
}}
src={popJiangsu}
></img>
<img
style={{
top: "650px",
left: "450px",
}}
src={popShanghai}
></img>
<img
style={{
top: "650px",
left: "450px",
}}
src={popZhejiang}
></img> */}
</div> </div>
); );
}; };

BIN
src/screen/bigscreen/大屏-市场部.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 MiB

0
src/screen/bigscreen/大屏.png → src/screen/bigscreen/大屏-集团.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
src/screen/bigscreen/弹窗安徽.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 189 KiB