@vtx/modals2 5.0.2 → 5.0.3

package/lib/vtx-df-modal/api.js

@@ -0,0 +1,267 @@
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+import http from "../_util/http";
+var BaseService = {
+  useTrendInfo: function useTrendInfo(code, startDate, endDate) {
+    // 进场趋势
+    var _useRequest = useRequest(function () {
+        return http.getForTenantId('/cloud/zd/lm/api/cp/dataBoard/getSumDataLineByFactory.smvc', {
+          body: {
+            disposeUnitCode: code,
+            startDate: startDate,
+            endDate: endDate,
+            tenantId: ''
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startDate, endDate]
+      }),
+      trendRes = _useRequest.data;
+    return {
+      trendRes: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.data) || []
+    };
+  },
+  // 实时运行(进场)情况
+  useSituation: function useSituation(code, date) {
+    var _useRequest2 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/dataBoard/getSumData.smvc', {
+          data: {
+            disposeUnitCode: code,
+            date: date
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [date]
+      }),
+      situationRes = _useRequest2.data;
+    return {
+      situationRes: situationRes === null || situationRes === void 0 ? void 0 : situationRes.data
+    };
+  },
+  useSituationSummary: function useSituationSummary(code, startDate, endDate) {
+    // 实时运行情况
+    var _useRequest3 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/dataBoard/getSumOperationData.smvc', {
+          data: {
+            disposeUnitCode: code,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startDate, endDate]
+      }),
+      situationRes = _useRequest3.data;
+    return {
+      situationRes: (situationRes === null || situationRes === void 0 ? void 0 : situationRes.data) || []
+    };
+  },
+  useQyjcl: function useQyjcl(code, startDate, endDate) {
+    var _useRequest4 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/dataBoard/getAreaSumData.smvc', {
+          data: {
+            disposeUnitCode: code,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [code, startDate, endDate]
+      }),
+      res = _useRequest4.data;
+    return {
+      areaSumData: res === null || res === void 0 ? void 0 : res.data
+    };
+  },
+  useRealtimeMonitor: function useRealtimeMonitor(factoryCode) {
+    var _res$data;
+    // 实时监测
+    var _useRequest5 = useRequest(function () {
+        return request.get('/cloud/sjzt-reborn/api/v101/zdjg/jg/data/getJgDataStatistics', {
+          data: {
+            factoryCode: factoryCode
+          }
+        });
+      }, {
+        ready: !!factoryCode,
+        refreshDeps: [factoryCode]
+      }),
+      res = _useRequest5.data;
+    return {
+      realtimeMonitor: (res === null || res === void 0 || (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.deviceList) || []
+    };
+  },
+  useRealtime: function useRealtime(deviceId) {
+    // 实时监测情况
+    var _useRequest6 = useRequest(function () {
+        return http.getForTenantId('/cloud/sjzt-reborn/api/v101/zdjg/jg/data/getJgDataDeviceRealTime', {
+          body: {
+            deviceId: deviceId
+          }
+        });
+      }, {
+        ready: !!deviceId,
+        refreshDeps: [deviceId]
+      }),
+      res = _useRequest6.data;
+    return {
+      realtimeRes: (res === null || res === void 0 ? void 0 : res.data) || []
+    };
+  },
+  useJczbqsfx: function useJczbqsfx(code, deviceId, startTime, endTime) {
+    var _useRequest7 = useRequest(function () {
+        return request.get('/cloud/sjzt-reborn/api/v101/zdjg/jg/data/getJgDataChart', {
+          data: {
+            monitorItemCode: code,
+            deviceId: deviceId,
+            startTime: startTime,
+            endTime: endTime
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [code, deviceId, startTime, endTime]
+      }),
+      res = _useRequest7.data;
+    return {
+      timeSumData: code ? res === null || res === void 0 ? void 0 : res.data : {}
+    };
+  },
+  useJcccsjfb: function useJcccsjfb(code, startDate, endDate) {
+    // 实时运行情况
+    var _useRequest8 = useRequest(function () {
+        return http.getForTenantId('/cloud/zd/lm/api/cp/dataBoard/getSumCarNumHourLineByFactory.smvc', {
+          body: {
+            disposeUnitCode: code,
+            startDate: startDate,
+            endDate: endDate,
+            tenantId: ''
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startDate, endDate]
+      }),
+      jcccsjfbRes = _useRequest8.data;
+    return {
+      jcccsjfbRes: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.data) || []
+    };
+  }
+};
+var MeteringService = {
+  useRecord: function useRecord(code, startTime, endTime, page) {
+    var _useRequest9 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/zdjgLmWeighData/pageList.smvc', {
+          data: {
+            disposeUnitCode: code,
+            startTime: startTime,
+            endTime: endTime,
+            page: page,
+            rows: 10
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startTime, endTime, page]
+      }),
+      recordRes = _useRequest9.data;
+    var records = (recordRes === null || recordRes === void 0 ? void 0 : recordRes.data) || {
+      total: 0,
+      rows: []
+    };
+    return {
+      records: records
+    };
+  },
+  useSummary: function useSummary(code, startTime, endTime) {
+    var _useRequest10 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/zdjgLmWeighData/summary.smvc', {
+          data: {
+            disposeUnitCode: code,
+            startTime: startTime,
+            endTime: endTime,
+            page: 1,
+            rows: 10000
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startTime, endTime]
+      }),
+      summaryRes = _useRequest10.data;
+    var summary = (summaryRes === null || summaryRes === void 0 ? void 0 : summaryRes.data) || {};
+    return {
+      summary: summary
+    };
+  }
+};
+
+// 工况
+var WorkConditionService = {
+  useFetchData: function useFetchData(code, startDateTime, endDateTime) {
+    var _useRequest11 = useRequest(function () {
+        return request.get('/cloud/zd/jg/api/cp/historyValue/getMonitorItemSum.smvc', {
+          data: {
+            factoryCode: code,
+            startDateTime: startDateTime,
+            endDateTime: endDateTime,
+            monitorItemCodes: 'MI_TRW_LJ_RL,MI_CW_FDL,MI_CW_SLY,MI_CW_FH,MI_CW_LZH'
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startDateTime, endDateTime]
+      }),
+      res = _useRequest11.data;
+    var situationData = (res === null || res === void 0 ? void 0 : res.data) || [];
+    return {
+      situationData: situationData
+    };
+  }
+};
+
+// 日历
+var CalendarService = {
+  useFetchData: function useFetchData(code, startDate, endDate) {
+    var _useRequest12 = useRequest(function () {
+        return request.get('/cloud/zd/lm/api/cp/commonSummaryData/sumByDate', {
+          data: {
+            disposeUnitCodes: code,
+            startDate: startDate,
+            endDate: endDate,
+            dateType: 'day'
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startDate, endDate]
+      }),
+      res = _useRequest12.data;
+    return {
+      data1: (res === null || res === void 0 ? void 0 : res.data) || []
+    };
+  },
+  useFetchData2: function useFetchData2(code, startTime, endTime) {
+    var _useRequest13 = useRequest(function () {
+        return request.get('/cloud/sjzt-reborn/api/v101/zdjg/jg/data/getJgDataAlarmNumByDate', {
+          data: {
+            factoryCode: code,
+            startTime: startTime,
+            endTime: endTime
+          }
+        });
+      }, {
+        ready: !!code,
+        refreshDeps: [startTime, endTime]
+      }),
+      res2 = _useRequest13.data;
+    return {
+      data2: (res2 === null || res2 === void 0 ? void 0 : res2.data) || []
+    };
+  }
+};
+export { BaseService, CalendarService, MeteringService, WorkConditionService };

package/lib/vtx-df-modal/components/BaseInfo/Jcqsfx.js

@@ -0,0 +1,62 @@
+import { flatten, max } from 'lodash';
+import { VmLineCharts, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Jcqsfx(props) {
+  var _trendRes$values, _trendRes$values2;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark,
+    chartFontColor = _useSettings.chartFontColor;
+  var code = props.code,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _BaseService$useTrend = BaseService.useTrendInfo(code, startDate, endDate),
+    trendRes = _BaseService$useTrend.trendRes;
+  var maxNum = null;
+  if ((trendRes === null || trendRes === void 0 || (_trendRes$values = trendRes.values) === null || _trendRes$values === void 0 ? void 0 : _trendRes$values.length) > 0) {
+    maxNum = max(flatten(trendRes.values));
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: "base-top--jcqsfx",
+    children: /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u8FDB\u573A\u8D8B\u52BF\u5206\u6790",
+      needChange: false,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "base-top--chart",
+        children: /*#__PURE__*/_jsx(VmLineCharts, {
+          unit: "\u5428",
+          height: 320,
+          showLegend: false,
+          xAxis: (trendRes === null || trendRes === void 0 ? void 0 : trendRes.names) || [],
+          yMax: maxNum,
+          dataList: [{
+            data: ((_trendRes$values2 = trendRes.values) === null || _trendRes$values2 === void 0 ? void 0 : _trendRes$values2[0]) || [],
+            name: '进场量',
+            markLine: {
+              data: [{
+                yAxis: trendRes !== null && trendRes !== void 0 && trendRes.values && trendRes.values[1] ? trendRes.values[1][0] : 0,
+                lineStyle: {
+                  normal: {
+                    color: '#FFE25D'
+                  }
+                },
+                name: '设计能力(吨/日)'
+              }],
+              lineStyle: {
+                color: '#52C41A'
+              },
+              label: {
+                show: true,
+                position: 'insideEndTop',
+                formatter: '{b}: {c}',
+                color: isDark ? '#fff' : chartFontColor,
+                fontWeight: 'normal'
+              }
+            }
+          }]
+        })
+      })
+    })
+  });
+}

