update
This commit is contained in:
		@@ -73,8 +73,6 @@ const EnergyCostChart = (props) => {
 | 
			
		||||
export default EnergyCostChart;
 | 
			
		||||
 | 
			
		||||
function getOptions(period, source, trend) {
 | 
			
		||||
  console.log("trend ==> ", trend);
 | 
			
		||||
 | 
			
		||||
  return {
 | 
			
		||||
    color: ["#FFD160", "#12FFF5", "#2760FF"],
 | 
			
		||||
    grid: { top: 32, right: 12, bottom: 56, left: 48 },
 | 
			
		||||
 
 | 
			
		||||
@@ -19,20 +19,28 @@ function EnergyCost(props) {
 | 
			
		||||
          </div>
 | 
			
		||||
          <div className={cls.info__item_groups}>
 | 
			
		||||
            <div className={cls.info__item}>
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>水耗量</i> :{" "}
 | 
			
		||||
              {energyInfo?.waterQty || 0}Km³
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>水耗量</i>:
 | 
			
		||||
              <span style={{ fontSize: "12px" }}>
 | 
			
		||||
                {energyInfo?.waterQty || 0}Km³
 | 
			
		||||
              </span>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div className={cls.info__item}>
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气I</i> :{" "}
 | 
			
		||||
              {energyInfo?.ngQty1 || 0}m³
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气I</i>:
 | 
			
		||||
              <span style={{ fontSize: "12px" }}>
 | 
			
		||||
                {energyInfo?.ngQty1 || 0}
 | 
			
		||||
              </span>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div className={cls.info__item}>
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>电耗量</i> :{" "}
 | 
			
		||||
              {energyInfo?.elecQty2 || 0}kWh
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>电耗量</i>:
 | 
			
		||||
              <span style={{ fontSize: "12px" }}>
 | 
			
		||||
                {energyInfo?.elecQty2 || 0}kWh
 | 
			
		||||
              </span>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div className={cls.info__item}>
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气II</i>{" "}
 | 
			
		||||
              : {energyInfo?.ngQty2 || 0}m³
 | 
			
		||||
              <i style={{ fontSize: "18px", fontStyle: "normal" }}>天然气II</i>:
 | 
			
		||||
              <span style={{ fontSize: "12px" }}>
 | 
			
		||||
                {energyInfo?.ngQty2 || 0}
 | 
			
		||||
              </span>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -15,7 +15,7 @@
 | 
			
		||||
	box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
 | 
			
		||||
	// width: 288px;
 | 
			
		||||
	height: 56px;
 | 
			
		||||
	font-size: 20px;
 | 
			
		||||
	font-size: 16px;
 | 
			
		||||
	letter-spacing: 1.43px;
 | 
			
		||||
	line-height: 56px;
 | 
			
		||||
	text-align: center;
 | 
			
		||||
 
 | 
			
		||||
@@ -73,7 +73,6 @@ function preHandleStatisticData(data, legend) {
 | 
			
		||||
    });
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  console.log("obj", obj)
 | 
			
		||||
  const series = Array(legend.length)
 | 
			
		||||
    .fill(1)
 | 
			
		||||
    .map((_) => ({
 | 
			
		||||
 
 | 
			
		||||
@@ -15,8 +15,6 @@ const GoodRateChart = (props) => {
 | 
			
		||||
  const [dateType, setDateType] = useState("day");
 | 
			
		||||
  const cutting = useSelector((state) => state.cutting);
 | 
			
		||||
 | 
			
		||||
  console.log("cutting chart", dateType, cutting.chart[dateType]);
 | 
			
		||||
 | 
			
		||||
  useEffect(() => {
 | 
			
		||||
    setUpdateKey(Date.now());
 | 
			
		||||
  }, [showMore]);
 | 
			
		||||
@@ -80,7 +78,6 @@ const GoodRateChart = (props) => {
 | 
			
		||||
export default GoodRateChart;
 | 
			
		||||
 | 
			
		||||
function getOptions(dataList, showMore, dateType) {
 | 
			
		||||
  console.log("showmore", showMore);
 | 
			
		||||
  const list = [...dataList].sort((a, b) => a.dataTime - b.dataTime);
 | 
			
		||||
  // data: Array(7)
 | 
			
		||||
  //   .fill(1)
 | 
			
		||||
 
 | 
			
		||||
@@ -5,7 +5,6 @@ function useTimeCounter(time) {
 | 
			
		||||
  const [timeTuple, setTimeTuple] = useState([0, 0]);
 | 
			
		||||
 | 
			
		||||
  useEffect(() => {
 | 
			
		||||
    console.log("time counter executed...");
 | 
			
		||||
    if (time == null) return;
 | 
			
		||||
    let timer = null;
 | 
			
		||||
    if (/分/.test(time) && /秒/.test(time)) {
 | 
			
		||||
 
 | 
			
		||||
@@ -20,7 +20,7 @@ export const initialState = {
 | 
			
		||||
      month: [],
 | 
			
		||||
      year: [],
 | 
			
		||||
    },
 | 
			
		||||
    natGasII: {
 | 
			
		||||
    natGas2: {
 | 
			
		||||
      week: [],
 | 
			
		||||
      month: [],
 | 
			
		||||
      year: [],
 | 
			
		||||
 
 | 
			
		||||
@@ -11,12 +11,13 @@ export default function handler(msg: MessageEvent) {
 | 
			
		||||
 | 
			
		||||
  console.log("[ISRA DATA] ---> ", serializedData);
 | 
			
		||||
 | 
			
		||||
  if (serializedData == null) return;
 | 
			
		||||
  if (serializedData == null || serializedData.detData == null) return;
 | 
			
		||||
 | 
			
		||||
  const { detData } = serializedData;
 | 
			
		||||
  // 处理 checkTypeList
 | 
			
		||||
  store.dispatch({
 | 
			
		||||
    type: "isra/setCheckType",
 | 
			
		||||
    payload: serializedData.checkType,
 | 
			
		||||
    payload: detData.checkType,
 | 
			
		||||
  });
 | 
			
		||||
  // for (const checkType of serializedData.checkTypeList) {
 | 
			
		||||
  //   store.dispatch({
 | 
			
		||||
@@ -26,25 +27,25 @@ export default function handler(msg: MessageEvent) {
 | 
			
		||||
  // }
 | 
			
		||||
 | 
			
		||||
  // 处理 dayStatistic 等数据
 | 
			
		||||
  if ("dayStatistic" in serializedData) {
 | 
			
		||||
  if ("dayStatistic" in detData) {
 | 
			
		||||
    store.dispatch({
 | 
			
		||||
      type: "isra/setDayStatistic",
 | 
			
		||||
      payload: serializedData.dayStatistic,
 | 
			
		||||
      payload: detData.dayStatistic,
 | 
			
		||||
    });
 | 
			
		||||
  } else if ("weekStatistic" in serializedData) {
 | 
			
		||||
  } else if ("weekStatistic" in detData) {
 | 
			
		||||
    store.dispatch({
 | 
			
		||||
      type: "isra/setWeekStatistic",
 | 
			
		||||
      payload: serializedData.weekStatistic,
 | 
			
		||||
      payload: serializedData.detData,
 | 
			
		||||
    });
 | 
			
		||||
  } else if ("monthStatistic" in serializedData) {
 | 
			
		||||
  } else if ("monthStatistic" in detData) {
 | 
			
		||||
    store.dispatch({
 | 
			
		||||
      type: "isra/setMonthStatistic",
 | 
			
		||||
      payload: serializedData.monthStatistic,
 | 
			
		||||
      payload: detData.monthStatistic,
 | 
			
		||||
    });
 | 
			
		||||
  } else if ("yearStatistic" in serializedData) {
 | 
			
		||||
  } else if ("yearStatistic" in detData) {
 | 
			
		||||
    store.dispatch({
 | 
			
		||||
      type: "isra/setYearStatistic",
 | 
			
		||||
      payload: serializedData.yearStatistic,
 | 
			
		||||
      payload: detData.yearStatistic,
 | 
			
		||||
    });
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -14,9 +14,13 @@ type ProductLineItem = {
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
export type MessageItem = {
 | 
			
		||||
  checkType: string[];
 | 
			
		||||
  dayStatistic?: ProductLineItem[];
 | 
			
		||||
  weekStatistic?: ProductLineItem[];
 | 
			
		||||
  monthStatistic?: ProductLineItem[];
 | 
			
		||||
  yearStatistic?: ProductLineItem[];
 | 
			
		||||
  type: string;
 | 
			
		||||
  name: string;
 | 
			
		||||
  detData: {
 | 
			
		||||
    checkType: string[];
 | 
			
		||||
    dayStatistic?: ProductLineItem[];
 | 
			
		||||
    weekStatistic?: ProductLineItem[];
 | 
			
		||||
    monthStatistic?: ProductLineItem[];
 | 
			
		||||
    yearStatistic?: ProductLineItem[];
 | 
			
		||||
  };
 | 
			
		||||
};
 | 
			
		||||
 
 | 
			
		||||
@@ -21,7 +21,7 @@ export default function handler(msg: MessageEvent) {
 | 
			
		||||
    console.log("[*] websocket: [unable to serialize] --->  ", msg);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  console.log("[CUTTING DATA] ---> ", serializedData);
 | 
			
		||||
  // console.log("[CUTTING DATA] ---> ", serializedData);
 | 
			
		||||
 | 
			
		||||
  if (serializedData == null) return;
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -22,7 +22,7 @@ class XClient {
 | 
			
		||||
    this.name = name;
 | 
			
		||||
    this.ws = new WebSocket(url);
 | 
			
		||||
    this.ws.onopen = () => {
 | 
			
		||||
      console.log(`[*] ${this.name} ws connected`);
 | 
			
		||||
      // console.log(`[*] ${this.name} ws connected`);
 | 
			
		||||
    };
 | 
			
		||||
    this.ws.onmessage = onmessage;
 | 
			
		||||
    this.ws.onerror = (err) => {
 | 
			
		||||
@@ -44,8 +44,8 @@ new XClient(
 | 
			
		||||
 | 
			
		||||
const newUser = uuidv4();
 | 
			
		||||
new XClient(
 | 
			
		||||
  "ws://192.168.1.74:48080/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=ENERGY" + newUser,
 | 
			
		||||
  "ws://10.70.2.2:8080/websocket/message?userId=ENERGY" + newUser,
 | 
			
		||||
  // "ws://192.168.1.74:48080/websocket/message?userId=ENERGY111",
 | 
			
		||||
  "MES_DATA",
 | 
			
		||||
  energeHandler
 | 
			
		||||
@@ -70,7 +70,7 @@ new XClient(
 | 
			
		||||
// 烟气处理相关数据
 | 
			
		||||
new XClient(
 | 
			
		||||
  // "ws://10.70.27.122:8080/websocket/message?userId=CUTTING",
 | 
			
		||||
  "ws://192.168.1.62:48082/websocket/message?userId=" + newUser,
 | 
			
		||||
  "ws://10.70.2.2:8080/websocket/message?userId=GAS" + newUser,
 | 
			
		||||
  "SMOKE_DATA",
 | 
			
		||||
  smokeHandler
 | 
			
		||||
);
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user