装箱单列表样式

src/views/packing-list/clothes-list.vue

@@ -299,7 +299,7 @@ export default {
          {
           title: '预托书号',
           dataIndex: 'depositaryReceiptNo',
-          width: 120,
+          width: 100,
           ellipsis: true,
           fixed:'left',
           // scopedSlots: { customRender: 'preBookNum' },
@@ -308,7 +308,7 @@ export default {
           {
           title: '托书号',
           dataIndex: 'shippingOrderNumber',
-          width: 120,
+          width: 100,
           ellipsis: true,
           fixed:'left',
           className: 'replacecolor'
@@ -323,7 +323,7 @@ export default {
         {
           title: '集装箱号',
           dataIndex: 'containerNumber',
-          width: 120,
+          width: 100,
           ellipsis: true,
           // scopedSlots: { customRender: 'containerNo' },
           className: 'replacecolor'
@@ -331,14 +331,14 @@ export default {
         {
           title: '单据号',
           dataIndex: 'documentNo',
-          width: 120,
+          width: 140,
           ellipsis: true,
           className: 'replacecolor'
         },
          {
           title: '订单号',
           dataIndex: 'orderNumber',
-          width: 160,
+          width: 100,
           ellipsis: true,
           // fixed: 'left',
           className: 'replacecolor'
@@ -347,14 +347,14 @@ export default {
           title: '款号',
           ellipsis: true,
           dataIndex: 'itemNumber',
-          width: 120,
+          width: 100,
           // fixed: 'left',
           className: 'replacecolor'
         },
         {
           title: '客户简称',
           dataIndex: 'customerAbbreviation',
-          width: 120,
+          width: 100,
           ellipsis: true,
           // fixed: 'left',
           className: 'replacecolor'
@@ -369,21 +369,21 @@ export default {
         {
           title: '小po',
           dataIndex: 'smallPo',
-          width: 120,
+          width: 100,
           ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '分销点',
           dataIndex: 'distributionPoint',
-          width: 120,
+          width: 100,
           ellipsis: true,
           className: 'replacecolor'
         },
           {
           title: '数量（按合并规则累计）',
           dataIndex: 'total',
-          width: 200,
+          width: 190,
           ellipsis: true,
           className: 'replacecolor'
         },
@@ -391,21 +391,21 @@ export default {
         {
           title: '箱数',
           dataIndex: 'totalBoxes',
-          width: 90,
+          width: 70,
           ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '总净重',
           dataIndex: 'totalNetWeight',
-          width: 120,
+          width: 80,
           ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '总毛重',
           dataIndex: 'totalGrossWeight',
-          width: 120,
+          width: 80,
           ellipsis: true,
           className: 'replacecolor'
         },
@@ -413,7 +413,7 @@ export default {
         {
           title: '总体积',
           dataIndex: 'totalVolume',
-          width: 120,
+          width: 80,
           ellipsis: true,
           className: 'replacecolor'
         },
@@ -433,14 +433,14 @@ export default {
         {
           title: '采购/委外订单号',
           dataIndex: 'purchase',
-          width: 160,
+          width: 140,
           ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '成衣工厂',
           dataIndex: 'garmentFactory',
-          width: 140,
+          width: 100,
           ellipsis: true,
           // customRender: t => ellipsis(t),
           className: 'replacecolor'

src/views/packing-list/fabric-list.vue

@@ -230,6 +230,7 @@ export default {
           dataIndex: 'documentNo',
           width: 160,
           ellipsis: true,
+          fixed:'left',
           className: 'replacecolor'
         },
         // {
@@ -241,7 +242,7 @@ export default {
          {
           title: '集装箱号',
           dataIndex: 'containerNumber',
-          width: 120,
+          width: 100,
            ellipsis: true,
           // scopedSlots: { customRender: 'containerNo' },
           className: 'replacecolor'
@@ -257,7 +258,7 @@ export default {
         {
           title: '外销发票号',
           dataIndex: 'exportInvoiceNo',
-          width: 150,
+          width: 130,
            ellipsis: true,
           className: 'replacecolor'
         },
@@ -265,14 +266,14 @@ export default {
         {
           title: '装柜日期',
           dataIndex: 'latestDateOfShipment',
-          width: 120,
+          width: 110,
            ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '成衣工厂',
           dataIndex: 'garmentFactory',
-          width: 140,
+          width: 120,
            ellipsis: true,
           className: 'replacecolor'
         },
@@ -288,7 +289,7 @@ export default {
         {
           title: '制单日期',
           dataIndex: 'preparedDate',
-          width: 140,
+          width: 120,
            ellipsis: true,
           // 有问题，自动显示当日日期
           // customRender: text => {
@@ -791,4 +792,7 @@ padding-bottom: 0px !important;
 /deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
   padding: 9px 16px
 }
+/deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{
+   width: min-content;
+}
 </style>