purovps/jshERP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化单据的表格宽度

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
jshERP-web/src/components/jeecg/JEditableTable.vue
View File

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

266
jshERP-web/src/views/bill/dialog/BillDetail.vue
View File

@@ -45,15 +45,17 @@
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="allocationOutColumns" :pagination="false"
:dataSource="dataSource"> :columns="allocationOutColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -80,15 +82,17 @@
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="assembleColumns" :pagination="false"
:dataSource="dataSource"> :columns="assembleColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -115,15 +119,17 @@
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="disassembleColumns" :pagination="false"
:dataSource="dataSource"> :columns="disassembleColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -159,15 +165,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="otherInColumns" :pagination="false"
:dataSource="dataSource"> :columns="otherInColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -203,15 +211,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="otherOutColumns" :pagination="false"
:dataSource="dataSource"> :columns="otherOutColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -247,15 +257,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="purchaseBackColumns" :pagination="false"
:dataSource="dataSource"> :columns="purchaseBackColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -332,15 +344,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="purchaseInColumns" :pagination="false"
:dataSource="dataSource"> :columns="purchaseInColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -413,15 +427,17 @@
</a-col> </a-col>
<a-col :span="6"></a-col> <a-col :span="6"></a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="purchaseOrderColumns" :pagination="false"
:dataSource="dataSource"> :columns="purchaseOrderColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -459,15 +475,17 @@
</a-row> </a-row>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="18" :md="12" :sm="24"> <a-col :lg="18" :md="12" :sm="24">
<a-table <div :style="tableWidthRetail">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="retailBackColumns" :pagination="false"
:dataSource="dataSource"> :columns="retailBackColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
</a-col> </a-col>
<a-col :span="6"> <a-col :span="6">
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
@@ -531,15 +549,17 @@
</a-row> </a-row>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="18" :md="12" :sm="24"> <a-col :lg="18" :md="12" :sm="24">
<a-table <div :style="tableWidthRetail">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="retailOutColumns" :pagination="false"
:dataSource="dataSource"> :columns="retailOutColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
</a-col> </a-col>
<a-col :span="6"> <a-col :span="6">
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
@@ -601,15 +621,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="saleBackColumns" :pagination="false"
:dataSource="dataSource"> :columns="saleBackColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -689,15 +711,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="saleOrderColumns" :pagination="false"
:dataSource="dataSource"> :columns="saleOrderColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -733,15 +757,17 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-table <div :style="tableWidth">
ref="table" <a-table
size="middle" ref="table"
bordered size="middle"
rowKey="id" bordered
:pagination="false" rowKey="id"
:columns="saleOutColumns" :pagination="false"
:dataSource="dataSource"> :columns="saleOutColumns"
</a-table> :dataSource="dataSource">
</a-table>
</div>
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="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;"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
@@ -830,6 +856,12 @@
model: {}, model: {},
billType: '', billType: '',
fileList: [], fileList: [],
tableWidth: {
'width': '1550px'
},
tableWidthRetail: {
'width': '1150px'
},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 5 }, sm: { span: 5 },