package/lib/vtx-df-modal/components/BaseInfo/Jczbqs.js

@@ -0,0 +1,96 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 监测指标趋势分析
+ */
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import * as echarts from 'echarts';
+import { useEffect } from 'react';
+import { VmEmpty, VmFilter, VmLineCharts, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Jczbqs(props) {
+  var _timeSumData$extraDat, _timeSumData$values;
+  var _useSettings = useSettings(),
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
+  var deviceId = props.deviceId,
+    realtimeRes = props.realtimeRes;
+  var _useSetState = useSetState({
+      value: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var value = state.value;
+  useEffect(function () {
+    var _realtimeRes$;
+    setState({
+      value: realtimeRes === null || realtimeRes === void 0 || (_realtimeRes$ = realtimeRes[0]) === null || _realtimeRes$ === void 0 ? void 0 : _realtimeRes$.monitorItemCode
+    });
+  }, [realtimeRes]);
+  var _BaseService$useJczbq = BaseService.useJczbqsfx(value, deviceId, moment().subtract(24, 'hours').format('YYYY-MM-DD HH:mm:ss'), moment().format('YYYY-MM-DD HH:mm:ss')),
+    timeSumData = _BaseService$useJczbq.timeSumData;
+  return /*#__PURE__*/_jsx("div", {
+    className: "df-overview-trend",
+    children: /*#__PURE__*/_jsx(VmWrapper, {
+      title: "\u76D1\u6D4B\u6307\u6807\u8D8B\u52BF\u5206\u6790\uFF0824\u5C0F\u65F6\uFF09",
+      extra: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
+        value: value,
+        onChange: function onChange(val) {
+          setState({
+            value: val
+          });
+        },
+        options: realtimeRes === null || realtimeRes === void 0 ? void 0 : realtimeRes.map(function (item) {
+          return {
+            value: item.monitorItemCode,
+            label: item.monitorItemName
+          };
+        }),
+        style: {
+          width: 150
+        },
+        placeholder: "\u8BF7\u9009\u62E9",
+        allowClear: false
+      }),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "df-overview-trend-content",
+        children: timeSumData ? /*#__PURE__*/_jsx(VmLineCharts, {
+          title: '总数',
+          height: 191,
+          unit: (timeSumData === null || timeSumData === void 0 || (_timeSumData$extraDat = timeSumData.extraData) === null || _timeSumData$extraDat === void 0 || (_timeSumData$extraDat = _timeSumData$extraDat[0]) === null || _timeSumData$extraDat === void 0 ? void 0 : _timeSumData$extraDat.unit) || '',
+          xAxis: (timeSumData === null || timeSumData === void 0 ? void 0 : timeSumData.names) || [],
+          dataList: timeSumData === null || timeSumData === void 0 || (_timeSumData$values = timeSumData.values) === null || _timeSumData$values === void 0 ? void 0 : _timeSumData$values.map(function (ele, index) {
+            var _timeSumData$extraDat2;
+            return {
+              data: ele,
+              name: (timeSumData === null || timeSumData === void 0 || (_timeSumData$extraDat2 = timeSumData.extraData[index]) === null || _timeSumData$extraDat2 === void 0 ? void 0 : _timeSumData$extraDat2.monitorItemName) || '',
+              smooth: true,
+              areaStyle: {
+                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+                  offset: 0,
+                  color: theme === 'blue' ? 'rgba(0,157,255,0.1)' : 'rgba(22, 119, 255, 0.10)'
+                }, {
+                  offset: 0.5,
+                  color: theme === 'blue' ? 'rgba(0,157,255,0.3)' : 'rgba(22, 119, 255, 0.30)'
+                }, {
+                  offset: 1,
+                  color: theme === 'blue' ? 'rgba(0,157,255,0.75)' : 'rgba(22, 119, 255, 0.75)'
+                }])
+              }
+            };
+          })
+        }) : /*#__PURE__*/_jsx(VmEmpty, {})
+      })
+    })
+  });
+}
+export default Jczbqs;

package/lib/vtx-df-modal/components/BaseInfo/Qyjcl.js

@@ -0,0 +1,43 @@
+/**
+ * 区域进场量分析
+ */
+
+import { sumBy } from 'lodash';
+import { VmEmpty, VmPieCharts } from "../../../_components";
+import { BaseService } from "../../api";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Qyjcl(props) {
+  var _areaSumData$areaDeta, _areaSumData$areaDeta2;
+  var code = props.code,
+    startDate = props.startDate,
+    endDate = props.endDate;
+  var _BaseService$useQyjcl = BaseService.useQyjcl(code, startDate, endDate),
+    areaSumData = _BaseService$useQyjcl.areaSumData;
+  var total = sumBy((areaSumData === null || areaSumData === void 0 ? void 0 : areaSumData.areaDetailList) || [], 'todayInWeight') || 0;
+  return /*#__PURE__*/_jsx("div", {
+    className: "df-qyjcl",
+    children: areaSumData !== null && areaSumData !== void 0 && (_areaSumData$areaDeta = areaSumData.areaDetailList) !== null && _areaSumData$areaDeta !== void 0 && _areaSumData$areaDeta.length ? /*#__PURE__*/_jsx(VmPieCharts, {
+      height: 216,
+      total: total,
+      title: "\u5428",
+      unit: "\u5428",
+      name: "\u533A\u57DF\u8FDB\u573A\u91CF",
+      innerRadius: ['50%', '65%'],
+      outerRadius: ['65%', '70%'],
+      dataList: (areaSumData === null || areaSumData === void 0 || (_areaSumData$areaDeta2 = areaSumData.areaDetailList) === null || _areaSumData$areaDeta2 === void 0 ? void 0 : _areaSumData$areaDeta2.map(function (ele) {
+        return {
+          name: ele.areaName,
+          value: ele.todayInWeight,
+          rate: ele.todayInWeightPercent
+        };
+      })) || [],
+      legendConfig: {
+        right: 16
+      }
+    }) : /*#__PURE__*/_jsx(VmEmpty, {
+      type: "NO_CHART"
+    })
+  });
+}
+export default Qyjcl;

