update 能源,规格:
This commit is contained in:
parent
c2802627d6
commit
4e73410495
@ -1,25 +1,98 @@
|
|||||||
import cls from "./index.module.css";
|
import cls from "./index.module.css";
|
||||||
import { randomInt } from "../../../../utils";
|
|
||||||
import * as echarts from "echarts";
|
import * as echarts from "echarts";
|
||||||
import { Switch, Radio } from "antd";
|
import { Switch, Radio } from "antd";
|
||||||
import ReactECharts from "echarts-for-react";
|
import ReactECharts from "echarts-for-react";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { useSelector } from "react-redux";
|
||||||
|
|
||||||
const EnergyCostChart = (props) => {
|
const EnergyCostChart = (props) => {
|
||||||
const options = {
|
const elecTrend = useSelector((state) => state.energy.trend.elec);
|
||||||
|
const gasITrend = useSelector((state) => state.energy.trend.natGas1);
|
||||||
|
const gasIITrend = useSelector((state) => state.energy.trend.natGas2);
|
||||||
|
const [source, setSource] = useState("elec");
|
||||||
|
const [period, setPeriod] = useState("week");
|
||||||
|
|
||||||
|
const currentTrend =
|
||||||
|
source == "elec" ? elecTrend : source == "gasi" ? gasITrend : gasIITrend;
|
||||||
|
|
||||||
|
const options = getOptions(
|
||||||
|
period,
|
||||||
|
source,
|
||||||
|
currentTrend ?? { week: [], month: [], year: [] }
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={cls.energyCostChart}>
|
||||||
|
<div className={cls.titleBar}>
|
||||||
|
<h2>能耗趋势图</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={`${cls.choiceBar} flex items-center justify-between`}>
|
||||||
|
<Radio.Group
|
||||||
|
value={source}
|
||||||
|
buttonStyle="solid"
|
||||||
|
onChange={(v) => setSource(v.target.value)}
|
||||||
|
className={`${cls.radioGroup} flex items-center justify-between`}
|
||||||
|
>
|
||||||
|
<Radio.Button value="elec" className="radio-group__item">
|
||||||
|
电
|
||||||
|
</Radio.Button>
|
||||||
|
<Radio.Button value="gasi" className="radio-group__item">
|
||||||
|
天然气I
|
||||||
|
</Radio.Button>
|
||||||
|
<Radio.Button value="gasii" className="radio-group__item">
|
||||||
|
天然气II
|
||||||
|
</Radio.Button>
|
||||||
|
</Radio.Group>
|
||||||
|
|
||||||
|
<Radio.Group
|
||||||
|
value={period}
|
||||||
|
buttonStyle="solid"
|
||||||
|
onChange={(v) => setPeriod(v.target.value)}
|
||||||
|
className={cls.radioGroup}
|
||||||
|
>
|
||||||
|
<Radio.Button value="week" className="radio-group__item">
|
||||||
|
周
|
||||||
|
</Radio.Button>
|
||||||
|
<Radio.Button value="month" className="radio-group__item">
|
||||||
|
月
|
||||||
|
</Radio.Button>
|
||||||
|
<Radio.Button value="year" className="radio-group__item">
|
||||||
|
年
|
||||||
|
</Radio.Button>
|
||||||
|
</Radio.Group>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex-1" style={{ marginTop: "8px" }}>
|
||||||
|
<ReactECharts option={options} style={{ height: "180px" }} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default EnergyCostChart;
|
||||||
|
|
||||||
|
function getOptions(period, source, trend) {
|
||||||
|
console.log("trend ==> ", trend);
|
||||||
|
|
||||||
|
return {
|
||||||
color: ["#FFD160", "#12FFF5", "#2760FF"],
|
color: ["#FFD160", "#12FFF5", "#2760FF"],
|
||||||
grid: { top: 32, right: 12, bottom: 56, left: 48 },
|
grid: { top: 32, right: 12, bottom: 56, left: 48 },
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: "category",
|
type: "category",
|
||||||
data: Array(7)
|
data:
|
||||||
.fill(1)
|
source == "elec"
|
||||||
.map((_, index) => {
|
? trend[period].map((item) => item.time)
|
||||||
const today = new Date();
|
: Array(period == "week" ? 7 : period == "year" ? 12 : 30)
|
||||||
const dtimestamp = today - index * 24 * 60 * 60 * 1000;
|
.fill(1)
|
||||||
return `${new Date(dtimestamp).getMonth() + 1}.${new Date(
|
.map((_, index) => {
|
||||||
dtimestamp
|
const today = new Date();
|
||||||
).getDate()}`;
|
const dtimestamp = today - index * 24 * 60 * 60 * 1000;
|
||||||
})
|
return `${new Date(dtimestamp).getMonth() + 1}.${new Date(
|
||||||
.reverse(),
|
dtimestamp
|
||||||
|
).getDate()}`;
|
||||||
|
})
|
||||||
|
.reverse(),
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
@ -43,7 +116,7 @@ const EnergyCostChart = (props) => {
|
|||||||
axisLabel: {
|
axisLabel: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
fontSize: 12,
|
fontSize: 12,
|
||||||
formatter: "{value} %",
|
// formatter: "{value} %",
|
||||||
},
|
},
|
||||||
axisLine: {
|
axisLine: {
|
||||||
show: true,
|
show: true,
|
||||||
@ -56,17 +129,16 @@ const EnergyCostChart = (props) => {
|
|||||||
color: "#213259a0",
|
color: "#213259a0",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
interval: 10,
|
// interval: 10,
|
||||||
min: 0,
|
// min: 0,
|
||||||
max: 100,
|
// max: 100,
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
data: Array(7)
|
data:
|
||||||
.fill(1)
|
source == "elec"
|
||||||
.map((_) => {
|
? trend[period].map((item) => item.qty)
|
||||||
return randomInt(60, 100);
|
: trend[period],
|
||||||
}),
|
|
||||||
type: "line",
|
type: "line",
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
@ -82,60 +154,4 @@ const EnergyCostChart = (props) => {
|
|||||||
trigger: "axis",
|
trigger: "axis",
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
}
|
||||||
function handleSwitchChange(val) {}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={cls.energyCostChart}>
|
|
||||||
<div className={cls.titleBar}>
|
|
||||||
<h2>能耗趋势图</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={`${cls.choiceBar} flex items-center justify-between`}>
|
|
||||||
<Radio.Group
|
|
||||||
defaultValue="oxygen"
|
|
||||||
buttonStyle="solid"
|
|
||||||
className={`${cls.radioGroup} flex items-center justify-between`}
|
|
||||||
>
|
|
||||||
<Radio.Button value="oxygen" className="radio-group__item">
|
|
||||||
氧气含量
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="so2" className="radio-group__item">
|
|
||||||
二氧化硫
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="no" className="radio-group__item">
|
|
||||||
一氧化氮
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="no2" className="radio-group__item">
|
|
||||||
二氧化氮
|
|
||||||
</Radio.Button>
|
|
||||||
</Radio.Group>
|
|
||||||
|
|
||||||
<Radio.Group
|
|
||||||
defaultValue="week"
|
|
||||||
buttonStyle="solid"
|
|
||||||
className={cls.radioGroup}
|
|
||||||
>
|
|
||||||
<Radio.Button value="day" className="radio-group__item">
|
|
||||||
日
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="week" className="radio-group__item">
|
|
||||||
周
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="month" className="radio-group__item">
|
|
||||||
月
|
|
||||||
</Radio.Button>
|
|
||||||
<Radio.Button value="year" className="radio-group__item">
|
|
||||||
年
|
|
||||||
</Radio.Button>
|
|
||||||
</Radio.Group>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex-1" style={{ marginTop: "8px" }}>
|
|
||||||
<ReactECharts option={options} style={{ height: "180px" }} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default EnergyCostChart;
|
|
||||||
|
@ -6,8 +6,7 @@ import { useSelector } from "react-redux";
|
|||||||
|
|
||||||
function EnergyCost(props) {
|
function EnergyCost(props) {
|
||||||
const energyInfo = useSelector((state) => state.energy?.info);
|
const energyInfo = useSelector((state) => state.energy?.info);
|
||||||
if (energyInfo) {
|
|
||||||
}
|
|
||||||
return (
|
return (
|
||||||
<Container title="能耗" icon="battery" className={cls.energyCost}>
|
<Container title="能耗" icon="battery" className={cls.energyCost}>
|
||||||
<div className={`flex flex-col`}>
|
<div className={`flex flex-col`}>
|
||||||
|
@ -13,6 +13,76 @@ export const initialState = {
|
|||||||
// 天然气2
|
// 天然气2
|
||||||
ngQty2: "0", // m³
|
ngQty2: "0", // m³
|
||||||
},
|
},
|
||||||
|
trend: {
|
||||||
|
natGas1: {
|
||||||
|
// 暂时只存了周数据:
|
||||||
|
week: [],
|
||||||
|
month: [],
|
||||||
|
year: [],
|
||||||
|
},
|
||||||
|
natGasII: {
|
||||||
|
week: [],
|
||||||
|
month: [],
|
||||||
|
year: [],
|
||||||
|
},
|
||||||
|
elec: {
|
||||||
|
week: [
|
||||||
|
// { qty: 10, time: "01" },
|
||||||
|
// { qty: 20, time: "02" },
|
||||||
|
// { qty: 30, time: "03" },
|
||||||
|
// { qty: 40, time: "04" },
|
||||||
|
// { qty: 50, time: "05" },
|
||||||
|
// { qty: 60, time: "06" },
|
||||||
|
// { qty: 70, time: "07" },
|
||||||
|
],
|
||||||
|
month: [
|
||||||
|
// { qty: 20, time: "02" },
|
||||||
|
// { qty: 30, time: "03" },
|
||||||
|
// { qty: 40, time: "04" },
|
||||||
|
// { qty: 50, time: "05" },
|
||||||
|
// { qty: 60, time: "06" },
|
||||||
|
// { qty: 70, time: "07" },
|
||||||
|
// { qty: 80, time: "08" },
|
||||||
|
// { qty: 90, time: "09" },
|
||||||
|
// { qty: 100, time: "10" },
|
||||||
|
// { qty: 110, time: "11" },
|
||||||
|
// { qty: 120, time: "12" },
|
||||||
|
// { qty: 130, time: "13" },
|
||||||
|
// { qty: 140, time: "14" },
|
||||||
|
// { qty: 150, time: "15" },
|
||||||
|
// { qty: 160, time: "16" },
|
||||||
|
// { qty: 170, time: "17" },
|
||||||
|
// { qty: 180, time: "18" },
|
||||||
|
// { qty: 190, time: "19" },
|
||||||
|
// { qty: 200, time: "20" },
|
||||||
|
// { qty: 210, time: "21" },
|
||||||
|
// { qty: 220, time: "22" },
|
||||||
|
// { qty: 230, time: "23" },
|
||||||
|
// { qty: 240, time: "24" },
|
||||||
|
// { qty: 250, time: "25" },
|
||||||
|
// { qty: 260, time: "26" },
|
||||||
|
// { qty: 270, time: "27" },
|
||||||
|
// { qty: 280, time: "28" },
|
||||||
|
// { qty: 290, time: "29" },
|
||||||
|
// { qty: 300, time: "30" },
|
||||||
|
// { qty: 310, time: "31" },
|
||||||
|
],
|
||||||
|
year: [
|
||||||
|
// { qty: 10, time: "01" },
|
||||||
|
// { qty: 20, time: "02" },
|
||||||
|
// { qty: 30, time: "03" },
|
||||||
|
// { qty: 40, time: "04" },
|
||||||
|
// { qty: 50, time: "05" },
|
||||||
|
// { qty: 60, time: "06" },
|
||||||
|
// { qty: 70, time: "07" },
|
||||||
|
// { qty: 80, time: "08" },
|
||||||
|
// { qty: 90, time: "09" },
|
||||||
|
// { qty: 100, time: "10" },
|
||||||
|
// { qty: 110, time: "11" },
|
||||||
|
// { qty: 120, time: "12" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const energySlice = createSlice({
|
const energySlice = createSlice({
|
||||||
@ -22,6 +92,23 @@ const energySlice = createSlice({
|
|||||||
setInfo: (state, action) => {
|
setInfo: (state, action) => {
|
||||||
state.info = { ...state.info, ...action.payload };
|
state.info = { ...state.info, ...action.payload };
|
||||||
},
|
},
|
||||||
|
setElecTrend: (state, action) => {
|
||||||
|
state.trend.elec = action.payload;
|
||||||
|
},
|
||||||
|
setSumGasData: (state, action) => {
|
||||||
|
if ("sumGas1Now" in action.payload) {
|
||||||
|
state.info.ngQty1 = action.payload.sumGas1Now;
|
||||||
|
}
|
||||||
|
if ("sumGas2Now" in action.payload) {
|
||||||
|
state.info.ngQty2 = action.payload.sumGas2Now;
|
||||||
|
}
|
||||||
|
if ("hisSumGas1" in action.payload) {
|
||||||
|
state.trend.natGas1.week = action.payload.hisSumGas1;
|
||||||
|
}
|
||||||
|
if ("hisSumGas2" in action.payload) {
|
||||||
|
state.trend.natGas2.week = action.payload.hisSumGas2;
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
50
src/utils/IS.ts
Normal file
50
src/utils/IS.ts
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
import { store } from "../store";
|
||||||
|
import { MessageItem } from "./checkTypeHelper";
|
||||||
|
|
||||||
|
export default function handler(msg: MessageEvent) {
|
||||||
|
let serializedData: MessageItem | null = null;
|
||||||
|
try {
|
||||||
|
serializedData = JSON.parse(msg.data);
|
||||||
|
} catch (error) {
|
||||||
|
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("[ISRA DATA] ---> ", serializedData);
|
||||||
|
|
||||||
|
if (serializedData == null) return;
|
||||||
|
|
||||||
|
// 处理 checkTypeList
|
||||||
|
store.dispatch({
|
||||||
|
type: "isra/setCheckType",
|
||||||
|
payload: serializedData.checkType,
|
||||||
|
});
|
||||||
|
// for (const checkType of serializedData.checkTypeList) {
|
||||||
|
// store.dispatch({
|
||||||
|
// type: 'isra/setCheckTypeList',
|
||||||
|
// payload: serializedData.checkTypeList
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 处理 dayStatistic 等数据
|
||||||
|
if ("dayStatistic" in serializedData) {
|
||||||
|
store.dispatch({
|
||||||
|
type: "isra/setDayStatistic",
|
||||||
|
payload: serializedData.dayStatistic,
|
||||||
|
});
|
||||||
|
} else if ("weekStatistic" in serializedData) {
|
||||||
|
store.dispatch({
|
||||||
|
type: "isra/setWeekStatistic",
|
||||||
|
payload: serializedData.weekStatistic,
|
||||||
|
});
|
||||||
|
} else if ("monthStatistic" in serializedData) {
|
||||||
|
store.dispatch({
|
||||||
|
type: "isra/setMonthStatistic",
|
||||||
|
payload: serializedData.monthStatistic,
|
||||||
|
});
|
||||||
|
} else if ("yearStatistic" in serializedData) {
|
||||||
|
store.dispatch({
|
||||||
|
type: "isra/setYearStatistic",
|
||||||
|
payload: serializedData.yearStatistic,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
42
src/utils/cutting.ts
Normal file
42
src/utils/cutting.ts
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
import { store } from "../store";
|
||||||
|
type TableDataType = {
|
||||||
|
name: "table";
|
||||||
|
type: "cutting";
|
||||||
|
data: any[];
|
||||||
|
};
|
||||||
|
type ChartDataType = {
|
||||||
|
name: "chart";
|
||||||
|
type: "cutting";
|
||||||
|
nightPushData: any[];
|
||||||
|
dayPushData: any[];
|
||||||
|
allPushData: any[];
|
||||||
|
dateType: "day" | "week" | "month" | "year";
|
||||||
|
};
|
||||||
|
|
||||||
|
export default function handler(msg: MessageEvent) {
|
||||||
|
let serializedData: TableDataType | ChartDataType | null = null;
|
||||||
|
try {
|
||||||
|
serializedData = JSON.parse(msg.data);
|
||||||
|
} catch (error) {
|
||||||
|
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("[CUTTING DATA] ---> ", serializedData);
|
||||||
|
|
||||||
|
if (serializedData == null) return;
|
||||||
|
|
||||||
|
switch (serializedData.name) {
|
||||||
|
case "table":
|
||||||
|
store.dispatch({
|
||||||
|
type: "cutting/setCuttingTable",
|
||||||
|
payload: serializedData,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "chart":
|
||||||
|
store.dispatch({
|
||||||
|
type: "cutting/setCuttingChart",
|
||||||
|
payload: serializedData,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
138
src/utils/dcs.ts
Normal file
138
src/utils/dcs.ts
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
import { store } from "../store";
|
||||||
|
|
||||||
|
export default function handler(msg: MessageEvent) {
|
||||||
|
let serializedData: { type: string; data: any } | null = null;
|
||||||
|
try {
|
||||||
|
serializedData = JSON.parse(msg.data);
|
||||||
|
} catch (error) {
|
||||||
|
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
||||||
|
}
|
||||||
|
switch (serializedData?.type) {
|
||||||
|
case "KilnInfo": {
|
||||||
|
store.dispatch({
|
||||||
|
type: "kiln/setKilnInfo",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "CombustionAirInfo": {
|
||||||
|
// 助燃风流量 实时
|
||||||
|
store.dispatch({
|
||||||
|
type: "combustionAir/setRuntime",
|
||||||
|
payload: serializedData.data.combustionAirNow, // []
|
||||||
|
});
|
||||||
|
// 助燃风流量 历史
|
||||||
|
store.dispatch({
|
||||||
|
type: "combustionAir/setHistory",
|
||||||
|
payload: serializedData.data.combustionAirHis, // {}
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "GasInfo": {
|
||||||
|
// 天然气流量 1 实时
|
||||||
|
store.dispatch({
|
||||||
|
type: "natGas/setGasIRuntime",
|
||||||
|
payload: serializedData.data.gas1Now,
|
||||||
|
});
|
||||||
|
// 天然气流量 1 历史
|
||||||
|
store.dispatch({
|
||||||
|
type: "natGas/setGasIHistory",
|
||||||
|
payload: serializedData.data.hisGas1,
|
||||||
|
});
|
||||||
|
// 天然气流量 2 实时
|
||||||
|
store.dispatch({
|
||||||
|
type: "natGas/setGasIIRuntime",
|
||||||
|
payload: serializedData.data.gas2Now,
|
||||||
|
});
|
||||||
|
// 天然气流量 2 历史
|
||||||
|
store.dispatch({
|
||||||
|
type: "natGas/setGasIIHistory",
|
||||||
|
payload: serializedData.data.hisGas2,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "FanFrequencyInfo": {
|
||||||
|
// 风机运行频率 暂时只有实时数据
|
||||||
|
store.dispatch({
|
||||||
|
type: "fanFrequence/setRuntime",
|
||||||
|
payload: serializedData.data.FanFrequencyInfo,
|
||||||
|
});
|
||||||
|
// 风机运行频率 历史 暂无
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "TopTempInfo": {
|
||||||
|
// 碹顶温度列表
|
||||||
|
store.dispatch({
|
||||||
|
type: "temperature/setTopTemp",
|
||||||
|
payload: serializedData.data.topTempInfo,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "BottomTempInfo": {
|
||||||
|
// 碹底温度列表
|
||||||
|
store.dispatch({
|
||||||
|
type: "temperature/setBottomTemp",
|
||||||
|
payload: serializedData.data.bottomTempInfo,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "FeederInfo": {
|
||||||
|
// 投料机信息
|
||||||
|
store.dispatch({
|
||||||
|
type: "feeder/setFeederInfo",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "FireInfo": {
|
||||||
|
// 火向时间信息
|
||||||
|
store.dispatch({
|
||||||
|
type: "fireInfo/setFireInfo",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "FanInfo": {
|
||||||
|
// 风机信息
|
||||||
|
store.dispatch({
|
||||||
|
type: "fanInfo/setInfo",
|
||||||
|
payload: serializedData.data.fanInfo,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "AnnealFanFrequencyInfo": {
|
||||||
|
// 退火-风机运行频率
|
||||||
|
store.dispatch({
|
||||||
|
type: "annealFanFrequence/setRuntime",
|
||||||
|
payload: serializedData.data.AnnealFanFrequencyInfo,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "AnnealTempInfo": {
|
||||||
|
// 退火-温度列表
|
||||||
|
store.dispatch({
|
||||||
|
type: "annealTemperature/setTemp",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "AnnealFanInfo": {
|
||||||
|
// 退火-风机故障信息
|
||||||
|
store.dispatch({
|
||||||
|
type: "annealFanInfo/setInfo",
|
||||||
|
payload: serializedData.data.annealFanInfo,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "SumGasInfo": {
|
||||||
|
store.dispatch({
|
||||||
|
type: "energy/setSumGasData",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
default: {
|
||||||
|
console.log("websocket message: [unknown] ---> ", msg.data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
30
src/utils/energe.ts
Normal file
30
src/utils/energe.ts
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
import { store } from "../store";
|
||||||
|
|
||||||
|
export default function handler(msg: MessageEvent) {
|
||||||
|
let serializedData: { type: string; data: any } | null = null;
|
||||||
|
try {
|
||||||
|
serializedData = JSON.parse(msg.data);
|
||||||
|
} catch (error) {
|
||||||
|
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
||||||
|
}
|
||||||
|
switch (serializedData?.type) {
|
||||||
|
case "EnergyInfo": {
|
||||||
|
// 能耗数据
|
||||||
|
store.dispatch({
|
||||||
|
type: "energy/setInfo",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case "EnergyTrend": {
|
||||||
|
store.dispatch({
|
||||||
|
type: "energy/setTrend",
|
||||||
|
payload: serializedData.data,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
default: {
|
||||||
|
console.log("websocket message: [unknown] ---> ", msg.data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -1,15 +1,8 @@
|
|||||||
import { store } from "../store";
|
import { v4 as uuidv4 } from "uuid";
|
||||||
import { MessageItem } from "./checkTypeHelper";
|
import cuttingHandler from "./cutting";
|
||||||
import { v4 as uuidv4 } from 'uuid'
|
import energeHandler from "./energe";
|
||||||
|
import IsHandler from "./IS";
|
||||||
export function randomInt(min: number, max: number, includeMax = false) {
|
import dcsHandler from "./dcs";
|
||||||
let Fn = includeMax ? Math.ceil : Math.floor;
|
|
||||||
let num = Fn(Math.random() * max);
|
|
||||||
while (num < min) {
|
|
||||||
num = Fn(Math.random() * max);
|
|
||||||
}
|
|
||||||
return num;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* new XClient('ws://192.168.1.12:8081/xc-screen/websocket/xc001', 'DCS')
|
* new XClient('ws://192.168.1.12:8081/xc-screen/websocket/xc001', 'DCS')
|
||||||
@ -45,164 +38,16 @@ new XClient(
|
|||||||
"ws://10.70.180.10:8081/xc-screen/websocket/xc001",
|
"ws://10.70.180.10:8081/xc-screen/websocket/xc001",
|
||||||
// "ws://192.168.1.12:8081/xc-screen/websocket/xc001",
|
// "ws://192.168.1.12:8081/xc-screen/websocket/xc001",
|
||||||
"DCS_DATA",
|
"DCS_DATA",
|
||||||
(msg: MessageEvent) => {
|
dcsHandler
|
||||||
let serializedData: { type: string; data: any } | null = null;
|
|
||||||
try {
|
|
||||||
serializedData = JSON.parse(msg.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
|
||||||
}
|
|
||||||
switch (serializedData?.type) {
|
|
||||||
case "KilnInfo": {
|
|
||||||
store.dispatch({
|
|
||||||
type: "kiln/setKilnInfo",
|
|
||||||
payload: serializedData.data,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "CombustionAirInfo": {
|
|
||||||
// 助燃风流量 实时
|
|
||||||
store.dispatch({
|
|
||||||
type: "combustionAir/setRuntime",
|
|
||||||
payload: serializedData.data.combustionAirNow, // []
|
|
||||||
});
|
|
||||||
// 助燃风流量 历史
|
|
||||||
store.dispatch({
|
|
||||||
type: "combustionAir/setHistory",
|
|
||||||
payload: serializedData.data.combustionAirHis, // {}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "GasInfo": {
|
|
||||||
// 天然气流量 1 实时
|
|
||||||
store.dispatch({
|
|
||||||
type: "natGas/setGasIRuntime",
|
|
||||||
payload: serializedData.data.gas1Now,
|
|
||||||
});
|
|
||||||
// 天然气流量 1 历史
|
|
||||||
store.dispatch({
|
|
||||||
type: "natGas/setGasIHistory",
|
|
||||||
payload: serializedData.data.hisGas1,
|
|
||||||
});
|
|
||||||
// 天然气流量 2 实时
|
|
||||||
store.dispatch({
|
|
||||||
type: "natGas/setGasIIRuntime",
|
|
||||||
payload: serializedData.data.gas2Now,
|
|
||||||
});
|
|
||||||
// 天然气流量 2 历史
|
|
||||||
store.dispatch({
|
|
||||||
type: "natGas/setGasIIHistory",
|
|
||||||
payload: serializedData.data.hisGas2,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "FanFrequencyInfo": {
|
|
||||||
// 风机运行频率 暂时只有实时数据
|
|
||||||
store.dispatch({
|
|
||||||
type: "fanFrequence/setRuntime",
|
|
||||||
payload: serializedData.data.FanFrequencyInfo,
|
|
||||||
});
|
|
||||||
// 风机运行频率 历史 暂无
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "TopTempInfo": {
|
|
||||||
// 碹顶温度列表
|
|
||||||
store.dispatch({
|
|
||||||
type: "temperature/setTopTemp",
|
|
||||||
payload: serializedData.data.topTempInfo,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "BottomTempInfo": {
|
|
||||||
// 碹底温度列表
|
|
||||||
store.dispatch({
|
|
||||||
type: "temperature/setBottomTemp",
|
|
||||||
payload: serializedData.data.bottomTempInfo,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "FeederInfo": {
|
|
||||||
// 投料机信息
|
|
||||||
store.dispatch({
|
|
||||||
type: "feeder/setFeederInfo",
|
|
||||||
payload: serializedData.data,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "FireInfo": {
|
|
||||||
// 火向时间信息
|
|
||||||
store.dispatch({
|
|
||||||
type: "fireInfo/setFireInfo",
|
|
||||||
payload: serializedData.data,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "FanInfo": {
|
|
||||||
// 风机信息
|
|
||||||
store.dispatch({
|
|
||||||
type: "fanInfo/setInfo",
|
|
||||||
payload: serializedData.data.fanInfo,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "AnnealFanFrequencyInfo": {
|
|
||||||
// 退火-风机运行频率
|
|
||||||
store.dispatch({
|
|
||||||
type: "annealFanFrequence/setRuntime",
|
|
||||||
payload: serializedData.data.AnnealFanFrequencyInfo,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "AnnealTempInfo": {
|
|
||||||
// 退火-温度列表
|
|
||||||
store.dispatch({
|
|
||||||
type: "annealTemperature/setTemp",
|
|
||||||
payload: serializedData.data,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "AnnealFanInfo": {
|
|
||||||
// 退火-风机故障信息
|
|
||||||
store.dispatch({
|
|
||||||
type: "annealFanInfo/setInfo",
|
|
||||||
payload: serializedData.data.annealFanInfo,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
default: {
|
|
||||||
console.log("websocket message: [unknown] ---> ", msg.data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const newUser = uuidv4()
|
const newUser = uuidv4();
|
||||||
new XClient(
|
new XClient(
|
||||||
"ws://192.168.1.74:48080/websocket/message?userId=ENERGY" + newUser,
|
"ws://192.168.1.74:48080/websocket/message?userId=ENERGY" + newUser,
|
||||||
// "ws://10.70.2.2:8080/websocket/message?userId=ENERGY" + newUser,
|
// "ws://10.70.2.2:8080/websocket/message?userId=ENERGY" + newUser,
|
||||||
// "ws://192.168.1.74:48080/websocket/message?userId=ENERGY111",
|
// "ws://192.168.1.74:48080/websocket/message?userId=ENERGY111",
|
||||||
"MES_DATA",
|
"MES_DATA",
|
||||||
(msg) => {
|
energeHandler
|
||||||
let serializedData: { type: string; data: any } | null = null;
|
|
||||||
try {
|
|
||||||
serializedData = JSON.parse(msg.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
|
||||||
}
|
|
||||||
switch (serializedData?.type) {
|
|
||||||
case "EnergyInfo": {
|
|
||||||
// 能耗数据
|
|
||||||
store.dispatch({
|
|
||||||
type: "energy/setInfo",
|
|
||||||
payload: serializedData.data,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
default: {
|
|
||||||
console.log("websocket message: [unknown] ---> ", msg.data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
);
|
||||||
|
|
||||||
// 产线缺陷相关数据
|
// 产线缺陷相关数据
|
||||||
@ -210,98 +55,22 @@ new XClient(
|
|||||||
"ws://10.70.2.2:8080/websocket/message?userId=IS" + newUser,
|
"ws://10.70.2.2:8080/websocket/message?userId=IS" + newUser,
|
||||||
// "ws://192.168.0.33:48082/websocket/message?userId=IS111",
|
// "ws://192.168.0.33:48082/websocket/message?userId=IS111",
|
||||||
"QUALITY_DATA",
|
"QUALITY_DATA",
|
||||||
(msg) => {
|
IsHandler
|
||||||
let serializedData: MessageItem | null = null;
|
|
||||||
try {
|
|
||||||
serializedData = JSON.parse(msg.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("[ISRA DATA] ---> ", serializedData);
|
|
||||||
|
|
||||||
if (serializedData == null) return;
|
|
||||||
|
|
||||||
// 处理 checkTypeList
|
|
||||||
store.dispatch({
|
|
||||||
type: "isra/setCheckType",
|
|
||||||
payload: serializedData.checkType,
|
|
||||||
});
|
|
||||||
// for (const checkType of serializedData.checkTypeList) {
|
|
||||||
// store.dispatch({
|
|
||||||
// type: 'isra/setCheckTypeList',
|
|
||||||
// payload: serializedData.checkTypeList
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
|
|
||||||
// 处理 dayStatistic 等数据
|
|
||||||
if ("dayStatistic" in serializedData) {
|
|
||||||
store.dispatch({
|
|
||||||
type: "isra/setDayStatistic",
|
|
||||||
payload: serializedData.dayStatistic,
|
|
||||||
});
|
|
||||||
} else if ("weekStatistic" in serializedData) {
|
|
||||||
store.dispatch({
|
|
||||||
type: "isra/setWeekStatistic",
|
|
||||||
payload: serializedData.weekStatistic,
|
|
||||||
});
|
|
||||||
} else if ("monthStatistic" in serializedData) {
|
|
||||||
store.dispatch({
|
|
||||||
type: "isra/setMonthStatistic",
|
|
||||||
payload: serializedData.monthStatistic,
|
|
||||||
});
|
|
||||||
} else if ("yearStatistic" in serializedData) {
|
|
||||||
store.dispatch({
|
|
||||||
type: "isra/setYearStatistic",
|
|
||||||
payload: serializedData.yearStatistic,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
);
|
||||||
|
|
||||||
type TableDataType = {
|
|
||||||
name: "table";
|
|
||||||
type: "cutting";
|
|
||||||
data: any[];
|
|
||||||
};
|
|
||||||
type ChartDataType = {
|
|
||||||
name: "chart";
|
|
||||||
type: "cutting";
|
|
||||||
nightPushData: any[];
|
|
||||||
dayPushData: any[];
|
|
||||||
allPushData: any[];
|
|
||||||
dateType: "day" | "week" | "month" | "year";
|
|
||||||
};
|
|
||||||
// 良品率相关数据
|
// 良品率相关数据
|
||||||
new XClient(
|
new XClient(
|
||||||
// "ws://10.70.27.122:8080/websocket/message?userId=CUTTING",
|
// "ws://10.70.27.122:8080/websocket/message?userId=CUTTING",
|
||||||
"ws://10.70.2.2:8080/websocket/message?userId=CUTTING" + newUser,
|
"ws://10.70.2.2:8080/websocket/message?userId=CUTTING" + newUser,
|
||||||
"CUTTING_DATA",
|
"CUTTING_DATA",
|
||||||
(msg) => {
|
cuttingHandler
|
||||||
let serializedData: TableDataType | ChartDataType | null = null;
|
|
||||||
try {
|
|
||||||
serializedData = JSON.parse(msg.data);
|
|
||||||
} catch (error) {
|
|
||||||
console.log("[*] websocket: [unable to serialize] ---> ", msg);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("[CUTTING DATA] ---> ", serializedData);
|
|
||||||
|
|
||||||
if (serializedData == null) return;
|
|
||||||
|
|
||||||
switch (serializedData.name) {
|
|
||||||
case "table":
|
|
||||||
store.dispatch({
|
|
||||||
type: "cutting/setCuttingTable",
|
|
||||||
payload: serializedData,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case "chart":
|
|
||||||
store.dispatch({
|
|
||||||
type: "cutting/setCuttingChart",
|
|
||||||
payload: serializedData,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
);
|
||||||
|
|
||||||
|
export function randomInt(min: number, max: number, includeMax = false) {
|
||||||
|
let Fn = includeMax ? Math.ceil : Math.floor;
|
||||||
|
let num = Fn(Math.random() * max);
|
||||||
|
while (num < min) {
|
||||||
|
num = Fn(Math.random() * max);
|
||||||
|
}
|
||||||
|
return num;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user