面损表-页面/打印页面调整

src/views/reportForms/fabric-loss-table.vue

@@ -473,7 +473,7 @@ export default {
       planNO:'',//计划单号
       // 采购订单 表头
       purchaseOrderColumns: [
-        { title: '货物名称', width: '10%', dataIndex: 'cinvName', className: 'replacecolor', align:'left'},
+        { title: '货物名称', width: '21%', dataIndex: 'cinvName', className: 'replacecolor specel-width'},
         /*
         { title: '批号', width: 80, dataIndex: 'cbatch', className: 'replacecolor',
           customRender:function(text,record,index){
@@ -494,7 +494,7 @@ export default {
             }
           }
         },*/
-        { title: '订单号', width:'10%' , dataIndex: 'cpoid', className: 'replacecolor',
+        { title: '订单号', width:'8%' , dataIndex: 'cpoid', className: 'replacecolor',
           customRender:function(text,record,index){
             if (text == null || text == undefined){
               return "";
@@ -513,28 +513,28 @@ export default {
             }
           }
         },
-        { title: '计划数量', dataIndex: 'iquantity', width:'10%', className: 'replacecolor' },
+        { title: '计划数量', dataIndex: 'iquantity', width:'6%', className: 'replacecolor' },
         {
           title: '采购数量',
           dataIndex: 'iquantityIn',
-          width: '10%',
+          width: '6%',
           className: 'replacecolor',
           customCell: this.purchaseQuantityCustomCell,
           scopedSlots: { customRender: 'purchaseQuantity' }
         },
 
-        { title: '采购供应商', dataIndex: 'cvenAbbName', width: '10%', className: 'replacecolor' },
-        { title: '分配数量', dataIndex: 'iquantityOut', width: '10%', className: 'replacecolor' },
+        { title: '采购供应商', dataIndex: 'cvenAbbName', width: '7%', className: 'replacecolor' },
+        { title: '分配数量', dataIndex: 'iquantityOut', width: '5%', className: 'replacecolor' },
         { title: '委外供应商', dataIndex: 'omcVenAbbName', width: '10%', className: 'replacecolor',scopedSlots: { customRender: 'omcVenAbbName' }, },
         {
           title: '余纱',
           dataIndex: 'iquantityLeft',
-          width:'10%',
+          width:'5%',
           className: 'replacecolor',
           customCell: this.surplusYarnCustomCell,
           scopedSlots: { customRender: 'surplusYarn' }
         },
-        { title: '采购损耗', dataIndex: 'iquantityLeftRate', width: 80, className: 'replacecolor' }
+        { title: '采购损耗', dataIndex: 'iquantityLeftRate', width: '6%', className: 'replacecolor' }
       ],
 
       // 委外订单国内 表头
@@ -544,12 +544,12 @@ export default {
         {
           title: '材料出库数量',
           dataIndex: 'iquantityOut',
-          width: '10%',
+          width: '5%',
           className: 'replacecolor',
           customCell: this.materialsOutQuantityCustomCell,
           scopedSlots: { customRender: 'materialsOutQuantity' }
         },
-        { title: '计划数量', dataIndex: 'iquantity', width: '10%', className: 'replacecolor' },
+        { title: '计划数量', dataIndex: 'iquantity', width: '6%', className: 'replacecolor' },
 
         {
           title: '单位',
@@ -572,18 +572,18 @@ export default {
         {
           title: '采购入库数量',
           dataIndex: 'iquantityIn',
-          width: '10%',
+          width: '7%',
           className: 'replacecolor',
           customCell: this.purchaseInQuantityCustomCell,
           scopedSlots: { customRender: 'purchaseInQuantity' }
         },
         { title: '染厂色号', dataIndex: 'ccolorNumber', width:'10%', className: 'replacecolor' },
-        { title: '物料编码', dataIndex: 'cinvCode', width: '10%', className: 'replacecolor noprint' },
-        { title: '货物名称', dataIndex: 'cinvName', width: '15%', className: 'replacecolor specleWidth', align:'left' },
-        { title: '颜色', dataIndex: 'ccolor', width: '10%', className: 'replacecolor' },
-        { title: '损耗', dataIndex: 'cquantityLoss',  width: '10%',className: 'replacecolor' },
-        { title: '多发少发', dataIndex: 'iquantityMoreLess', width: '10%', className: 'replacecolor', scopedSlots: { customRender: 'iquantityMoreLess' }, customCell: this.iquantityMoreLessCell, },
-        { title: '附件', dataIndex: 'enclosure', width: '10%', className: 'noprint', scopedSlots: { customRender: 'enclosure' }}
+        { title: '物料编码', dataIndex: 'cinvCode', width: '7%', className: 'replacecolor noprint' },
+        { title: '货物名称', dataIndex: 'cinvName', width: '20%',className: 'replacecolor specel-width' },
+        { title: '颜色', dataIndex: 'ccolor', width: '7%', className: 'replacecolor' },
+        { title: '损耗', dataIndex: 'cquantityLoss',  width: '6%',className: 'replacecolor' },
+         { title: '多发少发', dataIndex: 'iquantityMoreLess', width: '6%', className: 'replacecolor', scopedSlots: { customRender: 'iquantityMoreLess' }, customCell: this.iquantityMoreLessCell, },
+        { title: '附件', dataIndex: 'enclosure', width: '6%', className: 'noprint', scopedSlots: { customRender: 'enclosure' }}
       ],
 
       // 成本发票 表头
@@ -670,10 +670,10 @@ export default {
         { title: '账套号', width: '10%', dataIndex: 'caccount', className: 'replacecolor' },
         { title: '订单号', width: '10%', dataIndex: 'cpoid', className: 'replacecolor' },
         { title: '供应商', width: '10%', dataIndex: 'cvenAbbName', className: 'replacecolor' },
-        { title: ' 类型', width: '10%', dataIndex: 'cinvName', className: 'replacecolor',align:"left" },
+        { title: ' 类型', width: '13%', dataIndex: 'cinvName', className: 'replacecolor',align:"left" },
         {
           title: '发票数量',
-          width: '10%',
+          width: '7%',
           dataIndex: 'iquantityInvoice',
           className: 'replacecolor',
           customCell: this.ingredientsInvoiceQuantityCustomCell,
@@ -778,14 +778,15 @@ export default {
          +'.ant-form-item{display:flex}'
          + 'table{width: 100% !important;border-collapse: collapse;border-spacing: 0;overflow-x:hidden;}\n'
          + 'th,td{width:5%;height: 18px;border: 1px solid #999;font-size: 12px;color: #666;max-width:2000px;text-align: center;}\n'
-         +'.ant-table-row-cell-break-word{width:5% !important}'
+         +'.ant-table-row-cell-break-word{width:5%}'
+         +'.specel-width{width:25% !important}'
          + 'th{color: #333}\n'
          + 'a{color: #666; text-decoration:none;}\n'
          + '</style>';
          win.document.write(style+html);
          win.focus();
          win.print();
-         win.close();
+        //  win.close();
 		     this.showSelect = 0
         })