From 59ef95ae90d3e9815afabc751e92c39d1ccf43cb Mon Sep 17 00:00:00 2001
From: 张诺 <zhang_12370@163.com>
Date: 星期一, 02 二月 2026 09:51:43 +0800
Subject: [PATCH] 表格列自适应宽度
---
src/views/inventoryManagement/procurementManagement/DeliveryTrackingManagement/index.vue | 16 ++++----
src/views/inventoryManagement/procurementManagement/freightSettlement/index.vue | 14 +++---
src/views/inventoryManagement/procurementManagement/paymentOrder/index.vue | 20 +++++-----
src/views/inventoryManagement/procurementManagement/paymentHistory/index.vue | 16 ++++----
src/views/inventoryManagement/procurementManagement/procurementLedger/index.vue | 16 ++++----
5 files changed, 41 insertions(+), 41 deletions(-)
diff --git a/src/views/inventoryManagement/procurementManagement/DeliveryTrackingManagement/index.vue b/src/views/inventoryManagement/procurementManagement/DeliveryTrackingManagement/index.vue
index 31e6b0a..1fe48b6 100644
--- a/src/views/inventoryManagement/procurementManagement/DeliveryTrackingManagement/index.vue
+++ b/src/views/inventoryManagement/procurementManagement/DeliveryTrackingManagement/index.vue
@@ -209,19 +209,19 @@
});
const tableColumn = ref([
- { label: "璁㈠崟鍙�", prop: "orderCode", width: 180 },
- { label: "鎵胯繍鍟�", prop: "carrierName", width: 180 },
- { label: "杞︾墝鍙�", prop: "vehicleNo", width: 130 },
- { label: "鍙戣揣鏃堕棿", prop: "shipTime", width: 170 },
- { label: "鍙告満", prop: "driverName", width: 120 },
- { label: "鍙告満鐢佃瘽", prop: "driverPhone", width: 140 },
- { label: "鏇存柊鏃堕棿", prop: "updateTime", width: 170 },
+ { label: "璁㈠崟鍙�", prop: "orderCode", minWidth: 180 },
+ { label: "鎵胯繍鍟�", prop: "carrierName", minWidth: 180 },
+ { label: "杞︾墝鍙�", prop: "vehicleNo", minWidth: 130 },
+ { label: "鍙戣揣鏃堕棿", prop: "shipTime", minWidth: 170 },
+ { label: "鍙告満", prop: "driverName", minWidth: 120 },
+ { label: "鍙告満鐢佃瘽", prop: "driverPhone", minWidth: 140 },
+ { label: "鏇存柊鏃堕棿", prop: "updateTime", minWidth: 170 },
{
label: "鎿嶄綔",
prop: "action",
dataType: "action",
fixed: "right",
- width: 120,
+ minWidth: 120,
operation: [
{ name: "鏌ョ湅杞ㄨ抗", clickFun: (row) => openTrack(row) },
{ name: "鍒犻櫎", clickFun: (row) => handleDelete(row) },
diff --git a/src/views/inventoryManagement/procurementManagement/freightSettlement/index.vue b/src/views/inventoryManagement/procurementManagement/freightSettlement/index.vue
index 54f685f..2ef9c0d 100644
--- a/src/views/inventoryManagement/procurementManagement/freightSettlement/index.vue
+++ b/src/views/inventoryManagement/procurementManagement/freightSettlement/index.vue
@@ -47,16 +47,16 @@
class="lims-table"
>
<el-table-column align="center" label="搴忓彿" type="index" width="60" />
- <el-table-column label="缁撶畻鍗曞彿" prop="settleNo" width="180" show-overflow-tooltip />
- <el-table-column label="鎵胯繍鍟�" prop="carrierName" width="200" show-overflow-tooltip />
- <el-table-column label="鍙戠エ鍙风爜" prop="invoiceNo" width="160" show-overflow-tooltip />
- <el-table-column label="鍙戠エ閲戦(鍏�)" prop="invoiceAmt" width="140" align="right">
+ <el-table-column label="缁撶畻鍗曞彿" prop="settleNo" min-width="180" show-overflow-tooltip />
+ <el-table-column label="鎵胯繍鍟�" prop="carrierName" min-width="200" show-overflow-tooltip />
+ <el-table-column label="鍙戠エ鍙风爜" prop="invoiceNo" min-width="160" show-overflow-tooltip />
+ <el-table-column label="鍙戠エ閲戦(鍏�)" prop="invoiceAmt" min-width="140" align="right">
<template #default="{ row }">{{ toMoney(row.invoiceAmt) }}</template>
</el-table-column>
- <el-table-column label="寮�绁ㄦ棩鏈�" prop="invoiceDate" width="120" />
- <el-table-column label="鏇存柊鏃堕棿" prop="updateTime" width="170" />
+ <el-table-column label="寮�绁ㄦ棩鏈�" prop="invoiceDate" min-width="120" />
+ <el-table-column label="鏇存柊鏃堕棿" prop="updateTime" min-width="170" />
- <el-table-column fixed="right" label="鎿嶄綔" width="200" align="center">
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="200" align="center">
<template #default="scope">
<el-button link type="primary" size="small" @click.stop="openView(scope.row)">鏌ョ湅</el-button>
<el-button link type="primary" size="small" @click.stop="openEdit(scope.row)">缂栬緫</el-button>
diff --git a/src/views/inventoryManagement/procurementManagement/paymentHistory/index.vue b/src/views/inventoryManagement/procurementManagement/paymentHistory/index.vue
index 2fb870d..8adff7f 100644
--- a/src/views/inventoryManagement/procurementManagement/paymentHistory/index.vue
+++ b/src/views/inventoryManagement/procurementManagement/paymentHistory/index.vue
@@ -238,19 +238,19 @@
});
const tableColumn = ref([
- { label: "鍚堝悓缂栧彿", prop: "contractCode", width: 160 },
- { label: "鍚堝悓鍚嶇О", prop: "contractName", width: 200 },
- { label: "鎵胯繍鍟�", prop: "carrierName", width: 200 },
- { label: "鐘舵��", prop: "contractStatus", dataType: "slot", slot: "statusSlot", width: 90 },
- { label: "寮�濮嬫椂闂�", prop: "startTime", width: 170 },
- { label: "缁撴潫鏃堕棿", prop: "endTime", width: 170 },
- { label: "淇敼鏃堕棿", prop: "updateTime", width: 170 },
+ { label: "鍚堝悓缂栧彿", prop: "contractCode", minWidth: 160 },
+ { label: "鍚堝悓鍚嶇О", prop: "contractName", minWidth: 200 },
+ { label: "鎵胯繍鍟�", prop: "carrierName", minWidth: 200 },
+ { label: "鐘舵��", prop: "contractStatus", dataType: "slot", slot: "statusSlot", minWidth: 90 },
+ { label: "寮�濮嬫椂闂�", prop: "startTime", minWidth: 170 },
+ { label: "缁撴潫鏃堕棿", prop: "endTime", minWidth: 170 },
+ { label: "淇敼鏃堕棿", prop: "updateTime", minWidth: 170 },
{
label: "鎿嶄綔",
prop: "action",
dataType: "action",
fixed: "right",
- width: 140,
+ minWidth: 140,
operation: [
{ name: "鏌ョ湅", clickFun: (row) => openView(row) },
{ name: "缂栬緫", clickFun: (row) => openMaintain(row) },
diff --git a/src/views/inventoryManagement/procurementManagement/paymentOrder/index.vue b/src/views/inventoryManagement/procurementManagement/paymentOrder/index.vue
index 3da8125..a2ece7a 100644
--- a/src/views/inventoryManagement/procurementManagement/paymentOrder/index.vue
+++ b/src/views/inventoryManagement/procurementManagement/paymentOrder/index.vue
@@ -67,57 +67,57 @@
<el-table-column
label="鎵胯繍璁㈠崟鍙�"
prop="orderCode"
- width="160"
+ min-width="160"
show-overflow-tooltip
/>
<el-table-column
label="鎵胯繍鍟�"
prop="carrierName"
- width="180"
+ min-width="180"
show-overflow-tooltip
/>
<el-table-column
label="鍙戣揣鍦�"
prop="origin"
- width="160"
+ min-width="160"
show-overflow-tooltip
/>
<el-table-column
label="鏀惰揣鍦�"
prop="destination"
- width="160"
+ min-width="160"
show-overflow-tooltip
/>
<el-table-column
label="閲嶉噺(kg)"
prop="weight"
- width="110"
+ min-width="110"
align="right"
/>
<el-table-column
label="浣撶Н(m鲁)"
prop="volume"
- width="110"
+ min-width="110"
align="right"
/>
<el-table-column
label="棰勮璐圭敤(鍏�)"
prop="estimatedFee"
- width="140"
+ min-width="140"
align="right"
>
<template #default="{ row }">{{ toMoney(row.estimatedFee) }}</template>
</el-table-column>
- <el-table-column label="鐘舵��" prop="orderStatus" width="110">
+ <el-table-column label="鐘舵��" prop="orderStatus" min-width="110">
<template #default="{ row }">
<el-tag :type="statusTagType(row.orderStatus)">
{{ statusText(row.orderStatus) }}
</el-tag>
</template>
</el-table-column>
- <el-table-column label="鏇存柊鏃堕棿" prop="updateTime" width="170" />
+ <el-table-column label="鏇存柊鏃堕棿" prop="updateTime" min-width="170" />
- <el-table-column fixed="right" label="鎿嶄綔" width="260" align="center">
+ <el-table-column fixed="right" label="鎿嶄綔" min-width="260" align="center">
<template #default="scope">
<el-button
link
diff --git a/src/views/inventoryManagement/procurementManagement/procurementLedger/index.vue b/src/views/inventoryManagement/procurementManagement/procurementLedger/index.vue
index 21a3fc5..618b12c 100644
--- a/src/views/inventoryManagement/procurementManagement/procurementLedger/index.vue
+++ b/src/views/inventoryManagement/procurementManagement/procurementLedger/index.vue
@@ -241,32 +241,32 @@
{
label: "鎵胯繍鍟嗗悕绉�",
prop: "supplierName",
- width: 250,
+ minWidth: 250,
},
{
label: "绾崇◣浜鸿瘑鍒彿",
prop: "taxpayerIdentificationNum",
- width: 230,
+ minWidth: 230,
},
{
label: "鍏徃鍦板潃",
prop: "companyAddress",
- width: 220,
+ minWidth: 220,
},
{
label: "鑱旂郴鏂瑰紡",
prop: "companyPhone",
- width:150
+ minWidth:150
},
{
label: "寮�鎴疯",
prop: "bankAccountName",
- width: 220,
+ minWidth: 220,
},
{
label: "璐﹀彿",
prop: "bankAccountNum",
- width: 220,
+ minWidth: 220,
},
{
label: "鑱旂郴浜�",
@@ -275,7 +275,7 @@
{
label: "鑱旂郴鐢佃瘽",
prop: "contactUserPhone",
- width: 150,
+ minWidth: 150,
},
{
label: "缁存姢浜�",
@@ -285,7 +285,7 @@
{
label: "缁存姢鏃堕棿",
prop: "maintainTime",
- width:100
+ minWidth:100
},
{
dataType: "action",
--
Gitblit v1.9.3