@vtx/modals2 3.2.7 → 3.2.9

package/lib/style/index.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/style/themes/dark.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/style/themes/dark.less

@@ -82,6 +82,7 @@
         --title-color: white;
         --title-color2: #a9d5d3;
         --sub-title-color: #fff;
+        --zy-label-color: #fff;
         --label-color: #cafdffff;
         --info-color: #74bbf4;
         --border-color: '#3C7073FF';

package/lib/style/themes/default.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;

package/lib/style/themes/default.less

@@ -4,6 +4,7 @@
     --head-bg: #fff;
     --bg-color2: #fff;
     --label-color: rgba(0, 0, 0, 0.65);
+    --zy-label-color: rgba(0, 0, 0, 0.85);
     --table-head-bg: rgba(24, 144, 255, 0.1);
     --title-color: #222;
     --title-color2: #222;

package/lib/style/themes/index.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/vm-video/index.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

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

@@ -153,7 +153,7 @@
   position: absolute;
   bottom: 0;
   left: -156px;
-  color: #ffffff;
+  color: var(--zy-label-color);
   line-height: 28px;
 }
 .car-work .twrap-chart-main-left {
@@ -196,7 +196,7 @@
   z-index: 11;
 }
 .car-work .twrap-chart-main-item {
-  margin-right: 60px;
+  margin-right: 32px;
   position: relative;
 }
 .car-work .twrap-chart-main-item_end {
@@ -229,7 +229,7 @@
   background: url('../../imgs/ljsy_cp_name_un.png') no-repeat 100% 100%;
   font-size: 14px;
   font-family: PingFang SC;
-  color: #ffffff;
+  color: var(--zy-label-color);
   line-height: 18px;
   text-align: center;
   padding: 4px 6px 0;
@@ -246,7 +246,7 @@
   cursor: pointer;
 }
 .car-work .twrap-chart-main-item-sj {
-  color: #ffffff;
+  color: var(--zy-label-color);
   line-height: 28px;
   padding-left: 4px;
 }
