@vtx/modals2 3.1.2 → 3.1.4

package/lib/vm-filter/style/index.css

@@ -49,6 +49,19 @@
 .vm-select.dark:hover .ant-select-selector {
   border: 1px solid #6cc9ce !important;
 }
+.vm-select.blue .ant-select-selector {
+  background-color: transparent !important;
+  border: 1px solid #ffffff !important;
+}
+.vm-select.blue .ant-select-selector .ant-select-selection-item {
+  color: white;
+}
+.vm-select.blue:hover .ant-select-selector {
+  border: 1px solid #6cc9ce !important;
+}
+.vm-select.blue .ant-select-arrow {
+  color: white;
+}
 .vm-select-dropdown.dark {
   background: #0d1a1b;
 }

package/lib/vm-filter/style/index.less

@@ -64,6 +64,24 @@
             }
         }
     }
+
+    &.blue {
+        .ant-select-selector {
+            background-color: transparent !important;
+            border: 1px solid #ffffff !important;
+            .ant-select-selection-item {
+                color: white;
+            }
+        }
+        &:hover {
+            .ant-select-selector {
+                border: 1px solid #6cc9ce !important;
+            }
+        }
+        .ant-select-arrow {
+            color: white;
+        }
+    }
 }
 
 .vm-select-dropdown {

package/lib/vtx-housing-estate-modal/components/OverView/index.css

@@ -95,7 +95,9 @@
       -ms-flex-direction: column;
           flex-direction: column;
   gap: 10px;
-  width: 455px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .estate-overview-hot {
   display: -webkit-box;
@@ -106,16 +108,24 @@
       -ms-flex-direction: column;
           flex-direction: column;
   padding: 10px;
-  height: 460px;
+  height: 290px;
   background: var(--bg-color2);
 }
+.estate-overview-hot-title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
 .estate-overview-hot-summary {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: distribute;
       justify-content: space-around;
-  height: 155px;
+  height: 100%;
 }
 .estate-overview-hot-summary .garbage-summary {
   width: 100px;

package/lib/vtx-housing-estate-modal/components/OverView/index.less

@@ -75,18 +75,22 @@
         display: flex;
         flex-direction: column;
         gap: 10px;
-        width: 455px;
+        flex: 1;
     }
     &-hot {
         display: flex;
         flex-direction: column;
         padding: 10px;
-        height: 460px;
+        height: 290px;
         background: var(--bg-color2);
+        &-title {
+            display: flex;
+            justify-content: space-between;
+        }
         &-summary {
             display: flex;
             justify-content: space-around;
-            height: 155px;
+            height: 100%;
             .garbage-summary {
                 width: 100px;
                 height: 100%;

package/lib/vtx-housing-estate-modal/components/TFRD/index.css

@@ -19,3 +19,12 @@
   display: flex;
   gap: 32px;
 }
+.estate-tfrd-top-search {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.estate-tfrd-summary {
+  padding: 10px;
+  height: 290px;
+}

package/lib/vtx-housing-estate-modal/components/TFRD/index.less

@@ -11,5 +11,12 @@
             display: flex;
             gap: 32px;
         }
+        &-search {
+            display: flex;
+        }
+    }
+    &-summary {
+        padding: 10px;
+        height: 290px;
     }
 }

package/lib/vtx-zyz-modal/components/Metering/index.css

@@ -0,0 +1,92 @@
+.metering {
+  padding: 10px;
+}
+.metering-head {
+  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;
+  padding: 10px 16px;
+  background-color: var(--bg-color2);
+}
+.metering-content-main {
+  padding: 16px;
+  background-color: var(--bg-color2);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -ms-flex-line-pack: center;
+      align-content: center;
+}
+.metering-content-main-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -ms-flex-line-pack: center;
+      align-content: center;
+  margin-right: 80px;
+}
+.metering-content-main-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 18px;
+}
+.metering-content-main-item--name {
+  color: var(--label-color);
+}
+.metering-content-main-item--value {
+  color: var(--info-color);
+  font-size: 12px;
+}
+.metering-content-main-item--value span {
+  font-size: 22px;
+}
+.metering-content-charts {
+  margin-top: 10px;
+}
+.metering-content-charts .chart {
+  height: 490px;
+  background-color: var(--bg-color2);
+  padding: 20px;
+}
+.metering-content-charts-jcqs {
+  height: 490px;
+  background-color: var(--bg-color2);
+  padding: 20px;
+}
+.metering-content-charts-jccc {
+  height: 490px;
+  background-color: var(--bg-color2);
+  padding: 20px;
+}
+.metering-content-charts-jccc-desc {
+  margin: 12px 0;
+  color: var(--info-color);
+}
+.metering-content-charts-jccc-warning {
+  color: var(--info-warnning);
+}
+.metering-content-charts-chart {
+  height: 360px;
+  width: 100%;
+}
+.metering .grossWeight-color {
+  color: #00FFEC;
+}
+.metering .tareWeight-color {
+  color: #FFE6B0;
+}
+.metering .netWeight-color {
+  color: #78C7FC;
+}

