优化单据的表格宽度

This commit is contained in:
季圣华
2021-08-27 00:19:43 +08:00
parent 72960a0968
commit 022c40062e
2 changed files with 150 additions and 117 deletions

View File

@@ -2758,6 +2758,7 @@
.input-table {
max-width: 100%;
min-width: 1550px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;

View File

@@ -45,6 +45,7 @@
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -54,6 +55,7 @@
:columns="allocationOutColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -80,6 +82,7 @@
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -89,6 +92,7 @@
:columns="assembleColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -115,6 +119,7 @@
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -124,6 +129,7 @@
:columns="disassembleColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -159,6 +165,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -168,6 +175,7 @@
:columns="otherInColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -203,6 +211,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -212,6 +221,7 @@
:columns="otherOutColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -247,6 +257,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -256,6 +267,7 @@
:columns="purchaseBackColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -332,6 +344,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -341,6 +354,7 @@
:columns="purchaseInColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -413,6 +427,7 @@
</a-col>
<a-col :span="6"></a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -422,6 +437,7 @@
:columns="purchaseOrderColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -459,6 +475,7 @@
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :lg="18" :md="12" :sm="24">
<div :style="tableWidthRetail">
<a-table
ref="table"
size="middle"
@@ -468,6 +485,7 @@
:columns="retailBackColumns"
:dataSource="dataSource">
</a-table>
</div>
</a-col>
<a-col :span="6">
<a-row class="form-row" :gutter="24">
@@ -531,6 +549,7 @@
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :lg="18" :md="12" :sm="24">
<div :style="tableWidthRetail">
<a-table
ref="table"
size="middle"
@@ -540,6 +559,7 @@
:columns="retailOutColumns"
:dataSource="dataSource">
</a-table>
</div>
</a-col>
<a-col :span="6">
<a-row class="form-row" :gutter="24">
@@ -601,6 +621,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -610,6 +631,7 @@
:columns="saleBackColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -689,6 +711,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -698,6 +721,7 @@
:columns="saleOrderColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -733,6 +757,7 @@
</a-form-item>
</a-col>
</a-row>
<div :style="tableWidth">
<a-table
ref="table"
size="middle"
@@ -742,6 +767,7 @@
:columns="saleOutColumns"
:dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -830,6 +856,12 @@
model: {},
billType: '',
fileList: [],
tableWidth: {
'width': '1550px'
},
tableWidthRetail: {
'width': '1150px'
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },