@vtx/modals2 5.0.2 → 5.0.4

package/lib/vtx-device-modal/components/DataAnalysis/index.less

@@ -0,0 +1,66 @@
+.vtx-device-analysis-dot {
+  width: 6px;
+  height: 6px;
+  background: var(--green-color);
+  border-radius: 50%;
+  &.error {
+    background: var(--red-color);
+  }
+}
+
+.vtx-device-analysis-tabs {
+  display: flex;
+  gap: 16px;
+  color: var(--modal-title-color);
+  font-size: 14px;
+  &-item {
+    cursor: pointer;
+    &.active {
+      color: var(--blue-color);
+    }
+  }
+}
+
+.vtx-device-alarm-summary {
+  width: 368px;
+  height: 104px;
+  padding: 20px;
+  margin-bottom: 20px;
+  color: var(--modal-title-color);
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  cursor: pointer;
+  background-image: url("../../imgs/current.png");
+  background-size: 100% 100%;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  &-lable {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  &-value {
+    font-weight: 600;
+    font-size: 24px;
+    color: var(--red-color);
+  }
+  &.dark {
+    background-image: url("../../imgs/current_dark.png");
+    &:last-child {
+      background-image: url("../../imgs/history_dark.png");
+    }
+  }
+  &.active {
+    border:1px solid var(--red-color);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    background-image: url("../../imgs/history.png");
+    .vtx-device-alarm-summary-value {
+      color: var(--yellow-color);
+    }
+    &.active {
+      border:1px solid var(--yellow-color);
+    }
+  }
+}

package/lib/vtx-device-modal/components/index.js

@@ -0,0 +1,3 @@
+import BaseInfo from "./BaseInfo";
+import DataAnalysis from "./DataAnalysis";
+export { BaseInfo, DataAnalysis };

package/lib/vtx-device-modal/config.js

@@ -0,0 +1,21 @@
+export var colors = [{
+  lineColor: 'rgba(19,194,194,1)',
+  areaColor0: 'rgba(19,194,194,0)',
+  areaColor1: 'rgba(19,194,194,0.2)'
+}, {
+  lineColor: 'rgba(138,138,255,1)',
+  areaColor0: 'rgba(138,138,255,0)',
+  areaColor1: 'rgba(138,138,255,0.2)'
+}, {
+  lineColor: 'rgba(255,216,69,1)',
+  areaColor0: 'rgba(255,216,69,0)',
+  areaColor1: 'rgba(255,216,69,0.2)'
+}, {
+  lineColor: 'rgba(253,100,97,1)',
+  areaColor0: 'rgba(253,100,97,0)',
+  areaColor1: 'rgba(253,100,97,0.2)'
+}, {
+  lineColor: 'rgba(71,166,255,1)',
+  areaColor0: 'rgba(71,166,255,0)',
+  areaColor1: 'rgba(71,166,255,0.2)'
+}];

package/lib/vtx-device-modal/index.js

@@ -0,0 +1,96 @@
+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 _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 useGetChannels from "../_hooks/useGetChannels";
+import useGetConfig from "../_hooks/useGetConfig";
+import { useMemo } from 'react';
+import { VmCustom, VmVideo } from "../_components";
+import VtxBaseModal from "../vtx-base-modal";
+import { BaseService } from "./api";
+import { BaseInfo } from "./components";
+import DataAnalysis from "./components/DataAnalysis";
+import "./style";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var TABS_BASE = 'device-base';
+var TABS_DATA = 'device-statistical';
+var TABS_VIDEO = 'device-video';
+var VtxDeviceModal = function VtxDeviceModal(props) {
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    theme = props.theme,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  }, {
+    key: TABS_DATA,
+    title: '数据分析'
+  }, {
+    key: TABS_VIDEO,
+    title: '视频信息'
+  }];
+  var _useGetConfig = useGetConfig('device', tabs),
+    tabsData = _useGetConfig.tabsData;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    info = _BaseService$useBaseI.info;
+  var _useGetChannels = useGetChannels("".concat(info === null || info === void 0 ? void 0 : info.facilitySubType, "_").concat(info === null || info === void 0 ? void 0 : info.facilityCode), !!(info !== null && info !== void 0 && info.facilitySubType)),
+    channels = _useGetChannels.channels;
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    if (tabsList.findIndex(function (ele) {
+      return ele.key === 'device-video';
+    }) > -1 && (channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
+      tabsList = tabsList.filter(function (ele) {
+        return ele.key !== 'device-video';
+      });
+    }
+    return tabsList;
+  }, [JSON.stringify(tabsData), JSON.stringify(channels)]);
+  var contents = _defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    info: info
+  })), TABS_DATA, /*#__PURE__*/_jsx(DataAnalysis, {
+    id: id,
+    info: info
+  })), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {
+    videoPlaceCode: "".concat(info === null || info === void 0 ? void 0 : info.facilitySubType, "_").concat(info === null || info === void 0 ? void 0 : info.facilityCode)
+  }));
+  // 自定义页签可配置多个，包含custom即可
+  if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
+    tabsData.forEach(function (ele) {
+      if (ele.url) {
+        contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
+          id: id,
+          url: ele === null || ele === void 0 ? void 0 : ele.url
+        }, ele.key);
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: visible && /*#__PURE__*/_jsx(VtxBaseModal, {
+      id: id,
+      type: "facility",
+      title: title,
+      subTitle: subTitle,
+      theme: theme,
+      visible: visible,
+      onCancel: onCancel,
+      tabs: tabsList,
+      tabChose: tabChose,
+      showCollect: false,
+      contents: contents,
+      tagList: [{
+        color: 'blue',
+        value: info.deviceTypeName
+      }, {
+        color: info.realStatus === 'offline' ? 'red' : 'green',
+        value: info.realStatusName
+      }]
+    })
+  });
+};
+export default VtxDeviceModal;

package/lib/vtx-device-modal/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/lib/vtx-device-modal/style/index.less

@@ -0,0 +1 @@
+

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;