@@ -255,7 +255,7 @@
 }
 .car-work .twrap-chart-main-item-time {
   line-height: 28px;
-  color: #ffffff;
+  color: var(--zy-label-color);
 }
 .car-work .twrap-chart-main-item-end {
   height: 60px;

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

@@ -106,7 +106,7 @@
                 position: absolute;
                 bottom: 0;
                 left: -156px;
-                color: #ffffff;
+                color: var(--zy-label-color);
                 line-height: 28px;
             }
             &-left {
@@ -148,11 +148,10 @@
                 z-index: 11;
             }
             &-item {
-                margin-right: 60px;
+                margin-right: 32px;
                 position: relative;
                 &_end {
                     top: -12px;
-                    // left: 0;
                 }
                 &-car {
                     width: 55px;
@@ -183,7 +182,7 @@
                     background: url('../../imgs/ljsy_cp_name_un.png') no-repeat 100% 100%;
                     font-size: 14px;
                     font-family: PingFang SC;
-                    color: #ffffff;
+                    color: var(--zy-label-color);
                     line-height: 18px;
                     text-align: center;
                     padding: 4px 6px 0;
@@ -200,7 +199,7 @@
                     cursor: pointer;
                 }
                 &-sj {
-                    color: #ffffff;
+                    color: var(--zy-label-color);
                     line-height: 28px;
                     padding-left: 4px;
                     span {
@@ -209,7 +208,7 @@
                 }
                 &-time {
                     line-height: 28px;
-                    color: #ffffff;
+                    color: var(--zy-label-color);
                 }
                 &-end {
                     height: 60px;

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

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

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

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

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

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/vtx-df-modal/components/OdorAlarm/index.css

@@ -0,0 +1,198 @@
+.odor {
+  padding: 10px;
+}
+.odor-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;
+}
+.odor-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;
+}
+.odor-content-main-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 18px;
+}
+.odor-content-main-item--name {
+  color: var(--label-color);
+}
+.odor-content-main-item--value {
+  color: var(--info-color);
+  font-size: 12px;
+}
+.odor-content-main-item--value span {
+  font-size: 22px;
+}
+.odor-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 16px;
+  margin-top: 10px;
+  background-color: var(--bg-color2);
+  height: 500px;
+}
+.odor-info-top {
+  width: 100%;
+  color: var(--title-color);
+}
+.odor-info-top > span {
+  font-size: 14px;
+  font-weight: 600;
+}
+.odor-info-top .title {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 6px 6px 0 0;
+  background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 52, 52, 0.3)), to(transparent));
+  background: linear-gradient(180deg, rgba(233, 52, 52, 0.3), transparent);
+  overflow-x: auto;
+}
+.odor-info-top .title img {
+  margin: 0 10px;
+}
+.odor-info-bottom {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 10px;
+  height: 400px;
+}
+.odor-info-bottom-left {
+  width: 45%;
+}
+.odor-info-bottom-right {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  height: 100%;
+  padding: 0 40px;
+}
+.odor-info-bottom-right .timeline {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding-top: 8px;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+}
+.odor-info-bottom-right .timeline .routeName {
+  font-size: 15px;
+  font-family: PingFang SC-Regular, PingFang SC;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 15px;
+  cursor: pointer;
+  margin-right: 4px;
+}
+.odor-info-bottom-right .timeline .rightText {
+  font-size: 14px;
+  font-family: PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 25px;
+}
+.odor-info-bottom-right .timeline .photos {
+  margin: 4px 0;
+  height: 73px;
+  overflow: hidden;
+}
+.odor-info-bottom-right .timeline .problemsDots {
+  color: #ff4d4f;
+}
+.odor-info-bottom-right .timeline .dots {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  margin-right: 10px;
+  background: -webkit-gradient(linear, left bottom, left top, from(#fe8f90), to(#ff4d4f));
+  background: linear-gradient(0deg, #fe8f90 0%, #ff4d4f 100%);
+  -webkit-box-shadow: 0px 0px 4px 1px rgba(226, 88, 82, 0.64);
+          box-shadow: 0px 0px 4px 1px rgba(226, 88, 82, 0.64);
+  border-radius: 100%;
+}
+.odor-info-bottom-right .timeline .timelineTime {
+  font-family: PingFang SC-Regular, PingFang SC;
+  color: rgba(0, 0, 0, 0.65);
+  line-height: 11px;
+  font-size: 14px;
+  line-height: 24px;
+  margin-right: 8px;
+}
+.odor-info-bottom-right .timeline .problemsInfo {
+  padding: 12px;
+  width: 368px;
+  background: url('./assets/cq_bg.png') no-repeat;
+  font-size: 100% 100%;
+  border-radius: 8px;
+}
+.odor-info-bottom-right .timeline .problemsInfoTop {
+  padding-top: 3.5px;
+  padding-bottom: 2px;
+  font-size: 500;
+  font-family: PingFang SC;
+  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;
+}
+.odor-info-bottom-right .timeline .problemsInfoTop img {
+  margin-right: 8px;
+}
+.odor-info-bottom-right .timeline .ant-timeline-item {
+  padding: 0;
+}
+.odor-info-bottom-right .timeline .ant-timeline-item-tail {
+  border: none;
+}
+.odor-info-bottom-right .timeline .ant-timeline-item-head-custom {
+  left: 40px;
+  z-index: 99;
+}
+.odor-info-bottom-right .timeline .ant-timeline-item-content {
+  left: 18px;
+  top: 20px;
+  padding: 0 10px;
+  border-left: 1px solid #ff4d503c;
+  width: 300px;
+  min-height: 130px;
+}
+.odor-info-bottom-right .timeline .ant-timeline-item-last .ant-timeline-item-content {
+  border-left: none !important;
+}
+.odor .grossWeight-color {
+  color: #00FFEC;
+}
+.odor .tareWeight-color {
+  color: #FFE6B0;
+}
+.odor .netWeight-color {
+  color: #78C7FC;
+}

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

@@ -0,0 +1,179 @@
+.odor {
+    padding: 10px;
+    &-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;
+                    }
+                }
+            }
+        }
+    }
+
+    &-info {
+        display: flex;
+        flex-direction: column;
+        padding: 16px;
+        margin-top: 10px;
+        background-color: var(--bg-color2);
+        height: 500px;
+        &-top {
+            width: 100%;
+            color: var(--title-color);
+            & > span {
+                font-size: 14px;
+                font-weight: 600;
+            }
+            .title {
+                width: 100%;
+                height: 40px;
+                line-height: 40px;
+                border-radius: 6px 6px 0 0;
+                background: linear-gradient(180deg, rgba(233, 52, 52, 0.3), transparent);
+                overflow-x: auto;
+                img {
+                    margin: 0 10px;
+                }
+            }
+        }
+        &-bottom {
+            width: 100%;
+            display: flex;
+            margin-top: 10px;
+            height: 400px;
+            &-left{
+                width: 45%;
+            }
+            &-right {
+                flex: 1;
+                height: 100%;
+                padding: 0 40px;
+                .timeline {
+                    flex: 1;
+                    overflow-y: auto;
+                    padding-top: 8px;
+                    width: 100%;
+                    height: 100%;
+                    overflow-y: auto;
+                    .routeName {
+                        font-size: 15px;
+                        font-family: PingFang SC-Regular, PingFang SC;
+                        color: rgba(0, 0, 0, 0.85);
+                        line-height: 15px;
+                        cursor: pointer;
+                        margin-right: 4px;
+                    }
+                    .rightText {
+                        font-size: 14px;
+                        font-family: PingFang SC;
+                        font-weight: 400;
+                        color: #666666;
+                        line-height: 25px;
+                    }
+                    .photos {
+                        margin: 4px 0;
+                        // min-width: 230px;
+                        height: 73px;
+                        overflow: hidden;       
+                    }
+                    .problemsDots {
+                        color: #ff4d4f;
+                    }
+                    .dots {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        margin-right: 10px;
+                        background: linear-gradient(0deg, #fe8f90 0%, #ff4d4f 100%);
+                        box-shadow: 0px 0px 4px 1px rgba(226, 88, 82, 0.64);
+                        border-radius: 100%;
+                    }
+                    .timelineTime {
+                        font-family: PingFang SC-Regular, PingFang SC;
+                        color: rgba(0, 0, 0, 0.65);
+                        line-height: 11px;
+                        font-size: 14px;
+                        line-height: 24px;
+                        margin-right: 8px;
+                    }
+                    .problemsInfo {
+                        padding: 12px;
+                        width: 368px;
+                        background: url('./assets/cq_bg.png') no-repeat;
+                        font-size: 100% 100%;
+                        border-radius: 8px;
+                    }
+                    .problemsInfoTop {
+                        padding-top: 3.5px;
+                        padding-bottom: 2px;
+                        font-size: 500;
+                        font-family: PingFang SC;
+                        display: flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        img {
+                            margin-right: 8px;
+                        }
+                    }
+                    .ant-timeline-item {
+                        padding: 0;
+                    }
+                    .ant-timeline-item-tail {
+                        border: none;
+                    }
+                    .ant-timeline-item-head-custom {
+                        left: 40px;
+                        z-index: 99;
+                    }
+                    .ant-timeline-item-content {
+                        left: 18px;
+                        top: 20px;
+                        padding: 0 10px;
+                        border-left: 1px solid #ff4d503c;
+                        width: 300px;
+                        min-height: 130px;
+                    }
+            
+                    .ant-timeline-item-last {
+                        .ant-timeline-item-content {
+                            border-left: none !important;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+
+    .grossWeight-color {
+        color: #00FFEC;
+    }
+    .tareWeight-color {
+        color: #FFE6B0;
+    }
+    .netWeight-color {
+        color: #78C7FC;
+    }
+}

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

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

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

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/vtx-ljfl-tfd-modal/components/TFRD/index.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';

package/lib/vtx-ljfl-tfd-modal/components/WGXX/index.css

@@ -4,6 +4,7 @@
   --head-bg: #fff;
   --bg-color2: #fff;
   --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
   --table-head-bg: rgba(24, 144, 255, 0.1);
   --title-color: #222;
   --title-color2: #222;
@@ -100,6 +101,7 @@
   --title-color: white;
   --title-color2: #a9d5d3;
   --sub-title-color: #fff;
+  --zy-label-color: #fff;
   --label-color: #cafdffff;
   --info-color: #74bbf4;
   --border-color: '#3C7073FF';