feat: 修改详情页顶部地址所占宽度为20%

src/router/index.ts

@@ -97,14 +97,14 @@ router.beforeEach(async (to, from, next) => {
   // 如果手动跳转登录页，清除登录信息
   if (to.path === '/login') {
     const userStore = useUserStore()
-    userStore.logout()
+    await userStore.logout()
   }
   // 未登录白名单
   const whiteList = ['/login', '/public-tracking', '/public-tracking/detail', '/reset-password']
   // 判断是否登录
   if (!whiteList.includes(to.path) && !localStorage.getItem('username')) {
     const userStore = useUserStore()
-    userStore.logout()
+    await userStore.logout()
     if (whiteList.includes(from.path)) {
       ElMessage.warning({
         message: 'Please log in to use this feature.',

src/stores/modules/user.ts

@@ -13,9 +13,9 @@ export const useUserStore = defineStore('user', {
       localStorage.setItem('username', username)
       this.username = username
     },
-    logout(isNeedLogout: boolean = true) {
+    async logout(isNeedLogout: boolean = true) {
       if (isNeedLogout) {
-        $api.logout().then(() => {})
+        await $api.logout().then(() => {})
       }
       localStorage.removeItem('username')
       this.username = ''

src/views/Booking/src/components/BookingDetail/src/BookingDetail.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
 import { VueDraggable } from 'vue-draggable-plus'
 import BasicInformation from './components/BasicInformation.vue'
 import ContainersView from './components/ContainersView.vue'
@@ -9,6 +11,8 @@ import { transportationMode } from '@/components/TransportationMode'
 import { useRoute } from 'vue-router'
 import { useOverflow } from '@/hooks/useOverflow'
 
+dayjs.extend(utc)
+dayjs.extend(timezone)
 const route = useRoute()
 
 // 可拖拽模块的列表
@@ -89,6 +93,14 @@ getData()
 const formatTime = (time: string) => {
   return time ? dayjs(time).format('MMM-DD-YYYY hh:mm A') : '--'
 }
+const formatTimezone = (tiem: string, timezone: string) => {
+  if (!tiem) return '--'
+  const formattedTime = dayjs(tiem).format('MMM-DD-YYYY hh:mm A')
+  const timeZoneOffset = dayjs().tz(timezone).format('Z')
+  // 替换 "+07:00" 为 "GMT+7"
+  const gmtOffset = `GMT${timeZoneOffset.slice(0, 3)}`
+  return `${formattedTime} (${gmtOffset})`
+}
 
 const originRef = ref()
 const destinationRef = ref()
@@ -115,7 +127,6 @@ const { isOverflow: isDestinationOverflow } = useOverflow(destinationRef, allDat
           <div class="origin">
             <div class="title">Origin</div>
             <div class="content">
-              <!-- <span>{{ allData?.transportInfo?.origin }}</span> -->
               <el-tooltip v-if="isOriginOverflow" placement="top">
                 <template #content>{{ allData?.transportInfo?.origin || '--' }}</template>
                 <span ref="originRef" class="info single-line-ellipsis">{{
@@ -281,6 +292,7 @@ const { isOverflow: isDestinationOverflow } = useOverflow(destinationRef, allDat
         }
       }
       .transport-way {
+        flex: 1 1 20%;
         display: flex;
         flex-direction: row;
         justify-content: flex-start;

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

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
-import { useUserStore } from '@/stores/modules/user'
 
 const router = useRouter()
 const dialogVisible = ref(false)
@@ -9,10 +8,8 @@ const openDialog = () => {
   dialogVisible.value = true
 }
 
-const userStore = useUserStore()
 const handleLogout = () => {
   dialogVisible.value = false
-  userStore.logout()
   router.push('/login')
   sessionStorage.clear()
 }

src/views/Tracking/src/components/PublicTracking/src/components/PublicTrackingDetail.vue

@@ -225,6 +225,7 @@ const { isOverflow: isDestinationOverflow } = useOverflow(destinationRef, allDat
         }
       }
       .transport-way {
+        flex: 1 1 20%;
         display: flex;
         flex-direction: row;
         justify-content: flex-start;

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

@@ -356,6 +356,7 @@ const { isOverflow: isDestinationOverflow } = useOverflow(destinationRef, allDat
         }
       }
       .transport-way {
+        flex: 1 1 20%;
         display: flex;
         flex-direction: row;
         justify-content: flex-start;