@vtx/modals2 2.14.31 → 2.14.32

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

@@ -1,288 +1,288 @@
-.left-width {
-    width: 370px;
-}
-
-.df-baseContent {
-    padding: 10px;
-    height: 100%;
-
-    .base-top {
-        &-desc {
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            gap: 12px;
-            &-exec {
-                color: var(--info-danger);
-                height: 40px;
-            }
-        }
-
-        &-img {
-            padding: 10px 12px;
-            height: 288px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            img {
-                width: 100%;
-            }
-        }
-
-        &--base {
-            height: 288px;
-            padding: 10px 12px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            overflow: auto;
-        }
-        &--jcqsfx {
-            height: 288px;
-            padding: 10px 12px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            &-head {
-                display: flex;
-                justify-content: space-between;
-            }
-        }
-        &--chart {
-            height: 260px;
-            width: 100%;
-        }
-    }
-
-    .base-bottom {
-        margin-top: 10px;
-
-        &--left {
-            padding: 10px 12px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &--right {
-            height: 362px;
-            padding: 10px 12px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            &-desc {
-                color: var(--title-color);
-                height: 50px;
-                text-align: center;
-                span {
-                    color: var(--info-danger);
-                }
-            }
-
-            &-content {
-                width: 100%;
-                height: 300px;
-                text-align: center;
-                overflow-y: auto;
-            }
-        }
-    }
-
-    .df-situation {
-        height: 306px;
-        overflow-y: auto;
-        --img-text-color: #fff;
-        &.light {
-            --img-text-color: #1890ff;
-        }
-        &.dark {
-            display: flex;
-            height: 130px;
-        }
-        &.blue {
-            display: flex;
-            height: 130px;
-        }
-        .df-situation-item {
-            width: 332px;
-            height: 65px;
-            margin-bottom: 9px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-            padding-right: 14px;
-            &-name {
-                line-height: 65px;
-                margin-left: 71px;
-                color: var(--img-text-color);
-            }
-            &-value {
-                font-size: 14px;
-                color: var(--img-text-color);
-
-                span {
-                    font-size: 20px;
-                    font-family: D-DINExp-Bold, D-DINExp;
-                    font-weight: bold;
-                }
-            }
-            &.dark {
-                flex: 1;
-            }
-            &.blue {
-                flex: 1;
-                justify-content: flex-start;
-                .df-situation-item-name,
-                .df-situation-item-value {
-                    margin-left: 10px;
-                }
-            }
-        }
-        &-item1 {
-            .df-situation-item();
-            background-image: url('../../imgs/jcl.png');
-            &.light {
-                background-image: url('../../imgs/jcl_light.png');
-            }
-            &.blue {
-                .df-situation-item-name,
-                .df-situation-item-value {
-                    color: #fff;
-                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
-                    -webkit-background-clip: text;
-                    -webkit-text-fill-color: transparent;
-                }
-                background-image: url('../../imgs/jcl_blue.png');
-            }
-        }
-        &-item2 {
-            .df-situation-item();
-            background-image: url('../../imgs/jccc.png');
-            &.light {
-                background-image: url('../../imgs/jccc_light.png');
-            }
-            &.blue {
-                .df-situation-item-name,
-                .df-situation-item-value {
-                    color: #fff;
-                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
-                    -webkit-background-clip: text;
-                    -webkit-text-fill-color: transparent;
-                }
-                background-image: url('../../imgs/jccc_blue.png');
-            }
-        }
-        &-item3 {
-            .df-situation-item();
-            background-image: url('../../imgs/jcbj.png');
-            &.light {
-                background-image: url('../../imgs/jcbj_light.png');
-            }
-            &.blue {
-                .df-situation-item-name,
-                .df-situation-item-value {
-                    color: #fff;
-                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
-                    -webkit-background-clip: text;
-                    -webkit-text-fill-color: transparent;
-                }
-                background-image: url('../../imgs/jcbj_blue.png');
-            }
-        }
-        &-item4 {
-            .df-situation-item();
-            background-image: url('../../imgs/zbbj.png');
-            &.light {
-                background-image: url('../../imgs/zbbj_light.png');
-            }
-            &.blue {
-                .df-situation-item-name,
-                .df-situation-item-value {
-                    color: #fff;
-                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
-                    -webkit-background-clip: text;
-                    -webkit-text-fill-color: transparent;
-                }
-                background-image: url('../../imgs/zbbj_blue.png');
-            }
-        }
-    }
-    .df-monitor {
-        &-head {
-            display: flex;
-            // justify-content: space-around;
-            align-items: center;
-            width: 100%;
-            overflow: auto;
-            &::-webkit-scrollbar {
-                width: 0px;
-                height: 4px;
-            }
-
-            // &::-webkit-scrollbar-track {
-            //     background: var(--scroll-bar-hover-bg);
-            //     border-radius: 5px;
-            // }
-
-            &::-webkit-scrollbar-thumb {
-                background: var(--scroll-bar-hover-bg);
-                border-radius: 5px;
-            }
-            &-item {
-                display: flex;
-                justify-content: start;
-                align-items: start;
-                cursor: pointer;
-                // min-width: 180px;
-                margin-right: 16px;
-                padding: 8px 12px;
-                &.active {
-                    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;
-                        white-space: nowrap;
-                    }
-                    &-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: 18px;
-        }
-    }
-}
-
-.slick-track {
-    height: 220px;
-    overflow: hidden;
-}
+.left-width {
+    width: 370px;
+}
+
+.df-baseContent {
+    padding: 10px;
+    height: 100%;
+
+    .base-top {
+        &-desc {
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            gap: 12px;
+            &-exec {
+                color: var(--info-danger);
+                height: 40px;
+            }
+        }
+
+        &-img {
+            padding: 10px 12px;
+            height: 288px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            img {
+                width: 100%;
+            }
+        }
+
+        &--base {
+            height: 288px;
+            padding: 10px 12px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            overflow: auto;
+        }
+        &--jcqsfx {
+            height: 288px;
+            padding: 10px 12px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            &-head {
+                display: flex;
+                justify-content: space-between;
+            }
+        }
+        &--chart {
+            height: 260px;
+            width: 100%;
+        }
+    }
+
+    .base-bottom {
+        margin-top: 10px;
+
+        &--left {
+            padding: 10px 12px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &--right {
+            height: 362px;
+            padding: 10px 12px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            &-desc {
+                color: var(--title-color);
+                height: 50px;
+                text-align: center;
+                span {
+                    color: var(--info-danger);
+                }
+            }
+
+            &-content {
+                width: 100%;
+                height: 300px;
+                text-align: center;
+                overflow-y: auto;
+            }
+        }
+    }
+
+    .df-situation {
+        height: 306px;
+        overflow-y: auto;
+        --img-text-color: #fff;
+        &.light {
+            --img-text-color: #1890ff;
+        }
+        &.dark {
+            display: flex;
+            height: 130px;
+        }
+        &.blue {
+            display: flex;
+            height: 130px;
+        }
+        .df-situation-item {
+            width: 332px;
+            height: 65px;
+            margin-bottom: 9px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            padding-right: 14px;
+            &-name {
+                line-height: 65px;
+                margin-left: 71px;
+                color: var(--img-text-color);
+            }
+            &-value {
+                font-size: 14px;
+                color: var(--img-text-color);
+
+                span {
+                    font-size: 20px;
+                    font-family: D-DINExp-Bold, D-DINExp;
+                    font-weight: bold;
+                }
+            }
+            &.dark {
+                flex: 1;
+            }
+            &.blue {
+                flex: 1;
+                justify-content: flex-start;
+                .df-situation-item-name,
+                .df-situation-item-value {
+                    margin-left: 10px;
+                }
+            }
+        }
+        &-item1 {
+            .df-situation-item();
+            background-image: url('../../imgs/jcl.png');
+            &.light {
+                background-image: url('../../imgs/jcl_light.png');
+            }
+            &.blue {
+                .df-situation-item-name,
+                .df-situation-item-value {
+                    color: #fff;
+                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                }
+                background-image: url('../../imgs/jcl_blue.png');
+            }
+        }
+        &-item2 {
+            .df-situation-item();
+            background-image: url('../../imgs/jccc.png');
+            &.light {
+                background-image: url('../../imgs/jccc_light.png');
+            }
+            &.blue {
+                .df-situation-item-name,
+                .df-situation-item-value {
+                    color: #fff;
+                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #00ebed 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                }
+                background-image: url('../../imgs/jccc_blue.png');
+            }
+        }
+        &-item3 {
+            .df-situation-item();
+            background-image: url('../../imgs/jcbj.png');
+            &.light {
+                background-image: url('../../imgs/jcbj_light.png');
+            }
+            &.blue {
+                .df-situation-item-name,
+                .df-situation-item-value {
+                    color: #fff;
+                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                }
+                background-image: url('../../imgs/jcbj_blue.png');
+            }
+        }
+        &-item4 {
+            .df-situation-item();
+            background-image: url('../../imgs/zbbj.png');
+            &.light {
+                background-image: url('../../imgs/zbbj_light.png');
+            }
+            &.blue {
+                .df-situation-item-name,
+                .df-situation-item-value {
+                    color: #fff;
+                    background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #ff6f6f 100%);
+                    -webkit-background-clip: text;
+                    -webkit-text-fill-color: transparent;
+                }
+                background-image: url('../../imgs/zbbj_blue.png');
+            }
+        }
+    }
+    .df-monitor {
+        &-head {
+            display: flex;
+            // justify-content: space-around;
+            align-items: center;
+            width: 100%;
+            overflow: auto;
+            &::-webkit-scrollbar {
+                width: 0px;
+                height: 4px;
+            }
+
+            // &::-webkit-scrollbar-track {
+            //     background: var(--scroll-bar-hover-bg);
+            //     border-radius: 5px;
+            // }
+
+            &::-webkit-scrollbar-thumb {
+                background: var(--scroll-bar-hover-bg);
+                border-radius: 5px;
+            }
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-items: start;
+                cursor: pointer;
+                // min-width: 180px;
+                margin-right: 16px;
+                padding: 8px 12px;
+                &.active {
+                    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;
+                        white-space: nowrap;
+                    }
+                    &-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: 18px;
+        }
+    }
+}
+
+.slick-track {
+    height: 220px;
+    overflow: hidden;
+}

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +12,9 @@ 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 }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 /**
  * 计量信息-图表-进场车次时间分布
  */
@@ -103,7 +103,7 @@ var ChartJccc = function ChartJccc(_ref) {
     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"], {
+  }, ((_c = jcccsjfbRes.values) === null || _c === void 0 ? void 0 : _c.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
     option: option,
     notMerge: true,
     lazyUpdate: true,
@@ -111,12 +111,13 @@ var ChartJccc = function ChartJccc(_ref) {
       height: '330px',
       width: '100%'
     }
-  })) : ( /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
     style: {
       height: '300px',
       width: '100%'
     }
-  }))));
+  })));
 };
-var _default = exports["default"] = ChartJccc;
+var _default = ChartJccc;
+exports["default"] = _default;
 //# sourceMappingURL=ChartJccc.js.map