出运明细表格调整

src/views/shipment-details/shipmentList.vue

@@ -290,7 +290,7 @@ export default {
   },
 
   data() {
-    let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} />
+    let ellipsis = (v,l) => <j-ellipsis value={v} length={l} />
     return {
       loading: false, // 表格加载
       id: '',
@@ -301,6 +301,7 @@ export default {
           dataIndex: 'account',
           width: 90,
            fixed: 'left',
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
@@ -309,14 +310,15 @@ export default {
           fixed: 'left',
           align: 'left',
           width: 140,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '销售订单号',
           dataIndex: 'orderNumber',
           // fixed: 'left',
-          customRender: t => ellipsis(t),
-          width: 150,
+          customRender: t => ellipsis(t,17),
+          width: 200,
           className: 'replacecolor'
         },
 
@@ -325,24 +327,28 @@ export default {
           dataIndex: 'customerAbbreviation',
           width: 220,
           align: 'left',
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '部门',
           dataIndex: 'salesDepartment',
           width: 120,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '业务员',
           dataIndex: 'salesman',
           width: 120,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '小po',
           dataIndex: 'smallPo',
           width: 120,
+          ellipsis: true,
           className: 'replacecolor'
         },
 
@@ -350,32 +356,37 @@ export default {
           title: 'pack id',
           dataIndex: 'packId',
           width: 120,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '分销点',
           dataIndex: 'distributionPoint',
           width: 120,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '款号',
           dataIndex: 'itemNumber',
           width: 180,
+          ellipsis: true,
           className: 'replacecolor'
         },
          {
           title: '数量',
           dataIndex: 'shipmentQuantity',
           width: 180,
+          ellipsis: true,
           className: 'replacecolor'
         },
         {
           title: '物料成分',
           dataIndex: 'materialComposition',
           width: 180,
+          ellipsis: true,
           className: 'replacecolor',
-          customRender: t => ellipsis(t),
+          ellipsis: true,
         },
         {
           title: '预发货日期',
@@ -386,6 +397,7 @@ export default {
               return "";
             return moment(text).format('YYYY-MM-DD')
           },
+          ellipsis: true,
           className: 'replacecolor'
         },
         // {
@@ -405,7 +417,7 @@ export default {
           dataIndex: 'inventoryName',
           width: 240,
           className: 'replacecolor',
-          customRender: t => ellipsis(t),
+          ellipsis: true,
         },
         // {
         //   title: '英文品名',
@@ -534,6 +546,7 @@ export default {
         itemNumber: '', // 款号
         refer: '',
         flourOrGarment: '', //类型
+        pageSize:20,//每页条数
         pageNo: '' // 点击的页数
       },
       selectedRowKeys:[],
@@ -823,6 +836,7 @@ export default {
        this.$message.error('请选择查询类型！');
       }else {
       this.queryParam.pageNo = ''
+      this.queryParam.pageSize = 20
       this.getShipmentList()        
       }
     },
@@ -840,6 +854,7 @@ export default {
       this.queryParam.itemNumber = ''
       this.queryParam.refer = ''
       this.queryParam.isTc = ''
+      this.queryParam.pageSize = 20
       this.selectedRows = []
       this.selectedRowKeys = []
       this.queryParam.flourOrGarment = '', //类型