@vtx/modals2 2.6.19

package/lib/vtx-road-modal/components/Statistical/index.less

@@ -0,0 +1,119 @@
+.road-statistic {
+    padding: 10px;
+
+    &-summary {
+        padding: 20px;
+        height: 180px;
+        margin-bottom: 10px;
+        background-color: var(--bg-color2);
+
+        &-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-main {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 32px;
+            color: var(--info-color);
+            &-item {
+                margin-right: 41px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 17px;
+                }
+
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+
+            &-progress {
+                width: 160px;
+                margin-right: 41px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                .ant-progress-inner {
+                    width: 70px !important;
+                    height: 70px !important;
+                    margin-right: 17px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--label-active);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+            &-rate {
+                display: flex;
+                justify-items: start;
+                align-items: center;
+                &--item {
+                    margin-right: 30px;
+                }
+                &--block {
+                    width: 5px;
+                    height: 5px;
+                    display: inline-block;
+                    margin-right: 6px;
+                    background: #ffd736;
+                }
+
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    margin-left: 11px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+    }
+
+    &-charts {
+        display: flex;
+        justify-content: start;
+        .chart {
+            width: 570px;
+            height: 507px;
+            padding: 20px;
+            background-color: var(--bg-color2);
+        }
+        &-lcfx {
+            .chart();
+            margin-right: 10px;
+
+            &-contain {
+                height: 400px;
+                width: 100%;
+            }
+        }
+
+        &-zywcl {
+            .chart();
+            &-contain {
+                height: 400px;
+                width: 100%;
+            }
+        }
+    }
+}

package/lib/vtx-road-modal/components/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BaseInfo["default"];
+  }
+});
+Object.defineProperty(exports, "Statistical", {
+  enumerable: true,
+  get: function get() {
+    return _Statistical["default"];
+  }
+});
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _Statistical = _interopRequireDefault(require("./Statistical"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/lib/vtx-road-modal/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-road-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport Statistical from './Statistical';\nexport { BaseInfo, Statistical };\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAAwC"}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VehicleExtButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _vtxBaseModal = _interopRequireDefault(require("../vtx-base-modal"));
+var _components = require("./components");
+var _vmAppraisalInfo = _interopRequireDefault(require("../vm-appraisal-info"));
+var _vmRepairMaintain = _interopRequireDefault(require("../vm-repair-maintain"));
+var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
+var _api = require("./api");
+require("../style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var TABS_BASE = 'road-base';
+var TABS_STATIC = 'road-statistical';
+var TABS_APPRAISAL = 'default-appraisal';
+var TABS_RM = 'default-rm';
+var VtxRoadModal = function VtxRoadModal(props) {
+  var _contents;
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    theme = props.theme;
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, (0, _moment["default"])().format('YYYY-MM-DD')),
+    baseInfo = _BaseService$useBaseI.baseInfo,
+    rules = _BaseService$useBaseI.rules,
+    todayWorkRes = _BaseService$useBaseI.todayWorkRes;
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  },
+  // { key: TABS_STATIC, title: '统计信息' },
+  {
+    key: TABS_APPRAISAL,
+    title: '考核信息'
+  }, {
+    key: TABS_RM,
+    title: '维保信息'
+  }];
+  if ((rules === null || rules === void 0 ? void 0 : rules.length) > 0) {
+    tabs.splice(1, 0, {
+      key: TABS_STATIC,
+      title: '统计信息'
+    });
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_vtxBaseModal["default"], {
+    title: title,
+    subTitle: subTitle,
+    width: 1355,
+    theme: theme,
+    visible: visible,
+    onCancel: onCancel,
+    tabs: tabs,
+    contents: (_contents = {}, _defineProperty(_contents, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+      id: id,
+      data: {
+        baseInfo: baseInfo,
+        rules: rules,
+        todayWorkRes: todayWorkRes
+      }
+    })), _defineProperty(_contents, TABS_STATIC, /*#__PURE__*/_react["default"].createElement(_components.Statistical, {
+      id: id
+    })), _defineProperty(_contents, TABS_APPRAISAL, /*#__PURE__*/_react["default"].createElement(_vmAppraisalInfo["default"], {
+      id: id
+    })), _defineProperty(_contents, TABS_RM, /*#__PURE__*/_react["default"].createElement(_vmRepairMaintain["default"], {
+      id: id
+    })), _contents)
+  }));
+};
+var VehicleExtButton = function VehicleExtButton(props) {
+  var img = props.img,
+    text = props.text,
+    onClick = props.onClick;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-vehicle-ext-btn ".concat(theme),
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: img,
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("span", null, text));
+};
+exports.VehicleExtButton = VehicleExtButton;
+var _default = VtxRoadModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-road-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TABS_BASE","TABS_STATIC","TABS_APPRAISAL","TABS_RM","VtxRoadModal","props","id","title","subTitle","visible","onCancel","theme","BaseService","useBaseInfo","moment","format","baseInfo","rules","todayWorkRes","tabs","key","length","splice","React","createElement","Fragment","VtxBaseModal","width","contents","BaseInfo","data","Statistical","Appraisal","RepaireMaintain","VehicleExtButton","img","text","onClick","useSettings","className","src","alt"],"sources":["vtx-road-modal/index.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport VtxBaseModal from '../vtx-base-modal';\nimport { BaseInfo, Statistical } from './components';\nimport Appraisal from '../vm-appraisal-info';\nimport RepaireMaintain from '../vm-repair-maintain';\nimport useSettings from '../vm-hooks/useSettings';\nimport { BaseService } from './api';\nimport '../style';\nconst TABS_BASE = 'road-base';\nconst TABS_STATIC = 'road-statistical';\nconst TABS_APPRAISAL = 'default-appraisal';\nconst TABS_RM = 'default-rm';\nconst VtxRoadModal = (props) => {\n    const { id, title, subTitle, visible, onCancel, theme } = props;\n    const { baseInfo, rules, todayWorkRes } = BaseService.useBaseInfo(id, moment().format('YYYY-MM-DD'));\n    let tabs = [\n        { key: TABS_BASE, title: '总览信息' },\n        // { key: TABS_STATIC, title: '统计信息' },\n        { key: TABS_APPRAISAL, title: '考核信息' },\n        { key: TABS_RM, title: '维保信息' },\n    ];\n    if ((rules === null || rules === void 0 ? void 0 : rules.length) > 0) {\n        tabs.splice(1, 0, { key: TABS_STATIC, title: '统计信息' });\n    }\n    return (React.createElement(React.Fragment, null, visible && (React.createElement(VtxBaseModal, { title: title, subTitle: subTitle, width: 1355, theme: theme, visible: visible, onCancel: onCancel, tabs: tabs, contents: {\n            [TABS_BASE]: React.createElement(BaseInfo, { id: id, data: { baseInfo, rules, todayWorkRes } }),\n            [TABS_STATIC]: React.createElement(Statistical, { id: id }),\n            [TABS_APPRAISAL]: React.createElement(Appraisal, { id: id }),\n            [TABS_RM]: React.createElement(RepaireMaintain, { id: id }),\n        } }))));\n};\nexport const VehicleExtButton = (props) => {\n    const { img, text, onClick } = props;\n    const { theme } = useSettings();\n    return (React.createElement(\"div\", { className: `vtx-vehicle-ext-btn ${theme}`, onClick: onClick },\n        React.createElement(\"img\", { src: img, alt: \"\" }),\n        React.createElement(\"span\", null, text)));\n};\nexport default VtxRoadModal;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAkB;AAAA;AAAA;AAAA;AAAA;AAClB,IAAMA,SAAS,GAAG,WAAW;AAC7B,IAAMC,WAAW,GAAG,kBAAkB;AACtC,IAAMC,cAAc,GAAG,mBAAmB;AAC1C,IAAMC,OAAO,GAAG,YAAY;AAC5B,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;EAAA;EAC5B,IAAQC,EAAE,GAAgDD,KAAK,CAAvDC,EAAE;IAAEC,KAAK,GAAyCF,KAAK,CAAnDE,KAAK;IAAEC,QAAQ,GAA+BH,KAAK,CAA5CG,QAAQ;IAAEC,OAAO,GAAsBJ,KAAK,CAAlCI,OAAO;IAAEC,QAAQ,GAAYL,KAAK,CAAzBK,QAAQ;IAAEC,KAAK,GAAKN,KAAK,CAAfM,KAAK;EACrD,4BAA0CC,gBAAW,CAACC,WAAW,CAACP,EAAE,EAAE,IAAAQ,kBAAM,GAAE,CAACC,MAAM,CAAC,YAAY,CAAC,CAAC;IAA5FC,QAAQ,yBAARA,QAAQ;IAAEC,KAAK,yBAALA,KAAK;IAAEC,YAAY,yBAAZA,YAAY;EACrC,IAAIC,IAAI,GAAG,CACP;IAAEC,GAAG,EAAEpB,SAAS;IAAEO,KAAK,EAAE;EAAO,CAAC;EACjC;EACA;IAAEa,GAAG,EAAElB,cAAc;IAAEK,KAAK,EAAE;EAAO,CAAC,EACtC;IAAEa,GAAG,EAAEjB,OAAO;IAAEI,KAAK,EAAE;EAAO,CAAC,CAClC;EACD,IAAI,CAACU,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACI,MAAM,IAAI,CAAC,EAAE;IAClEF,IAAI,CAACG,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;MAAEF,GAAG,EAAEnB,WAAW;MAAEM,KAAK,EAAE;IAAO,CAAC,CAAC;EAC1D;EACA,oBAAQgB,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACE,QAAQ,EAAE,IAAI,EAAEhB,OAAO,iBAAKc,iBAAK,CAACC,aAAa,CAACE,wBAAY,EAAE;IAAEnB,KAAK,EAAEA,KAAK;IAAEC,QAAQ,EAAEA,QAAQ;IAAEmB,KAAK,EAAE,IAAI;IAAEhB,KAAK,EAAEA,KAAK;IAAEF,OAAO,EAAEA,OAAO;IAAEC,QAAQ,EAAEA,QAAQ;IAAES,IAAI,EAAEA,IAAI;IAAES,QAAQ,8CAChN5B,SAAS,eAAGuB,iBAAK,CAACC,aAAa,CAACK,oBAAQ,EAAE;MAAEvB,EAAE,EAAEA,EAAE;MAAEwB,IAAI,EAAE;QAAEd,QAAQ,EAARA,QAAQ;QAAEC,KAAK,EAALA,KAAK;QAAEC,YAAY,EAAZA;MAAa;IAAE,CAAC,CAAC,8BAC9FjB,WAAW,eAAGsB,iBAAK,CAACC,aAAa,CAACO,uBAAW,EAAE;MAAEzB,EAAE,EAAEA;IAAG,CAAC,CAAC,8BAC1DJ,cAAc,eAAGqB,iBAAK,CAACC,aAAa,CAACQ,2BAAS,EAAE;MAAE1B,EAAE,EAAEA;IAAG,CAAC,CAAC,8BAC3DH,OAAO,eAAGoB,iBAAK,CAACC,aAAa,CAACS,4BAAe,EAAE;MAAE3B,EAAE,EAAEA;IAAG,CAAC,CAAC;EAC7D,CAAC,CAAE,CAAC;AACd,CAAC;AACM,IAAM4B,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAI7B,KAAK,EAAK;EACvC,IAAQ8B,GAAG,GAAoB9B,KAAK,CAA5B8B,GAAG;IAAEC,IAAI,GAAc/B,KAAK,CAAvB+B,IAAI;IAAEC,OAAO,GAAKhC,KAAK,CAAjBgC,OAAO;EAC1B,mBAAkB,IAAAC,wBAAW,GAAE;IAAvB3B,KAAK,gBAALA,KAAK;EACb,oBAAQY,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEe,SAAS,gCAAyB5B,KAAK,CAAE;IAAE0B,OAAO,EAAEA;EAAQ,CAAC,eAC9Fd,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEgB,GAAG,EAAEL,GAAG;IAAEM,GAAG,EAAE;EAAG,CAAC,CAAC,eACjDlB,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEY,IAAI,CAAC,CAAC;AAChD,CAAC;AAAC;AAAA,eACahC,YAAY;AAAA"}

package/lib/vtx-road-modal/style/css.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("../components/BaseInfo/index.css");
+require("../components/Statistical/index.css");
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vtx-road-modal/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vtx-road-modal/style/index.js"],"sourcesContent":["import '../components/BaseInfo/index.less';\nimport '../components/Statistical/index.less';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA"}

package/lib/vtx-road-modal/style/index.css

@@ -0,0 +1,80 @@
+.vtx-business-modal-wrap {
+  --modal-content-bg: #f7f9fb;
+  --modal-border-color: #fff;
+  --head-bg: #fff;
+  --bg-color2: #fff;
+  --label-color: rgba(0, 0, 0, 0.65);
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #222;
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active2: #52c41a;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --sub-title-color: #222;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: #222;
+}
+*::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-business-modal-wrap.dark {
+  --modal-content-bg: #0b1315;
+  --modal-border-color: #69958a;
+  --head-bg: #122a2c;
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: #162123;
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: #29373e;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+require("../components/BaseInfo/index.less");
+require("../components/Statistical/index.less");
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vtx-road-modal/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-road-modal/style/index.js"],"sourcesContent":["import '../components/BaseInfo/index.less';\nimport '../components/Statistical/index.less';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA"}

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

@@ -0,0 +1 @@
+@import '../../style/index';