master
LiuJiaNan
parent
de7627f6e3
commit
66d31d2a78
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -192,7 +192,7 @@ function BottomUtils(props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="bottom_utils_container">
|
||||
<div className="map_content_bottom_utils_container">
|
||||
<SwitchTransition>
|
||||
<CSSTransition
|
||||
timeout={500}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.bottom_utils_container {
|
||||
.map_content_bottom_utils_container {
|
||||
.bottom_utils {
|
||||
width: 1000px;
|
||||
//height: 168px;
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ function CenterUtils(props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="center_options_container">
|
||||
<div className="map_content_center_options_container">
|
||||
<CSSTransition
|
||||
in={(currentPort === "00003" && !currentBranchOffice && !pureMap)}
|
||||
timeout={1000}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.center_options_container {
|
||||
.map_content_center_options_container {
|
||||
.center_options {
|
||||
width: 408px;
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,129 @@
|
|||
import * as echarts from "echarts";
|
||||
|
||||
export const initEcharts1 = (main1Ref, chartInstance, data) => {
|
||||
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);
|
||||
};
|
||||
|
|
@ -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 (
|
||||
<div>111</div>
|
||||
<div className="branch_office_index">
|
||||
<div className="block1">
|
||||
<Title title="天气预防情况" />
|
||||
<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>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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()}
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.title_container {
|
||||
.map_content_port_title_container {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
background-size: 100% 100%;
|
||||
|
|
|
|||
|
|
@ -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 },
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ function Header(props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="header_container">
|
||||
<div className="map_content_header_container">
|
||||
<SwitchTransition>
|
||||
<CSSTransition
|
||||
timeout={1000}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.header_container {
|
||||
.map_content_header_container {
|
||||
header {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
|
|
|
|||
|
|
@ -176,7 +176,7 @@ function RightUtils(props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="right_utils_container">
|
||||
<div className="map_content_right_utils_container">
|
||||
<SwitchTransition>
|
||||
<CSSTransition
|
||||
timeout={1000}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.right_utils_container {
|
||||
.map_content_right_utils_container {
|
||||
|
||||
.tooltip() {
|
||||
transition: 0.5s;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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" },
|
||||
];
|
||||
Loading…
Reference in New Issue