package/lib/vtx-zyz-modal/components/Metering/index.less

@@ -0,0 +1,78 @@
+.metering {
+    padding: 10px;
+    &-head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 16px;
+        background-color: var(--bg-color2);
+    }
+    &-content {
+        &-main {
+            padding: 16px;
+            background-color: var(--bg-color2);
+            display: flex;
+            justify-content: start;
+            align-content: center;
+
+            &-item {
+                display: flex;
+                justify-content: start;
+                align-content: center;
+                margin-right: 80px;
+                img {
+                    width: 46px;
+                    height: 46px;
+                    margin-right: 18px;
+                }
+                &--name {
+                    color: var(--label-color);
+                }
+                &--value {
+                    color: var(--info-color);
+                    font-size: 12px;
+                    span {
+                        font-size: 22px;
+                    }
+                }
+            }
+        }
+
+        &-charts {
+            margin-top: 10px;
+           
+            .chart {
+                height: 490px;
+                background-color: var(--bg-color2);
+                padding: 20px;
+            }
+            &-jcqs {
+                .chart();
+            }
+            &-jccc {
+                .chart();
+                &-desc {
+                    margin: 12px 0;
+                    color: var(--info-color);
+                }
+                &-warning {
+                    color: var(--info-warnning);
+                }
+            }
+            &-chart {
+                height: 360px;
+                width: 100%;
+            }
+        }
+    }
+
+    .grossWeight-color {
+        color: #00FFEC;
+    }
+    .tareWeight-color {
+        color: #FFE6B0;
+    }
+    .netWeight-color {
+        color: #78C7FC;
+    }
+}

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

