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
.vscode
dist

25
index.html
View File

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

3
package.json
View File

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

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

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

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

@ -10,7 +10,7 @@ interface Props {
root?: string;
};
text?: {
Unnamed?: ReactNode;
unnamed?: 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}>
<_Mini
text={{
Unnamed: <div className={classes.unnamed}>合同签订阶段</div>,
unnamed: <div className={classes.unnamed}>合同签订阶段</div>,
}}
/>
<_Mini
text={{
Unnamed: <div className={classes.unnamed2}>A级</div>,
unnamed: <div className={classes.unnamed2}>A级</div>,
}}
/>
<_Mini
text={{
Unnamed: <div className={classes.unnamed3}>优秀项目</div>,
unnamed: <div className={classes.unnamed3}>优秀项目</div>,
}}
/>
</div>

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

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

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

@ -12,7 +12,7 @@ interface Props {
root?: string;
};
swap?: {
Unnamed?: ReactNode;
unnamed?: ReactNode;
};
}
/* @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 Title from "antd/es/skeleton/Title";
import {
BankOutlined,
BookOutlined,
ContactsOutlined,
FundOutlined,
@ -175,11 +176,11 @@ interface Props {
point8?: boolean;
point9?: boolean;
point10?: boolean;
Unnamed?: boolean;
Unnamed2?: boolean;
Unnamed3?: boolean;
Unnamed4?: boolean;
Unnamed5?: boolean;
unnamed?: boolean;
unnamed2?: boolean;
unnamed3?: boolean;
unnamed4?: boolean;
unnamed5?: boolean;
_2?: boolean;
_22?: 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 */
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" },
},
{
key: "bigscreen",
label: "驾驶舱",
key: "bigscreen-shichang",
label: "驾驶舱-市场",
icon: <FundProjectionScreenOutlined />,
style: { paddingLeft: "50px" },
},
{
key: "bigscreen-jituan",
label: "驾驶舱-集团",
icon: <BankOutlined />,
style: { paddingLeft: "50px" },
},
{
key: "customer",
label: "客户信息",
@ -371,13 +383,13 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_
className={classes.unnamed2}
swap={{
Unnamed: <Icon className={classes.icon14} />,
unnamed: <Icon className={classes.icon14} />,
}}
hide={{
Unnamed: true,
unnamed: true,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed}>商机登记</div>
),
}}
@ -385,14 +397,14 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_3
className={classes.unnamed4}
swap={{
Unnamed: <Icon2 className={classes.icon15} />,
Unnamed2: <Icon3 className={classes.icon16} />,
unnamed: <Icon2 className={classes.icon15} />,
unnamed2: <Icon3 className={classes.icon16} />,
}}
hide={{
Unnamed: true,
unnamed: true,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed3}>合同签订</div>
),
}}
@ -400,15 +412,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4
className={classes.unnamed6}
swap={{
Unnamed: <Icon4 className={classes.icon17} />,
Unnamed2: <Icon5 className={classes.icon18} />,
Unnamed3: <Icon6 className={classes.icon19} />,
unnamed: <Icon4 className={classes.icon17} />,
unnamed2: <Icon5 className={classes.icon18} />,
unnamed3: <Icon6 className={classes.icon19} />,
}}
hide={{
Unnamed: true,
unnamed: true,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed5}>
合同履约追踪
</div>
@ -418,15 +430,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4
className={classes.unnamed8}
swap={{
Unnamed: <Icon7 className={classes.icon20} />,
Unnamed2: <Icon8 className={classes.icon21} />,
Unnamed3: <Icon9 className={classes.icon22} />,
unnamed: <Icon7 className={classes.icon20} />,
unnamed2: <Icon8 className={classes.icon21} />,
unnamed3: <Icon9 className={classes.icon22} />,
}}
hide={{
Unnamed: true,
unnamed: true,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed7}>跟踪推进</div>
),
}}
@ -434,15 +446,15 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_4
className={classes.unnamed11}
swap={{
Unnamed: <Icon10 className={classes.icon23} />,
Unnamed2: <Icon11 className={classes.icon24} />,
Unnamed3: <Icon12 className={classes.icon25} />,
unnamed: <Icon10 className={classes.icon23} />,
unnamed2: <Icon11 className={classes.icon24} />,
unnamed3: <Icon12 className={classes.icon25} />,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed9}>项目节点</div>
),
Unnamed2: (
unnamed2: (
<div className={classes.unnamed10}>未开始</div>
),
}}
@ -450,14 +462,14 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<_5
className={classes.unnamed13}
swap={{
Unnamed: <Icon13 className={classes.icon26} />,
Unnamed2: <Icon14 className={classes.icon27} />,
unnamed: <Icon13 className={classes.icon26} />,
unnamed2: <Icon14 className={classes.icon27} />,
}}
hide={{
Unnamed: true,
unnamed: true,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed12}>项目结束</div>
),
}}
@ -901,7 +913,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: <div className={classes.unnamed14}>全部</div>,
unnamed: <div className={classes.unnamed14}>全部</div>,
_2: !props.hide?._2 && (
<div className={classes._2}>(1340)</div>
),
@ -912,7 +924,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed15}>A级项目</div>
),
_2: !props.hide?._22 && (
@ -925,7 +937,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed16}>B级项目</div>
),
_2: !props.hide?._23 && (
@ -938,7 +950,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed17}>C级项目</div>
),
_2: !props.hide?._24 && (
@ -951,17 +963,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame978}>
<_22
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed18}>合同额</div>
),
_323: <div className={classes._323}>2,000</div>,
Unnamed2: (
unnamed2: (
<div className={classes.unnamed19}>万元</div>
),
Unnamed3: (
unnamed3: (
<div className={classes.unnamed20}>较上月</div>
),
Unnamed4: <div className={classes.unnamed21}>2%</div>,
unnamed4: <div className={classes.unnamed21}>2%</div>,
}}
/>
<LineGraph
@ -975,17 +987,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame983}>
<_22
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed22}>利润额</div>
),
_323: <div className={classes._3232}>1,400</div>,
Unnamed2: (
unnamed2: (
<div className={classes.unnamed23}>万元</div>
),
Unnamed3: (
unnamed3: (
<div className={classes.unnamed24}>较上月</div>
),
Unnamed4: <div className={classes.unnamed25}>2%</div>,
unnamed4: <div className={classes.unnamed25}>2%</div>,
}}
/>
<LineGraph2
@ -999,17 +1011,17 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame984}>
<_22
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed26}>回款</div>
),
_323: <div className={classes._3233}>1,400</div>,
Unnamed2: (
unnamed2: (
<div className={classes.unnamed27}>万元</div>
),
Unnamed3: (
unnamed3: (
<div className={classes.unnamed28}>较上月</div>
),
Unnamed4: <div className={classes.unnamed29}>2%</div>,
unnamed4: <div className={classes.unnamed29}>2%</div>,
}}
/>
<LineGraph3
@ -1162,7 +1174,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame876_Property1Variant2
className={classes.frame912}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed30}>
2022年标准化考点建设
</div>
@ -1174,7 +1186,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame913}
classes={{ rectangle678: classes.rectangle678 }}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed31}>
2022年标准化考点建设
</div>
@ -1186,7 +1198,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame914}
classes={{ rectangle678: classes.rectangle6782 }}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed32}>
2022年标准化考点建设
</div>
@ -1198,194 +1210,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
className={classes.frame915}
classes={{ rectangle678: classes.rectangle6783 }}
text={{
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: (
unnamed: (
<div className={classes.unnamed33}>
2022年标准化考点建设
</div>
@ -1396,6 +1221,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
</div>
</div>
</div>
<div className={classes.frame4273194844}>
<div className={classes.frame9032}>
<div className={classes.unnamed141}>项目合作情况</div>
@ -1473,7 +1299,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame427319522}>
<_Small
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed39}>
战略客户
</div>
@ -1482,21 +1308,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
/>
<_Small2
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed40}>食品</div>
),
}}
/>
<_Small2
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed41}>销售</div>
),
}}
/>
<_Small2
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed42}>零售</div>
),
}}
@ -1512,7 +1338,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520
className={classes.frame427319521}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed43}>是否上市</div>
),
_1995526: <div className={classes._1995526}>是</div>,
@ -1523,7 +1349,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520
className={classes.frame4273195202}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed44}>注册资本</div>
),
_1995526: (
@ -1537,7 +1363,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Frame427319520
className={classes.frame4273195212}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed45}>实缴资本</div>
),
_1995526: (
@ -1553,21 +1379,21 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<div className={classes.frame427319465}>
<_Property1Property2
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed46}>公司介绍</div>
),
}}
/>
<_Property1Property22
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed47}>经营范围</div>
),
}}
/>
<_Property1Property22
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed48}>主营业务</div>
),
}}
@ -1954,7 +1780,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
),
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed50}>
项目支持记录单
</div>
@ -1976,7 +1802,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
),
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed51}>
合同信息登记表
</div>
@ -1998,7 +1824,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
),
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed52}>项目采购单</div>
),
}}
@ -2153,31 +1979,31 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
{/* <div className={classes.frame4273194612}>
<_2_On
text={{
Unnamed: <div className={classes.unnamed53}>全部</div>,
unnamed: <div className={classes.unnamed53}>全部</div>,
}}
/>
<_2_Off
text={{
Unnamed: <div className={classes.unnamed54}>近3天</div>,
unnamed: <div className={classes.unnamed54}>近3天</div>,
}}
/>
<_2_Off
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed55}>近一周</div>
),
}}
/>
<_2_Off
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed56}>近一月</div>
),
}}
/>
<_2_Off
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed57}>近3月 </div>
),
}}
@ -2443,7 +2269,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: <div className={classes.unnamed68}>全部</div>,
unnamed: <div className={classes.unnamed68}>全部</div>,
_2: !props.hide?._25 && (
<div className={classes._25}>(1340)</div>
),
@ -2454,7 +2280,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed69}>优秀项目</div>
),
_2: !props.hide?._26 && (
@ -2467,7 +2293,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed70}>标杆项目</div>
),
_2: !props.hide?._27 && (
@ -2480,7 +2306,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
_2: false,
}}
text={{
Unnamed: (
unnamed: (
<div className={classes.unnamed71}>一般项目</div>
),
_2: !props.hide?._28 && (
@ -2734,7 +2560,12 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
</div>
</div>
)}
{currentPage == "bigscreen" && <BigScreen></BigScreen>}
{currentPage == "bigscreen-jituan" && (
<BigScreen bg="jituan"></BigScreen>
)}
{currentPage == "bigscreen-shichang" && (
<BigScreen bg="shichang"></BigScreen>
)}
</div>
<div className={classes.header}>
<div className={classes.headerFrame}></div>
@ -2743,7 +2574,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Iconbutton_TertiaryLarge
className={classes.iconbutton}
swap={{
Unnamed: (
unnamed: (
<Comment
className={classes.comment}
classes={{ union: classes.union6 }}
@ -2761,7 +2592,7 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
<Iconbutton_TertiaryLarge
className={classes.iconbutton2}
swap={{
Unnamed: (
unnamed: (
<Unnamed7
className={classes.unnamed82}
swap={{

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -8,7 +8,7 @@ import classes from "./_Small.module.css";
interface Props {
className?: string;
text?: {
Unnamed?: ReactNode;
unnamed?: ReactNode;
};
}
/* @figmaId 5403:2125 */
@ -18,7 +18,7 @@ export const _Small: FC<Props> = memo(function _Small(props = {}) {
<Unnamed8
className={classes.unnamed2}
text={{
Unnamed: props.text?.unnamed || (
unnamed: props.text?.unnamed || (
<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 {
className?: string;
text?: {
Unnamed?: ReactNode;
unnamed?: ReactNode;
};
}
/* @figmaId 5403:2131 */
@ -18,7 +18,7 @@ export const _Small2: FC<Props> = memo(function _Small2(props = {}) {
<Unnamed8
className={classes.unnamed2}
text={{
Unnamed: props.text?.unnamed || (
unnamed: props.text?.unnamed || (
<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
text={{
Unnamed: props.text?.unnamed2 || (
unnamed: props.text?.unnamed2 || (
<div className={classes.unnamed}>国有企事业单位</div>
),
}}

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

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

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

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

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

@ -1,19 +1,27 @@
import { FC } from "react";
import bg from "./大屏.png";
import popAnhui from "./弹窗安徽.png";
import popJiangsu from "./弹窗江苏.png";
import popShanghai from "./弹窗上海.png";
import popZhejiang from "./弹窗浙江.png";
import bgJituan from "./大屏-集团.png";
import bgShichang from "./大屏-市场部.png";
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 (
<div
className={classes.screen}
style={{
background: `url(${bg})`,
backgroundImage: `url("${bgUrl}")`,
}}
>
<div
@ -23,7 +31,7 @@ export const BigScreen: FC<{}> = () => {
left: "533px",
}}
>
<img src={popAnhui}></img>
<img src={popZhejiang}></img>
</div>
<div
className={classes.pop}
@ -52,28 +60,6 @@ export const BigScreen: FC<{}> = () => {
>
<img src={popShanghai}></img>
</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>
);
};

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