package/lib/vtx-df-modal/components/BaseInfo/RealtimeMonitor.js

@@ -0,0 +1,146 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 实时监测情况
+ */
+import { Tabs } from 'antd';
+import { useEffect, useState } from 'react';
+import { VmEmpty, VmTable, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import alarm from "../../imgs/alarm.png";
+import alarmLight from "../../imgs/alarm_light.png";
+import normal from "../../imgs/normal.png";
+import normalLight from "../../imgs/normal_light.png";
+import more from "../../imgs/tab_more.png";
+import moreLight from "../../imgs/tab_more_light.png";
+import Jczbqs from "./Jczbqs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function RealtimeMonitor(_ref) {
+  var realtimeMonitor = _ref.realtimeMonitor,
+    hasLm = _ref.hasLm;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark,
+    tabPosition = _useSettings.tabPosition;
+  var _useState = useState('1'),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  useEffect(function () {
+    if ((realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0) {
+      setActive(realtimeMonitor[0].deviceId);
+    }
+  }, [realtimeMonitor]);
+  var _BaseService$useRealt = BaseService.useRealtime(active),
+    realtimeRes = _BaseService$useRealt.realtimeRes;
+  var columns = [{
+    title: '监测项',
+    dataIndex: 'monitorItemName',
+    key: 'monitorItemName'
+  }, {
+    title: '单位',
+    dataIndex: 'unit',
+    key: 'unit',
+    render: function render(text) {
+      return text || '-';
+    }
+  }, {
+    title: '监测值',
+    dataIndex: 'value',
+    key: 'value',
+    render: function render(text, record) {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.beenAlarm) && '#fd3a15'
+        },
+        children: text !== null && text !== void 0 ? text : '-'
+      });
+    }
+  }, {
+    title: '更新时间',
+    dataIndex: 'time',
+    key: 'time',
+    render: function render(text) {
+      return text || '-';
+    }
+  }];
+  var tableProps = {
+    height: 120,
+    paganitation: false,
+    dataSource: realtimeRes || []
+  };
+  var alarmImg = isDark ? alarm : alarmLight;
+  var normalImg = isDark ? normal : normalLight;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "base-bottom--right",
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        title: "\u5B9E\u65F6\u76D1\u6D4B\u60C5\u51B5",
+        needChange: false,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "base-bottom--right-content",
+          children: (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0 ? /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("div", {
+              className: "df-monitor-head",
+              children: /*#__PURE__*/_jsx(Tabs, {
+                centered: true,
+                moreIcon: /*#__PURE__*/_jsx("img", {
+                  src: isDark ? more : moreLight
+                }),
+                popupClassName: "df-popup-className ".concat(isDark ? 'dark' : ''),
+                onChange: function onChange(key) {
+                  setActive(key);
+                },
+                size: "small",
+                items: (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.map(function (item) {
+                  var flag = item.beenNormal;
+                  return {
+                    label: /*#__PURE__*/_jsxs("div", {
+                      className: "df-monitor-head-item",
+                      children: [/*#__PURE__*/_jsx("img", {
+                        src: flag ? normalImg : alarmImg
+                      }), /*#__PURE__*/_jsxs("div", {
+                        className: "df-monitor-head-item-right",
+                        children: [/*#__PURE__*/_jsx("div", {
+                          className: "df-monitor-head-item-right-name",
+                          children: item.deviceName
+                        }), /*#__PURE__*/_jsx("div", {
+                          className: "df-monitor-head-item-right-".concat(flag ? 'valueNormal' : 'valueAlarm'),
+                          children: /*#__PURE__*/_jsx("span", {
+                            children: flag ? '正常' : '异常'
+                          })
+                        })]
+                      })]
+                    }),
+                    key: item.deviceId
+                  };
+                })) || []
+              })
+            }), /*#__PURE__*/_jsx("div", {
+              className: "df-monitor-table",
+              children: /*#__PURE__*/_jsx(VmTable, _objectSpread({
+                columns: columns,
+                rowKey: "factorId"
+              }, tableProps))
+            })]
+          }) : /*#__PURE__*/_jsx(VmEmpty, {
+            type: "NO_DATA"
+          })
+        })
+      })
+    }), !hasLm && /*#__PURE__*/_jsx(Jczbqs, {
+      realtimeRes: realtimeRes,
+      deviceId: active
+    })]
+  });
+}

