零售单据的页面宽度优化

This commit is contained in:
季圣华
2021-09-05 23:55:53 +08:00
parent fd1d91927b
commit 8a3b5f981e
3 changed files with 14 additions and 9 deletions

View File

@@ -34,7 +34,7 @@
<slot name="actionButtonAfter" :target="getVM()"/> <slot name="actionButtonAfter" :target="getVM()"/>
<div :id="`${caseId}inputTable`" class="input-table"> <div :id="`${caseId}inputTable`" class="input-table" :style="{'min-width':minWidth+'px'}">
<!-- 渲染表头 --> <!-- 渲染表头 -->
<div class="thead" ref="thead"> <div class="thead" ref="thead">
<div class="tr" :style="{width: this.realTrWidth}"> <div class="tr" :style="{width: this.realTrWidth}">
@@ -814,6 +814,10 @@
default: false default: false
}, },
// 页面是否在加载中 // 页面是否在加载中
minWidth: {
type: Number,
default: 1550
},
maxHeight: { maxHeight: {
type: Number, type: Number,
default: 400 default: 400
@@ -2758,7 +2762,6 @@
.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;

View File

@@ -49,6 +49,7 @@
:loading="materialTable.loading" :loading="materialTable.loading"
:columns="materialTable.columns" :columns="materialTable.columns"
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:minWidth="1100"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="true"
@@ -159,9 +160,9 @@
{ title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true, { title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true,
validateRules: [{ required: true, message: '${title}不能为空' }] validateRules: [{ required: true, message: '${title}不能为空' }]
}, },
{ title: '名称', key: 'name', width: '8%', type: FormTypes.input, readonly: true }, { title: '名称', key: 'name', width: '9%', type: FormTypes.input, readonly: true },
{ title: '规格', key: 'standard', width: '5%', type: FormTypes.input, readonly: true }, { title: '规格', key: 'standard', width: '6%', type: FormTypes.input, readonly: true },
{ title: '型号', key: 'model', width: '5%', type: FormTypes.input, readonly: true }, { title: '型号', key: 'model', width: '6%', type: FormTypes.input, readonly: true },
{ title: '扩展信息', key: 'materialOther', width: '7%', type: FormTypes.input, readonly: true }, { title: '扩展信息', key: 'materialOther', width: '7%', type: FormTypes.input, readonly: true },
{ title: '库存', key: 'stock', width: '5%', type: FormTypes.input, readonly: true }, { title: '库存', key: 'stock', width: '5%', type: FormTypes.input, readonly: true },
{ title: '单位', key: 'unit', width: '4%', type: FormTypes.input, readonly: true }, { title: '单位', key: 'unit', width: '4%', type: FormTypes.input, readonly: true },
@@ -171,7 +172,7 @@
}, },
{ title: '单价', key: 'unitPrice', width: '5%', type: FormTypes.inputNumber}, { title: '单价', key: 'unitPrice', width: '5%', type: FormTypes.inputNumber},
{ title: '金额', key: 'allPrice', width: '5%', type: FormTypes.inputNumber, statistics: true }, { title: '金额', key: 'allPrice', width: '5%', type: FormTypes.inputNumber, statistics: true },
{ title: '备注', key: 'remark', width: '5%', type: FormTypes.input } { title: '备注', key: 'remark', width: '7%', type: FormTypes.input }
] ]
}, },
confirmLoading: false, confirmLoading: false,

View File

@@ -52,6 +52,7 @@
:loading="materialTable.loading" :loading="materialTable.loading"
:columns="materialTable.columns" :columns="materialTable.columns"
:dataSource="materialTable.dataSource" :dataSource="materialTable.dataSource"
:minWidth="1100"
:maxHeight="300" :maxHeight="300"
:rowNumber="false" :rowNumber="false"
:rowSelection="true" :rowSelection="true"
@@ -159,8 +160,8 @@
{ title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true, { title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true,
validateRules: [{ required: true, message: '${title}不能为空' }] validateRules: [{ required: true, message: '${title}不能为空' }]
}, },
{ title: '名称', key: 'name', width: '8%', type: FormTypes.input, readonly: true }, { title: '名称', key: 'name', width: '9%', type: FormTypes.input, readonly: true },
{ title: '规格', key: 'standard', width: '5%', type: FormTypes.input, readonly: true }, { title: '规格', key: 'standard', width: '6%', type: FormTypes.input, readonly: true },
{ title: '型号', key: 'model', width: '5%', type: FormTypes.input, readonly: true }, { title: '型号', key: 'model', width: '5%', type: FormTypes.input, readonly: true },
{ title: '扩展信息', key: 'materialOther', width: '7%', type: FormTypes.input, readonly: true }, { title: '扩展信息', key: 'materialOther', width: '7%', type: FormTypes.input, readonly: true },
{ title: '库存', key: 'stock', width: '5%', type: FormTypes.input, readonly: true }, { title: '库存', key: 'stock', width: '5%', type: FormTypes.input, readonly: true },
@@ -171,7 +172,7 @@
}, },
{ title: '单价', key: 'unitPrice', width: '5%', type: FormTypes.inputNumber}, { title: '单价', key: 'unitPrice', width: '5%', type: FormTypes.inputNumber},
{ title: '金额', key: 'allPrice', width: '5%', type: FormTypes.inputNumber, statistics: true }, { title: '金额', key: 'allPrice', width: '5%', type: FormTypes.inputNumber, statistics: true },
{ title: '备注', key: 'remark', width: '5%', type: FormTypes.input } { title: '备注', key: 'remark', width: '7%', type: FormTypes.input }
] ]
}, },
confirmLoading: false, confirmLoading: false,