将车间采购分为基本件和外购件两张表

src/views/WorkshopProcurement/PurchaseContractChange/index.vue

@@ -104,13 +104,25 @@
                 </tr>
               </table>
               <div>一、 产品名称、型号、数量、单价、品牌：</div>
+              <table id="50" cellspacing="0px" align="center" border width="100%" style="">
+                <tbody id="51">
+                  <tr id="tableHead2" 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>
@@ -143,7 +155,7 @@
         <el-row>
           <span>时间段:</span>
           <el-date-picker
-            v-model="startEndDate"
+            v-model="startEndDate1"
             style="width:240px"
             size="small"
             type="daterange"
@@ -247,13 +259,25 @@
                 </tr>
               </table>
               <div>一、 产品名称、型号、数量、单价、品牌：</div>
+              <table id="52" cellspacing="0px" align="center" border width="100%" style="">
+                <tbody id="53">
+                  <tr id="tableHead3" 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="5" cellspacing="0px" align="center" border width="100%" style="">
                 <tbody id="6">
                   <tr id="tableHead1" 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>
@@ -331,7 +355,7 @@
 </template>
 
 <script>
-import { initContract, initContract1, initBuyer, searchTable1, searchTable2, searchTable3, searchTable4, submitContract } from '@/api/WorkshopProcurement/PurchaseContractChange'
+import { initContract, initContract1, initBuyer, searchTable1, searchTable2, searchTable3, searchTable4, searchTable5, searchTable6, submitContract } from '@/api/WorkshopProcurement/PurchaseContractChange'
 
 export default {
   data() {
@@ -346,6 +370,7 @@ export default {
       check4: 0,
       check5: 0,
       startEndDate: '',
+      startEndDate1: '',
       contract: '',
       contract1: '',
       freight: '',
@@ -387,6 +412,8 @@ export default {
       },
       returns: [],
       returns1: [],
+      returns2: [],
+      returns3: [],
       tableData01: [],
       tableData02: [],
       submitDisable: true,
@@ -471,14 +498,14 @@ export default {
     searchTable3() {
       this.textarea1 = ``
       this.loading2 = true
-      if (this.startEndDate === '' || this.startEndDate === null || this.startEndDate[0] === '' || this.startEndDate[1] === '') {
+      if (this.startEndDate1 === '' || this.startEndDate1 === null || this.startEndDate1[0] === '' || this.startEndDate1[1] === '') {
         this.check1 = 0
-        this.startEndDate = ''
+        this.startEndDate1 = ''
       } else { this.check1 = 1 }
       this.contractNumValue1 ? this.check2 = 1 : this.check2 = 0
       this.buyerName1 ? this.check3 = 1 : this.check3 = 0
       this.supplierName1 ? this.check4 = 1 : this.check4 = 0
-      searchTable3(this.pageCurrent2, this.pageSize2, this.check1, this.startEndDate[0], this.startEndDate[1], this.check2, this.contractNumValue1, this.check3, this.buyerValue1, this.check4, this.supplierName1).then(response => {
+      searchTable3(this.pageCurrent2, this.pageSize2, this.check1, this.startEndDate1[0], this.startEndDate1[1], this.check2, this.contractNumValue1, this.check3, this.buyerValue1, this.check4, this.supplierName1).then(response => {
         this.loading2 = false
         for (let j = 0; j < response.data.rows.length; j++) {
           if (response.data.rows[j].规定到货时间 !== null) {
@@ -553,7 +580,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])
         }
@@ -561,10 +588,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].金额
+        }
+      })
+      searchTable5(this.contractValue).then(response => {
+        this.returns2 = response.data
+        const children2 = document.getElementsByClassName('tableData2')
+        const parent2 = document.getElementById('51')
+        if (children2.length !== 0) {
+          for (let i = children2.length - 1; i >= 0; i--) {
+            parent2.removeChild(children2[i])
+          }
+        }
+        const tr = []
+        for (let i = 0; i < this.returns2.length; i++) {
+          tr[i] = document.createElement('tr')
+          tr[i].setAttribute('class', 'tableData2')
+          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('tableHead2').after(tr[i])
+        }
+        for (let j = 0; j < this.returns2.length; j++) {
+          document.getElementsByClassName('tableData2')[j].children[0].innerHTML = response.data[j].物料名称
+          document.getElementsByClassName('tableData2')[j].children[1].innerHTML = response.data[j].零件图号
+          document.getElementsByClassName('tableData2')[j].children[2].innerHTML = response.data[j].材料
+          document.getElementsByClassName('tableData2')[j].children[3].innerHTML = response.data[j].数量
+          document.getElementsByClassName('tableData2')[j].children[4].innerHTML = response.data[j].单价
+          document.getElementsByClassName('tableData2')[j].children[5].innerHTML = response.data[j].金额
         }
       })
     },
@@ -591,7 +643,7 @@ export default {
         for (let i = 0; i < this.returns1.length; i++) {
           tr[i] = document.createElement('tr')
           tr[i].setAttribute('class', 'tableData1')
-          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('tableHead1').after(tr[i])
         }
@@ -599,10 +651,35 @@ export default {
           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].单价
-          document.getElementsByClassName('tableData1')[j].children[6].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].金额
+        }
+      })
+      searchTable6(this.contractValue1).then(response => {
+        this.returns3 = response.data
+        const children3 = document.getElementsByClassName('tableData3')
+        const parent3 = document.getElementById('53')
+        if (children3.length !== 0) {
+          for (let i = children3.length - 1; i >= 0; i--) {
+            parent3.removeChild(children3[i])
+          }
+        }
+        const tr = []
+        for (let i = 0; i < this.returns3.length; i++) {
+          tr[i] = document.createElement('tr')
+          tr[i].setAttribute('class', 'tableData3')
+          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('tableHead3').after(tr[i])
+        }
+        for (let j = 0; j < this.returns3.length; j++) {
+          document.getElementsByClassName('tableData3')[j].children[0].innerHTML = response.data[j].物料名称
+          document.getElementsByClassName('tableData3')[j].children[1].innerHTML = response.data[j].零件图号
+          document.getElementsByClassName('tableData3')[j].children[2].innerHTML = response.data[j].材料
+          document.getElementsByClassName('tableData3')[j].children[3].innerHTML = response.data[j].数量
+          document.getElementsByClassName('tableData3')[j].children[4].innerHTML = response.data[j].单价
+          document.getElementsByClassName('tableData3')[j].children[5].innerHTML = response.data[j].金额
         }
       })
     }
@@ -631,7 +708,16 @@ export default {
   }
 </style>
 <style>
+  .tableData{
+    height: 30px;
+  }
   .tableData1{
     height: 30px;
   }
+  .tableData2{
+    height: 30px;
+  }
+  .tableData3{
+    height: 30px;
+  }
 </style>