diff --git a/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue b/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
index a5c8b89..95589ce 100644
--- a/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
+++ b/frontend/ops_vue_js/src/views/warehouse/WarehouseContainerDetail.vue
@@ -555,12 +555,12 @@ onMounted(async () => {
           <table class="w-full text-left text-sm text-gray-900 dark:text-white">
             <thead>
               <tr class="border-b border-gray-200 bg-gray-50 text-gray-500 dark:border-dk-muted dark:bg-dk-base dark:text-gray-400">
-                <th class="px-5 py-3 font-medium w-24">{{ t('warehouse.item_name') }}</th>
-                <th class="px-5 py-3 font-medium">{{ t('warehouse.serial_number') }}</th>
-                <th class="px-5 py-3 font-medium">{{ t('warehouse.remark') }}</th>
-                <th class="px-5 py-3 font-medium w-20 text-center">{{ t('warehouse.quantity') }}</th>
-                <th class="px-5 py-3 font-medium w-24 text-center">{{ t('work_order.work_order_count') }}</th>
-                <th class="px-5 py-3 font-medium w-48">{{ t('customer.related_customers') }}</th>
+                <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.item_name') }}</th>
+                <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.serial_number') }}</th>
+                <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.remark') }}</th>
+                <th class="px-5 py-3 font-medium text-center">{{ t('warehouse.quantity') }}</th>
+                <th class="px-5 py-3 font-medium text-center">{{ t('work_order.work_order_count') }}</th>
+                <th class="px-5 py-3 font-medium ">{{ t('customer.related_customers') }}</th>
                 <th class="px-5 py-3 font-medium whitespace-nowrap">{{ t('warehouse.updated_at') }}</th>
                 <th class="px-5 py-3 font-medium">{{ t('warehouse.created_by') }}</th>
                 <th class="px-5 py-3 font-medium w-20 text-right">{{ t('warehouse.actions') }}</th>
@@ -590,7 +590,7 @@ onMounted(async () => {
                 <td class="px-5 py-3">
                   <div class="flex items-center gap-2">
                     <IconPackage class="text-green-500 flex-shrink-0" :size="16" />
-                    <span class="font-medium max-w-[5rem] truncate">{{ item.Name }}</span>
+                    <span class="font-medium max-w-[10rem] truncate">{{ item.Name }}</span>
                   </div>
                 </td>
                 <td class="px-5 py-3 text-xs text-gray-500 dark:text-gray-400 max-w-[140px] truncate">{{ item.SerialNumber || '—' }}</td>
diff --git a/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue b/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
index 84ad9b3..de13edb 100644
--- a/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
+++ b/frontend/ops_vue_js/src/views/warehouse/WarehouseOverview.vue
@@ -534,12 +534,12 @@ onMounted(() => {
         <table class="w-full text-left text-sm text-gray-900 dark:text-white">
           <thead>
             <tr class="border-b border-gray-200 bg-gray-50 text-gray-500 dark:border-dk-muted dark:bg-dk-base dark:text-gray-400">
-              <th class="px-5 py-3 font-medium w-40">{{ t('warehouse.item_name') }}</th>
-              <th class="px-5 py-3 font-medium">{{ t('warehouse.serial_number') }}</th>
-              <th class="px-5 py-3 font-medium">{{ t('warehouse.remark') }}</th>
-              <th class="px-5 py-3 font-medium w-20 text-center">{{ t('warehouse.quantity') }}</th>
-              <th class="px-5 py-3 font-medium w-24 text-center">{{ t('work_order.work_order_count') }}</th>
-              <th class="px-5 py-3 font-medium w-48">{{ t('customer.related_customers') }}</th>
+              <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.item_name') }}</th>
+              <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.serial_number') }}</th>
+              <th class="px-5 py-3 font-medium w-50">{{ t('warehouse.remark') }}</th>
+              <th class="px-5 py-3 font-medium  text-center">{{ t('warehouse.quantity') }}</th>
+              <th class="px-5 py-3 font-medium  text-center">{{ t('work_order.work_order_count') }}</th>
+              <th class="px-5 py-3 font-medium ">{{ t('customer.related_customers') }}</th>
               <th class="px-5 py-3 font-medium whitespace-nowrap">{{ t('warehouse.updated_at') }}</th>
               <th class="px-5 py-3 font-medium">{{ t('warehouse.created_by') }}</th>
               <th class="px-5 py-3 font-medium w-20 text-right">{{ t('warehouse.actions') }}</th>
diff --git a/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue b/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
index dde83e1..f880855 100644
--- a/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
+++ b/frontend/ops_vue_js/src/views/work_order/WorkOrderList.vue
@@ -142,8 +142,8 @@ onMounted(fetchOrders)
           <thead>
             <tr class="border-b border-gray-200 bg-gray-50 text-gray-500 dark:border-dk-muted dark:bg-dk-base">
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-16">No.</th>
-              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-48">{{ t('work_order.title') }}</th>
-              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400">描述</th>
+              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-50">{{ t('work_order.title') }}</th>
+              <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 w-50">描述</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400">关联客户</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap w-44">{{ t('work_order.created_at') }}</th>
               <th class="px-6 py-3 font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap w-44">{{ t('work_order.updated_at') }}</th>