修复一些宽度问题

This commit is contained in:
2026-04-29 20:09:30 +08:00
parent 780786c778
commit 8e388c704a
3 changed files with 15 additions and 15 deletions
@@ -555,12 +555,12 @@ onMounted(async () => {
<table class="w-full text-left text-sm text-gray-900 dark:text-white"> <table class="w-full text-left text-sm text-gray-900 dark:text-white">
<thead> <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"> <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 w-50">{{ 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 w-50">{{ 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-50">{{ 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 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 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 ">{{ 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 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">{{ t('warehouse.created_by') }}</th>
<th class="px-5 py-3 font-medium w-20 text-right">{{ t('warehouse.actions') }}</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"> <td class="px-5 py-3">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<IconPackage class="text-green-500 flex-shrink-0" :size="16" /> <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> </div>
</td> </td>
<td class="px-5 py-3 text-xs text-gray-500 dark:text-gray-400 max-w-[140px] truncate">{{ item.SerialNumber || '—' }}</td> <td class="px-5 py-3 text-xs text-gray-500 dark:text-gray-400 max-w-[140px] truncate">{{ item.SerialNumber || '—' }}</td>
@@ -534,12 +534,12 @@ onMounted(() => {
<table class="w-full text-left text-sm text-gray-900 dark:text-white"> <table class="w-full text-left text-sm text-gray-900 dark:text-white">
<thead> <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"> <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 w-50">{{ 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 w-50">{{ 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-50">{{ 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 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 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 ">{{ 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 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">{{ t('warehouse.created_by') }}</th>
<th class="px-5 py-3 font-medium w-20 text-right">{{ t('warehouse.actions') }}</th> <th class="px-5 py-3 font-medium w-20 text-right">{{ t('warehouse.actions') }}</th>
@@ -142,8 +142,8 @@ onMounted(fetchOrders)
<thead> <thead>
<tr class="border-b border-gray-200 bg-gray-50 text-gray-500 dark:border-dk-muted dark:bg-dk-base"> <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-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 w-50">{{ 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">描述</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">关联客户</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.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> <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>