成本分配报表-打印模版-列宽调整

src/views/reportForms/cost-allocation-table.vue

@@ -553,7 +553,7 @@ export default {
          +'.ant-input{width:100%}'
          +'.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'
+         + 'th,td{width:2%;height: 18px;border: 1px solid #999;font-size: 12px;color: #666;max-width:2000px;text-align: center;word-wrap: break-word;}\n'
          +'.ant-table-row-cell-break-word{width:5% !important}'
          + 'th{color: #333}\n'
          + 'a{color: #666; text-decoration:none;}\n'

src/views/reportForms/cost-allocation-table/tabs.vue

@@ -45,7 +45,7 @@
             :data-source="ingData"
             bordered
             :pagination="false"
-            :scroll="{ x: 1000 }"
+            :scroll="{ x: 1500 }"
           >
           <!-- 表头 -->
           <span slot="transferCostTitle" class="fontColor">
@@ -73,6 +73,7 @@
             bordered
             :pagination="false"
             :scroll="{ x: 1500 }"
+            class="shipData"
           >
           </a-table>
         </div>
@@ -195,17 +196,17 @@ export default {
       fabColumns: [
         {
           title: '序号',
-          width: 90,
+          width: '6%',
           dataIndex: 'index',
           key: 'index',
           customRender: (text, record, index) => `${index + 1}`,
           className: 'replacecolor'
         },
-        { title: '货物名称', width: 160, dataIndex: 'goodsName', className: 'replacecolor' },
+        { title: '货物名称', width: '10%', dataIndex: 'goodsName', className: 'replacecolor' },
         {
           title: '转入数量',
           dataIndex: 'fabrictransferQuantity',
-          width: 120,
+          width: '10%',
           className: 'replacecolor',
           customCell: this.fabQuaCustomCell,
           scopedSlots: { customRender: 'fabInQuaSlot' },
@@ -213,24 +214,24 @@ export default {
         {
           title: '转入成本',
           dataIndex: 'transferCost',
-          width: 120,
+          width: '10%',
           className: 'replacecolor',
           // slots:{title:'transferCostTitle'} ,
         },
 
-        { title: '单耗/件', dataIndex: 'unitConsumption', width: 120, className: 'replacecolor' },
-        { title: '使用数量', dataIndex: 'usageQuantity', width: 120, className: 'replacecolor' },
-        { title: '计划数量', dataIndex: 'planQuantity', width: 120, className: 'replacecolor' },
+        { title: '单耗/件', dataIndex: 'unitConsumption', width: '10%', className: 'replacecolor' },
+        { title: '使用数量', dataIndex: 'usageQuantity', width: '10%', className: 'replacecolor' },
+        { title: '计划数量', dataIndex: 'planQuantity', width: '10%', className: 'replacecolor' },
         {
           title: '购入数量',
           dataIndex: 'purchaseQuantity',
-          width: 120,
+          width: '10%',
           className: 'replacecolor'
         },
         {
           title: '余下数量',
           dataIndex: 'fabricremainingQuantity',
-          width: 100,
+          width: '7%',
           className: 'replacecolor',
           customCell: this.fabRemQuaCustomCell,
           scopedSlots: { customRender: 'fabRemaQuaSlot' }
@@ -238,13 +239,13 @@ export default {
         {
           title: '损耗',
           dataIndex: 'loss',
-          width: 120,
+          width: '10%',
           className: 'replacecolor'
         },
         {
           title: '余下数量的成本',
           dataIndex: 'remainingQuantitycost',
-          width: 120,
+          width: '10%',
           className: 'replacecolor',
           // slots:{title:'remainingQuantitycostTitle'} ,
 
@@ -256,7 +257,7 @@ export default {
       ingColumns: [
         {
           title: '序号',
-          width: 90,
+          width: '6%',
           dataIndex: 'index',
           key: 'index',
           fixed: 'left',
@@ -269,11 +270,11 @@ export default {
           },
           className: 'replacecolor'
         },
-        { title: '货物名称', width: 200, dataIndex: 'goodsName', fixed: 'left', className: 'replacecolor' },
+        { title: '货物名称', width: '12%', dataIndex: 'goodsName', fixed: 'left', className: 'replacecolor' },
         {
           title: '转入数量',
           dataIndex: 'ingredientsTransferQuantity',
-          width: 150,
+          width: '10%',
           className: 'replacecolor',
           customCell: this.ingInQuaCustomCell,
           scopedSlots: { customRender: 'ingInQuaSlot' }
@@ -281,22 +282,22 @@ export default {
         {
           title: '转入成本',
           dataIndex: 'transferCost',
-          width: 130,
+          width: '10%',
           className: 'replacecolor',
           // slots:{title:'transferCostTitle'} ,
         },
 
-        { title: '使用数量', dataIndex: 'usageQuantity', width: 120, className: 'replacecolor' },
+        { title: '使用数量', dataIndex: 'usageQuantity', width: '8%', className: 'replacecolor' },
         {
           title: '购入数量',
           dataIndex: 'purchaseQuantity',
-          width: 120,
+          width: '10%',
           className: 'replacecolor'
         },
         {
           title: '余下数量',
           dataIndex: 'ingredientsRemainingQuantity',
-          width: 140,
+          width: '9%',
           className: 'replacecolor',
           customCell: this.ingRemQuaCustomCell,
           scopedSlots: { customRender: 'ingRemQuaSlot' }
@@ -304,19 +305,19 @@ export default {
         {
           title: '损耗',
           dataIndex: 'loss',
-          width: 120,
+          width: '8%',
           className: 'replacecolor'
         },
         {
           title: '人民币金额',
           dataIndex: 'rmbAmount',
-          width: 160,
+          width: '8%',
           className: 'replacecolor'
         },
         {
           title: '美元金额',
           dataIndex: 'usdAmount',
-          width: 160,
+          width: '8%',
           className: 'replacecolor',
           customRender: (text, record, index) => {
             if (record.rmbAmount == record.usdAmount)
@@ -328,7 +329,7 @@ export default {
         {
           title: '不含税金额',
           dataIndex: 'priceExcludingtax',
-          width: 120,
+          width: '8%',
           className: 'replacecolor'
         },
         // {
@@ -346,7 +347,7 @@ export default {
         {
           title: '用量',
           dataIndex: 'dosage',
-          width: 120,
+          width: '8%',
           className: 'replacecolor'
         }
       ],
@@ -356,24 +357,24 @@ export default {
       shipColumns: [
         {
           title: '序号',
-          width: 80,
+          width: '6%',
           dataIndex: 'index',
           key: 'index',
           fixed: 'left',
           customRender: (text, record, index) => `${index + 1}`,
           className: 'replacecolor'
         },
-        { title: '发票号码', width: 150, dataIndex: 'invoiceNum', fixed: 'left', className: 'replacecolor' },
+        { title: '发票号码', width: '15%', dataIndex: 'invoiceNum', fixed: 'left', className: 'replacecolor' },
         {
           title: '出运日期',
           dataIndex: 'outdata',
-          width: 120,
+          width: '8%',
           fixed: 'left',
           className: 'replacecolor'
         },
         {
           title: '小po',
-          width: 90,
+          width: '7%',
           dataIndex: 'smallPo',
           fixed: 'left',
           className: 'replacecolor'
@@ -381,51 +382,51 @@ export default {
         {
           title: '汇率',
           dataIndex: 'exchangeRate',
-          width: 90,
+          width: '8%',
           className: 'replacecolor'
         },
 
-        { title: '订单号', dataIndex: 'orderNum', width: 180, className: 'replacecolor' },
+        { title: '订单号', dataIndex: 'orderNum', width: '10%', className: 'replacecolor' },
         {
           title: '产品款号',
           dataIndex: 'poStyleNum',
-          width: 100,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '出货数量',
           dataIndex: 'shipQuantity',
-          width: 100,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '外销单价',
           dataIndex: 'exportUnitPrice',
-          width: 100,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '外销总价',
           dataIndex: 'exportPrice',
-          width: 100,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '人民币金额',
           dataIndex: 'rmbAmount',
-          width: 120,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '加工单价（人民币）',
           dataIndex: 'procesUnitPricermb',
-          width: 150,
+          width: '9%',
           className: 'replacecolor'
         },
         {
           title: '加工单价（美元）',
           dataIndex: 'procesUnitPriceusd',
-          width: 150,
+          width: '9%',
           className: 'replacecolor',
           customRender: (text, record, index) => {
             if (record.procesUnitPricermb == record.procesUnitPriceusd)
@@ -437,7 +438,7 @@ export default {
         {
           title: '加工费(人民币)',
           dataIndex: 'processCost',
-          width: 100,
+          width: '8%',
           className: 'replacecolor'
         }
       ],
@@ -582,5 +583,11 @@ export default {
 /deep/ .fontColor .ant-form-item-label > label{
   color: red !important;
 }
+/deep/.ant-table-fixed{
+  width:18% !important
+}
+/deep/.shipData>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-content>.ant-table-fixed-left>.ant-table-body-outer>.ant-table-body-inner>.ant-table-fixed>{
+  width:29% !important
+}
 
 </style>