@vtx/modals2 2.15.54 → 2.15.56

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

@@ -0,0 +1,171 @@
+.left-width {
+  width: 370px;
+}
+.df-baseContent {
+  padding: 10px;
+  height: 100%;
+}
+.df-baseContent .base-top-desc-exec {
+  color: var(--info-danger);
+  height: 40px;
+}
+.df-baseContent .base-top-img {
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-top-img img {
+  width: 100%;
+}
+.df-baseContent .base-top--base {
+  max-height: 480px;
+  background-color: var(--bg-color2);
+  overflow: auto;
+  margin-top: 12px;
+}
+.df-baseContent .base-top--jcqsfx {
+  margin-top: 10px;
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-top--chart {
+  height: 200px;
+  width: 100%;
+}
+.df-baseContent .base-bottom--left {
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-bottom {
+  margin-top: 10px;
+}
+.df-baseContent .base-bottom--right {
+  background-color: var(--bg-color2);
+}
+.df-baseContent .base-bottom--right-desc {
+  color: var(--title-color);
+  height: 40px;
+  text-align: center;
+}
+.df-baseContent .base-bottom--right-desc span {
+  color: var(--block-bg-color2);
+}
+.df-baseContent .base-bottom--right-content {
+  width: 100%;
+  text-align: center;
+  overflow-y: auto;
+}
+.df-baseContent .df-situation {
+  overflow-y: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 2px 24px 12px 24px;
+  --img-text-color: #fff;
+  --img-value-color: #fff;
+  --img-text-warn-color: #ff5252;
+}
+.df-baseContent .df-situation.light {
+  --img-text-color: #595959;
+  --img-value-color: #1890ff;
+}
+.df-baseContent .df-situation .df-situation-item {
+  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;
+}
+.df-baseContent .df-situation .df-situation-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 10px;
+}
+.df-baseContent .df-situation .df-situation-item-name {
+  color: var(--img-text-color);
+}
+.df-baseContent .df-situation .df-situation-item-value {
+  font-size: 14px;
+  color: var(--img-value-color);
+}
+.df-baseContent .df-situation .df-situation-item-value span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-situation .df-situation-item-value_warn {
+  font-size: 14px;
+  color: var(--img-text-warn-color);
+}
+.df-baseContent .df-situation .df-situation-item-value_warn span {
+  font-size: 20px;
+  font-family: D-DINExp-Bold, D-DINExp;
+  font-weight: bold;
+}
+.df-baseContent .df-monitor-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;
+}
+.df-baseContent .df-monitor-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;
+  cursor: pointer;
+}
+.df-baseContent .df-monitor-head-item.active {
+  padding: 8px 12px;
+  background-color: var(--block-bg-color);
+}
+.df-baseContent .df-monitor-head-item img {
+  width: 40px;
+  height: 40px;
+  margin-right: 15px;
+  display: inline-block;
+}
+.df-baseContent .df-monitor-head-item-right-name {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.df-baseContent .df-monitor-head-item-right-valueNormal {
+  color: var(--info-active);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueNormal span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm {
+  color: var(--info-danger);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm_active {
+  color: var(--button-checked-color);
+  line-height: 22px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm_active span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-head-item-right-valueAlarm span {
+  font-size: 20px;
+}
+.df-baseContent .df-monitor-table {
+  margin-top: 10px;
+}
+.slick-track {
+  width: 340px;
+  overflow: hidden;
+}

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

@@ -0,0 +1,143 @@
+"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 _utils = require("@vtx/utils");
+var _util = require("../../../util");
+var _components = require("@vtx/components");
+var _antd = require("antd");
+var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmSubTitle = require("../../../vm-sub-title");
+var _Jcqsfx = _interopRequireDefault(require("./Jcqsfx"));
+var _Situation = _interopRequireDefault(require("./Situation"));
+var _AlarmDetail = _interopRequireDefault(require("./AlarmDetail"));
+var _api = require("../../api");
+var _RealtimeMonitor = _interopRequireDefault(require("./RealtimeMonitor"));
+require("./index.less");
+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 BaseInfo = function BaseInfo(props) {
+  var _a;
+  var info = props.info,
+    photos = props.photos,
+    code = props.code;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _useSetState = (0, _ahooks.useSetState)({
+      startDate: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDate: nowDate,
+      startDateAlarm: (0, _moment["default"])().startOf('M').format('YYYY-MM-DD'),
+      endDateAlarm: nowDate,
+      basicHeight: 380
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var imgRef = (0, _react.useRef)(null);
+  var startDateAlarm = state.startDateAlarm,
+    endDateAlarm = state.endDateAlarm,
+    basicHeight = state.basicHeight;
+  var fields = _api.BaseService.getFields(info === null || info === void 0 ? void 0 : info.typeCode);
+  var _BaseService$useSitua = _api.BaseService.useSituationAlarm(code, nowDate, nowDate),
+    situationAlarmRes = _BaseService$useSitua.situationAlarmRes;
+  var _BaseService$useMonit = _api.BaseService.useMonitorCarExeception(code, nowDate, situationAlarmRes),
+    execeptionCar = _BaseService$useMonit.execeptionCar;
+  var _BaseService$useMonit2 = _api.BaseService.useMonitorPointExeception(code, situationAlarmRes),
+    execeptionPoint = _BaseService$useMonit2.execeptionPoint;
+  var contentHeight = ((_a = imgRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
+  (0, _react.useEffect)(function () {
+    if (contentHeight >= 0) {
+      setState({
+        basicHeight: 738 - contentHeight
+      });
+    }
+  }, [contentHeight]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "df-baseContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 7
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top-img",
+    ref: imgRef
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle.SubTitle2, {
+    title: "\u5168\u666F\u56FE",
+    extra: (execeptionPoint || execeptionCar) && (/*#__PURE__*/_react["default"].createElement("div", {
+      className: "base-top-desc-exec"
+    }, execeptionPoint || execeptionCar || '-'))
+  }), photos.length ? (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      padding: '0 12px 12px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+    key: photos[0].id,
+    src: "/cloudFile/common/downloadFile?id=".concat(photos[0].id, "&token=").concat((0, _utils.getVtxToken)('token')),
+    alt: photos[0].name,
+    isDark: true,
+    style: {
+      maxWidth: '340px',
+      overflow: 'hidden'
+    }
+  }))) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: 240
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-top--base",
+    style: {
+      height: basicHeight
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle.SubTitle2, {
+    title: "\u57FA\u672C\u4FE1\u606F"
+  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
+    data: (0, _util.getFieldRender)(fields, info),
+    horizontal: true,
+    width: "50%",
+    ellipsis: true,
+    padding: '0 12px 12px'
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 17
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom--left"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle.SubTitle2, {
+    title: "\u5B9E\u65F6\u8FD0\u884C\u60C5\u51B5(".concat((0, _moment["default"])().format('YYYY-MM-DD'), ")")
+  }), /*#__PURE__*/_react["default"].createElement(_Situation["default"], {
+    code: code,
+    alarm: situationAlarmRes
+  })), /*#__PURE__*/_react["default"].createElement(_Jcqsfx["default"], {
+    code: code,
+    setDate: function setDate(start, end) {
+      setState({
+        startDate: start,
+        endDate: end
+      });
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-bottom"
+  }, situationAlarmRes >= 0 ? (/*#__PURE__*/_react["default"].createElement(_RealtimeMonitor["default"], {
+    code: code
+  })) : (/*#__PURE__*/_react["default"].createElement(_AlarmDetail["default"], {
+    code: code,
+    startDate: startDateAlarm,
+    endDate: endDateAlarm,
+    setState: setState
+  })))))));
+};
+var _default = exports["default"] = BaseInfo;
+//# sourceMappingURL=index.js.map

package/lib/vtx-df-modal/components/BaseInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_utils","_util","_components","_antd","_vmInfoCollection","_vmNodata","_vmSubTitle","_Jcqsfx","_Situation","_AlarmDetail","_api","_RealtimeMonitor","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","BaseInfo","props","_a","info","photos","code","nowDate","moment","format","_useSetState","useSetState","startDate","startOf","endDate","startDateAlarm","endDateAlarm","basicHeight","_useSetState2","state","setState","imgRef","useRef","fields","BaseService","getFields","typeCode","_BaseService$useSitua","useSituationAlarm","situationAlarmRes","_BaseService$useMonit","useMonitorCarExeception","execeptionCar","_BaseService$useMonit2","useMonitorPointExeception","execeptionPoint","contentHeight","current","clientHeight","useEffect","React","createElement","className","Row","gutter","Col","span","ref","SubTitle2","title","extra","style","padding","VtxImage","key","id","src","concat","getVtxToken","alt","isDark","maxWidth","overflow","NoData","height","VmInfoCollection","data","getFieldRender","horizontal","width","ellipsis","Situation","alarm","Jcqsfx","setDate","start","end","RealtimeMonitor","AlarmDetail","_default","exports"],"sources":["vtx-df-modal/components/BaseInfo/index.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport { getVtxToken } from '@vtx/utils';\nimport { getFieldRender } from '../../../util';\nimport { VtxImage } from '@vtx/components';\nimport { Row, Col } from 'antd';\nimport VmInfoCollection from '../../../vm-info-collection';\nimport NoData from '../../../vm-nodata';\nimport { SubTitle2 } from '../../../vm-sub-title';\nimport Jcqsfx from './Jcqsfx';\nimport Situation from './Situation';\nimport AlarmDetail from './AlarmDetail';\nimport { BaseService } from '../../api';\nimport RealtimeMonitor from './RealtimeMonitor';\nimport './index.less';\nconst BaseInfo = (props) => {\n    var _a;\n    const { info, photos, code } = props;\n    const nowDate = moment().format('YYYY-MM-DD');\n    const [state, setState] = useSetState({\n        startDate: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDate: nowDate,\n        startDateAlarm: moment()\n            .startOf('M')\n            .format('YYYY-MM-DD'),\n        endDateAlarm: nowDate,\n        basicHeight: 380,\n    });\n    const imgRef = useRef(null);\n    const { startDateAlarm, endDateAlarm, basicHeight } = state;\n    const fields = BaseService.getFields(info === null || info === void 0 ? void 0 : info.typeCode);\n    const { situationAlarmRes } = BaseService.useSituationAlarm(code, nowDate, nowDate);\n    const { execeptionCar } = BaseService.useMonitorCarExeception(code, nowDate, situationAlarmRes);\n    const { execeptionPoint } = BaseService.useMonitorPointExeception(code, situationAlarmRes);\n    const contentHeight = ((_a = imgRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;\n    useEffect(() => {\n        if (contentHeight >= 0) {\n            setState({\n                basicHeight: 738 - contentHeight,\n            });\n        }\n    }, [contentHeight]);\n    return (React.createElement(\"div\", { className: \"df-baseContent\" },\n        React.createElement(\"div\", { className: \"base-top\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { span: 7 },\n                    React.createElement(\"div\", { className: \"base-top-img\", ref: imgRef },\n                        React.createElement(SubTitle2, { title: \"\\u5168\\u666F\\u56FE\", extra: (execeptionPoint || execeptionCar) && (React.createElement(\"div\", { className: \"base-top-desc-exec\" }, execeptionPoint || execeptionCar || '-')) }),\n                        photos.length ? (React.createElement(\"div\", { style: { padding: '0 12px 12px' } },\n                            React.createElement(VtxImage, { key: photos[0].id, src: `/cloudFile/common/downloadFile?id=${photos[0].id}&token=${getVtxToken('token')}`, alt: photos[0].name, isDark: true, style: {\n                                    maxWidth: '340px',\n                                    overflow: 'hidden',\n                                } }))) : (React.createElement(NoData, { style: { height: 240 } }))),\n                    React.createElement(\"div\", { className: \"base-top--base\", style: { height: basicHeight } },\n                        React.createElement(SubTitle2, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                        React.createElement(VmInfoCollection, { data: getFieldRender(fields, info), horizontal: true, width: \"50%\", ellipsis: true, padding: '0 12px 12px' }))),\n                React.createElement(Col, { span: 17 },\n                    React.createElement(\"div\", { className: \"base-bottom--left\" },\n                        React.createElement(SubTitle2, { title: `实时运行情况(${moment().format('YYYY-MM-DD')})` }),\n                        React.createElement(Situation, { code: code, alarm: situationAlarmRes })),\n                    React.createElement(Jcqsfx, { code: code, setDate: (start, end) => {\n                            setState({\n                                startDate: start,\n                                endDate: end,\n                            });\n                        } }),\n                    React.createElement(\"div\", { className: \"base-bottom\" }, situationAlarmRes >= 0 ? (React.createElement(RealtimeMonitor, { code: code })) : (React.createElement(AlarmDetail, { code: code, startDate: startDateAlarm, endDate: endDateAlarm, setState: setState }))))))));\n};\nexport default BaseInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-df-modal/components/BaseInfo/index.less

@@ -0,0 +1,173 @@
+.left-width {
+    width: 370px;
+}
+
+.df-baseContent {
+    padding: 10px;
+    height: 100%;
+
+    .base-top {
+        &-desc {
+            &-exec {
+                color: var(--info-danger);
+                height: 40px;
+            }
+        }
+
+        &-img {
+            background-color: var(--bg-color2);
+            img {
+                width: 100%;
+            }
+        }
+
+        &--base {
+            max-height: 480px;
+            background-color: var(--bg-color2);
+            overflow: auto;
+            margin-top: 12px;
+        }
+        &--jcqsfx {
+            margin-top: 10px;
+            background-color: var(--bg-color2);
+        }
+        &--chart {
+            height: 200px;
+            width: 100%;
+        }
+    }
+    .base-bottom--left {
+        background-color: var(--bg-color2);
+    }
+    .base-bottom {
+        margin-top: 10px;
+
+        &--right {
+            background-color: var(--bg-color2);
+
+            &-desc {
+                color: var(--title-color);
+                height: 40px;
+                text-align: center;
+                span {
+                    color: var(--block-bg-color2);
+                }
+            }
+
+            &-content {
+                width: 100%;
+                text-align: center;
+                overflow-y: auto;
+            }
+        }
+    }
+
+    .df-situation {
+        overflow-y: auto;
+        display: flex;
+        justify-content: space-between;
+        padding: 2px 24px 12px 24px;
+        --img-text-color: #fff;
+        --img-value-color: #fff;
+        --img-text-warn-color: #ff5252;
+        &.light {
+            --img-text-color: #595959;
+            --img-value-color: #1890ff;
+        }
+        .df-situation-item {
+            display: flex;
+            justify-content: start;
+            align-items: center;
+
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 10px;
+            }
+            &-name {
+                color: var(--img-text-color);
+            }
+            &-value {
+                font-size: 14px;
+                color: var(--img-value-color);
+
+                span {
+                    font-size: 20px;
+                    font-family: D-DINExp-Bold, D-DINExp;
+                    font-weight: bold;
+                }
+            }
+
+            &-value_warn {
+                font-size: 14px;
+                color: var(--img-text-warn-color);
+
+                span {
+                    font-size: 20px;
+                    font-family: D-DINExp-Bold, D-DINExp;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .df-monitor {
+        &-head {
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: start;
+                cursor: pointer;
+                &.active {
+                    padding: 8px 12px;
+                    background-color: var(--block-bg-color);
+                }
+                img {
+                    width: 40px;
+                    height: 40px;
+                    margin-right: 15px;
+                    display: inline-block;
+                }
+                &-right {
+                    &-name {
+                        color: var(--title-color);
+                        font-size: 12px;
+                    }
+                    &-valueNormal {
+                        color: var(--info-active);
+                        line-height: 22px;
+                        span {
+                            font-size: 20px;
+                        }
+                    }
+
+                    &-valueAlarm {
+                        &_active {
+                            color: var(--button-checked-color);
+                            line-height: 22px;
+                            span {
+                                font-size: 20px;
+                            }
+                        }
+                        color: var(--info-danger);
+                        line-height: 22px;
+                        span {
+                            font-size: 20px;
+                        }
+                    }
+                }
+            }
+        }
+        &-table {
+            margin-top: 10px;
+        }
+    }
+}
+
+.slick-track {
+    width: 340px;
+    overflow: hidden;
+}

package/lib/vtx-df-modal/components/Metering/ChartJccc.js

@@ -0,0 +1,124 @@
+"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 = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 计量信息-图表-进场车次时间分布
+ */
+
+var ChartJccc = function ChartJccc(_ref) {
+  var code = _ref.code,
+    startDate = _ref.startDate,
+    endDate = _ref.endDate;
+  var _a, _b, _c;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor,
+    theme = _useSettings.theme;
+  var _BaseService$useJcccs = _api.BaseService.useJcccsjfb(code, startDate, endDate),
+    jcccsjfbRes = _BaseService$useJcccs.jcccsjfbRes;
+  var option = {
+    tooltip: {
+      trigger: 'axis',
+      formatter: '{b0}: 进场{c0}次'
+    },
+    grid: {
+      left: '8%',
+      right: '10%',
+      bottom: 20,
+      top: 48
+    },
+    legend: {
+      show: false
+    },
+    xAxis: [{
+      type: 'category',
+      name: '时间段',
+      data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.names) || [],
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      }
+    }],
+    yAxis: [{
+      type: 'value',
+      name: '(次)',
+      min: 0,
+      nameTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      type: 'bar',
+      barWidth: 14,
+      data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 1,
+          color: '#1B89FF'
+        }, {
+          offset: 0,
+          color: '#51d0ff6e'
+        }])
+      }
+    }]
+  };
+  var dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map(function (ele) {
+    return ele.date;
+  }) : [];
+  var count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0 ? jcccsjfbRes.extraData.map(function (ele) {
+    return ele.count;
+  }) : [];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u8FDB\u573A\u8F66\u6B21\u65F6\u95F4\u5206\u5E03"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-charts-jccc-desc"
+  }, "\u8FDB\u573A\u9AD8\u5CF0\u96C6\u4E2D\u5728", (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0, "\u70B9\uFF0C\u8FDB\u573A\u8F66\u6B21\u5206\u522B\u4E3A", (count === null || count === void 0 ? void 0 : count.join('次、')) || '-', "\u6B21\uFF0C\u6CE8\u610F\u5408\u7406\u8C03\u5EA6\uFF0C \u7F13\u89E3\u5382\u533A\u6392\u961F\u60C5\u51B5\u3002"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "metering-content-charts-chart"
+  }, ((_c = jcccsjfbRes.values) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '330px',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }))));
+};
+var _default = exports["default"] = ChartJccc;
+//# sourceMappingURL=ChartJccc.js.map

