@vtx/modals2 2.15.54 → 2.15.56

package/lib/vtx-staff-modal/components/BaseInfo/WorkStaticDay.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkStaticDay;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 作业统计
+ */
+
+function WorkStaticDay(_ref) {
+  var id = _ref.id;
+  var _a, _b;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var _BaseService$useWorkS = _api.BaseService.useWorkStatic(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    workStaticRes = _BaseService$useWorkS.workStaticRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px\">\u2022</span> ").concat((_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr, "</div>");
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find(function (item) {
+          return item.statusName === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.durationStr, "\t\t");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['45%', '70%'],
+      center: ['25%', '50%'],
+      // hoverAnimation: true,
+      // z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 0,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0 ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map(function (ele) {
+        return {
+          name: ele.statusName,
+          value: ele.duration / 1000,
+          durationStr: ele.durationStr
+        };
+      }) : [],
+      labelLine: {
+        show: false
+      }
+    },
+    // 边框的设置
+    {
+      radius: ['65%', '70%'],
+      center: ['25%', '50%'],
+      type: 'pie',
+      label: {
+        normal: {
+          show: false
+        },
+        emphasis: {
+          show: false
+        }
+      },
+      labelLine: {
+        normal: {
+          show: false
+        },
+        emphasis: {
+          show: false
+        }
+      },
+      animation: false,
+      tooltip: {
+        show: false
+      },
+      itemStyle: {
+        normal: {
+          color: 'rgba(250,250,250,0.5)'
+        }
+      },
+      data: [{
+        value: 1
+      }]
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static-chart"
+  }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+}
+//# sourceMappingURL=WorkStaticDay.js.map

