@vtx/modals2 5.0.2 → 5.0.3

package/lib/vtx-car-modal/content/Ljzy/WorkRecord/Summary.js

@@ -0,0 +1,109 @@
+import { Col, Row } from 'antd';
+import * as echarts from 'echarts';
+import _ from 'lodash';
+import { useContext } from 'react';
+import { VmBarCharts, VmFactor, VmLineCharts, VmWrapper } from "../../../../_components";
+import useSettings from "../../../../_hooks/useSettings";
+import { LjzyService } from "../../../api";
+import carNumIcon from "../../../imgs/factor/car_num.png";
+import darkCarNumIcon from "../../../imgs/factor/dark_car_num.png";
+import darkJclIcon from "../../../imgs/factor/dark_jcl.png";
+import jclIcon from "../../../imgs/factor/jcl.png";
+import { CarContext } from "../../../index";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Summary = function Summary(_ref) {
+  var startDate = _ref.startDate,
+    endDate = _ref.endDate;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var _useContext = useContext(CarContext),
+    id = _useContext.id,
+    info = _useContext.info;
+  var _LjzyService$useGetCa = LjzyService.useGetCarSumByDate({
+      carCode: info === null || info === void 0 ? void 0 : info.carCode,
+      startDate: startDate,
+      endDate: endDate
+    }),
+    taskDaySummary = _LjzyService$useGetCa.taskDaySummary,
+    loading = _LjzyService$useGetCa.loading;
+  var totalCarNums = _.sumBy(taskDaySummary, 'carNums');
+  var dailyCompletePercent = _.sumBy(taskDaySummary, 'netWeight').toFixed(2);
+  var xAxis = _.map(taskDaySummary, 'date');
+  return /*#__PURE__*/_jsx(VmWrapper, {
+    title: '作业汇总',
+    children: /*#__PURE__*/_jsxs(Row, {
+      gutter: [20, 20],
+      children: [/*#__PURE__*/_jsx(Col, {
+        flex: '1',
+        children: /*#__PURE__*/_jsxs(Row, {
+          align: 'middle',
+          justify: 'center',
+          children: [/*#__PURE__*/_jsx(VmFactor, {
+            name: '总进场车次',
+            unit: '次',
+            value: totalCarNums,
+            img: isDark ? darkCarNumIcon : carNumIcon
+          }), /*#__PURE__*/_jsx(VmBarCharts, {
+            dataList: [{
+              name: '进场车次',
+              data: _.map(taskDaySummary, 'carNums')
+            }],
+            xAxis: xAxis,
+            yAxisList: [{
+              unit: '次',
+              name: '(次)',
+              key: ''
+            }],
+            loading: loading,
+            height: 160,
+            showLegend: false,
+            gridOptions: {
+              top: 30
+            }
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        flex: '1',
+        children: /*#__PURE__*/_jsxs(Row, {
+          align: 'middle',
+          justify: 'center',
+          children: [/*#__PURE__*/_jsx(VmFactor, {
+            name: '总进场量',
+            unit: '吨',
+            value: dailyCompletePercent,
+            img: isDark ? darkJclIcon : jclIcon
+          }), /*#__PURE__*/_jsx(VmLineCharts, {
+            dataList: [{
+              name: '进场量',
+              data: _.map(taskDaySummary, 'netWeight'),
+              color: '#0FB964',
+              smooth: true,
+              symbol: 'none',
+              areaStyle: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                  offset: 0,
+                  color: 'rgba(15, 185, 100, 0.30)'
+                },
+                // 半透明
+                {
+                  offset: 1,
+                  color: 'rgba(15, 185, 100, 0)'
+                } // 更透明
+                ])
+              }
+            }],
+            xAxis: xAxis,
+            unit: '吨',
+            loading: loading,
+            height: 160,
+            showLegend: false,
+            gridOption: {
+              top: 30
+            }
+          })]
+        })
+      })]
+    })
+  });
+};
+export default Summary;

package/lib/vtx-car-modal/content/Ljzy/WorkRecord/index.js

@@ -0,0 +1,69 @@
+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 { Col, Row, Space } from 'antd';
+import dayjs from 'dayjs';
+import { VmWrapper } from "../../../../_components";
+import { VMRangePicker } from "../../../../_components/vm-filter";
+import useSettings from "../../../../_hooks/useSettings";
+import Detail from "./Detail";
+import Summary from "./Summary";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var WorkRecord = function WorkRecord() {
+  var _useSettings = useSettings(),
+    sDate = _useSettings.startDate,
+    eDate = _useSettings.endDate;
+  var _useSetState = useSetState({
+      startDate: sDate ? sDate : dayjs().subtract(6, 'day'),
+      endDate: eDate ? eDate : dayjs()
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var startDate = state.startDate,
+    endDate = state.endDate;
+  var formatStartDate = dayjs(startDate).format('YYYY-MM-DD');
+  var formatEndDate = dayjs(endDate).format('YYYY-MM-DD');
+  var handleDateChange = function handleDateChange(start, end) {
+    setState({
+      startDate: start,
+      endDate: end
+    });
+  };
+  return /*#__PURE__*/_jsxs(Row, {
+    gutter: [16, 16],
+    children: [/*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(VmWrapper, {
+        showTitle: false,
+        children: /*#__PURE__*/_jsxs(Space, {
+          children: [/*#__PURE__*/_jsx("span", {
+            children: "\u7EDF\u8BA1\u8303\u56F4"
+          }), /*#__PURE__*/_jsx(VMRangePicker, {
+            value: [dayjs(startDate), dayjs(endDate)],
+            onChange: function onChange(dates) {
+              return dates && handleDateChange(dayjs(dates[0]).format('YYYY-MM-DD'), dayjs(dates[1]).format('YYYY-MM-DD'));
+            }
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(Summary, {
+        startDate: formatStartDate,
+        endDate: formatEndDate
+      })
+    }), /*#__PURE__*/_jsx(Col, {
+      span: 24,
+      children: /*#__PURE__*/_jsx(Detail, {
+        startDate: formatStartDate,
+        endDate: formatEndDate
+      })
+    })]
+  });
+};
+export default WorkRecord;

package/lib/vtx-car-modal/content/Ljzy/index.js

@@ -0,0 +1,8 @@
+import BaseInfo from "./BaseInfo";
+import StaticInfo from "./StaticInfo";
+import WorkRecord from "./WorkRecord";
+export default {
+  BaseInfo: BaseInfo,
+  StaticInfo: StaticInfo,
+  WorkRecord: WorkRecord
+};

package/lib/vtx-car-modal/content/index.js

@@ -0,0 +1,6 @@
+import Cc from "./Cc";
+import Common from "./Common";
+import JXH from "./JXH";
+import Ljsy from "./Ljsy";
+import Ljzy from "./Ljzy";
+export { Cc, Common, JXH, Ljsy, Ljzy };

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

@@ -0,0 +1,258 @@
+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 dayjs from 'dayjs';
+import React, { useMemo } from 'react';
+import useGetChannels from "../_hooks/useGetChannels";
+import useGetConfig from "../_hooks/useGetConfig";
+import VtxBaseModal from "../vtx-base-modal";
+import { BaseService, OilService } from "./api";
+import { Cc, Common, JXH, Ljsy, Ljzy } from "./content";
+import "./style";
+// 总览信息
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var TABS_BASE = 'car-base';
+// 车辆档案
+var TABS_DETAIL = 'car-detail';
+// 报警信息
+var TABS_ALARM = 'car-alarm';
+// 运行日历
+var TABS_STATIC = 'car-static';
+// 水耗信息
+var TABS_WATER = 'car-water';
+// 油耗信息
+var TABS_OIL = 'car-oil';
+// 维保信息
+var TABS_MAINTENANCE = 'car-maintenance';
+// 视频信息
+var TABS_VIDEO = 'car-video';
+// 设备档案
+var TABS_DEVICE = 'car-device';
+// 机械化-总览信息
+var TABS_JXH_BASE = 'car-jxh-base';
+// 机械化-作业日历
+var TABS_JXH_STATIC = 'car-jxh-static';
+// 机械化-报警信息
+var TABS_JXH_ALARM = 'car-jxh-alarm';
+// 机械化-作业记录
+var TABS_JXH_WORK = 'car-jxh-work';
+// 垃圾收运-总览信息
+var TABS_LJSY_BASE = 'car-ljsy-base';
+// 垃圾收运-运行日历
+var TABS_LJSY_STATIC = 'car-ljsy-static';
+// 垃圾收运-报警信息
+var TABS_LJSY_ALARM = 'car-ljsy-alarm';
+// 垃圾收运-收运记录
+var TABS_LJSY_WORK = 'car-ljsy-work';
+// 餐厨-总览信息
+var TABS_CC_BASE = 'car-cc-base';
+// 餐厨-运行日历
+var TABS_CC_STATIC = 'car-cc-static';
+// 餐厨-报警信息
+var TABS_CC_ALARM = 'car-cc-alarm';
+// 餐厨-收运记录
+var TABS_CC_WORK = 'car-cc-work';
+// 餐厨-联单信息
+var TABS_CC_ORDER = 'car-cc-order';
+// 垃圾转运-总览信息
+var TABS_LJZY_BASE = 'car-ljzy-base';
+// 垃圾转运-统计信息
+var TABS_LJZY_STATIC = 'car-ljzy-static';
+// 垃圾转运-进厂信息
+var TABS_LJZY_WORK = 'car-ljzy-work';
+export var CarContext = /*#__PURE__*/React.createContext({
+  id: '',
+  info: {},
+  detail: {},
+  startDate: dayjs().format('YYYY-MM-DD'),
+  endDate: dayjs().format('YYYY-MM-DD'),
+  showFields: []
+});
+var Provider = CarContext.Provider;
+var VtxCarModal = function VtxCarModal(props) {
+  var _ref2;
+  var id = props.id,
+    title = props.title,
+    theme = props.theme,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    source = props.source,
+    startDate = props.startDate,
+    endDate = props.endDate,
+    onTdClick = props.onTdClick,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose,
+    _props$showCollect = props.showCollect,
+    showCollect = _props$showCollect === void 0 ? true : _props$showCollect,
+    _props$frameParams = props.frameParams,
+    frameParams = _props$frameParams === void 0 ? {} : _props$frameParams,
+    _props$defaultCode = props.defaultCode,
+    defaultCode = _props$defaultCode === void 0 ? '' : _props$defaultCode;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    detail = _BaseService$useBaseI.detail,
+    info = _BaseService$useBaseI.info;
+  var _useGetChannels = useGetChannels(info === null || info === void 0 ? void 0 : info.carCode, !!(info !== null && info !== void 0 && info.carCode)),
+    channels = _useGetChannels.channels;
+  var _OilService$useHasOil = OilService.useHasOil(id),
+    beenOilStatus = _OilService$useHasOil.beenOilStatus;
+  var _BaseService$useField = BaseService.useFieldConfig(),
+    showFields = _BaseService$useField.showFields;
+  var code = useMemo(function () {
+    var code = '';
+    var actionType = info === null || info === void 0 ? void 0 : info.actionType;
+    if (defaultCode) {
+      code = defaultCode;
+    } else if (actionType && !defaultCode) {
+      if (actionType.includes('ACTION_LJSY')) {
+        code = 'car-ljsy';
+      } else if (actionType.includes('ACTION_JXH')) {
+        code = 'car-jxh';
+      } else if (actionType.includes('ACTION_CC')) {
+        code = 'car-cc';
+      } else if (actionType.includes('ACTION_LJZY')) {
+        code = 'car-ljzy';
+      } else {
+        code = 'car';
+      }
+    }
+    return code;
+  }, [defaultCode, info === null || info === void 0 ? void 0 : info.actionType]);
+  var tabs = useMemo(function () {
+    var tabs = [];
+    var _ref = info || {},
+      _ref$actionType = _ref.actionType,
+      actionType = _ref$actionType === void 0 ? '' : _ref$actionType;
+    if (!actionType) {
+      return [];
+    }
+    if (actionType.includes('ACTION_LJSY')) {
+      tabs = [{
+        key: TABS_LJSY_BASE,
+        title: '总览信息'
+      }, {
+        key: TABS_LJSY_STATIC,
+        title: '运行日历'
+      }, {
+        key: TABS_LJSY_WORK,
+        title: '收运记录'
+      }, {
+        key: TABS_LJSY_ALARM,
+        title: '报警信息'
+      }];
+    } else if (actionType.includes('ACTION_JXH')) {
+      tabs = [{
+        key: TABS_JXH_BASE,
+        title: '总览信息'
+      }, {
+        key: TABS_JXH_STATIC,
+        title: '作业日历'
+      }, {
+        key: TABS_JXH_WORK,
+        title: '作业记录'
+      }, {
+        key: TABS_JXH_ALARM,
+        title: '报警信息'
+      }];
+    } else if (actionType.includes('ACTION_CC')) {
+      tabs = [{
+        key: TABS_CC_BASE,
+        title: '总览信息'
+      }, {
+        key: TABS_CC_STATIC,
+        title: '运行日历'
+      }, {
+        key: TABS_CC_WORK,
+        title: '收运记录'
+      }, {
+        key: TABS_CC_ALARM,
+        title: '报警信息'
+      }];
+    } else if (actionType.includes('ACTION_LJZY')) {
+      tabs = [{
+        key: TABS_LJZY_BASE,
+        title: '总览信息'
+      }, {
+        key: TABS_LJZY_STATIC,
+        title: '统计信息'
+      }, {
+        key: TABS_LJZY_WORK,
+        title: '进厂信息'
+      }];
+    } else {
+      tabs = [{
+        key: TABS_BASE,
+        title: '总览信息'
+      }, {
+        key: TABS_STATIC,
+        title: '运行日历'
+      }, {
+        key: TABS_ALARM,
+        title: '报警信息'
+      }];
+    }
+    return tabs;
+  }, [info === null || info === void 0 ? void 0 : info.actionType]);
+  var _useGetConfig = useGetConfig(code, tabs),
+    tabsData = _useGetConfig.tabsData;
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    if (tabsList.findIndex(function (ele) {
+      return ele.key === 'car-video';
+    }) > -1 && (channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
+      tabsList = tabsList.filter(function (ele) {
+        return ele.key !== 'car-video';
+      });
+    }
+    if (tabsList.findIndex(function (ele) {
+      return ele.key === 'car-oil';
+    }) > -1 && !beenOilStatus) {
+      tabsList = tabsList.filter(function (ele) {
+        return ele.key !== 'car-oil';
+      });
+    }
+    return tabsList;
+  }, [JSON.stringify(tabsData), JSON.stringify(channels), beenOilStatus]);
+  var value = useMemo(function () {
+    return {
+      id: id,
+      info: info,
+      detail: detail,
+      startDate: startDate,
+      endDate: endDate,
+      showFields: showFields,
+      onTdClick: onTdClick,
+      onCancel: onCancel
+    };
+  }, [id, info, detail, startDate, endDate, showFields, onCancel, onTdClick]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: visible && /*#__PURE__*/_jsx(Provider, {
+      value: value,
+      children: /*#__PURE__*/_jsx(VtxBaseModal, {
+        title: title,
+        subTitle: '',
+        id: id,
+        type: "car",
+        source: source,
+        theme: theme,
+        visible: visible,
+        onCancel: onCancel,
+        tabs: tabsList,
+        tabChose: tabChose,
+        startDate: startDate,
+        endDate: endDate,
+        showCollect: showCollect,
+        frameParams: frameParams,
+        tagList: [{
+          color: 'blue',
+          value: info.carClassName
+        }, {
+          color: info.carStatus === 'OFFLINE' ? 'red' : 'green',
+          value: info.carStatusStr
+        }],
+        contents: (_ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, TABS_BASE, /*#__PURE__*/_jsx(Common.BaseInfo, {})), TABS_STATIC, /*#__PURE__*/_jsx(Common.StaticInfo, {})), TABS_ALARM, /*#__PURE__*/_jsx(Common.AlarmInfo, {})), TABS_OIL, /*#__PURE__*/_jsx(Common.OilConsumption, {})), TABS_WATER, /*#__PURE__*/_jsx(Common.WaterConsumption, {})), TABS_MAINTENANCE, /*#__PURE__*/_jsx(Common.Maintenance, {})), TABS_DETAIL, /*#__PURE__*/_jsx(Common.DetailInfo, {})), TABS_DEVICE, /*#__PURE__*/_jsx(Common.DeviceInfo, {})), TABS_JXH_BASE, /*#__PURE__*/_jsx(JXH.BaseInfo, {})), TABS_JXH_STATIC, /*#__PURE__*/_jsx(JXH.StaticInfo, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, TABS_JXH_WORK, /*#__PURE__*/_jsx(JXH.WorkRecord, {})), TABS_JXH_ALARM, /*#__PURE__*/_jsx(JXH.AlarmInfo, {})), TABS_LJSY_BASE, /*#__PURE__*/_jsx(Ljsy.BaseInfo, {})), TABS_LJSY_STATIC, /*#__PURE__*/_jsx(Ljsy.StaticInfo, {})), TABS_LJSY_WORK, /*#__PURE__*/_jsx(Ljsy.WorkRecord, {})), TABS_LJSY_ALARM, /*#__PURE__*/_jsx(Ljsy.AlarmInfo, {})), TABS_CC_BASE, /*#__PURE__*/_jsx(Cc.BaseInfo, {})), TABS_CC_ORDER, /*#__PURE__*/_jsx(Cc.OrderInfo, {})), TABS_CC_STATIC, /*#__PURE__*/_jsx(Cc.StaticInfo, {})), TABS_CC_WORK, /*#__PURE__*/_jsx(Cc.WorkRecord, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, TABS_CC_ALARM, /*#__PURE__*/_jsx(Cc.AlarmInfo, {})), TABS_LJZY_BASE, /*#__PURE__*/_jsx(Ljzy.BaseInfo, {})), TABS_LJZY_STATIC, /*#__PURE__*/_jsx(Ljzy.StaticInfo, {})), TABS_LJZY_WORK, /*#__PURE__*/_jsx(Ljzy.WorkRecord, {})))
+      })
+    })
+  });
+};
+export default VtxCarModal;

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

@@ -0,0 +1,3 @@
+import "./index.less";
+import 'antd/lib/row/style';
+import 'antd/lib/col/style';

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

@@ -0,0 +1,35 @@
+@import '../../style/index';
+.vtx-car-info-right-wrap {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  &-bottom {
+    width: 100%;
+    flex: 1;
+    min-height: 0;
+  }
+}
+
+.vtx-car-calendar-head {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  margin-bottom: 10px;
+  .vtx-car-calendar-complete-legend {
+    width: 14px;
+    height: 2px;
+    background: var(--blue-color);
+  }
+}
+
+.vtx-car-collect-info {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  &-item {
+    display: flex;
+  }
+}