将车间采购分为基本件和外购件两张表
This commit is contained in:
@@ -1,16 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-card>
|
||||
<span>时间段:</span>
|
||||
<el-date-picker
|
||||
v-model="startEndDate"
|
||||
style="width:250px"
|
||||
size="small"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"/>
|
||||
<span>合同号:</span>
|
||||
<el-select v-model="contractNumValue" placeholder="合同号" size="small" filterable clearable>
|
||||
<el-option
|
||||
@@ -139,13 +129,25 @@
|
||||
</tr>
|
||||
</table>
|
||||
<div>一、 产品名称、型号、数量、单价、品牌:</div>
|
||||
<table id="50" cellspacing="0px" align="center" border width="100%" style="">
|
||||
<tbody id="51">
|
||||
<tr id="tableHead1" style="height: 40px">
|
||||
<td colspan="2" align="center">零件名称</td>
|
||||
<td colspan="1" align="center">零件图号</td>
|
||||
<td colspan="1" align="center">材料</td>
|
||||
<td colspan="1" align="center">数量</td>
|
||||
<td colspan="1" align="center">单价</td>
|
||||
<td colspan="1" align="center">总价</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr>
|
||||
<table id="2" cellspacing="0px" align="center" border width="100%" style="">
|
||||
<tbody id="4">
|
||||
<tr id="tableHead" style="height: 40px">
|
||||
<td colspan="1" align="center">物料名称</td>
|
||||
<td colspan="2" align="center">物料名称</td>
|
||||
<td colspan="1" align="center">物料规格</td>
|
||||
<td colspan="1" align="center">物料型号</td>
|
||||
<td colspan="1" align="center">发货天数</td>
|
||||
<td colspan="1" align="center">数量</td>
|
||||
<td colspan="1" align="center">单价</td>
|
||||
<td colspan="1" align="center">总价</td>
|
||||
@@ -211,7 +213,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { initContract, initBuyer, searchTable1, searchTable2, Disable } from '@/api/WorkshopProcurement/ProcurementContractEnquiry'
|
||||
import { initContract, initBuyer, searchTable1, searchTable2, searchTable3, Disable } from '@/api/WorkshopProcurement/ProcurementContractEnquiry'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
@@ -257,6 +259,7 @@ export default {
|
||||
form1: {},
|
||||
goodTime: '',
|
||||
returns: [],
|
||||
returns1: [],
|
||||
tableData02: [],
|
||||
submitDisable: true,
|
||||
dialogVisible2: false,
|
||||
@@ -380,7 +383,7 @@ export default {
|
||||
for (let i = 0; i < this.returns.length; i++) {
|
||||
tr[i] = document.createElement('tr')
|
||||
tr[i].setAttribute('class', 'tableData')
|
||||
tr[i].innerHTML = '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' +
|
||||
tr[i].innerHTML = '<td colspan="2" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' +
|
||||
'<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>'
|
||||
document.getElementById('tableHead').after(tr[i])
|
||||
}
|
||||
@@ -388,10 +391,35 @@ export default {
|
||||
document.getElementsByClassName('tableData')[j].children[0].innerHTML = response.data[j].物料名称
|
||||
document.getElementsByClassName('tableData')[j].children[1].innerHTML = response.data[j].物料规格
|
||||
document.getElementsByClassName('tableData')[j].children[2].innerHTML = response.data[j].物料型号
|
||||
document.getElementsByClassName('tableData')[j].children[3].innerHTML = response.data[j].发货天数
|
||||
document.getElementsByClassName('tableData')[j].children[4].innerHTML = response.data[j].数量
|
||||
document.getElementsByClassName('tableData')[j].children[5].innerHTML = response.data[j].单价
|
||||
document.getElementsByClassName('tableData')[j].children[6].innerHTML = response.data[j].金额
|
||||
document.getElementsByClassName('tableData')[j].children[3].innerHTML = response.data[j].数量
|
||||
document.getElementsByClassName('tableData')[j].children[4].innerHTML = response.data[j].单价
|
||||
document.getElementsByClassName('tableData')[j].children[5].innerHTML = response.data[j].金额
|
||||
}
|
||||
})
|
||||
searchTable3(this.contractValue).then(response => {
|
||||
this.returns1 = response.data
|
||||
const children1 = document.getElementsByClassName('tableData1')
|
||||
const parent1 = document.getElementById('51')
|
||||
if (children1.length !== 0) {
|
||||
for (let i = children1.length - 1; i >= 0; i--) {
|
||||
parent1.removeChild(children1[i])
|
||||
}
|
||||
}
|
||||
const tr = []
|
||||
for (let i = 0; i < this.returns1.length; i++) {
|
||||
tr[i] = document.createElement('tr')
|
||||
tr[i].setAttribute('class', 'tableData1')
|
||||
tr[i].innerHTML = '<td colspan="2" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' +
|
||||
'<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>'
|
||||
document.getElementById('tableHead1').after(tr[i])
|
||||
}
|
||||
for (let j = 0; j < this.returns1.length; j++) {
|
||||
document.getElementsByClassName('tableData1')[j].children[0].innerHTML = response.data[j].物料名称
|
||||
document.getElementsByClassName('tableData1')[j].children[1].innerHTML = response.data[j].零件图号
|
||||
document.getElementsByClassName('tableData1')[j].children[2].innerHTML = response.data[j].材料
|
||||
document.getElementsByClassName('tableData1')[j].children[3].innerHTML = response.data[j].数量
|
||||
document.getElementsByClassName('tableData1')[j].children[4].innerHTML = response.data[j].单价
|
||||
document.getElementsByClassName('tableData1')[j].children[5].innerHTML = response.data[j].金额
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -423,6 +451,9 @@ export default {
|
||||
.tableData{
|
||||
height: 30px;
|
||||
}
|
||||
.tableData1{
|
||||
height: 30px;
|
||||
}
|
||||
.el-table .adopt{
|
||||
background: limegreen;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user