零售单据的页面宽度优化
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user