style: 修改抽屉背景颜色，删除container status假数据

src/styles/elementui.scss

@@ -349,7 +349,7 @@ div.el-drawer {
   }
   .el-drawer__body {
     padding: 16px;
-    background-color: var(--color-table-header-bg);
+    background-color: var(--color-drawer-body-bg);
   }
   .el-drawer__close-btn:focus i,
   .el-drawer__close-btn:hover i {
@@ -436,6 +436,13 @@ div .el-checkbox.el-checkbox--large span.el-checkbox__inner::after {
   width: 5px; /* 打勾图标宽度 */
   height: 10px; /* 打勾图标高度 */
 }
+/* 修改暗黑模式下选中时打勾图标的大小 */
+html.dark .el-checkbox.el-checkbox--large span.el-checkbox__inner::after {
+  left: 5px; /* 调整左边距 */
+  top: 1px; /* 调整上边距 */
+  width: 5px; /* 打勾图标宽度 */
+  height: 10px; /* 打勾图标高度 */
+}
 div .el-popper__arrow,
 div .el-popper__arrow:before {
   // height: 0;

src/styles/theme.scss

@@ -85,6 +85,7 @@
 
   --color-dialog-header-bg: #f6f8fa;
   --color-dialog-body-bg: #ffffff;
+  --color-drawer-body-bg: #fff;
 
   // 按钮
   // default
@@ -342,6 +343,7 @@
   --el-input-focus: #2b2f36;
   --color-dialog-header-bg: #3e454f;
   --color-dialog-body-bg: #30353c;
+  --color-drawer-body-bg: #2b2f36;
   div.el-card {
     --el-card-bg-color: #30353c;
   }

src/views/Layout/src/components/Header/components/ChangePasswordDialog.vue

@@ -154,7 +154,11 @@ defineExpose({
         <div class="error" v-if="loginError.newPassword">{{ newPwdErrTips }}</div>
         <div class="limit-tips">
           <div class="tip-item">
-            <span class="font_family icon-icon_confirm_b" :class="{ active: hasUppercase }"></span>
+            <span
+              style="padding-top: 2px"
+              class="font_family icon-icon_confirm_b"
+              :class="{ active: hasUppercase }"
+            ></span>
             <span>Password must contain uppercase letters</span>
           </div>
           <div class="tip-item">

src/views/Login/src/components/ChangePasswordCard.vue

@@ -198,7 +198,11 @@ onUnmounted(() => {
             <span>Password must contain numbers</span>
           </div>
           <div class="tip-item">
-            <span class="font_family icon-icon_confirm_b" :class="{ active: isValidLength }"></span>
+            <span
+              style="padding-top: 2px"
+              class="font_family icon-icon_confirm_b"
+              :class="{ active: isValidLength }"
+            ></span>
             <span>Password length between12 - 20 </span>
           </div>
         </div>

src/views/Tracking/src/components/TrackingDetail/src/components/TransportStep.vue

@@ -1,80 +1,8 @@
 <script setup lang="ts">
-import { contain } from 'echarts/types/src/scale/helper.js'
-
 const props = defineProps({
   data: Object
 })
 
-const dataA = {
-  containerStatusData: [
-    {
-      label: 'CAAU2233090 / 20SD',
-      content: [
-        {
-          code: 'VD',
-          title: 'Vessel Departure',
-          date: '2025-01-02 00:00',
-          country: 'CNQDG',
-          timezone: 'Asia/Shanghai'
-        },
-        {
-          code: 'I',
-          title: 'Gate in full for a booking',
-          date: '2024-12-19 15:07',
-          country: 'CNTAO',
-          timezone: 'Asia/Shanghai'
-        },
-        {
-          code: 'EE',
-          title: 'Empty Equipment Dispatched',
-          date: '2024-12-13 11:45',
-          country: 'CNTAO',
-          timezone: 'Asia/Shanghai'
-        }
-      ]
-    }
-  ],
-  simplexData: [
-    {
-      index: 1,
-      label: 'Place of Receipt',
-      path: 'QINGDAO, CHINA/CNQDG',
-      isArrival: true,
-      children: []
-    },
-    {
-      index: 2,
-      label: 'Port of Loading',
-      path: 'QINGDAO, CHINA/CNQDG',
-      isArrival: true,
-      children: [
-        {
-          label: 'Departure(ATD)',
-          date: '2025-01-02 00:00'
-        }
-      ]
-    },
-    {
-      index: 3,
-      label: 'Port of Discharge',
-      path: 'NEWARK, NJ/USEWR',
-      isArrival: false,
-      children: [
-        {
-          label: 'Arrival(ETA)',
-          date: '2025-02-09'
-        }
-      ]
-    },
-    {
-      index: 4,
-      label: 'Place of Delivery',
-      path: 'NEWARK, NJ/USEWR',
-      isArrival: false
-    }
-  ]
-}
-
 const activeName = ref('shipmentStatus')
 
 const handleTabClick = (name: string) => {
@@ -102,10 +30,10 @@ const handleTabClick = (name: string) => {
     </div>
     <div class="content">
       <template v-if="activeName === 'shipmentStatus'">
-        <ShipmentStatus :data="dataA?.simplexData" />
+        <ShipmentStatus :data="props.data?.simplexData" />
       </template>
       <template v-else-if="activeName === 'containerStatus'">
-        <ContainerStatus :data="dataA?.containerStatusData" />
+        <ContainerStatus :data="props.data?.containerStatusData" />
       </template>
     </div>
   </div>