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 0000000..bc2fd08 Binary files /dev/null and b/src/assets/images/map_bi/content/title_bg2.png differ 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" }, -];