package/lib/vtx-staff-modal/components/BaseInfo/WorkStaticDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkStaticDay.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmNodata","e","__esModule","WorkStaticDay","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_BaseService$useWorkS","BaseService","useWorkStatic","moment","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","data","durationStr","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","value","details","find","item","statusName","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","itemStyle","normal","borderWidth","borderColor","label","length","map","ele","duration","labelLine","emphasis","animation","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStaticDay.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nexport default function WorkStaticDay({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(id, moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n            formatter: function (params) {\n                var _a;\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px\">•</span> ${(_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr}</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['45%', '70%'],\n                center: ['25%', '50%'],\n                // hoverAnimation: true,\n                // z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 0,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n            // 边框的设置\n            {\n                radius: ['65%', '70%'],\n                center: ['25%', '50%'],\n                type: 'pie',\n                label: {\n                    normal: {\n                        show: false,\n                    },\n                    emphasis: {\n                        show: false,\n                    },\n                },\n                labelLine: {\n                    normal: {\n                        show: false,\n                    },\n                    emphasis: {\n                        show: false,\n                    },\n                },\n                animation: false,\n                tooltip: {\n                    show: false,\n                },\n                itemStyle: {\n                    normal: {\n                        color: 'rgba(250,250,250,0.5)',\n                    },\n                },\n                data: [\n                    {\n                        value: 1,\n                    },\n                ],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,270 @@
+.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;
+}
+.sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 800;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
+.info-label {
+  color: var(--base-label-color) !important;
+  white-space: nowrap;
+  margin-right: 0 !important;
+}
+.ellipsis.info-label-text,
+.info-collection .info-label,
+.info-collection-horizontal .info-label {
+  min-width: 10px !important;
+}
+.staff-base {
+  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;
+}
+.staff-base-left {
+  width: 461px;
+  height: 100%;
+  margin-right: 10px;
+}
+.staff-base-left--info {
+  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;
+  padding: 0 20px;
+}
+.staff-base-left--gif {
+  width: 160px;
+  height: 180px;
+  background-image: url('../../imgs/staff.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-right: 20px;
+}
+.staff-base-left--gif-zhzf {
+  background-image: url('../../imgs/zhzf.png');
+}
+.staff-base-left--gif-yl {
+  background-image: url('../../imgs/yl.png');
+}
+.staff-base-left--infoList {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.staff-base-left--text {
+  color: var(--title-color2);
+  margin-bottom: 19px;
+  padding: 0 20px;
+}
+.staff-base-left--text img {
+  width: 19px;
+  height: 20px;
+  margin-right: 10px;
+}
+.staff-base-left--online {
+  width: 36px;
+  height: 24px;
+  font-size: 12px;
+  margin-top: 4px;
+  background: var(--tag-bg);
+  border-radius: 4px;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  font-weight: normal;
+  color: var(--block-bg-color2);
+  text-align: center;
+  line-height: 24px;
+}
+.staff-base-left-base {
+  height: 280px;
+  padding: 4px 0px 0 0px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.staff-base-left-baseBottom {
+  height: 400px;
+  margin-top: 10px;
+  padding: 4px 0px 0 0px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.staff-base-left-baseBottom--map {
+  width: 100%;
+  height: 240px;
+  padding: 0 20px;
+}
+.staff-base-right {
+  width: calc(100% - 471px - 10px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.staff-base-right-top {
+  width: 100%;
+  height: 280px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  padding: 4px 0px 8px 0px;
+  margin: 0 !important;
+}
+.staff-base-right-top .sub-title {
+  margin-bottom: 0;
+}
+.staff-base-right--right {
+  height: 236px;
+  padding-right: 14px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  border-left: 1px solid var(--calendar-border);
+  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;
+}
+.staff-base-right--pngs {
+  width: 100%;
+  padding-left: 14px;
+  margin-top: 50px;
+}
+.staff-base-right--pngs-item {
+  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;
+  margin-bottom: 24px;
+}
+.staff-base-right--pngs-item img {
+  width: 48px;
+  height: 48px;
+  margin-right: 27px;
+}
+.staff-base-right--pngs-item-itemContent {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.staff-base-right--pngs-item-name {
+  width: 100px;
+  font-size: 12px;
+  font-family: HiraginoSansGB-W3, HiraginoSansGB;
+  color: var(--label-color);
+  line-height: 18px;
+}
+.staff-base-right--pngs-item-value {
+  width: 140px;
+  color: var(--title-color2);
+  line-height: 32px;
+}
+.staff-base-right--pngs-item-value span {
+  font-size: 22px;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+}
+.staff-base .today-work {
+  height: 282px;
+  overflow-y: auto;
+}
+.staff-base .today-work-item {
+  padding: 10px 15px;
+  font-size: 14px;
+  line-height: 24px;
+  width: 100%;
+  background: var(--bg-color2);
+  border-radius: 2px;
+  border: var(--border);
+}
+.staff-base .today-work-item--name {
+  color: var(--label-color);
+}
+.staff-base .today-work-item--content {
+  color: var(--title-color);
+}
+.staff-base .today-work-item--value {
+  font-size: 16px;
+  color: var(--info-active2);
+}
+.staff-base-static {
+  padding: 0 20px;
+  width: 100%;
+}
+.staff-base-static-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;
+}
+.staff-base-static-chart {
+  height: 180px;
+  width: 100%;
+}
+.staff-base .staff-wgfx {
+  width: 100%;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  padding: 4px 0px 8px 0px;
+  margin-top: 10px;
+}
+.staff-base .staff-wgfx-content {
+  height: 330px;
+  width: 100%;
+  padding: 0 20px;
+}
+.vtx-map-carCode {
+  background-color: #fff;
+  padding: 2px 4px;
+  color: #1890ff;
+  border: 1px solid #1890ff;
+  border-radius: 2px;
+  -webkit-transform: translate(-35%);
+      -ms-transform: translate(-35%);
+          transform: translate(-35%);
+  position: relative;
+  left: 10px;
+}

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

@@ -0,0 +1,205 @@
+"use strict";
+
+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); }
+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 _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmMap = _interopRequireDefault(require("../../../vm-map"));
+var _WorkStatic = _interopRequireDefault(require("./WorkStatic"));
+var _api = require("../../api");
+require("./index.less");
+var _refresh = _interopRequireDefault(require("../../imgs/refresh.png"));
+var _position = _interopRequireDefault(require("../../imgs/position.png"));
+var _todayWork = _interopRequireDefault(require("../../imgs/todayWork.png"));
+var _todayOnline = _interopRequireDefault(require("../../imgs/todayOnline.png"));
+var _refresh_light = _interopRequireDefault(require("../../../vtx-car-modal/imgs/refresh_light.png"));
+var _position_light = _interopRequireDefault(require("../../../vtx-car-modal/imgs/position_light.png"));
+var _todayWork_light = _interopRequireDefault(require("../../imgs/todayWork_light.png"));
+var _todayOnline_light = _interopRequireDefault(require("../../imgs/todayOnline_light.png"));
+var _WorkStaticDay = _interopRequireDefault(require("./WorkStaticDay"));
+var _ListZymx = _interopRequireDefault(require("./ListZymx"));
+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 _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 MAX_CONTENT_HEIGHT = document.body.clientHeight - 60 - 30;
+var BaseInfo = function BaseInfo(props) {
+  var _a;
+  var id = props.id,
+    employmentTypeCode = props.employmentTypeCode,
+    customMapInfo = props.customMapInfo;
+  var contentRef = (0, _react.useRef)(null);
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    isDark = _useSettings.isDark,
+    mapInfo = _useSettings.mapInfo;
+  var _useSetState = (0, _ahooks.useSetState)({
+      activeKey: '1',
+      contentStyle: {}
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var activeKey = state.activeKey,
+    contentStyle = state.contentStyle;
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id),
+    baseInfo = _BaseService$useBaseI.baseInfo,
+    info = _BaseService$useBaseI.info;
+  var _BaseService$useWorkI = _api.BaseService.useWorkInfo(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    workInfoRes = _BaseService$useWorkI.workInfoRes;
+  var coordType = (customMapInfo === null || customMapInfo === void 0 ? void 0 : customMapInfo.coordinate) || (mapInfo === null || mapInfo === void 0 ? void 0 : mapInfo.coordinate);
+  if ((customMapInfo === null || customMapInfo === void 0 ? void 0 : customMapInfo.mapType) === 'olmap') {
+    coordType = 'wgs84';
+  }
+  var _BaseService$useMapIn = _api.BaseService.useMapInfo(id, coordType),
+    mapPoints = _BaseService$useMapIn.mapPoints,
+    pointLngLat = _BaseService$useMapIn.pointLngLat,
+    mapPolygons = _BaseService$useMapIn.mapPolygons;
+  (0, _react.useEffect)(function () {
+    var _a;
+    var contentHeight = ((_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
+    if (contentHeight >= MAX_CONTENT_HEIGHT) {
+      setState({
+        contentStyle: {
+          maxHeight: MAX_CONTENT_HEIGHT,
+          overflowY: 'auto'
+        }
+      });
+    } else {
+      setState({
+        contentStyle: {}
+      });
+    }
+  }, [contentRef === null || contentRef === void 0 ? void 0 : contentRef.current]);
+  var gifType = function gifType() {
+    if (employmentTypeCode === null || employmentTypeCode === void 0 ? void 0 : employmentTypeCode.startsWith('zhzf')) {
+      return '-zhzf';
+    }
+    if (employmentTypeCode === null || employmentTypeCode === void 0 ? void 0 : employmentTypeCode.startsWith('yl')) {
+      return '-yl';
+    }
+    return '';
+  };
+  var baseTabContent = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left--info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left--gif staff-base-left--gif".concat(gifType())
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left--infoList"
+  }, /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: baseInfo,
+    gap: 8,
+    isValueCenter: true
+  })));
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left",
+    ref: contentRef,
+    style: contentStyle
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left-base"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), baseTabContent), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left-baseBottom"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u5B9E\u65F6\u4FE1\u606F",
+    extra: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "staff-base-left--online"
+    }, (info === null || info === void 0 ? void 0 : info.statusName) || '--')
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _refresh["default"] : _refresh_light["default"]
+  }), (info === null || info === void 0 ? void 0 : info.updateTime) || '--'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left--text"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _position["default"] : _position_light["default"]
+  }), (info === null || info === void 0 ? void 0 : info.address) || '--'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-left-baseBottom--map"
+  }, /*#__PURE__*/_react["default"].createElement(_vmMap["default"], Object.assign({
+    mapCenter: (pointLngLat === null || pointLngLat === void 0 ? void 0 : pointLngLat.length) ? pointLngLat : mapInfo === null || mapInfo === void 0 ? void 0 : mapInfo.mapCenter,
+    mapType: (mapInfo === null || mapInfo === void 0 ? void 0 : mapInfo.mapType) || 'bmap',
+    mapPoints: mapPoints,
+    mapPolygons: mapPolygons
+  }, customMapInfo))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right",
+    style: contentStyle
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "staff-base-right-top"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u7EDF\u8BA1",
+    extra: /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+      value: activeKey,
+      onChange: function onChange(e) {
+        return setState({
+          activeKey: e.target.value
+        });
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Button, {
+      value: '1'
+    }, "\u4ECA\u65E5"), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Button, {
+      value: '2'
+    }, "\u672C\u6708"))
+  }), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, activeKey === '1' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_antd.Row, null, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 9
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _todayWork["default"] : _todayWork_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-itemContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-name"
+  }, "\u4ECA\u65E5\u884C\u8D70"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, ((_a = workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.totalMileage) === null || _a === void 0 ? void 0 : _a.toFixed(2)) || 0), "km"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isDark ? _todayOnline["default"] : _todayOnline_light["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-itemContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-name"
+  }, "\u4ECA\u65E5\u5728\u7EBF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--pngs-item-value"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.onlineTimeStr) || '--')))))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 15
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-right--right"
+  }, /*#__PURE__*/_react["default"].createElement(_WorkStaticDay["default"], {
+    id: id
+  }))))), activeKey === '2' && /*#__PURE__*/_react["default"].createElement(_WorkStatic["default"], {
+    id: id
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-wgfx"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u4F5C\u4E1A\u660E\u7EC6"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-wgfx-content"
+  }, /*#__PURE__*/_react["default"].createElement(_ListZymx["default"], {
+    id: id,
+    startDate: activeKey === '2' ? (0, _moment["default"])().startOf('M').format('YYYY-MM-DD') : '',
+    endDate: activeKey === '2' ? (0, _moment["default"])().endOf('M').format('YYYY-MM-DD') : ''
+  })))));
+};
+var _default = exports["default"] = BaseInfo;
+//# sourceMappingURL=index.js.map