From 66d31d2a78a9dddf96f5dd702b3b7cc59332b6bb Mon Sep 17 00:00:00 2001 From: LiuJiaNan <15703339975@163.com> Date: Thu, 8 Jan 2026 11:27:19 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../content/{title_bg.png => title_bg1.png} | Bin .../images/map_bi/content/title_bg2.png | Bin 0 -> 15485 bytes .../Map/components/BottomUtils/index.js | 2 +- .../Map/components/BottomUtils/index.less | 2 +- .../Map/components/CenterUtils/index.js | 2 +- .../Map/components/CenterUtils/index.less | 2 +- .../Content/branchOffice/Index/echarts.js | 129 ++++ .../Content/branchOffice/Index/index.js | 271 ++++++++- .../Content/branchOffice/Index/index.less | 229 ++++++++ .../Content/branchOffice/Title/index.js | 14 + .../Content/branchOffice/Title/index.less | 21 + .../Container/Map/components/Content/index.js | 2 +- .../Map/components/Content/index.less | 16 +- .../components/Content/port/FengBi/index.js | 27 +- .../components/Content/port/Index/index.js | 24 +- .../components/Content/port/MenJin/index.js | 44 +- .../components/Content/port/QiXiang/index.js | 29 +- .../components/Content/port/RenYuan/index.js | 24 +- .../components/Content/port/Title/index.js | 4 +- .../components/Content/port/Title/index.less | 2 +- .../components/Content/port/WeiXian/index.js | 14 +- .../components/Content/port/XiaoFang/index.js | 69 ++- .../Container/Map/components/Header/index.js | 2 +- .../Map/components/Header/index.less | 2 +- .../Map/components/RightUtils/index.js | 2 +- .../Map/components/RightUtils/index.less | 2 +- src/pages/Container/Map/js/mapMethods.js | 339 ++++++++++- src/pages/Container/Map/js/mock.js | 549 ------------------ 28 files changed, 1239 insertions(+), 584 deletions(-) rename src/assets/images/map_bi/content/{title_bg.png => title_bg1.png} (100%) create mode 100644 src/assets/images/map_bi/content/title_bg2.png create mode 100644 src/pages/Container/Map/components/Content/branchOffice/Index/echarts.js create mode 100644 src/pages/Container/Map/components/Content/branchOffice/Title/index.js create mode 100644 src/pages/Container/Map/components/Content/branchOffice/Title/index.less delete mode 100644 src/pages/Container/Map/js/mock.js diff --git a/src/assets/images/map_bi/content/title_bg.png b/src/assets/images/map_bi/content/title_bg1.png similarity index 100% rename from src/assets/images/map_bi/content/title_bg.png rename to src/assets/images/map_bi/content/title_bg1.png diff --git a/src/assets/images/map_bi/content/title_bg2.png b/src/assets/images/map_bi/content/title_bg2.png new file mode 100644 index 0000000000000000000000000000000000000000..bc2fd08c9621901f9aa4c1b948328d40dab94d5f GIT binary patch literal 15485 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 R{<9%iQdCZ)T1Y?O{{VUEq{{#R literal 0 HcmV?d00001 diff --git a/src/pages/Container/Map/components/BottomUtils/index.js b/src/pages/Container/Map/components/BottomUtils/index.js index 8016d3d..64e4147 100644 --- a/src/pages/Container/Map/components/BottomUtils/index.js +++ b/src/pages/Container/Map/components/BottomUtils/index.js @@ -192,7 +192,7 @@ function BottomUtils(props) { }; return ( -
+
+
{ + chartInstance.current = echarts.init(main1Ref.current); + + const option = { + color: ["#7d4449", "#009944", "#167ce4", "#00ffff"], + tooltip: { + trigger: "axis", + }, + legend: { + textStyle: { + color: "#fff", + fontSize: "12px", + }, + top: 8, + right: 10, + }, + grid: { + left: "4%", + right: "4%", + bottom: "10%", + top: "26%", + containLabel: true, + }, + dataZoom: [ + { + type: "slider", + height: 6, + bottom: 0, + show: true, + start: 0, + end: 50, + handleSize: 3, + handleStyle: { + color: "#DCE2E8", + }, + xAxisIndex: [0], + filterMode: "filter", + showDetail: false, + }, + ], + xAxis: { + data: data.map(item => item.departmentName), + type: "category", + boundaryGap: false, + axisLine: { + symbol: "none", + lineStyle: { + color: "#fff", + }, + }, + axisTick: { + show: false, + }, + axisLabel: { + interval: 0, + color: "#fff", + fontSize: 12, + }, + }, + yAxis: { + type: "value", + axisLabel: { + color: "#fff", + fontSize: 12, + padding: [0, 10, 0, 0], + }, + splitLine: { + lineStyle: { + color: "rgba(255,255,255,0.79)", + type: "dashed", + }, + }, + }, + series: [ + { + name: "风险点检查覆盖率", + type: "line", + data: data.map(item => item.riskCoverageRate), + smooth: true, + lineStyle: { + width: 2, + }, + showSymbol: false, + symbol: "circle", + symbolSize: 6, + }, + { + name: "隐患清单排查率", + data: data.map(item => item.hiddenInvestigationRate), + type: "line", + smooth: true, + lineStyle: { + width: 2, + }, + showSymbol: false, + symbol: "circle", + symbolSize: 6, + }, + { + name: "隐崽整改率", + data: data.map(item => item.hiddenRectificationRate), + type: "line", + smooth: true, + lineStyle: { + width: 2, + }, + showSymbol: false, + symbol: "circle", + symbolSize: 6, + }, + { + name: "检查任务完成率", + data: data.map(item => item.checkTaskCompletionRate), + type: "line", + smooth: true, + lineStyle: { + width: 2, + }, + showSymbol: false, + symbol: "circle", + symbolSize: 6, + }, + ], + }; + + chartInstance.current.setOption(option); +}; diff --git a/src/pages/Container/Map/components/Content/branchOffice/Index/index.js b/src/pages/Container/Map/components/Content/branchOffice/Index/index.js index 9899f30..91fcb7e 100644 --- a/src/pages/Container/Map/components/Content/branchOffice/Index/index.js +++ b/src/pages/Container/Map/components/Content/branchOffice/Index/index.js @@ -1,8 +1,277 @@ +import { useMount } from "ahooks"; +import { useEffect, useRef, useState } from "react"; +import SeamlessScroll from "zy-react-library/components/SeamlessScroll"; +import temperature from "~/assets/images/public/bigScreen/img10.png"; +import windSpeed from "~/assets/images/public/bigScreen/img11.png"; +import SunIcon from "~/assets/images/public/weather/1.png"; +import CloudIcon from "~/assets/images/public/weather/2.png"; +import CloudSunIcon from "~/assets/images/public/weather/3.png"; +import ThunderstormIcon from "~/assets/images/public/weather/4.png"; +import MildRainIcon from "~/assets/images/public/weather/5.png"; +import ModerateRainIcon from "~/assets/images/public/weather/6.png"; +import HeavyRainIcon from "~/assets/images/public/weather/7.png"; +import StormRainIcon from "~/assets/images/public/weather/8.png"; +import SnowIcon from "~/assets/images/public/weather/9.png"; +import ModerateSnowIcon from "~/assets/images/public/weather/10.png"; +import HeavySnowIcon from "~/assets/images/public/weather/11.png"; +import SnowRainIcon from "~/assets/images/public/weather/12.png"; +import FogIcon from "~/assets/images/public/weather/13.png"; +import HazeIcon from "~/assets/images/public/weather/14.png"; +import DustIcon from "~/assets/images/public/weather/15.png"; +import DuststormIcon from "~/assets/images/public/weather/16.png"; +import Title from "~/pages/Container/Map/components/Content/branchOffice/Title"; +import { initEcharts1 } from "./echarts"; import "./index.less"; +const weatherIconMap = { + 晴天: SunIcon, + 晴: SunIcon, + 多云: CloudSunIcon, + 阴: CloudIcon, + 雷阵雨: ThunderstormIcon, + 小雨: MildRainIcon, + 中雨: ModerateRainIcon, + 大雨: HeavyRainIcon, + 暴雨: StormRainIcon, + 小雪: SnowIcon, + 中雪: ModerateSnowIcon, + 大雪: HeavySnowIcon, + 雨夹雪: SnowRainIcon, + 雾: FogIcon, + 霾: HazeIcon, + 浮尘: DustIcon, + 沙尘暴: DuststormIcon, + 默认: SunIcon, +}; + function Index() { + const [weatherData, setWeatherData] = useState({ + text: "晴天", + temp: "36.5", + wind_class: "3级", + wind_dir: "西南风", + wind_angle: 229, + }); + const [alert, setAlert] = useState([]); + const [block1List, setBlock1List] = useState([ + { department: "技术部", requiredDevices: 150, anchoredDevices: 142 }, + { department: "销售部", requiredDevices: 80, anchoredDevices: 76 }, + { department: "市场部", requiredDevices: 60, anchoredDevices: 58 }, + { department: "运营部", requiredDevices: 120, anchoredDevices: 115 }, + { department: "客服部", requiredDevices: 90, anchoredDevices: 88 }, + { department: "财务部", requiredDevices: 30, anchoredDevices: 29 }, + { department: "人事部", requiredDevices: 25, anchoredDevices: 24 }, + { department: "研发部", requiredDevices: 200, anchoredDevices: 195 }, + { department: "质量部", requiredDevices: 45, anchoredDevices: 42 }, + { department: "采购部", requiredDevices: 35, anchoredDevices: 33 }, + ]); + const [block2List, setBlock2List] = useState([ + { levelName: "重大风险", riskCount: 21, notRiskCount: 3 }, + { levelName: "较大风险", riskCount: 21, notRiskCount: 3 }, + { levelName: "一般风险", riskCount: 21, notRiskCount: 3 }, + { levelName: "低风险", riskCount: 21, notRiskCount: 3 }, + ]); + const [block4List, setBlock4List] = useState([ + { relatedPartyCategory: "承包商", firstLevelUnits: 15, firstLevelPersonnel: 120, secondLevelUnits: 25, secondLevelPersonnel: 320 }, + { relatedPartyCategory: "供应商", firstLevelUnits: 8, firstLevelPersonnel: 85, secondLevelUnits: 18, secondLevelPersonnel: 210 }, + { relatedPartyCategory: "分包商", firstLevelUnits: 12, firstLevelPersonnel: 95, secondLevelUnits: 30, secondLevelPersonnel: 450 }, + { relatedPartyCategory: "监理单位", firstLevelUnits: 5, firstLevelPersonnel: 40, secondLevelUnits: 10, secondLevelPersonnel: 80 }, + { relatedPartyCategory: "设计单位", firstLevelUnits: 6, firstLevelPersonnel: 55, secondLevelUnits: 12, secondLevelPersonnel: 120 }, + { relatedPartyCategory: "施工单位", firstLevelUnits: 18, firstLevelPersonnel: 200, secondLevelUnits: 40, secondLevelPersonnel: 680 }, + { relatedPartyCategory: "检测机构", firstLevelUnits: 3, firstLevelPersonnel: 25, secondLevelUnits: 8, secondLevelPersonnel: 65 }, + { relatedPartyCategory: "咨询公司", firstLevelUnits: 7, firstLevelPersonnel: 60, secondLevelUnits: 15, secondLevelPersonnel: 180 }, + { relatedPartyCategory: "运维单位", firstLevelUnits: 9, firstLevelPersonnel: 75, secondLevelUnits: 22, secondLevelPersonnel: 320 }, + { relatedPartyCategory: "其他单位", firstLevelUnits: 4, firstLevelPersonnel: 35, secondLevelUnits: 14, secondLevelPersonnel: 150 }, + ]); + + const chartInstance = useRef(null); + const main1Ref = useRef(null); + + const getWeatherData = async () => { + try { + const response = await fetch("https://api.map.baidu.com/weather/v1/?district_id=130300&data_type=all&ak=dIqOi34IlTg5FkNck1vqoBpLhPAj36S1"); + const data = await response.json(); + setWeatherData(data.result.now); + setAlert(Array.isArray(data.result.alerts) ? data.result.alerts : []); + } + catch (error) { + console.error("获取天气数据失败:", error); + } + }; + + const getWeatherIcon = (weatherName) => { + for (const [key, icon] of Object.entries(weatherIconMap)) { + if (weatherName.includes(key)) + return icon; + } + return weatherIconMap["默认"]; + }; + + const getAlertColor = (level) => { + return { 蓝色预警: "#1E90FF", 黄色预警: "#FFA500", 橙色预警: "#FF4500", 红色预警: "#FF0000" }[level] || "#fff"; + }; + + const getLevelColor = (level) => { + return { 重大风险: "#FF0000", 较大风险: "#FF3C00", 一般风险: "#E5E72F", 低风险: "#0E7DFA" }[level]; + }; + + useMount(() => { + initEcharts1(main1Ref, chartInstance, [ + { departmentName: "技术部", riskCoverageRate: 95, hiddenInvestigationRate: 92, hiddenRectificationRate: 90, checkTaskCompletionRate: 94 }, + { departmentName: "销售部", riskCoverageRate: 88, hiddenInvestigationRate: 85, hiddenRectificationRate: 87, checkTaskCompletionRate: 89 }, + { departmentName: "市场部", riskCoverageRate: 92, hiddenInvestigationRate: 90, hiddenRectificationRate: 88, checkTaskCompletionRate: 91 }, + { departmentName: "运营部", riskCoverageRate: 96, hiddenInvestigationRate: 94, hiddenRectificationRate: 95, checkTaskCompletionRate: 93 }, + { departmentName: "客服部", riskCoverageRate: 85, hiddenInvestigationRate: 83, hiddenRectificationRate: 86, checkTaskCompletionRate: 84 }, + { departmentName: "财务部", riskCoverageRate: 98, hiddenInvestigationRate: 96, hiddenRectificationRate: 97, checkTaskCompletionRate: 97 }, + { departmentName: "人事部", riskCoverageRate: 87, hiddenInvestigationRate: 84, hiddenRectificationRate: 85, checkTaskCompletionRate: 86 }, + { departmentName: "研发部", riskCoverageRate: 94, hiddenInvestigationRate: 91, hiddenRectificationRate: 93, checkTaskCompletionRate: 92 }, + { departmentName: "质量部", riskCoverageRate: 90, hiddenInvestigationRate: 88, hiddenRectificationRate: 89, checkTaskCompletionRate: 88 }, + { departmentName: "采购部", riskCoverageRate: 86, hiddenInvestigationRate: 84, hiddenRectificationRate: 83, checkTaskCompletionRate: 85 }, + ]); + + return () => { + if (chartInstance.current) { + chartInstance.current.dispose(); + chartInstance.current = null; + } + }; + }); + + useEffect(() => { + getWeatherData(); + }, []); + return ( -
111
+
+
+ + <div className="options"> + <div className="weather"> + <div className="icon"> + <div className="img"> + <img src={getWeatherIcon(weatherData.text)} alt="" /> + </div> + <div className="text">{weatherData.text}</div> + </div> + <div className="items"> + <div className="item"> + <div className="img"> + <img src={temperature} alt="" /> + </div> + <div className="info"> + <div className="label">温度：</div> + <div className="value">{`${weatherData.temp}℃`}</div> + </div> + </div> + <div className="item"> + <div className="img"> + <img src={windSpeed} alt="" /> + </div> + <div className="info"> + <div className="label">风速：</div> + <div className="value">{weatherData.wind_class}</div> + </div> + </div> + </div> + </div> + <div className="alert"> + <div className="scroll"> + <SeamlessScroll list={alert} step={0.5} limitScrollNum={2} singleHeight={22}> + { + alert.map((item, index) => ( + <div className="item" key={index}> + <div className="title" style={{ color: getAlertColor(item.level) }}>{item.title}</div> + </div> + )) + } + </SeamlessScroll> + </div> + </div> + <div className="table"> + <div className="tr"> + <div className="td">部门名称</div> + <div className="td">需锚定设备数</div> + <div className="td">已锚定设备数</div> + </div> + <div className="scroll"> + <SeamlessScroll list={block1List} step={0.5}> + {block1List.map((item, index) => ( + <div key={index} className="tr"> + <div className="td">{item.department}</div> + <div className="td">{item.requiredDevices}</div> + <div className="td">{item.anchoredDevices}</div> + </div> + ))} + </SeamlessScroll> + </div> + </div> + </div> + </div> + <div className="block2"> + <Title title="风险点隐患" /> + <div className="options"> + <div className="items"> + {block2List.map((item, index) => ( + <div className="item" key={index}> + <div className="decoration" style={{ backgroundColor: getLevelColor(item.levelName) }} /> + <div className="title" style={{ color: getLevelColor(item.levelName), borderColor: getLevelColor(item.levelName) }}> + {item.levelName} + </div> + <div className="info"> + <div> + <span>风险点数：</span> + <span>{item.riskCount}</span> + </div> + <div className="bottom"> + <div> + <span>检查覆盖率：</span> + <span>{`${(item.riskCount / item.riskCount * 100).toFixed(0)}%`}</span> + </div> + <div> + <span>未覆盖风险点数：</span> + <span>{item.notRiskCount}</span> + </div> + </div> + </div> + </div> + ))} + </div> + </div> + </div> + <div className="block3"> + <Title title="部门职责落实情况" /> + <div className="options"> + <div ref={main1Ref} className="main1_node" style={{ width: "100%", height: "200px" }} /> + </div> + </div> + <div className="block4"> + <Title title="相关方单位统计" /> + <div className="options"> + <div className="table"> + <div className="tr"> + <div className="td">相关方类别</div> + <div className="td">一级单位数</div> + <div className="td">一级人数</div> + <div className="td">二级单位数</div> + <div className="td">二级人数</div> + </div> + <div className="scroll"> + <SeamlessScroll list={block4List} step={0.5}> + {block4List.map((item, index) => ( + <div key={index} className="tr"> + <div className="td">{item.relatedPartyCategory}</div> + <div className="td">{item.firstLevelUnits}</div> + <div className="td">{item.firstLevelPersonnel}</div> + <div className="td">{item.secondLevelUnits}</div> + <div className="td">{item.secondLevelPersonnel}</div> + </div> + ))} + </SeamlessScroll> + </div> + </div> + </div> + </div> + </div> ); } diff --git a/src/pages/Container/Map/components/Content/branchOffice/Index/index.less b/src/pages/Container/Map/components/Content/branchOffice/Index/index.less index e69de29..ca64d2f 100644 --- a/src/pages/Container/Map/components/Content/branchOffice/Index/index.less +++ b/src/pages/Container/Map/components/Content/branchOffice/Index/index.less @@ -0,0 +1,229 @@ +.branch_office_index { + .block1 { + background-color: rgba(12, 28, 88, 0.4); + + .options { + padding: 10px 15px; + border: 1px solid; + border-image: linear-gradient(to bottom, + rgba(58, 122, 149, 0), + rgba(58, 122, 149, 1)) 1; + border-top: none; + + .weather { + display: flex; + align-items: center; + gap: 40px; + + .icon { + padding: 10px; + display: flex; + align-items: center; + gap: 5px; + + .img { + img { + width: 40px; + height: 40px; + } + } + + .text { + color: #fff; + writing-mode: vertical-lr; + letter-spacing: 5px; + } + } + + .items { + flex: 1; + display: flex; + align-items: center; + justify-content: space-between; + + .item { + flex: 1; + display: flex; + align-items: center; + gap: 10px; + + .img { + img { + width: 42px; + height: 42px; + } + } + + .info { + .label { + font-size: 12px; + color: #fff; + } + + .value { + font-size: 18px; + color: #00e7ff; + font-weight: bold; + } + } + } + } + } + + .alert { + margin-top: 10px; + + .scroll { + height: 20px; + overflow-y: hidden; + + .item { + .title { + font-weight: bold; + font-size: 14px; + } + } + } + } + + .table { + margin-top: 5px; + + .scroll { + height: 60px; + overflow-y: hidden; + } + + .tr { + margin-top: 5px; + display: grid; + grid-template-columns: repeat(3, 1fr); + background-image: linear-gradient(to bottom, #002a55, rgba(1, 37, 74, 0.47), rgba(4, 38, 87, 0)); + border: 1px solid; + border-image: linear-gradient(to top, rgba(8, 41, 87, 0.5), rgba(64, 152, 255, 0.5)) 1; + border-bottom: none; + + .td { + text-align: center; + font-size: 12px; + color: #fff; + padding: 5px; + } + } + } + } + } + + .block2 { + background-color: rgba(12, 28, 88, 0.4); + margin-top: 10px; + + .options { + padding: 10px 15px; + border: 1px solid; + border-image: linear-gradient(to bottom, + rgba(58, 122, 149, 0), + rgba(58, 122, 149, 1)) 1; + border-top: none; + + .items { + .item { + position: relative; + margin-top: 5px; + display: flex; + align-items: center; + gap: 19px; + border: 1px solid rgba(0, 168, 255, 0.36); + background-color: rgba(1, 37, 74, 0.47); + border-radius: 4px; + padding: 6px 10px; + + &:first-child { + margin-top: 0; + } + + .decoration { + width: 2px; + height: 15px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + } + + .title { + border-radius: 4px; + padding: 10px 7px; + font-weight: bold; + border-width: 1px; + border-style: solid; + flex-basis: 85px; + text-align: center; + } + + .info { + flex: 1; + color: #fff; + font-size: 14px; + + .bottom { + display: flex; + justify-content: space-between; + } + } + } + } + } + } + + .block3 { + background-color: rgba(12, 28, 88, 0.4); + margin-top: 10px; + + .options { + padding: 10px 15px; + border: 1px solid; + border-image: linear-gradient(to bottom, + rgba(58, 122, 149, 0), + rgba(58, 122, 149, 1)) 1; + border-top: none; + } + } + + .block4 { + background-color: rgba(12, 28, 88, 0.4); + margin-top: 10px; + + .options { + padding: 10px 15px; + border: 1px solid; + border-image: linear-gradient(to bottom, + rgba(58, 122, 149, 0), + rgba(58, 122, 149, 1)) 1; + border-top: none; + + .table { + margin-top: 5px; + + .scroll { + height: 60px; + overflow-y: hidden; + } + + .tr { + margin-top: 5px; + display: grid; + grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; + background-color: rgba(17, 51, 112, 0.8); + + .td { + text-align: center; + font-size: 12px; + color: #fff; + padding: 5px; + } + } + } + } + } +} diff --git a/src/pages/Container/Map/components/Content/branchOffice/Title/index.js b/src/pages/Container/Map/components/Content/branchOffice/Title/index.js new file mode 100644 index 0000000..5ed2e10 --- /dev/null +++ b/src/pages/Container/Map/components/Content/branchOffice/Title/index.js @@ -0,0 +1,14 @@ +import titleBgImg from "~/assets/images/map_bi/content/title_bg2.png"; +import "./index.less"; + +function Title(props) { + return ( + <div className="map_content_branch_office_title_container" style={{ backgroundImage: `url(${titleBgImg})` }}> + <div className="basic"> + <div className="label">{props.title}</div> + </div> + </div> + ); +} + +export default Title; diff --git a/src/pages/Container/Map/components/Content/branchOffice/Title/index.less b/src/pages/Container/Map/components/Content/branchOffice/Title/index.less new file mode 100644 index 0000000..d7d84f5 --- /dev/null +++ b/src/pages/Container/Map/components/Content/branchOffice/Title/index.less @@ -0,0 +1,21 @@ +.map_content_branch_office_title_container { + width: 100%; + height: 41px; + background-size: 100% 100%; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: space-between; + + .basic { + display: flex; + align-items: center; + + .label { + font-size: 14px; + font-weight: bold; + color: #fff; + padding-left: 25px; + } + } +} diff --git a/src/pages/Container/Map/components/Content/index.js b/src/pages/Container/Map/components/Content/index.js index c9807d0..4ad80d7 100644 --- a/src/pages/Container/Map/components/Content/index.js +++ b/src/pages/Container/Map/components/Content/index.js @@ -76,7 +76,7 @@ function Content() { return null; return ( - <div className="map_content_container__content"> + <div className={`map_content_container__content ${currentPort === "00003" && !currentBranchOffice ? "port" : "branch_office"}`}> {!currentPort && <IndexInfo />} {(currentPort === "00003" && !currentBranchOffice) && renderPortContent()} {currentBranchOffice && renderBranchOfficeContent()} diff --git a/src/pages/Container/Map/components/Content/index.less b/src/pages/Container/Map/components/Content/index.less index 4a30c15..20559df 100644 --- a/src/pages/Container/Map/components/Content/index.less +++ b/src/pages/Container/Map/components/Content/index.less @@ -1,10 +1,18 @@ .map_content_container { &__content { - width: 410px; + width: 430px; position: absolute; left: 35px; - top: 75px; - max-height: calc(100vh - 75px); + + &.port{ + top: 75px; + max-height: calc(100vh - 75px); + } + + &.branch_office{ + top: 70px; + max-height: calc(100vh - 70px); + } // 定义循环混合宏 .loop (@i: 1) when (@i <= 5) { @@ -36,7 +44,7 @@ .collapse_menu { position: absolute; - left: 445px; + left: 465px; top: calc(50vh - 44.5px); background-repeat: no-repeat; background-size: 100% 100%; diff --git a/src/pages/Container/Map/components/Content/port/FengBi/index.js b/src/pages/Container/Map/components/Content/port/FengBi/index.js index bb618ef..d289a1a 100644 --- a/src/pages/Container/Map/components/Content/port/FengBi/index.js +++ b/src/pages/Container/Map/components/Content/port/FengBi/index.js @@ -7,7 +7,6 @@ import icon30 from "~/assets/images/map_bi/content/icon30.png"; import icon31 from "~/assets/images/map_bi/content/icon31.png"; import icon32 from "~/assets/images/map_bi/content/icon32.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; -import { fengbiBlock2List } from "~/pages/Container/Map/js/mock"; import { initEcharts1 } from "./echarts"; import "./index.less"; @@ -22,13 +21,35 @@ function FengBi() { ]); const [block2Index, setBlock2Index] = useState(0); const [block3Index, setBlock3Index] = useState(0); - const [block3List, setBlock3List] = useState(fengbiBlock2List); + const [block3List, setBlock3List] = useState([ + { NAME: "零号门", IN: "0", OUT: "0" }, + { NAME: "一号门", IN: "15", OUT: "12" }, + { NAME: "二号门", IN: "8", OUT: "10" }, + { NAME: "三号门", IN: "22", OUT: "18" }, + { NAME: "四号门", IN: "5", OUT: "7" }, + { NAME: "五号门", IN: "30", OUT: "25" }, + { NAME: "六号门", IN: "12", OUT: "14" }, + { NAME: "七号门", IN: "18", OUT: "16" }, + { NAME: "八号门", IN: "9", OUT: "11" }, + { NAME: "九号门", IN: "25", OUT: "20" }, + ]); const chartInstance = useRef(null); const main1Ref = useRef(null); useMount(() => { - initEcharts1(main1Ref, chartInstance, fengbiBlock2List); + initEcharts1(main1Ref, chartInstance, [ + { NAME: "零号门", IN: "0", OUT: "0" }, + { NAME: "一号门", IN: "15", OUT: "12" }, + { NAME: "二号门", IN: "8", OUT: "10" }, + { NAME: "三号门", IN: "22", OUT: "18" }, + { NAME: "四号门", IN: "5", OUT: "7" }, + { NAME: "五号门", IN: "30", OUT: "25" }, + { NAME: "六号门", IN: "12", OUT: "14" }, + { NAME: "七号门", IN: "18", OUT: "16" }, + { NAME: "八号门", IN: "9", OUT: "11" }, + { NAME: "九号门", IN: "25", OUT: "20" }, + ]); return () => { if (chartInstance.current) { diff --git a/src/pages/Container/Map/components/Content/port/Index/index.js b/src/pages/Container/Map/components/Content/port/Index/index.js index 6bd4311..f866f5c 100644 --- a/src/pages/Container/Map/components/Content/port/Index/index.js +++ b/src/pages/Container/Map/components/Content/port/Index/index.js @@ -15,7 +15,6 @@ import navTitleOn from "~/assets/images/map_bi/content/title.png"; import navTitle from "~/assets/images/map_bi/content/title_on.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { portIndexBlock3List } from "~/pages/Container/Map/js/mock"; import "./index.less"; const block3OptionsNavList = ["分公司统计", "相关方单位统计"]; @@ -37,7 +36,28 @@ function Index() { ]); const [block3Index, setBlock3Index] = useState(0); - const [block3List, setBlock3List] = useState(portIndexBlock3List); + const [block3List, setBlock3List] = useState([ + { CORP_NAME: "秦皇岛港新益港务有限公司12", count: 197, allDeptCount: 74 }, + { CORP_NAME: "1122公司测试隐患考评", count: 1, allDeptCount: 1 }, + { CORP_NAME: "秦港股份二公司", count: 872, allDeptCount: 73 }, + { CORP_NAME: "秦港股份六公司", count: 1008, allDeptCount: 86 }, + { CORP_NAME: "秦港股份七公司", count: 1168, allDeptCount: 76 }, + { CORP_NAME: "秦港股份九公司", count: 785, allDeptCount: 51 }, + { CORP_NAME: "秦港股份杂货公司", count: 771, allDeptCount: 78 }, + { CORP_NAME: "秦港股份铁运公司", count: 578, allDeptCount: 41 }, + { CORP_NAME: "秦港股份流机公司", count: 671, allDeptCount: 87 }, + { CORP_NAME: "秦港股份电力公司", count: 364, allDeptCount: 43 }, + { CORP_NAME: "秦港股份船舶公司", count: 433, allDeptCount: 39 }, + { CORP_NAME: "秦港股份综服中心", count: 655, allDeptCount: 70 }, + { CORP_NAME: "秦港物资中心", count: 153, allDeptCount: 25 }, + { CORP_NAME: "秦港教培中心", count: 52, allDeptCount: 12 }, + { CORP_NAME: "秦港行政中心", count: 18, allDeptCount: 7 }, + { CORP_NAME: "秦港餐饮中心", count: 96, allDeptCount: 29 }, + { CORP_NAME: "工程项目中心", count: 12, allDeptCount: 5 }, + { CORP_NAME: "秦港技术中心", count: 50, allDeptCount: 7 }, + { CORP_NAME: "河北港口集团数联科技（雄安）有限公司", count: 15, allDeptCount: 5 }, + { CORP_NAME: "秦港新闻中心", count: 1, allDeptCount: 1 }, + ]); const block3OptionsClick = (index) => { if (index === block3Index) diff --git a/src/pages/Container/Map/components/Content/port/MenJin/index.js b/src/pages/Container/Map/components/Content/port/MenJin/index.js index c055b7b..0bc35b1 100644 --- a/src/pages/Container/Map/components/Content/port/MenJin/index.js +++ b/src/pages/Container/Map/components/Content/port/MenJin/index.js @@ -7,7 +7,6 @@ import navTitleOn from "~/assets/images/map_bi/content/title.png"; import navTitle from "~/assets/images/map_bi/content/title_on.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { menjinBlock2List, menjinBlock3List } from "~/pages/Container/Map/js/mock"; import { initEcharts1 } from "./echarts"; import "./index.less"; @@ -35,7 +34,28 @@ const MenJin = () => { }, ]); const [block3Index, setBlock3Index] = useState(0); - const [block3List, setBlock3List] = useState(menjinBlock3List); + const [block3List, setBlock3List] = useState([ + { USERNAME: "张三", TIME: "2023-12-01 08:30:15", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, + { USERNAME: "李四", TIME: "2023-12-01 09:15:22", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, + { USERNAME: "王五", TIME: "2023-12-01 10:45:30", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, + { USERNAME: "赵六", TIME: "2023-12-01 11:20:18", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, + { USERNAME: "陈七", TIME: "2023-12-01 13:30:45", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, + { USERNAME: "刘八", TIME: "2023-12-01 14:15:20", STATE: "0", EQUIPMENTNAME: "西门人行闸机" }, + { USERNAME: "孙九", TIME: "2023-12-01 15:45:10", STATE: "1", EQUIPMENTNAME: "南门人行闸机" }, + { USERNAME: "周十", TIME: "2023-12-01 16:30:25", STATE: "0", EQUIPMENTNAME: "北门人行闸机" }, + { USERNAME: "吴十一", TIME: "2023-12-02 08:15:30", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, + { USERNAME: "郑十二", TIME: "2023-12-02 09:30:40", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, + { USERNAME: "王十三", TIME: "2023-12-02 10:20:15", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, + { USERNAME: "冯十四", TIME: "2023-12-02 11:45:25", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, + { USERNAME: "蒋十五", TIME: "2023-12-02 13:10:35", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, + { USERNAME: "韩十六", TIME: "2023-12-02 14:50:20", STATE: "0", EQUIPMENTNAME: "西门人行闸机" }, + { USERNAME: "杨十七", TIME: "2023-12-02 15:30:45", STATE: "1", EQUIPMENTNAME: "南门人行闸机" }, + { USERNAME: "朱十八", TIME: "2023-12-02 16:20:10", STATE: "0", EQUIPMENTNAME: "北门人行闸机" }, + { USERNAME: "秦十九", TIME: "2023-12-03 08:45:30", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, + { USERNAME: "何二十", TIME: "2023-12-03 09:20:15", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, + { USERNAME: "吕二十一", TIME: "2023-12-03 10:30:20", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, + { USERNAME: "施二十二", TIME: "2023-12-03 11:15:40", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, + ]); const chartInstance = useRef(null); const main1Ref = useRef(null); @@ -48,7 +68,25 @@ const MenJin = () => { }; useMount(() => { - initEcharts1(main1Ref, chartInstance, menjinBlock2List); + initEcharts1(main1Ref, chartInstance, [ + { PEOPLE_OUT: "2", AREA_NAME: "王雯仲测试", PEOPLE_IN: "1", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "测试", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "测试11", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "1", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港一号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港二号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港三号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港四号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港五号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港六号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港七号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港八号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港九号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "秦港十号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "翻控一号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "翻控二号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + { PEOPLE_OUT: "0", AREA_NAME: "翻控三号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, + ]); return () => { if (chartInstance.current) { diff --git a/src/pages/Container/Map/components/Content/port/QiXiang/index.js b/src/pages/Container/Map/components/Content/port/QiXiang/index.js index 47303b2..ae91500 100644 --- a/src/pages/Container/Map/components/Content/port/QiXiang/index.js +++ b/src/pages/Container/Map/components/Content/port/QiXiang/index.js @@ -14,7 +14,6 @@ import navTitleOn from "~/assets/images/map_bi/content/title.png"; import navTitle from "~/assets/images/map_bi/content/title_on.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { qixiangBlock3List } from "~/pages/Container/Map/js/mock"; import "./index.less"; const block3OptionsNavList = ["传感器数据列表", "报警信息列表"]; @@ -32,7 +31,33 @@ const QiXiang = () => { { title: "报警数", img: img2icon2, onlineCount: 0, offlineCount: 0 }, ]); const [block3Index, setBlock3Index] = useState(0); - const [block3List, setBlock3List] = useState(qixiangBlock3List); + const [block3List, setBlock3List] = useState([ + { EQUIPMENTTYPE_NAME: "风速站", NAME: "151新港湾集装箱码头装船机测试", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "137", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-S10", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "155-六公司R2取料机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司A1Z", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: " 二公司B2D", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-SS2#变楼顶", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "101-六公司3号装船机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "133-七公司R5-2", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-R112", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "106-六公司ST2堆料机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-中控楼顶", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "110-六公司4号取料机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "122", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "181-七公司PR4", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "气象站", NAME: "九公司气象站-除尘部办公楼顶", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "118-七公司S7", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "119-杂货804门机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-SL12", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-T8", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "135-杂货一队422门机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司A6Q", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司B3D", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "147-杂货517门机", isshow: "1" }, + { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-S11", isshow: "1" }, + ]); const [isPending, setIsPending] = useState(false); diff --git a/src/pages/Container/Map/components/Content/port/RenYuan/index.js b/src/pages/Container/Map/components/Content/port/RenYuan/index.js index e63cdfc..3c8445f 100644 --- a/src/pages/Container/Map/components/Content/port/RenYuan/index.js +++ b/src/pages/Container/Map/components/Content/port/RenYuan/index.js @@ -8,7 +8,6 @@ import img1ico5 from "~/assets/images/map_bi/content/img1ico5.png"; import img2 from "~/assets/images/map_bi/content/img2.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { renyuanBlock2List } from "~/pages/Container/Map/js/mock"; import "./index.less"; const RenYuan = () => { @@ -20,7 +19,28 @@ const RenYuan = () => { { title: "外协人员", img: img1ico4, count: "-" }, { title: "临时人员", img: img1ico5, count: "-" }, ]); - const [block2List, setBlock2List] = useState(renyuanBlock2List); + const [block2List, setBlock2List] = useState([ + { alarmName: "安全帽佩戴异常", alarmTime: "2024-12-19 10:30:25", foulUserName: "张三", place: "二号码头作业区" }, + { alarmName: "进入危险区域", alarmTime: "2024-12-19 09:45:12", foulUserName: "李四", place: "化学品仓库" }, + { alarmName: "高空作业未系安全带", alarmTime: "2024-12-19 08:20:48", foulUserName: "王五", place: "装卸平台" }, + { alarmName: "违规操作设备", alarmTime: "2024-12-19 07:15:33", foulUserName: "赵六", place: "维修车间" }, + { alarmName: "烟火报警", alarmTime: "2024-12-19 06:50:17", foulUserName: "钱七", place: "物料堆放区" }, + { alarmName: "超时作业", alarmTime: "2024-12-19 05:42:09", foulUserName: "孙八", place: "集装箱堆场" }, + { alarmName: "违规吸烟", alarmTime: "2024-12-19 04:18:34", foulUserName: "周九", place: "油料储存区" }, + { alarmName: "人员聚集超限", alarmTime: "2024-12-19 03:25:41", foulUserName: "吴十", place: "登船通道" }, + { alarmName: "车辆超速", alarmTime: "2024-12-19 02:33:16", foulUserName: "郑十一", place: "港内道路" }, + { alarmName: "未佩戴防护用品", alarmTime: "2024-12-19 01:45:28", foulUserName: "王十二", place: "散货码头" }, + { alarmName: "进入限制区域", alarmTime: "2024-12-18 23:12:55", foulUserName: "冯十三", place: "控制中心" }, + { alarmName: "违规动火作业", alarmTime: "2024-12-18 22:05:43", foulUserName: "陈十四", place: "维修平台" }, + { alarmName: "人员滞留超时", alarmTime: "2024-12-18 21:38:19", foulUserName: "褚十五", place: "危险品堆场" }, + { alarmName: "设备异常操作", alarmTime: "2024-12-18 20:27:06", foulUserName: "卫十六", place: "装卸设备区" }, + { alarmName: "违规携带危险品", alarmTime: "2024-12-18 19:44:52", foulUserName: "蒋十七", place: "安检通道" }, + { alarmName: "安全距离不足", alarmTime: "2024-12-18 18:15:37", foulUserName: "沈十八", place: "龙门吊作业区" }, + { alarmName: "违规使用手机", alarmTime: "2024-12-18 17:29:44", foulUserName: "韩十九", place: "易燃品仓库" }, + { alarmName: "人员跌倒", alarmTime: "2024-12-18 16:36:21", foulUserName: "杨二十", place: "栈桥区域" }, + { alarmName: "违规跨越护栏", alarmTime: "2024-12-18 15:51:08", foulUserName: "朱二十一", place: "码头边缘" }, + { alarmName: "未按指定路线行走", alarmTime: "2024-12-18 14:42:35", foulUserName: "秦二十二", place: "作业通道" }, + ]); return ( <div className="renyuan"> diff --git a/src/pages/Container/Map/components/Content/port/Title/index.js b/src/pages/Container/Map/components/Content/port/Title/index.js index 4b061c3..96780ad 100644 --- a/src/pages/Container/Map/components/Content/port/Title/index.js +++ b/src/pages/Container/Map/components/Content/port/Title/index.js @@ -1,10 +1,10 @@ -import titleBgImg from "~/assets/images/map_bi/content/title_bg.png"; +import titleBgImg from "~/assets/images/map_bi/content/title_bg1.png"; import titleIcoImg from "~/assets/images/map_bi/content/title_ico.png"; import "./index.less"; function Title(props) { return ( - <div className="title_container" style={{ backgroundImage: `url(${titleBgImg})` }}> + <div className="map_content_port_title_container" style={{ backgroundImage: `url(${titleBgImg})` }}> <div className="basic"> <div className="img" style={{ backgroundImage: `url(${titleIcoImg})` }} /> <div className="label">{props.title}</div> diff --git a/src/pages/Container/Map/components/Content/port/Title/index.less b/src/pages/Container/Map/components/Content/port/Title/index.less index f86c483..bf735d5 100644 --- a/src/pages/Container/Map/components/Content/port/Title/index.less +++ b/src/pages/Container/Map/components/Content/port/Title/index.less @@ -1,4 +1,4 @@ -.title_container { +.map_content_port_title_container { width: 100%; height: 32px; background-size: 100% 100%; diff --git a/src/pages/Container/Map/components/Content/port/WeiXian/index.js b/src/pages/Container/Map/components/Content/port/WeiXian/index.js index f2baadb..e40cd20 100644 --- a/src/pages/Container/Map/components/Content/port/WeiXian/index.js +++ b/src/pages/Container/Map/components/Content/port/WeiXian/index.js @@ -12,13 +12,23 @@ import icon29 from "~/assets/images/map_bi/content/icon29.png"; import label from "~/assets/images/map_bi/content/label.png"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { weixianBlock3List } from "~/pages/Container/Map/js/mock"; import { initEcharts1 } from "./echarts"; import "./index.less"; const WeiXian = () => { const { currentPort, area, currentBranchOffice } = useContext(Context); - const [block3List, setBlock3List] = useState(weixianBlock3List); + const [block3List, setBlock3List] = useState([ + { WORK_TYPE: "动火作业", STATUS_NAME: "现场负责人", USER_NAME: "李长健" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "运行乙班" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "卸车部运行乙班" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "动火后", USER_NAME: "王启龙" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船部" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船队机修乙班" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "动火后", USER_NAME: "彭俊伟" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船队机修乙班" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "运行乙班" }, + { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "卸车队运行甲班" }, + ]); const [block1OptionsList, setBlock1OptionsList] = useState([ { img: icon27, label: "申请数", count: 0 }, { img: icon28, label: "审批中", count: 0 }, diff --git a/src/pages/Container/Map/components/Content/port/XiaoFang/index.js b/src/pages/Container/Map/components/Content/port/XiaoFang/index.js index 7e52e04..604f813 100644 --- a/src/pages/Container/Map/components/Content/port/XiaoFang/index.js +++ b/src/pages/Container/Map/components/Content/port/XiaoFang/index.js @@ -3,7 +3,6 @@ import { useContext, useState } from "react"; import SeamlessScroll from "zy-react-library/components/SeamlessScroll"; import Title from "~/pages/Container/Map/components/Content/port/Title"; import { Context } from "~/pages/Container/Map/js/context"; -import { FIRE_DEVICE_TYPE_LIST, xiaofangBlock1List } from "~/pages/Container/Map/js/mock"; import "./index.less"; const { Option } = Select; @@ -11,8 +10,72 @@ const { Option } = Select; const XiaoFang = () => { const { currentPort, area, currentBranchOffice } = useContext(Context); const [form] = Form.useForm(); - const [deviceTypeList, setDeviceTypeList] = useState(FIRE_DEVICE_TYPE_LIST); - const [block2List, setBlock2List] = useState(xiaofangBlock1List); + const [deviceTypeList, setDeviceTypeList] = useState([ + { name: "地下消防栓栓体", bianma: "dxxfsst" }, + { name: "红色灭火器", bianma: "b9561bbc6243bfac6ebe0397a62f55" }, + { name: "灭火毯", bianma: "mgt" }, + { name: "并盖", bianma: "jg001" }, + { name: "消防枪头", bianma: "xfqt001" }, + { name: "强化水灭火器", bianma: "qhsmhq001" }, + { name: "灭火器托架", bianma: "mhqtj001" }, + { name: "消防箱", bianma: "xfx001" }, + { name: "干粉灭火器", bianma: "xfsb001" }, + { name: "二氧化碳灭火器", bianma: "ryhrmhq01" }, + { name: "消防栓", bianma: "243bfac6ebe0397a62f55" }, + { name: "水基型灭火器", bianma: "sjxmhq01" }, + { name: "消防水带", bianma: "xfsd01" }, + { name: "水枪", bianma: "shuiq" }, + { name: "消防栓箱体", bianma: "xfxxt" }, + { name: "灭火器箱", bianma: "mhqx01" }, + { name: "消防桶", bianma: "xft01" }, + { name: "消防锹", bianma: "xgq01" }, + { name: "消防斧", bianma: "xff01" }, + { name: "消防钩", bianma: "xfg01" }, + { name: "水枪、水带接口", bianma: "sdsddj" }, + { name: "消防二分水器", bianma: "scrfsq" }, + { name: "消防栓扳手", bianma: "xfsbs" }, + { name: "强光照明灯", bianma: "qgzmd" }, + { name: "铁铤", bianma: "tx" }, + { name: "消防头盔", bianma: "xftk" }, + { name: "消防员灭火防护服", bianma: "xfymhf" }, + { name: "消防手套", bianma: "xfst" }, + { name: "消防安全腰带、消防腰带、斧套", bianma: "xfanyd" }, + { name: "消防员灭火防护靴", bianma: "xfymhhx" }, + { name: "消防轻型安全绳", bianma: "xfqxaqs" }, + { name: "消防过滤式综合防毒面具", bianma: "xfglszhfdmj" }, + { name: "多功能水枪", bianma: "dgnsq" }, + { name: "消防呼吸面罩", bianma: "xfhxmz" }, + { name: "微型消防站柜子", bianma: "wxxfzgz" }, + { name: "七氟丙烷灭火器", bianma: "qfbwmhq" }, + { name: "水泵接合器", bianma: "38" }, + { name: "消防器材箱", bianma: "xfsx" }, + { name: "消防砂", bianma: "xfs" }, + { name: "泡沫枪", bianma: "poameqiang" }, + { name: "移动消防水炮", bianma: "yidongxiaofangshuipao" }, + { name: "移动泡沫炮", bianma: "yidongpaomenpao" }, + ]); + const [block2List, setBlock2List] = useState([ + { FIRE_DEVICE_TYPE_NAME: "干粉灭火器", FIRE_POINT_NAME: "浴池男更衣室楼梯", COUNT: 3 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "综合楼一楼东", COUNT: 2 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队二层警容镜旁", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队二层西", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队二层楼道东", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队二层东", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队二层更衣室门前", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队车库器材室门前", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队一层车库楼梯口东侧", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队一层车库楼梯口东侧", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队燃料间", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队二层楼道西", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队老楼车库", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队三层楼道", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队车棚东南角", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队厨房门南侧", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队一层东", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队一层车库东", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队一层西", COUNT: 1 }, + { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队三层楼道西", COUNT: 1 }, + ]); const handleReset = () => { form.resetFields(); diff --git a/src/pages/Container/Map/components/Header/index.js b/src/pages/Container/Map/components/Header/index.js index 58890e2..5ec7179 100644 --- a/src/pages/Container/Map/components/Header/index.js +++ b/src/pages/Container/Map/components/Header/index.js @@ -63,7 +63,7 @@ function Header(props) { }; return ( - <div className="header_container"> + <div className="map_content_header_container"> <SwitchTransition> <CSSTransition timeout={1000} diff --git a/src/pages/Container/Map/components/Header/index.less b/src/pages/Container/Map/components/Header/index.less index 4eb0018..7eeac58 100644 --- a/src/pages/Container/Map/components/Header/index.less +++ b/src/pages/Container/Map/components/Header/index.less @@ -1,4 +1,4 @@ -.header_container { +.map_content_header_container { header { width: 100%; height: 70px; diff --git a/src/pages/Container/Map/components/RightUtils/index.js b/src/pages/Container/Map/components/RightUtils/index.js index 9a2ac1a..31f3a34 100644 --- a/src/pages/Container/Map/components/RightUtils/index.js +++ b/src/pages/Container/Map/components/RightUtils/index.js @@ -176,7 +176,7 @@ function RightUtils(props) { }; return ( - <div className="right_utils_container"> + <div className="map_content_right_utils_container"> <SwitchTransition> <CSSTransition timeout={1000} diff --git a/src/pages/Container/Map/components/RightUtils/index.less b/src/pages/Container/Map/components/RightUtils/index.less index 87a1404..4ef1180 100644 --- a/src/pages/Container/Map/components/RightUtils/index.less +++ b/src/pages/Container/Map/components/RightUtils/index.less @@ -1,4 +1,4 @@ -.right_utils_container { +.map_content_right_utils_container { .tooltip() { transition: 0.5s; diff --git a/src/pages/Container/Map/js/mapMethods.js b/src/pages/Container/Map/js/mapMethods.js index 7b1cdbd..119b6eb 100644 --- a/src/pages/Container/Map/js/mapMethods.js +++ b/src/pages/Container/Map/js/mapMethods.js @@ -1,6 +1,5 @@ import portEntityBillboardImage from "~/assets/images/map_bi/point/dianwei.png"; import branchOfficeEntityBillboardImage from "~/assets/images/map_bi/point/gongsidianwei.png"; -import { BranchOfficePoint } from "~/pages/Container/Map/js/mock"; import edgeCMT from "./edge/cmt.js"; import edgeCSY from "./edge/csy.js"; import edgeCZKS from "./edge/czks.js"; @@ -19,6 +18,344 @@ import { chunkedLoad, filterNull, formatPolygon } from "./utils"; import "./TrajectoryPolylineTrailLinkMaterialProperty.js"; import "./WallPolylineTrailLinkMaterialProperty"; +const BranchOfficePoint = [ + { + corpName: "秦港股份有限公司", + longitude: "", + corpinfoId: "1", + latitude: "", + mapPointName: "秦港股份有限公司", + }, + { + corpName: "秦皇岛港新益港务有限公司12", + longitude: "117.81722012173059", + corpinfoId: "035958e685cf4850bc40151c5e0617a6", + latitude: "40.16437937435123", + mapPointName: "秦皇岛港新益港务有限公司12", + }, + { + corpName: "测试测试0527-1", + longitude: "118.95108477670387", + corpinfoId: "8ab3328e42974f338942d0506b58d8f3", + latitude: "40.69968157498669", + mapPointName: "测试测试0527-1", + }, + { + corpName: "1122公司测试隐患考评", + longitude: "", + corpinfoId: "805c21b0fccb49aba0c409e4eccbfd59", + latitude: "", + mapPointName: "1122公司测试隐患考评", + }, + { + corpName: "秦港股份二公司", + longitude: "119.63521", + corpinfoId: "17973964c87346e7a4a737cf252557d9", + latitude: "39.92944", + mapPointName: "秦港股份二公司", + }, + { + corpName: "55555", + longitude: "", + corpinfoId: "cdadd26e8fb74ce6a683bc0e5aa69e99", + latitude: "", + mapPointName: "55555", + }, + { + corpName: "秦港股份六公司", + longitude: "119.67186", + corpinfoId: "97b87eba9f9c49a0a917c1f412016fb1", + latitude: "39.94193", + mapPointName: "秦港股份六公司", + }, + { + corpName: "测试企业信息", + longitude: "", + corpinfoId: "e43c5aeaf9694df3aeddef71654c8cf2", + latitude: "", + mapPointName: "测试企业信息", + }, + { + corpName: "秦港股份七公司", + longitude: "119.67172", + corpinfoId: "286dcae730aa43ba82c97a676f9d8ee2", + latitude: "39.94342", + mapPointName: "秦港股份七公司", + }, + { + corpName: "秦港股份九公司", + longitude: "119.67623", + corpinfoId: "21590a00ea5e462e9ee44dd332dddc26", + latitude: "39.93108", + mapPointName: "秦港股份九公司", + }, + { + corpName: "秦港股份杂货公司", + longitude: "119.58103", + corpinfoId: "033549ed3bd648e49c8a65eb4993ec2f", + latitude: "39.91532", + mapPointName: "秦港股份杂货公司", + }, + { + corpName: "秦港股份铁运公司", + longitude: "119.63189", + corpinfoId: "66131d4e5c8f4c8893b80975dca39ac3", + latitude: "39.94252", + mapPointName: "秦港股份铁运公司", + }, + { + corpName: "秦港股份流机公司", + longitude: "119.587", + corpinfoId: "f1478d64109445948d819beb6c1b52ee", + latitude: "39.91472", + mapPointName: "秦港股份流机公司", + }, + { + corpName: "秦港股份电力公司", + longitude: "119.5996970027171", + corpinfoId: "f21cf733f1354503865af705ecc8dba2", + latitude: "39.919168362236874", + mapPointName: "秦港股份电力公司", + }, + { + corpName: "秦港股份船舶公司", + longitude: "119.61417", + corpinfoId: "d7e15394923740bf979efd8c0105063b", + latitude: "39.92033", + mapPointName: "秦港股份船舶公司", + }, + { + corpName: "0507-1", + longitude: "119.65480053930092", + corpinfoId: "a29620da401b4f05a73d9f7d629030c5", + latitude: "39.922427338021684", + mapPointName: "0507-1", + }, + { + corpName: "秦港股份综服中心", + longitude: "119.62629", + corpinfoId: "c4e000a8245843ad82f8e172ce063671", + latitude: "39.9319", + mapPointName: "秦港股份综服中心", + }, + { + corpName: "秦港物资中心", + longitude: "119.66925", + corpinfoId: "9595235dfa334b2898a0e75d160418fa", + latitude: "39.93953", + mapPointName: "秦港物资中心", + }, + { + corpName: "秦港教培中心", + longitude: "119.58357", + corpinfoId: "0407e689f75746358326f040e59d1e32", + latitude: "39.92007", + mapPointName: "秦港教培中心", + }, + { + corpName: "秦港行政中心", + longitude: "119.59925", + corpinfoId: "bca641ac9978474987b3f0377f82359e", + latitude: "39.91755", + mapPointName: "秦港行政中心", + }, + { + corpName: "秦港餐饮中心", + longitude: "119.60255", + corpinfoId: "4e1b8e11c2a94d9eac8cfa07145f9f69", + latitude: "39.91895", + mapPointName: "秦港餐饮中心", + }, + { + corpName: "工程项目中心", + longitude: "", + corpinfoId: "7b00458c903a4460aeeb3c189dde7ebb", + latitude: "", + mapPointName: "工程项目中心", + }, + { + corpName: "秦港技术中心", + longitude: "119.58399", + corpinfoId: "6692f5f1f14c4544b9f7ca7a59d065db", + latitude: "39.91774", + mapPointName: "秦港技术中心", + }, + { + corpName: "河北港口集团数联科技（雄安）有限公司", + longitude: "", + corpinfoId: "5cee11f6152d42e0a08ae38dc6abcfdf", + latitude: "", + mapPointName: "河北港口集团数联科技（雄安）有限公司", + }, + { + corpName: "秦港新闻中心", + longitude: "", + corpinfoId: "8d97ef3051724e968024be1e6e6779ba", + latitude: "", + mapPointName: "秦港新闻中心", + }, + { + corpName: "秦港财务中心", + longitude: "", + corpinfoId: "7abd8156caa14229bcabc382309e2e94", + latitude: "", + mapPointName: "秦港财务中心", + }, + { + corpName: "秦港审计中心", + longitude: "", + corpinfoId: "e2a121b54b8a44569726b12b47f6c2ed", + latitude: "", + mapPointName: "秦港审计中心", + }, + { + corpName: "沧州黄骅港矿石港务有限公司", + longitude: "117.8291", + corpinfoId: "f8da1790b1034058ae2efefd69af3284", + latitude: "38.3223", + mapPointName: "沧州黄骅港矿石港务有限公司", + }, + { + corpName: "唐山曹妃甸煤炭港务有限公司", + longitude: "118.44159", + corpinfoId: "6aa255d41602497fa0f934a822820df4", + latitude: "38.98158", + mapPointName: "唐山曹妃甸煤炭港务有限公司", + }, + { + corpName: "唐山曹妃甸实业港务有限公司", + longitude: "118.53903", + corpinfoId: "8854edee3aa94be496cee676b6d4845a", + latitude: "38.94306", + mapPointName: "唐山曹妃甸实业港务有限公司", + }, + { + corpName: "秦皇岛中理", + longitude: "119.61138", + corpinfoId: "e52f138ca0444c55bdae2a429e3cdbfe", + latitude: "39.91428", + mapPointName: "秦皇岛中理", + }, + { + corpName: "沧州黄骅港散货港务有限公司", + longitude: "", + corpinfoId: "84a6206738ac4703b277d6245ec111ec", + latitude: "", + mapPointName: "沧州黄骅港散货港务有限公司", + }, + { + corpName: "秦山港务", + longitude: "119.69864", + corpinfoId: "1fc6f50705de4fd6a76e80f2fc6e4720", + latitude: "39.93794", + mapPointName: "秦山港务", + }, + { + corpName: "唐曹铁路有限公司（小集物流）", + longitude: "", + corpinfoId: "fb6c1a78bc414f109269a677e19a8a80", + latitude: "", + mapPointName: "唐曹铁路有限公司（小集物流）", + }, + { + corpName: "新港湾（托管）", + longitude: "119.57749", + corpinfoId: "3baaa68e74514a649338baf8c88b565b", + latitude: "39.90205", + mapPointName: "新港湾（托管）", + }, + { + corpName: "沧州黄骅港原油港务有限公司", + longitude: "", + corpinfoId: "fa88fb8186f74c7b995c4f4622379d3b", + latitude: "", + mapPointName: "沧州黄骅港原油港务有限公司", + }, + { + corpName: "河北唐山曹妃甸冀同港口有限公司", + longitude: "", + corpinfoId: "5818906b74714c86b697abc8ca23e1a7", + latitude: "", + mapPointName: "河北唐山曹妃甸冀同港口有限公司", + }, + { + corpName: "河港港工", + longitude: "119.60725", + corpinfoId: "3a854eefa7894e06aaa1a2611bca80f6", + latitude: "39.92514", + mapPointName: "河港港工", + }, + { + corpName: "河港机械", + longitude: "119.65135983055092", + corpinfoId: "1e6dbbe16004402f8d2c0e52afd9a676", + latitude: "39.93524462021923", + mapPointName: "河港机械", + }, + { + corpName: "河港城发", + longitude: "", + corpinfoId: "f42d930a7e694123a2d6ad3e546ba695", + latitude: "", + mapPointName: "河港城发", + }, + { + corpName: "方宇物业", + longitude: "", + corpinfoId: "90966974de3c4b83aca6f8fd6432d5c2", + latitude: "", + mapPointName: "方宇物业", + }, + { + corpName: "河港检测", + longitude: "119.58435", + corpinfoId: "020578a4c1f04bc692ee25145c2efbe5", + latitude: "39.91774", + mapPointName: "河港检测", + }, + { + corpName: "测试分公司22354", + longitude: "119.59401996313625", + corpinfoId: "8ac5c5fb138e4828a81ada5849246c80", + latitude: "39.95368714225534", + mapPointName: "测试分公司22354", + }, + { + corpName: "测试分公司26201", + longitude: "119.24647177465056", + corpinfoId: "1c3794fa9ae048288585d7a9fafd44d3", + latitude: "39.928680261541466", + mapPointName: "测试分公司26201", + }, + { + corpName: "0508-11", + longitude: "", + corpinfoId: "23b0759ebefe413dbc439dc978ed8506", + latitude: "", + mapPointName: "0508-11", + }, + { + corpName: "卓云企业", + longitude: "119.44612949064937", + corpinfoId: "13cf0f4ec77e4d98ae8cdd9c3386ae0c", + latitude: "39.91957983420952", + mapPointName: "卓云企业", + }, + { + corpName: "0620-1", + longitude: "", + corpinfoId: "f32a6ef1b45e42278dfecd3a5327cdf5", + latitude: "", + mapPointName: "0620-1", + }, + { + corpName: "0508-12", + longitude: "", + corpinfoId: "d4be61ffb6554e4085c1dd419d264331", + latitude: "", + mapPointName: "0508-12", + }, +]; const Cesium = window.Cesium; export default class MapMethods { #viewer; diff --git a/src/pages/Container/Map/js/mock.js b/src/pages/Container/Map/js/mock.js deleted file mode 100644 index 4f5d51e..0000000 --- a/src/pages/Container/Map/js/mock.js +++ /dev/null @@ -1,549 +0,0 @@ -export const BranchOfficePoint = [ - { - corpName: "秦港股份有限公司", - longitude: "", - corpinfoId: "1", - latitude: "", - mapPointName: "秦港股份有限公司", - }, - { - corpName: "秦皇岛港新益港务有限公司12", - longitude: "117.81722012173059", - corpinfoId: "035958e685cf4850bc40151c5e0617a6", - latitude: "40.16437937435123", - mapPointName: "秦皇岛港新益港务有限公司12", - }, - { - corpName: "测试测试0527-1", - longitude: "118.95108477670387", - corpinfoId: "8ab3328e42974f338942d0506b58d8f3", - latitude: "40.69968157498669", - mapPointName: "测试测试0527-1", - }, - { - corpName: "1122公司测试隐患考评", - longitude: "", - corpinfoId: "805c21b0fccb49aba0c409e4eccbfd59", - latitude: "", - mapPointName: "1122公司测试隐患考评", - }, - { - corpName: "秦港股份二公司", - longitude: "119.63521", - corpinfoId: "17973964c87346e7a4a737cf252557d9", - latitude: "39.92944", - mapPointName: "秦港股份二公司", - }, - { - corpName: "55555", - longitude: "", - corpinfoId: "cdadd26e8fb74ce6a683bc0e5aa69e99", - latitude: "", - mapPointName: "55555", - }, - { - corpName: "秦港股份六公司", - longitude: "119.67186", - corpinfoId: "97b87eba9f9c49a0a917c1f412016fb1", - latitude: "39.94193", - mapPointName: "秦港股份六公司", - }, - { - corpName: "测试企业信息", - longitude: "", - corpinfoId: "e43c5aeaf9694df3aeddef71654c8cf2", - latitude: "", - mapPointName: "测试企业信息", - }, - { - corpName: "秦港股份七公司", - longitude: "119.67172", - corpinfoId: "286dcae730aa43ba82c97a676f9d8ee2", - latitude: "39.94342", - mapPointName: "秦港股份七公司", - }, - { - corpName: "秦港股份九公司", - longitude: "119.67623", - corpinfoId: "21590a00ea5e462e9ee44dd332dddc26", - latitude: "39.93108", - mapPointName: "秦港股份九公司", - }, - { - corpName: "秦港股份杂货公司", - longitude: "119.58103", - corpinfoId: "033549ed3bd648e49c8a65eb4993ec2f", - latitude: "39.91532", - mapPointName: "秦港股份杂货公司", - }, - { - corpName: "秦港股份铁运公司", - longitude: "119.63189", - corpinfoId: "66131d4e5c8f4c8893b80975dca39ac3", - latitude: "39.94252", - mapPointName: "秦港股份铁运公司", - }, - { - corpName: "秦港股份流机公司", - longitude: "119.587", - corpinfoId: "f1478d64109445948d819beb6c1b52ee", - latitude: "39.91472", - mapPointName: "秦港股份流机公司", - }, - { - corpName: "秦港股份电力公司", - longitude: "119.5996970027171", - corpinfoId: "f21cf733f1354503865af705ecc8dba2", - latitude: "39.919168362236874", - mapPointName: "秦港股份电力公司", - }, - { - corpName: "秦港股份船舶公司", - longitude: "119.61417", - corpinfoId: "d7e15394923740bf979efd8c0105063b", - latitude: "39.92033", - mapPointName: "秦港股份船舶公司", - }, - { - corpName: "0507-1", - longitude: "119.65480053930092", - corpinfoId: "a29620da401b4f05a73d9f7d629030c5", - latitude: "39.922427338021684", - mapPointName: "0507-1", - }, - { - corpName: "秦港股份综服中心", - longitude: "119.62629", - corpinfoId: "c4e000a8245843ad82f8e172ce063671", - latitude: "39.9319", - mapPointName: "秦港股份综服中心", - }, - { - corpName: "秦港物资中心", - longitude: "119.66925", - corpinfoId: "9595235dfa334b2898a0e75d160418fa", - latitude: "39.93953", - mapPointName: "秦港物资中心", - }, - { - corpName: "秦港教培中心", - longitude: "119.58357", - corpinfoId: "0407e689f75746358326f040e59d1e32", - latitude: "39.92007", - mapPointName: "秦港教培中心", - }, - { - corpName: "秦港行政中心", - longitude: "119.59925", - corpinfoId: "bca641ac9978474987b3f0377f82359e", - latitude: "39.91755", - mapPointName: "秦港行政中心", - }, - { - corpName: "秦港餐饮中心", - longitude: "119.60255", - corpinfoId: "4e1b8e11c2a94d9eac8cfa07145f9f69", - latitude: "39.91895", - mapPointName: "秦港餐饮中心", - }, - { - corpName: "工程项目中心", - longitude: "", - corpinfoId: "7b00458c903a4460aeeb3c189dde7ebb", - latitude: "", - mapPointName: "工程项目中心", - }, - { - corpName: "秦港技术中心", - longitude: "119.58399", - corpinfoId: "6692f5f1f14c4544b9f7ca7a59d065db", - latitude: "39.91774", - mapPointName: "秦港技术中心", - }, - { - corpName: "河北港口集团数联科技（雄安）有限公司", - longitude: "", - corpinfoId: "5cee11f6152d42e0a08ae38dc6abcfdf", - latitude: "", - mapPointName: "河北港口集团数联科技（雄安）有限公司", - }, - { - corpName: "秦港新闻中心", - longitude: "", - corpinfoId: "8d97ef3051724e968024be1e6e6779ba", - latitude: "", - mapPointName: "秦港新闻中心", - }, - { - corpName: "秦港财务中心", - longitude: "", - corpinfoId: "7abd8156caa14229bcabc382309e2e94", - latitude: "", - mapPointName: "秦港财务中心", - }, - { - corpName: "秦港审计中心", - longitude: "", - corpinfoId: "e2a121b54b8a44569726b12b47f6c2ed", - latitude: "", - mapPointName: "秦港审计中心", - }, - { - corpName: "沧州黄骅港矿石港务有限公司", - longitude: "117.8291", - corpinfoId: "f8da1790b1034058ae2efefd69af3284", - latitude: "38.3223", - mapPointName: "沧州黄骅港矿石港务有限公司", - }, - { - corpName: "唐山曹妃甸煤炭港务有限公司", - longitude: "118.44159", - corpinfoId: "6aa255d41602497fa0f934a822820df4", - latitude: "38.98158", - mapPointName: "唐山曹妃甸煤炭港务有限公司", - }, - { - corpName: "唐山曹妃甸实业港务有限公司", - longitude: "118.53903", - corpinfoId: "8854edee3aa94be496cee676b6d4845a", - latitude: "38.94306", - mapPointName: "唐山曹妃甸实业港务有限公司", - }, - { - corpName: "秦皇岛中理", - longitude: "119.61138", - corpinfoId: "e52f138ca0444c55bdae2a429e3cdbfe", - latitude: "39.91428", - mapPointName: "秦皇岛中理", - }, - { - corpName: "沧州黄骅港散货港务有限公司", - longitude: "", - corpinfoId: "84a6206738ac4703b277d6245ec111ec", - latitude: "", - mapPointName: "沧州黄骅港散货港务有限公司", - }, - { - corpName: "秦山港务", - longitude: "119.69864", - corpinfoId: "1fc6f50705de4fd6a76e80f2fc6e4720", - latitude: "39.93794", - mapPointName: "秦山港务", - }, - { - corpName: "唐曹铁路有限公司（小集物流）", - longitude: "", - corpinfoId: "fb6c1a78bc414f109269a677e19a8a80", - latitude: "", - mapPointName: "唐曹铁路有限公司（小集物流）", - }, - { - corpName: "新港湾（托管）", - longitude: "119.57749", - corpinfoId: "3baaa68e74514a649338baf8c88b565b", - latitude: "39.90205", - mapPointName: "新港湾（托管）", - }, - { - corpName: "沧州黄骅港原油港务有限公司", - longitude: "", - corpinfoId: "fa88fb8186f74c7b995c4f4622379d3b", - latitude: "", - mapPointName: "沧州黄骅港原油港务有限公司", - }, - { - corpName: "河北唐山曹妃甸冀同港口有限公司", - longitude: "", - corpinfoId: "5818906b74714c86b697abc8ca23e1a7", - latitude: "", - mapPointName: "河北唐山曹妃甸冀同港口有限公司", - }, - { - corpName: "河港港工", - longitude: "119.60725", - corpinfoId: "3a854eefa7894e06aaa1a2611bca80f6", - latitude: "39.92514", - mapPointName: "河港港工", - }, - { - corpName: "河港机械", - longitude: "119.65135983055092", - corpinfoId: "1e6dbbe16004402f8d2c0e52afd9a676", - latitude: "39.93524462021923", - mapPointName: "河港机械", - }, - { - corpName: "河港城发", - longitude: "", - corpinfoId: "f42d930a7e694123a2d6ad3e546ba695", - latitude: "", - mapPointName: "河港城发", - }, - { - corpName: "方宇物业", - longitude: "", - corpinfoId: "90966974de3c4b83aca6f8fd6432d5c2", - latitude: "", - mapPointName: "方宇物业", - }, - { - corpName: "河港检测", - longitude: "119.58435", - corpinfoId: "020578a4c1f04bc692ee25145c2efbe5", - latitude: "39.91774", - mapPointName: "河港检测", - }, - { - corpName: "测试分公司22354", - longitude: "119.59401996313625", - corpinfoId: "8ac5c5fb138e4828a81ada5849246c80", - latitude: "39.95368714225534", - mapPointName: "测试分公司22354", - }, - { - corpName: "测试分公司26201", - longitude: "119.24647177465056", - corpinfoId: "1c3794fa9ae048288585d7a9fafd44d3", - latitude: "39.928680261541466", - mapPointName: "测试分公司26201", - }, - { - corpName: "0508-11", - longitude: "", - corpinfoId: "23b0759ebefe413dbc439dc978ed8506", - latitude: "", - mapPointName: "0508-11", - }, - { - corpName: "卓云企业", - longitude: "119.44612949064937", - corpinfoId: "13cf0f4ec77e4d98ae8cdd9c3386ae0c", - latitude: "39.91957983420952", - mapPointName: "卓云企业", - }, - { - corpName: "0620-1", - longitude: "", - corpinfoId: "f32a6ef1b45e42278dfecd3a5327cdf5", - latitude: "", - mapPointName: "0620-1", - }, - { - corpName: "0508-12", - longitude: "", - corpinfoId: "d4be61ffb6554e4085c1dd419d264331", - latitude: "", - mapPointName: "0508-12", - }, -]; - -export const portIndexBlock3List = [ - { CORP_NAME: "秦皇岛港新益港务有限公司12", count: 197, allDeptCount: 74 }, - { CORP_NAME: "1122公司测试隐患考评", count: 1, allDeptCount: 1 }, - { CORP_NAME: "秦港股份二公司", count: 872, allDeptCount: 73 }, - { CORP_NAME: "秦港股份六公司", count: 1008, allDeptCount: 86 }, - { CORP_NAME: "秦港股份七公司", count: 1168, allDeptCount: 76 }, - { CORP_NAME: "秦港股份九公司", count: 785, allDeptCount: 51 }, - { CORP_NAME: "秦港股份杂货公司", count: 771, allDeptCount: 78 }, - { CORP_NAME: "秦港股份铁运公司", count: 578, allDeptCount: 41 }, - { CORP_NAME: "秦港股份流机公司", count: 671, allDeptCount: 87 }, - { CORP_NAME: "秦港股份电力公司", count: 364, allDeptCount: 43 }, - { CORP_NAME: "秦港股份船舶公司", count: 433, allDeptCount: 39 }, - { CORP_NAME: "秦港股份综服中心", count: 655, allDeptCount: 70 }, - { CORP_NAME: "秦港物资中心", count: 153, allDeptCount: 25 }, - { CORP_NAME: "秦港教培中心", count: 52, allDeptCount: 12 }, - { CORP_NAME: "秦港行政中心", count: 18, allDeptCount: 7 }, - { CORP_NAME: "秦港餐饮中心", count: 96, allDeptCount: 29 }, - { CORP_NAME: "工程项目中心", count: 12, allDeptCount: 5 }, - { CORP_NAME: "秦港技术中心", count: 50, allDeptCount: 7 }, - { CORP_NAME: "河北港口集团数联科技（雄安）有限公司", count: 15, allDeptCount: 5 }, - { CORP_NAME: "秦港新闻中心", count: 1, allDeptCount: 1 }, -]; - -export const menjinBlock2List = [ - { PEOPLE_OUT: "2", AREA_NAME: "王雯仲测试", PEOPLE_IN: "1", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "测试", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "测试11", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "1", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港一号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港二号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港三号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港四号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港五号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港六号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港七号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港八号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港九号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "秦港十号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "翻控一号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "翻控二号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, - { PEOPLE_OUT: "0", AREA_NAME: "翻控三号门", PEOPLE_IN: "0", CAR_IN: "0", CAR_OUT: "0" }, -]; - -export const menjinBlock3List = [ - { USERNAME: "张三", TIME: "2023-12-01 08:30:15", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, - { USERNAME: "李四", TIME: "2023-12-01 09:15:22", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, - { USERNAME: "王五", TIME: "2023-12-01 10:45:30", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, - { USERNAME: "赵六", TIME: "2023-12-01 11:20:18", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, - { USERNAME: "陈七", TIME: "2023-12-01 13:30:45", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, - { USERNAME: "刘八", TIME: "2023-12-01 14:15:20", STATE: "0", EQUIPMENTNAME: "西门人行闸机" }, - { USERNAME: "孙九", TIME: "2023-12-01 15:45:10", STATE: "1", EQUIPMENTNAME: "南门人行闸机" }, - { USERNAME: "周十", TIME: "2023-12-01 16:30:25", STATE: "0", EQUIPMENTNAME: "北门人行闸机" }, - { USERNAME: "吴十一", TIME: "2023-12-02 08:15:30", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, - { USERNAME: "郑十二", TIME: "2023-12-02 09:30:40", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, - { USERNAME: "王十三", TIME: "2023-12-02 10:20:15", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, - { USERNAME: "冯十四", TIME: "2023-12-02 11:45:25", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, - { USERNAME: "蒋十五", TIME: "2023-12-02 13:10:35", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, - { USERNAME: "韩十六", TIME: "2023-12-02 14:50:20", STATE: "0", EQUIPMENTNAME: "西门人行闸机" }, - { USERNAME: "杨十七", TIME: "2023-12-02 15:30:45", STATE: "1", EQUIPMENTNAME: "南门人行闸机" }, - { USERNAME: "朱十八", TIME: "2023-12-02 16:20:10", STATE: "0", EQUIPMENTNAME: "北门人行闸机" }, - { USERNAME: "秦十九", TIME: "2023-12-03 08:45:30", STATE: "0", EQUIPMENTNAME: "东门人行闸机" }, - { USERNAME: "何二十", TIME: "2023-12-03 09:20:15", STATE: "1", EQUIPMENTNAME: "西门人行闸机" }, - { USERNAME: "吕二十一", TIME: "2023-12-03 10:30:20", STATE: "0", EQUIPMENTNAME: "南门人行闸机" }, - { USERNAME: "施二十二", TIME: "2023-12-03 11:15:40", STATE: "1", EQUIPMENTNAME: "北门人行闸机" }, -]; - -export const FIRE_DEVICE_TYPE_LIST = [ - { name: "地下消防栓栓体", bianma: "dxxfsst" }, - { name: "红色灭火器", bianma: "b9561bbc6243bfac6ebe0397a62f55" }, - { name: "灭火毯", bianma: "mgt" }, - { name: "并盖", bianma: "jg001" }, - { name: "消防枪头", bianma: "xfqt001" }, - { name: "强化水灭火器", bianma: "qhsmhq001" }, - { name: "灭火器托架", bianma: "mhqtj001" }, - { name: "消防箱", bianma: "xfx001" }, - { name: "干粉灭火器", bianma: "xfsb001" }, - { name: "二氧化碳灭火器", bianma: "ryhrmhq01" }, - { name: "消防栓", bianma: "243bfac6ebe0397a62f55" }, - { name: "水基型灭火器", bianma: "sjxmhq01" }, - { name: "消防水带", bianma: "xfsd01" }, - { name: "水枪", bianma: "shuiq" }, - { name: "消防栓箱体", bianma: "xfxxt" }, - { name: "灭火器箱", bianma: "mhqx01" }, - { name: "消防桶", bianma: "xft01" }, - { name: "消防锹", bianma: "xgq01" }, - { name: "消防斧", bianma: "xff01" }, - { name: "消防钩", bianma: "xfg01" }, - { name: "水枪、水带接口", bianma: "sdsddj" }, - { name: "消防二分水器", bianma: "scrfsq" }, - { name: "消防栓扳手", bianma: "xfsbs" }, - { name: "强光照明灯", bianma: "qgzmd" }, - { name: "铁铤", bianma: "tx" }, - { name: "消防头盔", bianma: "xftk" }, - { name: "消防员灭火防护服", bianma: "xfymhf" }, - { name: "消防手套", bianma: "xfst" }, - { name: "消防安全腰带、消防腰带、斧套", bianma: "xfanyd" }, - { name: "消防员灭火防护靴", bianma: "xfymhhx" }, - { name: "消防轻型安全绳", bianma: "xfqxaqs" }, - { name: "消防过滤式综合防毒面具", bianma: "xfglszhfdmj" }, - { name: "多功能水枪", bianma: "dgnsq" }, - { name: "消防呼吸面罩", bianma: "xfhxmz" }, - { name: "微型消防站柜子", bianma: "wxxfzgz" }, - { name: "七氟丙烷灭火器", bianma: "qfbwmhq" }, - { name: "水泵接合器", bianma: "38" }, - { name: "消防器材箱", bianma: "xfsx" }, - { name: "消防砂", bianma: "xfs" }, - { name: "泡沫枪", bianma: "poameqiang" }, - { name: "移动消防水炮", bianma: "yidongxiaofangshuipao" }, - { name: "移动泡沫炮", bianma: "yidongpaomenpao" }, -]; - -export const xiaofangBlock1List = [ - { FIRE_DEVICE_TYPE_NAME: "干粉灭火器", FIRE_POINT_NAME: "浴池男更衣室楼梯", COUNT: 3 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "综合楼一楼东", COUNT: 2 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队二层警容镜旁", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队二层西", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队二层楼道东", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队二层东", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队二层更衣室门前", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队车库器材室门前", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队一层车库楼梯口东侧", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队一层车库楼梯口东侧", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队燃料间", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队二层楼道西", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队老楼车库", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "三中队三层楼道", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队车棚东南角", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队厨房门南侧", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队一层东", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队一层车库东", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "一中队一层西", COUNT: 1 }, - { FIRE_DEVICE_TYPE_NAME: "灭火器箱", FIRE_POINT_NAME: "二中队三层楼道西", COUNT: 1 }, -]; - -export const weixianBlock3List = [ - { WORK_TYPE: "动火作业", STATUS_NAME: "现场负责人", USER_NAME: "李长健" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "运行乙班" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "卸车部运行乙班" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "动火后", USER_NAME: "王启龙" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船部" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船队机修乙班" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "动火后", USER_NAME: "彭俊伟" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "装船队机修乙班" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "运行乙班" }, - { WORK_TYPE: "动火作业", STATUS_NAME: "延时监火", USER_NAME: "卸车队运行甲班" }, -]; - -export const qixiangBlock3List = [ - { EQUIPMENTTYPE_NAME: "风速站", NAME: "151新港湾集装箱码头装船机测试", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "137", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-S10", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "155-六公司R2取料机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司A1Z", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: " 二公司B2D", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-SS2#变楼顶", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "101-六公司3号装船机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "133-七公司R5-2", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-R112", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "106-六公司ST2堆料机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-中控楼顶", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "110-六公司4号取料机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "122", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "181-七公司PR4", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "气象站", NAME: "九公司气象站-除尘部办公楼顶", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "118-七公司S7", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "119-杂货804门机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-SL12", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-T8", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "135-杂货一队422门机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司A6Q", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "二公司B3D", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "147-杂货517门机", isshow: "1" }, - { EQUIPMENTTYPE_NAME: "风速站", NAME: "九公司风速站-S11", isshow: "1" }, -]; - -export const renyuanBlock2List = [ - { alarmName: "安全帽佩戴异常", alarmTime: "2024-12-19 10:30:25", foulUserName: "张三", place: "二号码头作业区" }, - { alarmName: "进入危险区域", alarmTime: "2024-12-19 09:45:12", foulUserName: "李四", place: "化学品仓库" }, - { alarmName: "高空作业未系安全带", alarmTime: "2024-12-19 08:20:48", foulUserName: "王五", place: "装卸平台" }, - { alarmName: "违规操作设备", alarmTime: "2024-12-19 07:15:33", foulUserName: "赵六", place: "维修车间" }, - { alarmName: "烟火报警", alarmTime: "2024-12-19 06:50:17", foulUserName: "钱七", place: "物料堆放区" }, - { alarmName: "超时作业", alarmTime: "2024-12-19 05:42:09", foulUserName: "孙八", place: "集装箱堆场" }, - { alarmName: "违规吸烟", alarmTime: "2024-12-19 04:18:34", foulUserName: "周九", place: "油料储存区" }, - { alarmName: "人员聚集超限", alarmTime: "2024-12-19 03:25:41", foulUserName: "吴十", place: "登船通道" }, - { alarmName: "车辆超速", alarmTime: "2024-12-19 02:33:16", foulUserName: "郑十一", place: "港内道路" }, - { alarmName: "未佩戴防护用品", alarmTime: "2024-12-19 01:45:28", foulUserName: "王十二", place: "散货码头" }, - { alarmName: "进入限制区域", alarmTime: "2024-12-18 23:12:55", foulUserName: "冯十三", place: "控制中心" }, - { alarmName: "违规动火作业", alarmTime: "2024-12-18 22:05:43", foulUserName: "陈十四", place: "维修平台" }, - { alarmName: "人员滞留超时", alarmTime: "2024-12-18 21:38:19", foulUserName: "褚十五", place: "危险品堆场" }, - { alarmName: "设备异常操作", alarmTime: "2024-12-18 20:27:06", foulUserName: "卫十六", place: "装卸设备区" }, - { alarmName: "违规携带危险品", alarmTime: "2024-12-18 19:44:52", foulUserName: "蒋十七", place: "安检通道" }, - { alarmName: "安全距离不足", alarmTime: "2024-12-18 18:15:37", foulUserName: "沈十八", place: "龙门吊作业区" }, - { alarmName: "违规使用手机", alarmTime: "2024-12-18 17:29:44", foulUserName: "韩十九", place: "易燃品仓库" }, - { alarmName: "人员跌倒", alarmTime: "2024-12-18 16:36:21", foulUserName: "杨二十", place: "栈桥区域" }, - { alarmName: "违规跨越护栏", alarmTime: "2024-12-18 15:51:08", foulUserName: "朱二十一", place: "码头边缘" }, - { alarmName: "未按指定路线行走", alarmTime: "2024-12-18 14:42:35", foulUserName: "秦二十二", place: "作业通道" }, -]; - -export const fengbiBlock2List = [ - { NAME: "零号门", IN: "0", OUT: "0" }, - { NAME: "一号门", IN: "15", OUT: "12" }, - { NAME: "二号门", IN: "8", OUT: "10" }, - { NAME: "三号门", IN: "22", OUT: "18" }, - { NAME: "四号门", IN: "5", OUT: "7" }, - { NAME: "五号门", IN: "30", OUT: "25" }, - { NAME: "六号门", IN: "12", OUT: "14" }, - { NAME: "七号门", IN: "18", OUT: "16" }, - { NAME: "八号门", IN: "9", OUT: "11" }, - { NAME: "九号门", IN: "25", OUT: "20" }, -];