@vtx/modals2 2.15.54 → 2.15.55

package/lib/vtx-car-modal/components/BaseInfo/ZyfxLJSY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZyfxLJSY.js","names":["_react","_interopRequireDefault","require","_moment","echarts","_interopRequireWildcard","_echartsForReact","_vmNodata","_useSettings2","_api","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ZyfxLJSY","props","id","_useSettings","useSettings","chartFontColor","sDate","startDate","eDate","endDate","theme","_BaseService$useWorkA","BaseService","useWorkAnaLjsy","moment","subtract","format","workAnaLjsyRes","names","values","option","tooltip","trigger","formatter","params","_a","_b","str","concat","axisValue","color","colorStops","map","item","index","seriesName","value","grid","left","right","bottom","containLabel","legend","align","itemGap","itemWidth","itemHeight","textStyle","xAxis","type","data","axisPointer","axisTick","show","axisLabel","yAxis","name","min","interval","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","length","itemStyle","graphic","LinearGradient","offset","yAxisIndex","React","createElement","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-car-modal/components/BaseInfo/ZyfxLJSY.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport NoData from '../../../vm-nodata';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { BaseService } from '../../api';\nconst ZyfxLJSY = (props) => {\n    const { id } = props;\n    const { chartFontColor, startDate: sDate, endDate: eDate, theme } = useSettings();\n    const { workAnaLjsyRes } = BaseService.useWorkAnaLjsy(id, sDate\n        ? sDate\n        : moment()\n            .subtract(1, 'M')\n            .format('YYYY-MM-DD'), eDate ? eDate : moment().format('YYYY-MM-DD'), true);\n    const { names, values } = workAnaLjsyRes;\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a, _b;\n                let str = `<div  style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}<?div>`;\n                let color = (_b = params[0].color) === null || _b === void 0 ? void 0 : _b.colorStops; // 获取系列的颜色\n                params.map((item, index) => {\n                    var _a;\n                    str += `<div  style=\"text-align:left\"><span style=\"color:${(_a = color[index]) === null || _a === void 0 ? void 0 : _a.color}\">•</span> ${item.seriesName} &nbsp;&nbsp;&nbsp;${item.value}${item.seriesName == '作业率' ? '%' : '次'}</div>`;\n                });\n                return str; // 返回带点的字符串\n            },\n        },\n        grid: {\n            left: '5%',\n            right: '5%',\n            bottom: 20,\n            containLabel: true,\n        },\n        legend: {\n            align: 'left',\n            itemGap: 10,\n            itemWidth: 10,\n            itemHeight: 10,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            // data: legends,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                data: names,\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '(次)',\n                min: 0,\n                interval: 100,\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n            {\n                show: false,\n                type: 'value',\n                name: '%',\n            },\n        ],\n        series: [\n            {\n                name: '实际收集次数',\n                type: 'bar',\n                barWidth: 10,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#45aeff',\n                        },\n                        {\n                            offset: 1,\n                            color: '#168fff',\n                        },\n                    ]),\n                },\n            },\n            {\n                name: '计划收集次数',\n                type: 'bar',\n                barWidth: 10,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 1 ? values[1] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: '#58d2ff',\n                        },\n                        {\n                            offset: 1,\n                            color: '#03b3fd',\n                        },\n                    ]),\n                },\n            },\n            {\n                name: '作业率',\n                type: 'line',\n                yAxisIndex: 1,\n                data: (values === null || values === void 0 ? void 0 : values.length) > 2 ? values[2] : [],\n                itemStyle: {\n                    color: '#1AC47C',\n                },\n            },\n        ],\n    };\n    return (names === null || names === void 0 ? void 0 : names.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '250px', width: '100%' } })) : (React.createElement(NoData, null));\n};\nexport default ZyfxLJSY;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-car-modal/components/BaseInfo/index.css

@@ -0,0 +1,347 @@
+.flex-start {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.car-base {
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  padding: 6px 10px;
+}
+.car-base-left {
+  background-color: var(--bg-color2);
+  height: 693px;
+  overflow-y: auto;
+  padding: 24px;
+  border: 1px solid var(--bg-border-color2);
+}
+.car-base-left--text {
+  color: var(--title-color2);
+  margin-bottom: 19px;
+}
+.car-base-left--text img {
+  width: 19px;
+  height: 20px;
+  margin-right: 10px;
+}
+.car-base-left--online {
+  width: 80px;
+  height: 28px;
+  float: right;
+  margin-right: 24px;
+  background: var(--block-bg-color2);
+  border-radius: 14px;
+  font-size: 14px;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  font-weight: normal;
+  color: var(--info-active3);
+  text-align: center;
+  line-height: 28px;
+}
+.car-base-left--gif {
+  height: 270px;
+  margin-top: 64px;
+  background-image: url('../../imgs/car.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.car-base-left--chain {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.car-base-left--chain-numberWrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-base-left--chain-label {
+  color: var(--label-color);
+  font-size: 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 5px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-base-left--chain-label .dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+.car-base-left--chain-number {
+  font-size: 16px;
+  font-weight: 700;
+}
+.car-base-left--chain-lastNumber {
+  font-size: 16px;
+}
+.car-base-left--chain-arrow {
+  display: block;
+  width: 0;
+  height: 0;
+  border: 6px solid;
+  margin-top: 6px;
+}
+.car-base-left--charts {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 10px;
+}
+.car-base-left--charts-item {
+  width: 50%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-base-left--charts-item-chart {
+  width: 70px;
+  height: 70px;
+  margin-right: 24px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-base-left--charts-item-name {
+  width: 120px;
+  font-size: 12px;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  color: var(--label-color);
+  line-height: 18px;
+}
+.car-base-left--charts-item-value {
+  width: 120px;
+  color: var(--title-color);
+  line-height: 32px;
+}
+.car-base-left--charts-item-value span {
+  font-size: 22px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+}
+.car-base-left-jrxs {
+  margin-top: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 0px;
+}
+.car-base-left-jrxs img {
+  margin-right: 28px;
+}
+.car-base-left-jrxs-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-base-left .jrxs-box {
+  width: 70px;
+  margin-right: 24px;
+}
+.car-base-left .jrxs-name {
+  width: 100px;
+  font-size: 12px;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  color: var(--label-color);
+  line-height: 18px;
+}
+.car-base-left .jrxs-value {
+  width: 100px;
+  color: var(--title-color);
+  line-height: 32px;
+}
+.car-base-left .jrxs-value span {
+  font-size: 22px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+}
+.car-base-right {
+  padding: 0 0 0 10px;
+  width: calc(100% - 461px - 12px);
+  height: calc(100% - 22px);
+}
+.car-base-right-base {
+  height: 370px;
+  padding: 18px 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  overflow-y: auto;
+}
+.car-base-right-right {
+  height: 370px;
+  border: 1px solid var(--bg-border-color2);
+  padding: 18px 20px;
+  background-color: var(--bg-color2);
+}
+@media screen and (max-width: 1440px) and (max-height: 900px) {
+  .car-base-left {
+    height: calc(100% - 10px);
+  }
+  .car-base-right {
+    overflow-y: auto;
+  }
+}
+@media screen and (max-width: 1366px) and (max-height: 768px) {
+  .car-base-left {
+    height: 565px;
+  }
+  .car-base-right {
+    height: 565px;
+    overflow-y: auto;
+  }
+}
+.car-base .today-run-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-bottom: 8px;
+}
+.car-base .today-run-head-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.car-base .today-run-head-item img {
+  display: block;
+  width: 46px;
+  height: 46px;
+  margin-right: 10px;
+}
+.car-base .today-run-head-item--name {
+  font-size: 12px;
+  color: var(--sub-title-color);
+}
+.car-base .today-run-head-item--value {
+  font-size: 20px;
+  color: var(--title-color);
+}
+.car-base .today-run-jxh {
+  height: 280px;
+  width: 100%;
+  overflow-y: auto;
+}
+.car-base .today-run-jxh img {
+  height: 230px;
+  width: 100%;
+}
+.car-base .today-run-jxh-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  margin-bottom: 8px;
+}
+.car-base .today-run-jxh--name {
+  width: 100px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-right: 16px;
+  color: var(--title-color);
+}
+.car-base .today-run-jxh--progress {
+  width: 212px;
+  margin-right: 12px;
+}
+.car-base .today-run-jxh--value {
+  text-align: left;
+  color: var(--title-color);
+}
+.car-base .work-summary {
+  margin-top: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.car-base .car-wgfx {
+  width: 100%;
+  height: 313px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  padding: 18px 20px;
+}
+.car-base .car-wgfx-content {
+  height: 100%;
+  width: 100%;
+  text-align: center;
+}
+.car-base .ljsy-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}

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

@@ -0,0 +1,303 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _antd = require("antd");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmFilter = require("../../../vm-filter");
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _Charts = _interopRequireDefault(require("./Charts"));
+var _TodayRun = _interopRequireDefault(require("./TodayRun"));
+var _TodayWorkJXH = _interopRequireDefault(require("./TodayWorkJXH"));
+var _TodayWorkLJSY = _interopRequireDefault(require("./TodayWorkLJSY"));
+var _WorkSummary = _interopRequireDefault(require("./WorkSummary"));
+var _WorkSummaryJxh = _interopRequireDefault(require("./WorkSummaryJxh"));
+var _Wgfx = _interopRequireDefault(require("./Wgfx"));
+var _ZyfxJXH = _interopRequireDefault(require("./ZyfxJXH"));
+var _ZyfxLJSY = _interopRequireDefault(require("./ZyfxLJSY"));
+var _api = require("../../api");
+require("./index.less");
+var _refresh = _interopRequireDefault(require("../../imgs/refresh.png"));
+var _position = _interopRequireDefault(require("../../imgs/position.png"));
+var _refresh_light = _interopRequireDefault(require("../../imgs/refresh_light.png"));
+var _position_light = _interopRequireDefault(require("../../imgs/position_light.png"));
+var _refresh_blue = _interopRequireDefault(require("../../imgs/refresh_blue.png"));
+var _position_blue = _interopRequireDefault(require("../../imgs/position_blue.png"));
+var _TodayWorkCC = _interopRequireDefault(require("./TodayWorkCC"));
+var _ZyfxCC = _interopRequireDefault(require("./ZyfxCC"));
+var _utils = require("@vtx/utils");
+var _Chain = _interopRequireDefault(require("./Chain"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+var BaseInfo = function BaseInfo(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+  var id = props.id,
+    baseInfo = props.baseInfo,
+    info = props.info,
+    service = props.service,
+    showChain = props.showChain;
+  var _useSettings = (0, _useSettings2["default"])(),
+    _useSettings$theme = _useSettings.theme,
+    theme = _useSettings$theme === void 0 ? 'light' : _useSettings$theme,
+    startDate = _useSettings.startDate;
+  var _useSetState = (0, _ahooks.useSetState)({
+      baseActiveKey: '1',
+      activeKey: '1',
+      date: startDate ? (0, _moment["default"])(startDate) : (0, _moment["default"])().subtract(1, 'd'),
+      subTabPanes: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var baseActiveKey = state.baseActiveKey,
+    activeKey = state.activeKey,
+    date = state.date;
+  var noCarModalBaseLeftGif = (0, _utils.getUrlParam)('noCarModalBaseLeftGif');
+  var _BaseService$useToday = _api.BaseService.useTodayRun(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD'), 'GPS'),
+    todayRunRes = _BaseService$useToday.todayRunRes;
+  var baseTabContent = /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    gap: 18,
+    horizontal: noCarModalBaseLeftGif || ((_a = info === null || info === void 0 ? void 0 : info.actionType) === null || _a === void 0 ? void 0 : _a.indexOf('ACTION_LJSY')) === -1,
+    width: noCarModalBaseLeftGif || ((_b = info === null || info === void 0 ? void 0 : info.actionType) === null || _b === void 0 ? void 0 : _b.indexOf('ACTION_LJSY')) === -1 ? '50%' : '100%'
+  }));
+  var todayRun = /*#__PURE__*/_react["default"].createElement(_TodayRun["default"], {
+    id: id,
+    data: ((_c = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmInfoGroupByType) === null || _c === void 0 ? void 0 : _c.items) || []
+  });
+  var wgfx = /*#__PURE__*/_react["default"].createElement(_Wgfx["default"], {
+    data: ((_d = todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByType) === null || _d === void 0 ? void 0 : _d.items) || []
+  });
+  // 作业统计
+  var workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummary["default"], {
+    data: (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmSum) || {}
+  });
+  var title = '违规分析'; // 右下角标题
+  (0, _react.useEffect)(function () {
+    var _a, _b, _c;
+    var list = [];
+    if (((_a = info === null || info === void 0 ? void 0 : info.actionType) === null || _a === void 0 ? void 0 : _a.indexOf('ACTION_JXH')) > -1) {
+      workSummary = /*#__PURE__*/_react["default"].createElement(_WorkSummaryJxh["default"], {
+        id: id,
+        date: date,
+        service: service
+      });
+      list = [{
+        name: '今日作业',
+        key: '1',
+        content: /*#__PURE__*/_react["default"].createElement(_TodayWorkJXH["default"], {
+          id: id,
+          service: service
+        })
+      }, {
+        name: '作业统计',
+        key: '2',
+        content: workSummary
+      }];
+    } else if (((_b = info === null || info === void 0 ? void 0 : info.actionType) === null || _b === void 0 ? void 0 : _b.indexOf('ACTION_LJSY')) > -1) {
+      list = [{
+        name: '今日作业',
+        key: '1',
+        content: /*#__PURE__*/_react["default"].createElement(_TodayWorkLJSY["default"], {
+          id: id
+        })
+      }];
+    } else if (((_c = info === null || info === void 0 ? void 0 : info.actionType) === null || _c === void 0 ? void 0 : _c.indexOf('ACTION_CC')) > -1) {
+      list = [{
+        name: '今日作业',
+        key: '1',
+        content: /*#__PURE__*/_react["default"].createElement(_TodayWorkCC["default"], {
+          id: id
+        })
+      }];
+    } else if (_typeof(info === null || info === void 0 ? void 0 : info.actionType) === 'object') {
+      list = [{
+        name: '今日运行',
+        key: '1',
+        content: todayRun
+      }, {
+        name: '作业统计',
+        key: '2',
+        content: workSummary
+      }];
+    }
+    setState({
+      subTabPanes: list
+    });
+  }, [info === null || info === void 0 ? void 0 : info.actionType]);
+  if (((_e = info === null || info === void 0 ? void 0 : info.actionType) === null || _e === void 0 ? void 0 : _e.indexOf('ACTION_JXH')) > -1) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxJXH["default"], {
+      id: id,
+      service: service
+    });
+    title = '作业分析';
+  }
+  if (((_f = info === null || info === void 0 ? void 0 : info.actionType) === null || _f === void 0 ? void 0 : _f.indexOf('ACTION_LJSY')) > -1) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxLJSY["default"], {
+      id: id
+    });
+    title = '作业分析';
+  }
+  if (((_g = info === null || info === void 0 ? void 0 : info.actionType) === null || _g === void 0 ? void 0 : _g.indexOf('ACTION_CC')) > -1) {
+    wgfx = /*#__PURE__*/_react["default"].createElement(_ZyfxCC["default"], {
+      id: id
+    });
+    title = '作业分析';
+  }
+  // 基本信息
+  var jbxx = /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: noCarModalBaseLeftGif || ((_h = info === null || info === void 0 ? void 0 : info.actionType) === null || _h === void 0 ? void 0 : _h.indexOf('ACTION_LJSY')) === -1 ? 24 : 10,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-base",
+    style: {
+      height: noCarModalBaseLeftGif || ((_j = info === null || info === void 0 ? void 0 : info.actionType) === null || _j === void 0 ? void 0 : _j.indexOf('ACTION_LJSY')) === -1 ? 300 : 370
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        baseActiveKey: key
+      });
+    },
+    activeKey: baseActiveKey,
+    ghost: "ghost"
+  }, [{
+    name: '基本信息',
+    key: '1',
+    content: baseTabContent
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    }, ele.content);
+  }))));
+  // 今日运行、作业统计
+  var jryxZytj = /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: noCarModalBaseLeftGif || ((_k = info === null || info === void 0 ? void 0 : info.actionType) === null || _k === void 0 ? void 0 : _k.indexOf('ACTION_LJSY')) === -1 ? 24 : 14,
+    xl: 24,
+    lg: 24,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right-right"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    ghost: "ghost",
+    onChange: function onChange(key) {
+      setState({
+        activeKey: key
+      });
+    },
+    tabBarExtraContent: ((_l = info === null || info === void 0 ? void 0 : info.actionType) === null || _l === void 0 ? void 0 : _l.indexOf('ACTION_JXH')) > -1 && activeKey === '2' ? (/*#__PURE__*/_react["default"].createElement(_vmFilter.VMDatePicker, {
+      value: date,
+      onChange: function onChange(date) {
+        setState({
+          date: date
+        });
+      }
+    })) : null,
+    activeKey: activeKey
+  }, state.subTabPanes.map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      key: ele.key,
+      subKey: ele.key,
+      tab: ele.name
+    }, ele.content);
+  }))));
+  var icons = {
+    refresh: {
+      light: _refresh_light["default"],
+      dark: _refresh["default"],
+      blue: _refresh_blue["default"]
+    },
+    position: {
+      light: _position_light["default"],
+      dark: _position["default"],
+      blue: _position_blue["default"]
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10],
+    style: {
+      height: '100%',
+      width: 481
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left",
+    style: {
+      height: noCarModalBaseLeftGif || ((_m = info === null || info === void 0 ? void 0 : info.actionType) === null || _m === void 0 ? void 0 : _m.indexOf('ACTION_LJSY')) === -1 ? 300 : 693
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icons['refresh'][theme]
+  }), (info === null || info === void 0 ? void 0 : info.equipmentTime) || '-'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: icons['position'][theme]
+  }), (info === null || info === void 0 ? void 0 : info.address) || '-'), noCarModalBaseLeftGif || ((_o = info === null || info === void 0 ? void 0 : info.actionType) === null || _o === void 0 ? void 0 : _o.indexOf('ACTION_LJSY')) === -1 ? null : (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--online"
+  }, info === null || info === void 0 ? void 0 : info.carStatusStr)), noCarModalBaseLeftGif || ((_p = info === null || info === void 0 ? void 0 : info.actionType) === null || _p === void 0 ? void 0 : _p.indexOf('ACTION_LJSY')) === -1 ? null : (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-left--gif"
+  })), /*#__PURE__*/_react["default"].createElement(_Charts["default"], Object.assign({}, info, {
+    date: (0, _moment["default"])(date).format('YYYY-MM-DD'),
+    isRow: ((_q = info === null || info === void 0 ? void 0 : info.actionType) === null || _q === void 0 ? void 0 : _q.indexOf('ACTION_LJSY')) === -1,
+    service: service
+  })), showChain && (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    ghost: "ghost",
+    activeKey: '1'
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    tab: '环比模型',
+    subKey: '1',
+    key: '1'
+  }, /*#__PURE__*/_react["default"].createElement(_Chain["default"], {
+    id: id
+  }))))))), noCarModalBaseLeftGif || ((_r = info === null || info === void 0 ? void 0 : info.actionType) === null || _r === void 0 ? void 0 : _r.indexOf('ACTION_LJSY')) === -1 ? (/*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, jryxZytj)) : null), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-base-right"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, jbxx, noCarModalBaseLeftGif || ((_s = info === null || info === void 0 ? void 0 : info.actionType) === null || _s === void 0 ? void 0 : _s.indexOf('ACTION_LJSY')) === -1 ? null : jryxZytj, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx",
+    style: {
+      height: noCarModalBaseLeftGif || ((_t = info === null || info === void 0 ? void 0 : info.actionType) === null || _t === void 0 ? void 0 : _t.indexOf('ACTION_LJSY')) === -1 ? 370 : 313
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: title
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-wgfx-content"
+  }, wgfx))))));
+};
+var _default = exports["default"] = BaseInfo;
+//# sourceMappingURL=index.js.map