@vtx/modals2 3.3.16 → 3.3.18

package/lib/vtx-car-modal-temp/components/WorkInfo/index.css

@@ -0,0 +1,263 @@
+.car-work {
+  padding: 10px;
+  min-height: 693px;
+}
+.car-work-head {
+  padding: 10px 20px;
+  background-color: var(--bg-color2);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work-content {
+  background-color: var(--bg-color2);
+}
+.car-work-summary {
+  padding: 0 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work-summary-left {
+  width: 45%;
+}
+.car-work-summary-nopb {
+  padding: 10px 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work-summary-pb {
+  padding: 0 20px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work-summary-pb-item {
+  width: 50%;
+  height: 200px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work-summary-norelation {
+  padding: 24px 0;
+  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;
+}
+.car-work-summary-relation-item {
+  height: 200px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.car-work-summary-relation-chart {
+  width: 55%;
+}
+.car-work-twrap {
+  height: 500px;
+  margin-top: 10px;
+  padding: 10px 20px;
+  background-color: var(--bg-color2);
+  position: relative;
+}
+.car-work-twrap-time {
+  position: absolute;
+  right: 0;
+  top: 12px;
+}
+.car-work .twrap-chart-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.car-work .twrap-chart-head-content {
+  width: 540px;
+  height: 44px;
+  line-height: 44px;
+  text-align: center;
+  font-size: 15px;
+  font-family: Microsoft YaHei;
+  color: #ffffff;
+  background: url('../../imgs/work_cp_bg.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-head-content span {
+  color: #00ffec;
+  font-size: 18px;
+  font-family: MicrosoftYaHei;
+}
+.car-work .twrap-chart-head-content label {
+  font-size: 22px;
+  font-family: PangMenZhengDao;
+  color: #00ffec;
+}
+.car-work .twrap-chart-main {
+  width: calc(100% - 134px);
+  padding: 0 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: 28px;
+  margin-left: 150px;
+  position: relative;
+}
+.car-work .twrap-chart-main-title {
+  position: absolute;
+  bottom: 0;
+  left: -156px;
+  color: var(--zy-label-color);
+  line-height: 28px;
+}
+.car-work .twrap-chart-main-left {
+  width: 27px;
+  height: 28px;
+  position: absolute;
+  left: -62px;
+  top: -2px;
+  background: url('../../imgs/ljsy_left.png') no-repeat 100% 100%;
+  cursor: pointer;
+  z-index: 12;
+}
+.car-work .twrap-chart-main-right {
+  width: 27px;
+  height: 28px;
+  position: absolute;
+  right: 30px;
+  top: -2px;
+  background: url('../../imgs/ljsy_right.png') no-repeat 100% 100%;
+  cursor: pointer;
+  z-index: 12;
+}
+.car-work .twrap-chart-main-line {
+  width: 100%;
+  height: 8px;
+  position: absolute;
+  left: -52px;
+  top: 7px;
+  background: rgba(0, 157, 255, 0.1);
+  z-index: 10;
+}
+.car-work .twrap-chart-main-line_active {
+  width: 0px;
+  height: 8px;
+  position: absolute;
+  left: -50px;
+  top: 7px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(25, 250, 237, 0.51)), to(#58ffb6));
+  background: linear-gradient(90deg, rgba(25, 250, 237, 0.51), #58ffb6);
+  z-index: 11;
+}
+.car-work .twrap-chart-main-item {
+  margin-right: 32px;
+  position: relative;
+}
+.car-work .twrap-chart-main-item_end {
+  top: -12px;
+}
+.car-work .twrap-chart-main-item-car {
+  width: 55px;
+  height: 26px;
+  position: absolute;
+  top: -26px;
+  left: -10px;
+  z-index: 19;
+  background: url('../../imgs/ljsy_car.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-main-item-diamond {
+  width: 22px;
+  height: 22px;
+  margin-left: 5px;
+  position: relative;
+  z-index: 19;
+  background: url('../../imgs/ljsy_diamond.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-main-item-diamond_active {
+  background: url('../../imgs/ljsy_diamond_active.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-main-item-name {
+  width: 32px;
+  height: 170px;
+  margin-top: 8px;
+  background: url('../../imgs/ljsy_cp_name_un.png') no-repeat 100% 100%;
+  font-size: 14px;
+  font-family: PingFang SC;
+  color: var(--zy-label-color);
+  line-height: 18px;
+  text-align: center;
+  padding: 4px 6px 0;
+  overflow: hidden;
+}
+.car-work .twrap-chart-main-item-name_ys {
+  background: url('../../imgs/ljsy_cp_name.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-main-item-name_active {
+  background: url('../../imgs/ljsy_cp_name_active.png') no-repeat 100% 100%;
+}
+.car-work .twrap-chart-main-item-name_end {
+  overflow: unset;
+  cursor: pointer;
+}
+.car-work .twrap-chart-main-item-sj {
+  color: var(--zy-label-color);
+  line-height: 28px;
+  padding-left: 4px;
+}
+.car-work .twrap-chart-main-item-sj span {
+  color: #00ffec;
+}
+.car-work .twrap-chart-main-item-time {
+  line-height: 28px;
+  color: var(--zy-label-color);
+}
+.car-work .twrap-chart-main-item-end {
+  height: 60px;
+}

package/lib/vtx-car-modal-temp/components/WorkInfo/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _WorkJxh = _interopRequireDefault(require("./WorkJxh"));
+var _WorkLjsy = _interopRequireDefault(require("./WorkLjsy"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 作业信息-机械化-垃圾收运
+ */
+
+var WorkInfo = function WorkInfo(props) {
+  var id = props.id,
+    actionType = props.actionType,
+    onPosition = props.onPosition;
+  var doms = {
+    ACTION_JXH: /*#__PURE__*/_react["default"].createElement(_WorkJxh["default"], {
+      id: id
+    }),
+    ACTION_LJSY: /*#__PURE__*/_react["default"].createElement(_WorkLjsy["default"], {
+      id: id,
+      onPosition: onPosition
+    })
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "car-work"
+  }, doms[actionType]);
+};
+var _default = WorkInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal-temp/components/WorkInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["WorkInfo","props","id","actionType","onPosition","doms","ACTION_JXH","React","createElement","WorkJxh","ACTION_LJSY","WorkLjsy","className"],"sources":["vtx-car-modal-temp/components/WorkInfo/index.js"],"sourcesContent":["/**\n * 作业信息-机械化-垃圾收运\n */\nimport React from 'react';\nimport WorkJxh from './WorkJxh';\nimport WorkLjsy from './WorkLjsy';\nimport './index.less';\nconst WorkInfo = props => {\n    const { id, actionType, onPosition } = props;\n    const doms = {\n        ACTION_JXH: React.createElement(WorkJxh, { id: id }),\n        ACTION_LJSY: React.createElement(WorkLjsy, { id: id, onPosition: onPosition }),\n    };\n    return React.createElement(\"div\", { className: \"car-work\" }, doms[actionType]);\n};\nexport default WorkInfo;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAAsB;AANtB;AACA;AACA;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAGC,KAAK,EAAI;EACtB,IAAQC,EAAE,GAA6BD,KAAK,CAApCC,EAAE;IAAEC,UAAU,GAAiBF,KAAK,CAAhCE,UAAU;IAAEC,UAAU,GAAKH,KAAK,CAApBG,UAAU;EAClC,IAAMC,IAAI,GAAG;IACTC,UAAU,eAAEC,iBAAK,CAACC,aAAa,CAACC,mBAAO,EAAE;MAAEP,EAAE,EAAEA;IAAG,CAAC,CAAC;IACpDQ,WAAW,eAAEH,iBAAK,CAACC,aAAa,CAACG,oBAAQ,EAAE;MAAET,EAAE,EAAEA,EAAE;MAAEE,UAAU,EAAEA;IAAW,CAAC;EACjF,CAAC;EACD,oBAAOG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEI,SAAS,EAAE;EAAW,CAAC,EAAEP,IAAI,CAACF,UAAU,CAAC,CAAC;AAClF,CAAC;AAAC,eACaH,QAAQ;AAAA"}

package/lib/vtx-car-modal-temp/components/WorkInfo/index.less

@@ -0,0 +1,220 @@
+.car-work {
+    padding: 10px;
+    min-height: 693px;
+    &-head {
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-content {
+        background-color: var(--bg-color2);
+    }
+    &-summary {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        &-left {
+            width: 45%;
+        }
+    }
+    &-summary-nopb {
+        padding: 10px 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    &-summary-pb {
+        padding: 0 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        &-item {
+            width: 50%;
+            height: 200px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+    }
+    &-summary-norelation {
+        padding: 24px 0;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+    }
+    &-summary-relation-item {
+        height: 200px;
+        display: flex;
+        flex-wrap: wrap;
+    }
+    &-summary-relation-chart {
+        width: 55%;
+    }
+    &-twrap {
+        height: 500px;
+        margin-top: 10px;
+        padding: 10px 20px;
+        background-color: var(--bg-color2);
+        position: relative;
+
+        &-time {
+            position: absolute;
+            right: 0;
+            top: 12px;
+        }
+    }
+    .twrap-chart {
+        &-head {
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            &-content {
+                width: 540px;
+                height: 44px;
+                line-height: 44px;
+                text-align: center;
+                font-size: 15px;
+                font-family: Microsoft YaHei;
+                color: #ffffff;
+                background: url('../../imgs/work_cp_bg.png') no-repeat 100% 100%;
+                span {
+                    color: #00ffec;
+                    font-size: 18px;
+                    font-family: MicrosoftYaHei;
+                }
+                label {
+                    font-size: 22px;
+                    font-family: PangMenZhengDao;
+                    color: #00ffec;
+                }
+            }
+        }
+
+        &-main {
+            width: e('calc(100% - 134px)');
+            padding: 0 24px;
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            margin-top: 28px;
+            margin-left: 150px;
+            position: relative;
+            &-title {
+                position: absolute;
+                bottom: 0;
+                left: -156px;
+                color: var(--zy-label-color);
+                line-height: 28px;
+            }
+            &-left {
+                width: 27px;
+                height: 28px;
+                position: absolute;
+                left: -62px;
+                top: -2px;
+                background: url('../../imgs/ljsy_left.png') no-repeat 100% 100%;
+                cursor: pointer;
+                z-index: 12;
+            }
+            &-right {
+                width: 27px;
+                height: 28px;
+                position: absolute;
+                right: 30px;
+                top: -2px;
+                background: url('../../imgs/ljsy_right.png') no-repeat 100% 100%;
+                cursor: pointer;
+                z-index: 12;
+            }
+            &-line {
+                width: 100%;
+                height: 8px;
+                position: absolute;
+                left: -52px;
+                top: 7px;
+                background: rgba(0, 157, 255, 0.1);
+                z-index: 10;
+            }
+            &-line_active {
+                width: 0px;
+                height: 8px;
+                position: absolute;
+                left: -50px;
+                top: 7px;
+                background: linear-gradient(90deg, rgba(25, 250, 237, 0.51), #58ffb6);
+                z-index: 11;
+            }
+            &-item {
+                margin-right: 32px;
+                position: relative;
+                &_end {
+                    top: -12px;
+                }
+                &-car {
+                    width: 55px;
+                    height: 26px;
+                    position: absolute;
+                    top: -26px;
+                    left: -10px;
+                    z-index: 19;
+                    background: url('../../imgs/ljsy_car.png') no-repeat 100% 100%;
+                }
+                &-diamond {
+                    width: 22px;
+                    height: 22px;
+                    margin-left: 5px;
+                    position: relative;
+                    z-index: 19;
+                    background: url('../../imgs/ljsy_diamond.png') no-repeat 100% 100%;
+                }
+
+                &-diamond_active {
+                    background: url('../../imgs/ljsy_diamond_active.png') no-repeat 100% 100%;
+                }
+
+                &-name {
+                    width: 32px;
+                    height: 170px;
+                    margin-top: 8px;
+                    background: url('../../imgs/ljsy_cp_name_un.png') no-repeat 100% 100%;
+                    font-size: 14px;
+                    font-family: PingFang SC;
+                    color: var(--zy-label-color);
+                    line-height: 18px;
+                    text-align: center;
+                    padding: 4px 6px 0;
+                    overflow: hidden;
+                }
+                &-name_ys {
+                    background: url('../../imgs/ljsy_cp_name.png') no-repeat 100% 100%;
+                }
+                &-name_active {
+                    background: url('../../imgs/ljsy_cp_name_active.png') no-repeat 100% 100%;
+                }
+                &-name_end {
+                    overflow: unset;
+                    cursor: pointer;
+                }
+                &-sj {
+                    color: var(--zy-label-color);
+                    line-height: 28px;
+                    padding-left: 4px;
+                    span {
+                        color: #00ffec;
+                    }
+                }
+                &-time {
+                    line-height: 28px;
+                    color: var(--zy-label-color);
+                }
+                &-end {
+                    height: 60px;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BaseInfo["default"];
+  }
+});
+Object.defineProperty(exports, "CarAlarmInfo", {
+  enumerable: true,
+  get: function get() {
+    return _AlarmInfo["default"];
+  }
+});
+Object.defineProperty(exports, "Maintenance", {
+  enumerable: true,
+  get: function get() {
+    return _Maintenance["default"];
+  }
+});
+Object.defineProperty(exports, "Mixsy", {
+  enumerable: true,
+  get: function get() {
+    return _Mixsy["default"];
+  }
+});
+Object.defineProperty(exports, "OilConsumption", {
+  enumerable: true,
+  get: function get() {
+    return _OilConsumption["default"];
+  }
+});
+Object.defineProperty(exports, "RunAna", {
+  enumerable: true,
+  get: function get() {
+    return _RunAna["default"];
+  }
+});
+Object.defineProperty(exports, "StaticInfo", {
+  enumerable: true,
+  get: function get() {
+    return _StaticInfo["default"];
+  }
+});
+Object.defineProperty(exports, "WaterConsumption", {
+  enumerable: true,
+  get: function get() {
+    return _WaterConsumption["default"];
+  }
+});
+Object.defineProperty(exports, "WorkInfo", {
+  enumerable: true,
+  get: function get() {
+    return _WorkInfo["default"];
+  }
+});
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _AlarmInfo = _interopRequireDefault(require("./AlarmInfo"));
+var _StaticInfo = _interopRequireDefault(require("./StaticInfo"));
+var _WaterConsumption = _interopRequireDefault(require("./WaterConsumption"));
+var _OilConsumption = _interopRequireDefault(require("./OilConsumption"));
+var _Maintenance = _interopRequireDefault(require("./Maintenance"));
+var _WorkInfo = _interopRequireDefault(require("./WorkInfo"));
+var _RunAna = _interopRequireDefault(require("./RunAna"));
+var _Mixsy = _interopRequireDefault(require("./Mixsy"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/lib/vtx-car-modal-temp/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-car-modal-temp/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport CarAlarmInfo from './AlarmInfo';\nimport StaticInfo from './StaticInfo';\nimport WaterConsumption from './WaterConsumption';\nimport OilConsumption from './OilConsumption';\nimport Maintenance from './Maintenance';\nimport WorkInfo from './WorkInfo';\nimport RunAna from './RunAna';\nimport Mixsy from './Mixsy';\nexport { BaseInfo, CarAlarmInfo, StaticInfo, WaterConsumption, OilConsumption, Maintenance, WorkInfo, RunAna, Mixsy, };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA4B"}