@vtx/modals2 4.0.9 → 5.0.1

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

@@ -4,6 +4,7 @@
 .car-work-head {
   padding: 10px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16,6 +17,7 @@
 }
 .car-work-content {
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .car-work-summary {
   padding: 0 20px;
@@ -91,9 +93,202 @@
 .car-work-summary-relation-chart {
   width: 55%;
 }
-.car-work-table {
+.car-work-bottom {
   min-height: 400px;
   margin-top: 10px;
-  padding: 10px 20px;
+  padding: 10px 20px 0 20px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.car-work-table {
+  margin-top: 10px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+}
+.car-work-job {
+  position: relative;
+  margin-top: 10px;
+}
+.car-work-job-switch {
+  position: absolute;
+  left: 270px;
+  top: 8px;
+  z-index: 10;
+}
+.car-work-job-switch span {
+  color: var(--label-color);
+  cursor: pointer;
+  margin-left: 10px;
+}
+.car-work-job-datepicker {
+  position: absolute;
+  right: 20px;
+  top: 0;
+  z-index: 10;
+}
+.car-work-job .ant-tabs-nav {
+  margin-bottom: 10px !important;
+}
+.collect-item {
+  max-height: 260px;
+  overflow: auto;
+}
+.collect-item-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 8px;
+  color: var(--label-color);
+}
+.collect-item-head--index {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  padding: 0 12px;
+  height: 24px;
+  background: -webkit-gradient(linear, left top, right top, from(#33DDFF), to(#3399FF));
+  background: linear-gradient(90deg, #33DDFF 0%, #3399FF 100%);
+  border-radius: 10px 2px 10px 2px;
+  font-size: 14px;
+  color: #ffffff;
+}
+.collect-item-head-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  margin-left: 34px;
+  font-size: 14px;
+  font-family: PingFang SC;
+}
+.collect-item-head-summary--label {
+  color: var(--title-color);
+}
+.collect-item-head-summary--text {
+  color: var(--label-color);
+  max-width: 220px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.collect-item-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding-top: 20px;
+  max-height: 300px;
+  border: unset;
+}
+.collect-item-point {
+  width: 200px;
+  position: relative;
+  text-align: center;
+  margin: 0 24px 24px 0;
+}
+.collect-item-point--dash {
+  width: 153px;
+  height: 1px;
+  position: absolute;
+  top: 15px;
+  left: 134px;
+  background: url('../../imgs/dash.png') no-repeat 100% 100%;
+}
+.collect-item-point img {
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+}
+.collect-item-point--label {
+  width: 100%;
+  font-size: 14px;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: var(--title-color);
+  line-height: 36px;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.collect-item-detail {
+  width: 100%;
+  font-size: 14px;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: var(--title-color);
+  line-height: 36px;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.collect-item-detail span {
+  display: inline-block;
+  margin-left: 12px;
+  color: var(--label-color);
+}
+.collect-item-detail--over {
+  padding: 0 6px;
+  height: 17px;
+  text-align: center;
+  line-height: 17px;
+  font-size: 12px;
+  color: #ff0000 !important;
+  margin-left: 0 !important;
+  background: rgba(255, 0, 0, 0.2);
+  border-radius: 9px;
+}
+.light-main .ant-collapse {
+  color: var(--label-color);
+  background-color: var(--bg-color2);
+}
+.light-main .ant-collapse-content {
+  background-color: var(--bg-color2);
+}
+.light-main .ant-collapse > .ant-collapse-item > .ant-collapse-header {
+  color: var(--label-color);
+}
+.light-main .ant-collapse {
+  border: 1px solid var(--modal-border-color);
+}
+.light-main .ant-collapse > .ant-collapse-item {
+  border-bottom: 1px solid var(--bg-border-color2);
+}
+.light-main .ant-tabs-tab {
+  color: var(--title-color);
+  background-color: transparent !important;
+  border: 1px solid var(--modal-border-color) !important;
+}
+.light-main .ant-radio-button-wrapper {
+  border: 1px solid var(--modal-border-color);
+  background-color: transparent !important;
+  color: var(--title-color);
+}
+.light-main .ant-radio-button-wrapper::before {
+  background: none;
+}
+.light-main .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-left: 0 !important;
+}
+.light-main .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
 }

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

@@ -1,15 +1,21 @@
 .car-work {
     padding: 10px;
+
     &-head {
         padding: 10px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
+
     &-content {
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
+
     &-summary {
         padding: 0 20px;
         display: flex;
@@ -20,17 +26,20 @@
             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;
@@ -39,24 +48,239 @@
             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%;
     }
-    &-table {
+
+    &-bottom {
         min-height: 400px;
         margin-top: 10px;
-        padding: 10px 20px;
+        padding: 10px 20px 0 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+    }
+
+    &-table {
+        // min-height: 400px;
+        margin-top: 10px;
+        // padding: 10px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+
+    &-job {
+        position: relative;
+        margin-top: 10px;
+
+        &-switch {
+            position: absolute;
+            left: 270px;
+            top: 8px;
+            z-index: 10;
+
+            span {
+                color: var(--label-color);
+                cursor: pointer;
+                margin-left: 10px;
+            }
+        }
+
+        &-datepicker {
+            position: absolute;
+            right: 20px;
+            top: 0;
+            z-index: 10;
+        }
+
+        .ant-tabs-nav {
+            margin-bottom: 10px !important;
+        }
     }
+
 }
+
+.collect-item {
+    max-height: 260px;
+    overflow: auto;
+
+    &-head {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        color: var(--label-color);
+
+        &--index {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0 12px;
+            height: 24px;
+            background: linear-gradient(90deg, #33DDFF 0%, #3399FF 100%);
+            border-radius: 10px 2px 10px 2px;
+            font-size: 14px;
+            color: #ffffff;
+        }
+
+        &-summary {
+            display: flex;
+            align-items: center;
+            justify-content: start;
+            margin-left: 34px;
+            font-size: 14px;
+            font-family: PingFang SC;
+
+            &--label {
+                color: var(--title-color);
+            }
+
+            &--text {
+                color: var(--label-color);
+                max-width: 220px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+    }
+
+    &-content {
+        display: flex;
+        flex-wrap: wrap;
+        overflow-x: hidden;
+        overflow-y: auto;
+        padding-top: 20px;
+        max-height: 300px;
+        border: unset;
+    }
+
+    &-point {
+        width: 200px;
+        position: relative;
+        text-align: center;
+        margin: 0 24px 24px 0;
+
+        &--dash {
+            width: 153px;
+            height: 1px;
+            position: absolute;
+            top: 15px;
+            left: 134px;
+            background: url('../../imgs/dash.png') no-repeat 100% 100%;
+        }
+
+        img {
+            width: 30px;
+            height: 30px;
+            cursor: pointer;
+        }
+
+        &--label {
+            width: 100%;
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: 400;
+            color: var(--title-color);
+            line-height: 36px;
+
+            display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    }
+
+    &-detail {
+        width: 100%;
+        font-size: 14px;
+        font-family: PingFang SC;
+        font-weight: 400;
+        color: var(--title-color);
+        line-height: 36px;
+
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+        span {
+            display: inline-block;
+            margin-left: 12px;
+            color: var(--label-color);
+        }
+
+        &--over {
+            padding: 0 6px;
+            height: 17px;
+            text-align: center;
+            line-height: 17px;
+            font-size: 12px;
+            color: #ff0000 !important;
+            margin-left: 0 !important;
+            background: rgba(255, 0, 0, 0.2);
+            border-radius: 9px;
+        }
+    }
+}
+
+.light-main {
+    .ant-collapse {
+        color: var(--label-color);
+        background-color: var(--bg-color2);
+    }
+
+    .ant-collapse-content {
+        background-color: var(--bg-color2);
+    }
+
+    .ant-collapse>.ant-collapse-item>.ant-collapse-header {
+        color: var(--label-color);
+    }
+
+    .ant-collapse {
+        border: 1px solid var(--modal-border-color);
+    }
+
+    .ant-collapse>.ant-collapse-item {
+        border-bottom: 1px solid var(--bg-border-color2);
+    }
+
+    .ant-tabs-tab {
+        color: var(--title-color);
+        background-color: transparent !important;
+        border: 1px solid var(--modal-border-color) !important;
+    }
+
+    .ant-radio-button-wrapper {
+        border: 1px solid var(--modal-border-color);
+        background-color: transparent !important;
+        color: var(--title-color);
+
+        &::before {
+            background: none;
+        }
+    }
+
+    .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
+        margin-left: 0 !important;
+    }
+
+    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+        box-shadow: none !important;
+    }
+}

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

@@ -9,34 +9,34 @@ Object.defineProperty(exports, "BaseInfo", {
     return _BaseInfo["default"];
   }
 });
-Object.defineProperty(exports, "CanData", {
+Object.defineProperty(exports, "CarAlarmInfo", {
   enumerable: true,
   get: function get() {
-    return _CanData["default"];
+    return _AlarmInfo["default"];
   }
 });
-Object.defineProperty(exports, "CarAlarmInfo", {
+Object.defineProperty(exports, "Collection", {
   enumerable: true,
   get: function get() {
-    return _AlarmInfo["default"];
+    return _Collection["default"];
   }
 });
-Object.defineProperty(exports, "Maintenance", {
+Object.defineProperty(exports, "DetailInfo", {
   enumerable: true,
   get: function get() {
-    return _Maintenance["default"];
+    return _DetailInfo["default"];
   }
 });
-Object.defineProperty(exports, "OilConsumption", {
+Object.defineProperty(exports, "Maintenance", {
   enumerable: true,
   get: function get() {
-    return _OilConsumption["default"];
+    return _Maintenance["default"];
   }
 });
-Object.defineProperty(exports, "PowerConsumption", {
+Object.defineProperty(exports, "OilConsumption", {
   enumerable: true,
   get: function get() {
-    return _PowerConsumption["default"];
+    return _OilConsumption["default"];
   }
 });
 Object.defineProperty(exports, "StaticInfo", {
@@ -58,13 +58,13 @@ Object.defineProperty(exports, "WorkInfo", {
   }
 });
 var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+var _DetailInfo = _interopRequireDefault(require("./DetailInfo"));
 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 _PowerConsumption = _interopRequireDefault(require("./PowerConsumption"));
-var _CanData = _interopRequireDefault(require("./CanData"));
+var _Collection = _interopRequireDefault(require("./Collection"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_BaseInfo","_interopRequireDefault","require","_AlarmInfo","_StaticInfo","_WaterConsumption","_OilConsumption","_Maintenance","_WorkInfo","_PowerConsumption","_CanData","e","__esModule"],"sources":["vtx-car-modal/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 PowerConsumption from './PowerConsumption'; //电耗\nimport CanData from './CanData'; //CAN数据\nexport { BaseInfo, CarAlarmInfo, StaticInfo, WaterConsumption, OilConsumption, Maintenance, CanData, WorkInfo, PowerConsumption };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_BaseInfo","_interopRequireDefault","require","_DetailInfo","_AlarmInfo","_StaticInfo","_WaterConsumption","_OilConsumption","_Maintenance","_WorkInfo","_Collection","e","__esModule"],"sources":["vtx-car-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nimport DetailInfo from './DetailInfo';\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 Collection from './Collection';\nexport { BaseInfo, DetailInfo, CarAlarmInfo, StaticInfo, WaterConsumption, OilConsumption, Maintenance, WorkInfo, Collection, };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}