表格列自适应宽度

张诺

2026-02-02 59ef95ae90d3e9815afabc751e92c39d1ccf43cb

表格列自适应宽度

 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) },

 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>

 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) },

 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

 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",