@@ -0,0 +1,130 @@
+.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);
+  --block-bg-color2: #1890ff;
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active: #222;
+  --info-active2: #fff;
+  --info-active3: #fff;
+  --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;
+  --calendar-content-bg: #73ffbf;
+  --image-text-color: rgba(0, 0, 0, 0.65);
+  --image-value-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-active3: #40ffd3;
+  --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-content-bg: #73ffbf;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-text-color: #cafdffff;
+  --image-value-color: #ffffffff;
+}
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(4, 72, 117, 0.82), rgba(0, 28, 54, 0.82));
+  --modal-border-color: rgba(0, 176, 255, 0.8);
+  --head-bg: linear-gradient(90deg, rgba(0, 143, 224, 0.3), rgba(0, 106, 204, 0.3));
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: rgba(255, 255, 255, 0.05);
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #fff;
+  --label-color: #cafdffff;
+  --info-color: #74bbf4;
+  --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-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2A55E9, #0DBAFE);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vtx/modals2",
-    "version": "3.1.2",
+    "version": "3.1.4",
     "description": "业务弹窗库",
     "keywords": [
         "react",

package/lib/index.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "VtxCarModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxCarModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxCpModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxCpModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxDefaultModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxDefaultModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxDfModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxDfModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxFacilityModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxFacilityModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxHousingEstateModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxHousingEstateModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxKhModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxKhModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxRestaurantModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxRestaurantModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxRoadModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxRoadModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxStaffModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxStaffModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxThrowPointModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxThrowPointModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxWrModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxWrModal["default"];
-  }
-});
-Object.defineProperty(exports, "VtxZgModal", {
-  enumerable: true,
-  get: function get() {
-    return _vtxZgModal["default"];
-  }
-});
-var _vtxHousingEstateModal = _interopRequireDefault(require("./vtx-housing-estate-modal"));
-var _vtxThrowPointModal = _interopRequireDefault(require("./vtx-throw-point-modal"));
-var _vtxFacilityModal = _interopRequireDefault(require("./vtx-facility-modal"));
-var _vtxDefaultModal = _interopRequireDefault(require("./vtx-default-modal"));
-var _vtxCarModal = _interopRequireDefault(require("./vtx-car-modal"));
-var _vtxStaffModal = _interopRequireDefault(require("./vtx-staff-modal"));
-var _vtxCpModal = _interopRequireDefault(require("./vtx-cp-modal"));
-var _vtxDfModal = _interopRequireDefault(require("./vtx-df-modal"));
-var _vtxRoadModal = _interopRequireDefault(require("./vtx-road-modal"));
-var _vtxWrModal = _interopRequireDefault(require("./vtx-wr-modal"));
-var _vtxZgModal = _interopRequireDefault(require("./vtx-zg-modal"));
-var _vtxKhModal = _interopRequireDefault(require("./vtx-kh-modal"));
-var _vtxRestaurantModal = _interopRequireDefault(require("./vtx-restaurant-modal"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_vtxHousingEstateModal","_interopRequireDefault","require","_vtxThrowPointModal","_vtxFacilityModal","_vtxDefaultModal","_vtxCarModal","_vtxStaffModal","_vtxCpModal","_vtxDfModal","_vtxRoadModal","_vtxWrModal","_vtxZgModal","_vtxKhModal","_vtxRestaurantModal","obj","__esModule"],"sources":["index.js"],"sourcesContent":["export { default as VtxHousingEstateModal } from './vtx-housing-estate-modal';\nexport { default as VtxThrowPointModal } from './vtx-throw-point-modal';\nexport { default as VtxFacilityModal } from './vtx-facility-modal';\nexport { default as VtxDefaultModal } from './vtx-default-modal';\nexport { default as VtxCarModal } from './vtx-car-modal';\nexport { default as VtxStaffModal } from './vtx-staff-modal';\nexport { default as VtxCpModal } from './vtx-cp-modal';\nexport { default as VtxDfModal } from './vtx-df-modal';\nexport { default as VtxRoadModal } from './vtx-road-modal';\nexport { default as VtxWrModal } from './vtx-wr-modal';\nexport { default as VtxZgModal } from './vtx-zg-modal';\nexport { default as VtxKhModal } from './vtx-kh-modal';\nexport { default as VtxRestaurantModal } from './vtx-restaurant-modal';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,WAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,mBAAA,GAAAb,sBAAA,CAAAC,OAAA;AAAuE,SAAAD,uBAAAc,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA"}

package/lib/style/css.js

@@ -1,15 +0,0 @@
-"use strict";
-
-require("./index.css");
-require("antd/es/date-picker/style/css");
-require("antd/es/select/style/css");
-require("antd/es/tabs/style/css");
-require("antd/es/button/style/css");
-require("antd/es/dropdown/style/css");
-require("antd/es/menu/style/css");
-require("antd/es/table/style/css");
-require("antd/es/modal/style/css");
-require("@vtx/player/lib/live-control/style/css");
-require("@vtx/player/lib/history-control/style/css");
-require("@vtx/player/lib/bill-player/style/css");
-//# sourceMappingURL=css.js.map

package/lib/style/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","names":["require"],"sources":["style/index.js"],"sourcesContent":["import './index.less';\nimport 'antd/es/date-picker/style/css';\nimport 'antd/es/select/style/css';\nimport 'antd/es/tabs/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/table/style/css';\nimport 'antd/es/modal/style/css';\nimport '@vtx/player/lib/live-control/style/css';\nimport '@vtx/player/lib/history-control/style/css';\nimport '@vtx/player/lib/bill-player/style/css';\n// import 'antd/es/image/style/css';\n"],"mappings":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA"}