Browse Source

style(inspection): 调整检验请求列表表格列宽度样式

- 将PO行号列宽度从100调整为60
- 将产品编码列最小宽度从120调整为100
- 将订单数量列宽度从120调整为80
- 将未验货数量列宽度从120调整为80
- 将运输方式列宽度从120调整为100
- 将预览表格中所有列的宽度设置为自适应
- 添加预览表格注释标记
master
qiankanghui 2 weeks ago
parent
commit
a9faa85102
  1. 25
      src/views/modules/inspection/inspectionRequestList.vue

25
src/views/modules/inspection/inspectionRequestList.vue

@ -247,12 +247,12 @@
:row-class-name="tableRowClassName"> :row-class-name="tableRowClassName">
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" width="120"/> <el-table-column prop="orderRef1" label="PO号" header-align="center" align="center" width="120"/>
<el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" width="100"/>
<el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="120" show-overflow-tooltip/>
<el-table-column prop="orderRef2" label="PO行号" header-align="center" align="center" width="60"/>
<el-table-column prop="partNo" label="产品编码" header-align="center" align="left" min-width="100" show-overflow-tooltip/>
<el-table-column prop="partDesc" label="产品名称" header-align="center" align="left" min-width="150" show-overflow-tooltip/> <el-table-column prop="partDesc" label="产品名称" header-align="center" align="left" min-width="150" show-overflow-tooltip/>
<el-table-column prop="qty" label="订单数量" header-align="center" align="right" width="120"/>
<el-table-column prop="waitInspectQty" label="未验货数量" header-align="center" align="right" width="120"/>
<el-table-column prop="shipMethod" label="运输方式" header-align="center" align="center" width="120">
<el-table-column prop="qty" label="订单数量" header-align="center" align="right" width="80"/>
<el-table-column prop="waitInspectQty" label="未验货数量" header-align="center" align="right" width="80"/>
<el-table-column prop="shipMethod" label="运输方式" header-align="center" align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.shipMethod" placeholder="请选择" size="mini" style="width: 100%; box-sizing: border-box;"> <el-select v-model="scope.row.shipMethod" placeholder="请选择" size="mini" style="width: 100%; box-sizing: border-box;">
<el-option label="空运" value="空运"></el-option> <el-option label="空运" value="空运"></el-option>
@ -320,19 +320,20 @@
</el-button> </el-button>
</div> </div>
<!-- 预览表格 --> <!-- 预览表格 -->
<!-- 预览表格 -->
<el-table <el-table
:data="uploadPreviewList" :data="uploadPreviewList"
border border
height="250" height="250"
style="width:100%;margin-top:10px" style="width:100%;margin-top:10px"
> >
<el-table-column prop="poNo" label="PO号" align="center" min-width="120"></el-table-column>
<el-table-column prop="poItemNo" label="PO行号" align="center" min-width="100"></el-table-column>
<el-table-column prop="partNo" label="产品编码" align="center" min-width="120"></el-table-column>
<el-table-column prop="qty" label="验货数量" align="center" min-width="100"></el-table-column>
<el-table-column prop="shipMethod" label="运输方式" align="center" min-width="100"></el-table-column>
<el-table-column prop="crd" label="CRD" align="center" min-width="120"></el-table-column>
<el-table-column prop="suggestInspectDate" label="建议验货日期" align="center" min-width="120"></el-table-column>
<el-table-column prop="poNo" label="PO号" align="center" width="auto"></el-table-column>
<el-table-column prop="poItemNo" label="PO行号" align="center" width="auto"></el-table-column>
<el-table-column prop="partNo" label="产品编码" align="center" width="auto"></el-table-column>
<el-table-column prop="qty" label="验货数量" align="center" width="auto"></el-table-column>
<el-table-column prop="shipMethod" label="运输方式" align="center" width="auto"></el-table-column>
<el-table-column prop="crd" label="CRD" align="center" width="auto"></el-table-column>
<el-table-column prop="suggestInspectDate" label="建议验货日期" align="center" width="auto"></el-table-column>
</el-table> </el-table>
<!-- 按钮 --> <!-- 按钮 -->
<div style="margin-top:20px;text-align:center"> <div style="margin-top:20px;text-align:center">

Loading…
Cancel
Save