package/lib/vtx-df-modal/components/BaseInfo/Situation.js

@@ -0,0 +1,47 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 实时运行情况
+ */
+import { VmFactor } from "../../../_components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Situation(_ref) {
+  var situationRes = _ref.situationRes;
+  return /*#__PURE__*/_jsx("div", {
+    className: "df-situation",
+    children: [{
+      name: '进场量',
+      value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight,
+      rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInWeight) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInWeight) || 1) * 100,
+      unit: '吨',
+      img: 'jcl'
+    }, {
+      name: '进场车次',
+      value: situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar,
+      rate: ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.todayInCar) || 0) / ((situationRes === null || situationRes === void 0 ? void 0 : situationRes.yesterdayInCar) || 1) * 100,
+      img: 'jccc'
+    }].map(function (item, index) {
+      var _item$rate;
+      return /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx(VmFactor, _objectSpread(_objectSpread({}, item), {}, {
+          img: require("../../imgs/".concat(item.img, ".png"))
+        })), /*#__PURE__*/_jsxs("div", {
+          className: "df-situation-item-compare",
+          children: ["\u4E0E\u6628\u65E5\u6BD4 ", /*#__PURE__*/_jsxs("span", {
+            children: [(_item$rate = item.rate) === null || _item$rate === void 0 ? void 0 : _item$rate.toFixed(2), "%"]
+          }), /*#__PURE__*/_jsx("img", {
+            style: {
+              width: 14,
+              height: 14
+            },
+            src: require("../../imgs/".concat(item.rate > 100 ? 'up' : 'down', ".png"))
+          })]
+        })]
+      }, index);
+    })
+  });
+}