package/lib/vtx-df-modal/components/Metering/ChartJccc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartJccc.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_vmSubTitle","_useSettings2","_vmNodata","_api","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartJccc","_ref","code","startDate","endDate","_a","_b","_c","_useSettings","useSettings","chartFontColor","theme","_BaseService$useJcccs","BaseService","useJcccsjfb","jcccsjfbRes","option","tooltip","trigger","formatter","grid","left","right","bottom","top","legend","show","xAxis","type","name","data","names","axisPointer","axisTick","axisLabel","color","yAxis","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","values","itemStyle","graphic","LinearGradient","offset","dates","extraData","length","map","ele","date","count","React","createElement","Fragment","SubTitle","title","className","join","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","_default","exports"],"sources":["vtx-df-modal/components/Metering/ChartJccc.js"],"sourcesContent":["/**\n * 计量信息-图表-进场车次时间分布\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nimport { BaseService } from '../../api';\nconst ChartJccc = ({ code, startDate, endDate }) => {\n    var _a, _b, _c;\n    const { chartFontColor, theme } = useSettings();\n    const { jcccsjfbRes } = BaseService.useJcccsjfb(code, startDate, endDate);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: '{b0}: 进场{c0}次',\n        },\n        grid: {\n            left: '8%',\n            right: '10%',\n            bottom: 20,\n            top: 48,\n        },\n        legend: {\n            show: false,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                name: '时间段',\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.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                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        series: [\n            {\n                type: 'bar',\n                barWidth: 14,\n                data: (jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.values) ? jcccsjfbRes.values[0] : [],\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 1,\n                            color: '#1B89FF',\n                        },\n                        {\n                            offset: 0,\n                            color: '#51d0ff6e',\n                        },\n                    ]),\n                },\n            },\n        ],\n    };\n    const dates = ((_a = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? jcccsjfbRes.extraData.map((ele) => ele.date) : [];\n    const count = ((_b = jcccsjfbRes === null || jcccsjfbRes === void 0 ? void 0 : jcccsjfbRes.extraData) === null || _b === void 0 ? void 0 : _b.length) > 0\n        ? jcccsjfbRes.extraData.map((ele) => ele.count)\n        : [];\n    return (React.createElement(React.Fragment, null,\n        React.createElement(SubTitle, { title: \"\\u8FDB\\u573A\\u8F66\\u6B21\\u65F6\\u95F4\\u5206\\u5E03\" }),\n        React.createElement(\"div\", { className: \"metering-content-charts-jccc-desc\" },\n            \"\\u8FDB\\u573A\\u9AD8\\u5CF0\\u96C6\\u4E2D\\u5728\",\n            (dates === null || dates === void 0 ? void 0 : dates.join('点、')) || 0,\n            \"\\u70B9\\uFF0C\\u8FDB\\u573A\\u8F66\\u6B21\\u5206\\u522B\\u4E3A\",\n            (count === null || count === void 0 ? void 0 : count.join('次、')) || '-',\n            \"\\u6B21\\uFF0C\\u6CE8\\u610F\\u5408\\u7406\\u8C03\\u5EA6\\uFF0C \\u7F13\\u89E3\\u5382\\u533A\\u6392\\u961F\\u60C5\\u51B5\\u3002\"),\n        React.createElement(\"div\", { className: \"metering-content-charts-chart\" }, ((_c = jcccsjfbRes.values) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '330px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '300px', width: '100%' } })))));\n};\nexport default ChartJccc;\n"],"mappings":"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","ignoreList":[]}