|
|
@ -103,7 +103,21 @@ |
|
|
|
|
|
|
|
|
<!-- 列表展示区域 --> |
|
|
<!-- 列表展示区域 --> |
|
|
<fieldset class="customer-fieldset" style="margin-bottom: 10px; width: 660px; height: 310px;"> |
|
|
<fieldset class="customer-fieldset" style="margin-bottom: 10px; width: 660px; height: 310px;"> |
|
|
<legend class="customer-legend">{{labels.listDesc}}</legend> |
|
|
|
|
|
|
|
|
<legend class="customer-legend" style="display: flex; justify-content: space-between; align-items: center; width: calc(100% - 20px);"> |
|
|
|
|
|
<span>{{labels.listDesc}}</span> |
|
|
|
|
|
<div v-if="activeTable === 'sfdc_tool'"> |
|
|
|
|
|
<el-button type="text" size="mini" style="padding: 0;" @click="toggleOrderToolTable"> |
|
|
|
|
|
{{ showOrderToolTable ? '收起上表' : '展开上表' }} |
|
|
|
|
|
<i :class="showOrderToolTable ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i> |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-if="activeTable === 'sfdc_material'"> |
|
|
|
|
|
<el-button type="text" size="mini" style="padding: 0;" @click="toggleOrderBomTable"> |
|
|
|
|
|
{{ showOrderBomTable ? '收起上表' : '展开上表' }} |
|
|
|
|
|
<i :class="showOrderBomTable ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i> |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</legend> |
|
|
<el-tabs v-model="activeTable" style="margin-top: -3px; width: 655px; height: 285px;" |
|
|
<el-tabs v-model="activeTable" style="margin-top: -3px; width: 655px; height: 285px;" |
|
|
type="border-card" @tab-click="tabClick" class="customer-tab"> |
|
|
type="border-card" @tab-click="tabClick" class="customer-tab"> |
|
|
<el-tab-pane :label=labels.timeList name="sfdc_time"> |
|
|
<el-tab-pane :label=labels.timeList name="sfdc_time"> |
|
|
@ -132,7 +146,7 @@ |
|
|
</el-table> |
|
|
</el-table> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane :label=labels.toolList name="sfdc_tool"> |
|
|
<el-tab-pane :label=labels.toolList name="sfdc_tool"> |
|
|
<el-table |
|
|
|
|
|
|
|
|
<el-table v-show="showOrderToolTable" |
|
|
height="120" |
|
|
height="120" |
|
|
:data="orderToolList" |
|
|
:data="orderToolList" |
|
|
border |
|
|
border |
|
|
@ -156,7 +170,7 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<el-table |
|
|
<el-table |
|
|
height="140" |
|
|
|
|
|
|
|
|
:height="showOrderToolTable ? '140' : '260'" |
|
|
:data="sfdcToolList" |
|
|
:data="sfdcToolList" |
|
|
border |
|
|
border |
|
|
v-loading="dataListLoading" |
|
|
v-loading="dataListLoading" |
|
|
@ -197,7 +211,7 @@ |
|
|
</el-table> |
|
|
</el-table> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane :label=labels.materialList name="sfdc_material"> |
|
|
<el-tab-pane :label=labels.materialList name="sfdc_material"> |
|
|
<el-table |
|
|
|
|
|
|
|
|
<el-table v-show="showOrderBomTable" |
|
|
height="120" |
|
|
height="120" |
|
|
:data="orderBomList" |
|
|
:data="orderBomList" |
|
|
border |
|
|
border |
|
|
@ -221,8 +235,8 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<el-table |
|
|
<el-table |
|
|
height="140" |
|
|
|
|
|
:data="sfdcMaterialList" |
|
|
|
|
|
|
|
|
:height="showOrderBomTable ? '104' : '224'" |
|
|
|
|
|
:data="sfdcMaterialList.slice((sfdcMaterialPage - 1) * sfdcMaterialLimit, sfdcMaterialPage * sfdcMaterialLimit)" |
|
|
border |
|
|
border |
|
|
v-loading="dataListLoading" |
|
|
v-loading="dataListLoading" |
|
|
style="width: 100%;"> |
|
|
style="width: 100%;"> |
|
|
@ -263,6 +277,15 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
<el-pagination |
|
|
|
|
|
@size-change="sizeChangeHandleMaterial" |
|
|
|
|
|
@current-change="currentChangeHandleMaterial" |
|
|
|
|
|
:current-page="sfdcMaterialPage" |
|
|
|
|
|
:page-sizes="[20, 50, 100]" |
|
|
|
|
|
:page-size="sfdcMaterialLimit" |
|
|
|
|
|
:total="sfdcMaterialList.length" |
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"> |
|
|
|
|
|
</el-pagination> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane :label=labels.rollopsList name="sfdc_rollOps"> |
|
|
<el-tab-pane :label=labels.rollopsList name="sfdc_rollOps"> |
|
|
<el-table |
|
|
<el-table |
|
|
@ -319,8 +342,8 @@ |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane :label=labels.rollList name="sfdc_roll"> |
|
|
<el-tab-pane :label=labels.rollList name="sfdc_roll"> |
|
|
<el-table |
|
|
<el-table |
|
|
height="260" |
|
|
|
|
|
:data="materialRollList" |
|
|
|
|
|
|
|
|
height="224" |
|
|
|
|
|
:data="materialRollList.slice((sfdcRollPage - 1) * sfdcRollLimit, sfdcRollPage * sfdcRollLimit)" |
|
|
border |
|
|
border |
|
|
show-summary |
|
|
show-summary |
|
|
v-loading="dataListLoading" |
|
|
v-loading="dataListLoading" |
|
|
@ -355,6 +378,15 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
|
|
|
<el-pagination |
|
|
|
|
|
@size-change="sizeChangeHandleRoll" |
|
|
|
|
|
@current-change="currentChangeHandleRoll" |
|
|
|
|
|
:current-page="sfdcRollPage" |
|
|
|
|
|
:page-sizes="[20, 50, 100]" |
|
|
|
|
|
:page-size="sfdcRollLimit" |
|
|
|
|
|
:total="materialRollList.length" |
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"> |
|
|
|
|
|
</el-pagination> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
</el-tabs> |
|
|
</el-tabs> |
|
|
</fieldset> |
|
|
</fieldset> |
|
|
@ -673,6 +705,15 @@ export default { |
|
|
sfdcMaterialList: [], |
|
|
sfdcMaterialList: [], |
|
|
sfdcRollOpsList: [], |
|
|
sfdcRollOpsList: [], |
|
|
sfdcDefectList: [], |
|
|
sfdcDefectList: [], |
|
|
|
|
|
// 机器下机卷分页 |
|
|
|
|
|
sfdcRollPage: 1, |
|
|
|
|
|
sfdcRollLimit: 20, |
|
|
|
|
|
// 材料清单下表分页 |
|
|
|
|
|
sfdcMaterialPage: 1, |
|
|
|
|
|
sfdcMaterialLimit: 20, |
|
|
|
|
|
// 上表展开/收起状态 |
|
|
|
|
|
showOrderToolTable: true, |
|
|
|
|
|
showOrderBomTable: true, |
|
|
materialRollList: [], |
|
|
materialRollList: [], |
|
|
columnTimeArray: [ |
|
|
columnTimeArray: [ |
|
|
{ |
|
|
{ |
|
|
@ -3366,9 +3407,33 @@ export default { |
|
|
}); |
|
|
}); |
|
|
return sums; |
|
|
return sums; |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 机器下机卷分页 |
|
|
|
|
|
sizeChangeHandleRoll(val) { |
|
|
|
|
|
this.sfdcRollLimit = val; |
|
|
|
|
|
this.sfdcRollPage = 1; |
|
|
|
|
|
}, |
|
|
|
|
|
currentChangeHandleRoll(val) { |
|
|
|
|
|
this.sfdcRollPage = val; |
|
|
|
|
|
}, |
|
|
|
|
|
// 材料清单分页 |
|
|
|
|
|
sizeChangeHandleMaterial(val) { |
|
|
|
|
|
this.sfdcMaterialLimit = val; |
|
|
|
|
|
this.sfdcMaterialPage = 1; |
|
|
|
|
|
}, |
|
|
|
|
|
currentChangeHandleMaterial(val) { |
|
|
|
|
|
this.sfdcMaterialPage = val; |
|
|
|
|
|
}, |
|
|
|
|
|
// 展开/收起上表 |
|
|
|
|
|
toggleOrderToolTable() { |
|
|
|
|
|
this.showOrderToolTable = !this.showOrderToolTable; |
|
|
|
|
|
}, |
|
|
|
|
|
toggleOrderBomTable() { |
|
|
|
|
|
this.showOrderBomTable = !this.showOrderBomTable; |
|
|
|
|
|
}, |
|
|
// 机器下机卷 |
|
|
// 机器下机卷 |
|
|
sfdcRollListSummaries(param) { |
|
|
sfdcRollListSummaries(param) { |
|
|
const {columns, data} = param; |
|
|
|
|
|
|
|
|
const {columns} = param; |
|
|
|
|
|
const data = this.materialRollList; |
|
|
const sums = []; |
|
|
const sums = []; |
|
|
columns.forEach((column, index) => { |
|
|
columns.forEach((column, index) => { |
|
|
if (index === 0) { |
|
|
if (index === 0) { |
|
|
|