零售单据的页面宽度优化
This commit is contained in:
@@ -34,7 +34,7 @@
|
||||
|
||||
<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="tr" :style="{width: this.realTrWidth}">
|
||||
@@ -814,6 +814,10 @@
|
||||
default: false
|
||||
},
|
||||
// 页面是否在加载中
|
||||
minWidth: {
|
||||
type: Number,
|
||||
default: 1550
|
||||
},
|
||||
maxHeight: {
|
||||
type: Number,
|
||||
default: 400
|
||||
@@ -2758,7 +2762,6 @@
|
||||
|
||||
.input-table {
|
||||
max-width: 100%;
|
||||
min-width: 1550px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
position: relative;
|
||||
|
||||
@@ -49,6 +49,7 @@
|
||||
:loading="materialTable.loading"
|
||||
:columns="materialTable.columns"
|
||||
:dataSource="materialTable.dataSource"
|
||||
:minWidth="1100"
|
||||
:maxHeight="300"
|
||||
:rowNumber="false"
|
||||
:rowSelection="true"
|
||||
@@ -159,9 +160,9 @@
|
||||
{ title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true,
|
||||
validateRules: [{ required: true, message: '${title}不能为空' }]
|
||||
},
|
||||
{ title: '名称', key: 'name', width: '8%', type: FormTypes.input, readonly: true },
|
||||
{ title: '规格', key: 'standard', width: '5%', type: FormTypes.input, readonly: true },
|
||||
{ title: '型号', key: 'model', width: '5%', type: FormTypes.input, readonly: true },
|
||||
{ title: '名称', key: 'name', width: '9%', type: FormTypes.input, readonly: true },
|
||||
{ title: '规格', key: 'standard', width: '6%', 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: 'stock', width: '5%', 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: '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,
|
||||
|
||||
@@ -52,6 +52,7 @@
|
||||
:loading="materialTable.loading"
|
||||
:columns="materialTable.columns"
|
||||
:dataSource="materialTable.dataSource"
|
||||
:minWidth="1100"
|
||||
:maxHeight="300"
|
||||
:rowNumber="false"
|
||||
:rowSelection="true"
|
||||
@@ -159,8 +160,8 @@
|
||||
{ title: '条码', key: 'barCode', width: '12%', type: FormTypes.popupJsh, multi: true,
|
||||
validateRules: [{ required: true, message: '${title}不能为空' }]
|
||||
},
|
||||
{ title: '名称', key: 'name', width: '8%', type: FormTypes.input, readonly: true },
|
||||
{ title: '规格', key: 'standard', width: '5%', type: FormTypes.input, readonly: true },
|
||||
{ title: '名称', key: 'name', width: '9%', 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: 'materialOther', width: '7%', 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: '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,
|
||||
|
||||
Reference in New Issue
Block a user