From aee7bd5966fd742cc29f3a681219f8bdf8fcb891 Mon Sep 17 00:00:00 2001
From: liushuai <liushuai@meswork.com>
Date: Fri, 15 May 2020 18:05:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Inventory/CreatePickingList/index.vue     |   1 +
 .../ContractDetailsInquiry/index.vue          |   5 +-
 .../DeliveryApplication/index.vue             |  70 +-
 .../ProcurementContractEnquiry/index.vue      | 919 +++++++++++++-----
 4 files changed, 728 insertions(+), 267 deletions(-)

diff --git a/src/views/Inventory/CreatePickingList/index.vue b/src/views/Inventory/CreatePickingList/index.vue
index c45edfd1..df5ffa75 100644
--- a/src/views/Inventory/CreatePickingList/index.vue
+++ b/src/views/Inventory/CreatePickingList/index.vue
@@ -1012,6 +1012,7 @@ export default {
             this.listMachinenum = ''
             this.pickListTable2 = []
             this.searchList()
+            this.searchTable()
           } else {
             this.$message.error('数据占用')
           }
diff --git a/src/views/ManufacturingCenter/ContractDetailsInquiry/index.vue b/src/views/ManufacturingCenter/ContractDetailsInquiry/index.vue
index a5534508..f188b948 100644
--- a/src/views/ManufacturingCenter/ContractDetailsInquiry/index.vue
+++ b/src/views/ManufacturingCenter/ContractDetailsInquiry/index.vue
@@ -75,9 +75,9 @@
             {{ scope.row.完成工时 }}
           </template>
         </el-table-column>
-        <el-table-column label="完成工时(分)" align="center" prop="完成工时" width="110">
+        <el-table-column label="完成工时(分)" align="center" prop="完成工时1" width="110">
           <template slot-scope="scope">
-            {{ Number(scope.row.完成工时) + Number(scope.row.修补工时) }}
+            {{ scope.row.完成工时1 }}
           </template>
         </el-table-column>
         <el-table-column label="准结(分)" align="center" prop="修补工时" width="110">
@@ -196,6 +196,7 @@ export default {
                 修补工时: response.data.result[i].修补工时,
                 修补单件工时: response.data.result[i].修补单件工时,
                 完成工时: response.data.result[i].完成工时,
+                完成工时1: response.data.result[i].完成工时1,
                 加工完成时间: response.data.result[i].加工完成时间,
                 制品名称: response.data.result[i].零件名称
               })
diff --git a/src/views/MarketingCenter/DeliveryApplication/index.vue b/src/views/MarketingCenter/DeliveryApplication/index.vue
index 0a9fe8e0..d2b7c8c1 100644
--- a/src/views/MarketingCenter/DeliveryApplication/index.vue
+++ b/src/views/MarketingCenter/DeliveryApplication/index.vue
@@ -315,7 +315,7 @@
         <el-table-column align="center" label="数量" width="130">
           <template slot-scope="scope">
             <template v-if="disabledPick === false">
-              <el-input-number v-model="scope.row.数量" :min="1" label="描述文字" size="mini" controls-position="right" style="width:100px" @change="handleChange"/>
+              <el-input-number v-model="scope.row.数量" :min="1" label="描述文字" size="mini" controls-position="right" style="width:100px"/>
             </template>
             <template v-else>
               {{ scope.row.数量 }}
@@ -367,7 +367,7 @@
         <el-divider/>
       </div>
       <div>
-        <el-tabs v-model="category" tab-position="left" style="height: 200px;">
+        <el-tabs v-model="category" tab-position="left" style="height: 200px;" @tab-click="selecttabs">
           <el-tab-pane label="机床">
             <el-table
               :data="tableDataMachine"
@@ -399,7 +399,7 @@
           </el-tab-pane>
           <el-tab-pane label="组件">
             <el-table
-              :data="tableDataMachine"
+              :data="tableDataMachine1"
               highlight-current-row
               style="width: 100%"
               height="200"
@@ -428,7 +428,7 @@
           </el-tab-pane>
           <el-tab-pane label="零件">
             <el-table
-              :data="tableDataMachine"
+              :data="tableDataMachine2"
               highlight-current-row
               style="width: 100%"
               height="200"
@@ -457,7 +457,7 @@
           </el-tab-pane>
           <el-tab-pane label="物料">
             <el-table
-              :data="tableDataMachine"
+              :data="tableDataMachine3"
               highlight-current-row
               style="width: 100%"
               height="200"
@@ -651,6 +651,9 @@ export default {
       tableData: [],
       array: [],
       tableDataMachine: [],
+      tableDataMachine1: [],
+      tableDataMachine2: [],
+      tableDataMachine3: [],
       tableDataSearchList: [],
       listLoading: false,
       dialogFormVisible: false,
@@ -666,6 +669,7 @@ export default {
       typeE: [],
       typeF: [],
       typeG: [],
+      typeH: [],
       form: {
         项目: '',
         项目名称: ''
@@ -716,6 +720,9 @@ export default {
     // }
   },
   methods: {
+    selecttabs() {
+      this.searchPick = ''
+    },
     querySearchMachine(queryString, cb) {
       this.restaurants_Machine = []
       if (this.input_Name !== '' && this.input_Name !== null) {
@@ -765,6 +772,9 @@ export default {
     function_Pick() {
       this.dialogFormVisible = true
       this.tableDataMachine = []
+      this.tableDataMachine1 = []
+      this.tableDataMachine2 = []
+      this.tableDataMachine3 = []
       this.searchPick = ''
       this.category = '0'
     },
@@ -929,6 +939,7 @@ export default {
       this.typeE = []
       this.typeF = []
       this.typeG = []
+      this.typeH = []
       InvoiceSave(this.invoiceNum, this.input_Company, this.input_Adress, this.input_People, this.input_Mobile, this.input_Remake, this.machineName, this.machineNum).then(response => {
         if (response.data[0].result === '1') {
           this.$message.success('保存成功！')
@@ -945,8 +956,9 @@ export default {
         this.typeE.push(this.tableData[i].货品型号)
         this.typeF.push(this.tableData[i].设计者)
         this.typeG.push(this.tableData[i].数量)
+        this.typeH.push(this.tableData[i].机床流水号)
       }
-      InvoiceDetailsSave(this.typeA, this.typeB, this.typeC, this.typeD, this.typeE, this.typeF, this.typeG, this.invoiceNum).then(response => {
+      InvoiceDetailsSave(this.typeA, this.typeB, this.typeC, this.typeD, this.typeE, this.typeF, this.typeG, this.typeH, this.invoiceNum).then(response => {
         console.log(response, 9990)
         if (response.data[0].result === '1') {
           this.$message.success('保存成功！')
@@ -1090,48 +1102,68 @@ export default {
         SelectMachine(item.value).then(response => {
           if (response.data.length !== 0) {
             this.tableDataMachine = response.data
+            console.log(response.data, '机床')
           }
         })
       }
       if (this.category === '1') {
         SelectAssembly(item.value).then(response => {
           if (response.data.length !== 0) {
-            this.tableDataMachine = response.data
+            this.tableDataMachine1 = response.data
+            console.log(response.data, '组件')
           }
         })
       }
       if (this.category === '2') {
         SelectPart(item.value).then(response => {
           if (response.data.length !== 0) {
-            this.tableDataMachine = response.data
+            this.tableDataMachine2 = response.data
           }
         })
       }
       if (this.category === '3') {
         SelectMateriel(item.value).then(response => {
           if (response.data.length !== 0) {
-            this.tableDataMachine = response.data
+            this.tableDataMachine3 = response.data
           }
         })
       }
     },
     handleSelectionChangeMachine(val) {
       this.array = val
+      console.log(val, 'val', this.category)
     },
     off() {
       this.dialogFormVisible = false
     },
     submit() {
-      for (let i = 0; i < this.array.length; i++) {
-        this.tableData.push({
-          货品名称: this.array[i].货品名称 ? this.array[i].货品名称 : '—' || '—',
-          货品编号: this.array[i].货品编号 ? this.array[i].货品编号 : '—' || '—',
-          设计者: this.array[i].设计者 ? this.array[i].设计者 : '—' || '—',
-          货品规格: this.array[i].货品规格 ? this.array[i].货品规格 : '—' || '—',
-          货品型号: this.array[i].货品型号 ? this.array[i].货品型号 : '—' || '—',
-          数量: 1,
-          货品类别: this.array[i].类别 ? this.array[i].类别 : '—' || '—'
-        })
+      console.log(this.category, 'category')
+      if (this.category === '0') {
+        for (let i = 0; i < this.array.length; i++) {
+          this.tableData.push({
+            货品名称: this.array[i].货品名称 ? this.array[i].货品名称 : '—' || '—',
+            货品编号: this.array[i].货品编号 ? this.array[i].货品编号 : '—' || '—',
+            设计者: this.array[i].设计者 ? this.array[i].设计者 : '—' || '—',
+            货品规格: this.array[i].货品规格 ? this.array[i].货品规格 : '—' || '—',
+            货品型号: this.array[i].货品型号 ? this.array[i].货品型号 : '—' || '—',
+            数量: 1,
+            货品类别: this.array[i].类别 ? this.array[i].类别 : '—' || '—',
+            机床流水号: this.array[i].机床流水号 ? this.array[i].机床流水号 : '—' || '—'
+          })
+        }
+      } else {
+        for (let i = 0; i < this.array.length; i++) {
+          this.tableData.push({
+            货品名称: this.array[i].货品名称 ? this.array[i].货品名称 : '—' || '—',
+            货品编号: this.array[i].货品编号 ? this.array[i].货品编号 : '—' || '—',
+            设计者: this.array[i].设计者 ? this.array[i].设计者 : '—' || '—',
+            货品规格: this.array[i].货品规格 ? this.array[i].货品规格 : '—' || '—',
+            货品型号: this.array[i].货品型号 ? this.array[i].货品型号 : '—' || '—',
+            数量: 1,
+            货品类别: this.array[i].类别 ? this.array[i].类别 : '—' || '—',
+            机床流水号: 0
+          })
+        }
       }
     },
     openSearch() {
diff --git a/src/views/WorkshopProcurement/ProcurementContractEnquiry/index.vue b/src/views/WorkshopProcurement/ProcurementContractEnquiry/index.vue
index a6251e26..66205a90 100644
--- a/src/views/WorkshopProcurement/ProcurementContractEnquiry/index.vue
+++ b/src/views/WorkshopProcurement/ProcurementContractEnquiry/index.vue
@@ -2,322 +2,749 @@
   <div class="app-container">
     <el-card>
       <el-row>
-        <!--        <el-select v-model="entryNameValue" placeholder="项目名称" style="width:150px;margin: 10px 10px 0px 10px" size="small" clearable filterable @change="SearchMachine">-->
-        <!--          <el-option-->
-        <!--            v-for="item in entryName"-->
-        <!--            :key="item.value"-->
-        <!--            :label="item.label"-->
-        <!--            :value="item.value"/>-->
-        <!--        </el-select>-->
-        <el-select v-model="machineToolValue" placeholder="机床号" filterable size="small" clearable style="width: 150px;margin: 10px 10px 0px 10px" @change="searchGroupList">
+        <!--<span>合 &nbsp;同 &nbsp;号:</span>-->
+        <el-select v-model="contractNumValue" placeholder="合同号" size="small" style="width: 170px" filterable clearable>
           <el-option
-            v-for="item in machineTool"
+            v-for="item in contractNum"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+            <div style="float: left">{{ item.label }}</div>
+            <div style="float: right; color: #8492a6; font-size: 13px">{{ item.name }}</div>
+          </el-option>
+        </el-select>
+        <!--<span>供应商:</span>-->
+        <el-input v-model="supplierName" placeholder="供应商" size="small" clearable/>
+        <el-date-picker
+          v-model="startTime"
+          size="small"
+          type="daterange"
+          align="center"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+          range-separator="～"
+          style="width:250px"
+          start-placeholder="合同创建时间"
+          end-placeholder=" "/>
+        <!--<span>审批情况:</span>-->
+        <el-select v-model="approvalValue" placeholder="审批情况" size="small" clearable style="margin-left: 10px">
+          <el-option
+            v-for="item in approval"
             :key="item.value"
             :label="item.label"
             :value="item.value"/>
         </el-select>
-        <el-select v-model="groupNumberValue" placeholder="组号" size="small" clearable style="width: 100px;margin: 10px 10px 0px 10px">
-          <el-option
-            v-for="item in groupNumber"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"/>
-        </el-select>
-        <el-input v-model="partNumber" placeholder="零件号" size="small" clearable style="width: 180px;margin-left: 0px"/>
-        <el-button type="primary" icon="el-icon-search" size="small" plain style="margin: 15px 0 0 10px" @click="pageCurrent=1;pageSize=20;total=0;searchData()">查询</el-button>
-        <el-button type="warning" size="small" style="margin: 15px 0 0 10px" plain @click="wareHousing">出库</el-button>
+        <el-button type="primary" size="small" plain icon="el-icon-search" @click="total1=0;pageCurrent1=1;pageSize1=20;searchTable1()">查询</el-button>
+        <el-button v-positive="'loading'" :disabled="false" type="primary" size="small" plain icon="el-icon-download" @click="exportExcel()">导出合同报表</el-button>
       </el-row>
     </el-card>
+
     <el-card>
-      <el-table :data="tableData" style="width: 1020px" height="580" stripe size="mini" border @selection-change="handleSelectionChange">
-        <el-table-column
-          type="selection"
-          width="45"/>
-        <el-table-column align="center" label="序号" type="index" width="55px"/>
-        <el-table-column align="center" label="机床图号" width="130px">
+      <el-table v-loading="loading1" :data="tableData1" :row-class-name="tableRowClassName" size="mini" border style="width: 100%" height="500px" highlight-current-row @row-click="searchTable2">
+        <el-table-column label="采购合同号" align="center" width="170px">
           <template slot-scope="scope">
-            {{ scope.row.机床图号 }}
+            {{ scope.row.采购合同编号 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="组号" width="80px">
+        <el-table-column label="采购合同名称" align="center" width="120px">
           <template slot-scope="scope">
-            {{ scope.row.组号 }}
+            {{ scope.row.采购合同名称 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="零件图号" min-width="180px" show-overflow-tooltip>
+        <el-table-column label="供应商" align="center" width="180px" show-overflow-tooltip>
           <template slot-scope="scope">
-            {{ scope.row.零件图号 }}
+            {{ scope.row.供应商名称 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="零件名称" min-width="180px" show-overflow-tooltip>
+        <el-table-column label="采购员" align="center">
           <template slot-scope="scope">
-            {{ scope.row.零件名称 }}
+            {{ scope.row.姓名 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="库存数量" width="90px">
+        <el-table-column label="总金额(元)" align="center">
           <template slot-scope="scope">
-            {{ scope.row.出库数量1 }}
+            {{ scope.row.含税总金额 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="已出库数量" width="100px">
+        <el-table-column label="预付款(元)" align="center">
           <template slot-scope="scope">
-            {{ scope.row.已出库数量 }}
+            {{ scope.row.预付款 }}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="出库数量" width="140px">
+        <el-table-column label="已付款(元)" align="center">
           <template slot-scope="scope">
-            <el-input-number v-model="scope.row.出库数量" :max="scope.row.出库数量1" :min="0" size="mini" style="width: 100%"/>
+            {{ scope.row.付款金额 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.创建时间 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="审批情况" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.审批情况内容 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="审批时间" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.审批时间 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="未通过原因" align="center" width="110px">
+          <template slot-scope="scope">
+            {{ scope.row.未通过原因 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="150px">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" icon="el-icon-printer" @click="exportTable()">打印</el-button>
+            <el-button :disabled="scope.row.审批情况内容==='通过审批'" type="text" size="mini" icon="el-icon-back" @click="Disable(scope.row)">打回</el-button>
           </template>
         </el-table-column>
-        <!--        <el-table-column align="center" label="入库数量" width="80px">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            {{ scope.row.入库数量 }}-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
-        <!--        <el-table-column align="center" label="状态" width="80px">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-tag v-if="scope.row.考核状态 === '8'">入库</el-tag>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
       </el-table>
       <div class="block" style="margin-top: 10px;">
         <el-pagination
-          :current-page="pageCurrent"
-          :page-sizes="[10, 20, 30, 40, 50]"
-          :page-size="pageSize"
-          :total="total"
+          :current-page="pageCurrent1"
+          :page-sizes="[20, 30, 40, 50]"
+          :page-size="pageSize1"
+          :total="total1"
+          style="display:inline-block;width:50%"
           layout="total, sizes, prev, pager, next, jumper"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"/>
+          @size-change="handleSizeChange1"
+          @current-change="handleCurrentChange1"/>
       </div>
     </el-card>
-    <el-dialog v-el-drag-dialog :visible.sync="dialogFormVisible" title="出库信息" center width="380px">
-      <el-form ref="form" :model="form" :rules="rules" label-position="right">
-        <el-form-item label="部门" prop="部门" label-width="100px" size="small">
-          <!--          <el-input v-model="form.department" size="small" placeholder="请输入人员编号" style="width: 200px"/>-->
-          <el-select v-model="form.department" placeholder="请选择部门" size="small" clearable style="width: 200px;" @change="selectLeaders">
-            <el-option
-              v-for="item in departments"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"/>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="领料人" prop="领料人" label-width="100px" size="small">
-          <el-select v-model="form.name" placeholder="请选择领料人" size="small" filterable clearable style="width: 200px;">
-            <el-option
-              v-for="item in leaders"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"/>
-          </el-select>
-        </el-form-item>
-        <!--        <el-form-item label="人员编号" prop="leader" label-width="100px" size="small">-->
-        <!--          <el-input v-model="form.leader" size="small" placeholder="请输入人员编号" style="width: 200px"/>-->
-        <!--        </el-form-item>-->
-      </el-form>
+
+    <el-card>
+      <div style="width:900px;margin-left: 350px">
+        <el-card>
+          <div v-show="type==='1' || type==='2'" id="export">
+            <table id="1" cellspacing="0px" align="center" border width="100%" style="">
+              <tr style="height: 40px">
+                <td colspan="2" align="center" style="font-weight: bold">GAOJING</td>
+                <td colspan="5" align="center" style="font-weight: bold">{{ 采购合同名称 }}</td>
+                <td colspan="1" rowspan="3" style="width: 119px"><img id="img" alt=""></td>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="1" align="center">需方</td>
+                <td colspan="3" align="center">江苏高精机电装备有限公司</td>
+                <td colspan="1" align="center">合同编号</td>
+                <td colspan="2" align="center">{{ contract }}</td>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="1" align="center">供方</td>
+                <td colspan="3" align="center">{{ supplier }}</td>
+                <td colspan="1" align="center">签订地点</td>
+                <td colspan="2" align="center">江苏盐城</td>
+              </tr>
+            </table>
+            <div style="margin-top: 20px;line-height: 30px">根据《中华人民共和国合同法》的有关规定，经供需双方友好协商，在平等自愿的基础上定立本合同，以便供需双方共同遵守。</div>
+            <div style="line-height: 30px">一、 产品名称、规格型号、材质、数量、单价和交货期：</div>
+            <table id="50" 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="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>
+                  <td colspan="1" align="center">总价</td>
+                </tr>
+                <!--</tbody>-->
+              <!--&lt;!&ndash;<tbody id="4">&ndash;&gt;-->
+                <!--&lt;!&ndash;<tr id="tableHead" style="height: 40px">&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">物料名称</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">物料规格</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">物料型号</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">交货期</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">备注</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">数量</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">单价</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;<td colspan="1" align="center">总价</td>&ndash;&gt;-->
+                <!--&lt;!&ndash;</tr>&ndash;&gt;-->
+              </tbody>
+              <tfoot>
+                <tr style="height: 40px">
+                  <td colspan="7">总价:  (人民币){{ RMB }}(未税) </td>
+                  <td colspan="1" align="center">{{ TotalAmount }}</td>
+                </tr>
+                <tr style="height: 40px">
+                  <td colspan="7">总价:  (人民币){{ RMB1 }}(含{{ taxRate }}增值税) </td>
+                  <td colspan="1" align="center">{{ TotalAmount1 }}</td>
+                </tr>
+              </tfoot>
+            </table>
+            <div style="line-height: 30px">以上价格为含税增值税价格，供方开具真实有效的{{ taxRate }}增值税发票</div>
+            <div id="23" style="line-height: 30px"/>
+            <table id="66" cellspacing="0px" align="center" border width="100%" style="margin-top: 30px">
+              <tbody id="67">
+                <tr style="height: 35px">
+                  <td colspan="4" align="center">供    方</td>
+                  <td colspan="4" align="center">需    方</td>
+                </tr>
+                <tr style="height: 35px">
+                  <th style="width: 15%">单位名称（章）</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">单位名称（章）</th>
+                  <td style="width: 35%" colspan="3" align="center">江苏高精</td>
+                </tr>
+                <tr style="height: 35px">
+                  <th style="width: 15%">法定代表人</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">法定代表人</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr style="height: 35px">
+                  <th style="width: 15%">委托代理人</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">委托代理人</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr style="height: 35px">
+                  <th style="width: 15%">电话</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">电话</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+
+                <tr v-if="type==='1'" style="height: 35px">
+                  <th style="width: 15%">传真</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">传真</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr v-if="type==='1'" style="height: 35px">
+                  <th style="width: 15%">开户银行</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">开户银行</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr v-if="type==='1'" style="height: 35px">
+                  <th style="width: 15%">账号</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">账号</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr v-if="type==='1'" style="height: 35px">
+                  <th style="width: 15%">税号</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">税号</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+                <tr v-if="type==='1'" style="height: 35px">
+                  <th style="width: 15%">邮政编码</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                  <th style="width: 15%">邮政编码</th>
+                  <td style="width: 35%" colspan="3" align="center"/>
+                </tr>
+              </tbody>
+            </table>
+            <div style="line-height: 25px;margin-top: 10px">签订时间：____年__月__日</div>
+            <div style="line-height: 25px">有效期限：____年__月__日至____年__月__日</div>
+          </div>
+          <div v-show="type === '3'" id="WGBLD" style="width: 880px;margin: 0 auto">
+            <table cellspacing="0px" align="center" border="1 solid black" width="100%">
+              <tr style="height: 60px">
+                <th colspan="14"><h3>江苏高精机电装备有限公司</h3></th>
+              </tr>
+              <tr style="height: 40px">
+                <th colspan="14"><h4>{{ 采购合同名称 }}</h4></th>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="2" style="text-align: center;width: 15%">下单单位</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ supplier }}</td>
+                <td colspan="2" style="text-align: center;width: 15%">单号</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ contract }}</td>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="2" style="text-align: center;width: 15%">下单日期</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ 操作日期 }}</td>
+                <td colspan="2" style="text-align: center;width: 15%">计划完成日期</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ 规定到货时间 }}</td>
+              </tr>
+            </table>
+            <table cellspacing="0px" align="center" border="1 solid black" width="100%" style="margin-top: 0px">
+              <tr id="tablehead10" style="height: 35px">
+                <td style="text-align: center;width: 7%">序号</td>
+                <td colspan="2" style="text-align: center;width: 20%">物料编码</td>
+                <td colspan="2" style="text-align: center;width: 10%">名称</td>
+                <td colspan="2" style="text-align: center;width: 10%">材料</td>
+                <td colspan="2" style="text-align: center;width: 8%">单位</td>
+                <td colspan="2" style="text-align: center;width: 8%">数量</td>
+                <td colspan="2" style="text-align: center;width: 17%">备注</td>
+              </tr>
+              <tr v-for="(list, index) in returns" :key="index" style="height: 35px">
+                <td style="text-align: center;width: 7%">{{ index + 1 }}</td>
+                <td colspan="2" style="text-align: center;width: 20%">{{ list.图号 }}</td>
+                <td colspan="2" style="text-align: center;width: 10%">{{ list.物料名称 }}</td>
+                <td colspan="2" style="text-align: center;width: 10%">{{ list.规格 }}</td>
+                <td colspan="2" style="text-align: center;width: 8%">{{ list.单位 }}</td>
+                <td colspan="2" style="text-align: center;width: 8%">{{ list.数量 }}</td>
+                <td colspan="2" style="text-align: center;width: 17%">{{ list.备注 }}</td>
+              </tr>
+            </table>
+            <div style="margin-top: 20px">联系人:___________ 联系电话:___________ </div>
+          </div>
+          <div v-show="type === '4'" id="CZCG" style="width: 880px;margin: 0 auto">
+            <table cellspacing="0px" align="center" border="1 solid black" width="100%">
+              <tr style="height: 60px">
+                <th colspan="14"><h3>江苏高精机电装备有限公司</h3></th>
+              </tr>
+              <tr style="height: 40px">
+                <th colspan="14"><h4>{{ 采购合同名称 }}</h4></th>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="2" style="text-align: center;width: 15%">下单单位</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ supplier }}</td>
+                <td colspan="2" style="text-align: center;width: 15%">单号</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ contract }}</td>
+              </tr>
+              <tr style="height: 40px">
+                <td colspan="2" style="text-align: center;width: 15%">下单日期</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ 操作日期 }}</td>
+                <td colspan="2" style="text-align: center;width: 15%">计划完成日期</td>
+                <td colspan="5" style="text-align: center;width: 35%">{{ 规定到货时间 }}</td>
+              </tr>
+            </table>
+            <table cellspacing="0px" align="center" border="1 solid black" width="100%" style="margin-top: 0px">
+              <tr id="tablehead100" style="height: 35px">
+                <td style="text-align: center;width: 7%">序号</td>
+                <td colspan="2" style="text-align: center;width: 10%">组号</td>
+                <td colspan="2" style="text-align: center;width: 20%">组件名称</td>
+                <td colspan="2" style="text-align: center;width: 10%">单价</td>
+                <td colspan="2" style="text-align: center;width: 8%">金额</td>
+                <td colspan="2" style="text-align: center;width: 8%">数量</td>
+                <td colspan="2" style="text-align: center;width: 17%">备注</td>
+              </tr>
+              <tr v-for="(list, index) in returns2" :key="index" style="height: 35px">
+                <td style="text-align: center;width: 7%">{{ index + 1 }}</td>
+                <td colspan="2" style="text-align: center;width: 10%">{{ list.组号 }}</td>
+                <td colspan="2" style="text-align: center;width: 20%">{{ list.组件名称 }}</td>
+                <td colspan="2" style="text-align: center;width: 10%">{{ list.单价 }}</td>
+                <td colspan="2" style="text-align: center;width: 8%">{{ list.金额 }}</td>
+                <td colspan="2" style="text-align: center;width: 8%">{{ list.数量 }}</td>
+                <td colspan="2" style="text-align: center;width: 17%">{{ list.备注 }}</td>
+              </tr>
+            </table>
+            <div style="margin-top: 20px">联系人:___________ 联系电话:___________ </div>
+          </div>
+        </el-card>
+      </div>
+    </el-card>
+
+    <el-dialog :visible.sync="dialogVisible2" title="采购员选择" center style="min-height: 300px;" width="40%">
+      <el-table
+        :data="tableData02"
+        size="small"
+        border
+        style="width: 100%;min-height:300px"
+        height="300px"
+        highlight-current-row
+        @row-click="clickBuyer">
+        <el-table-column label="考勤编号" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.考勤编号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="姓名" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.姓名 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="性别" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.性别 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工作岗位" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.岗位名称 }}
+          </template>
+        </el-table-column>
+      </el-table>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible=false">取消</el-button>
-        <el-button v-positive="'loading'" :disabled="false" type="primary" @click="CHUKU()">确 定</el-button>
+        <el-button :disabled="submitDisable" type="primary" size="small" icon="el-icon-check" @click="submitSelectBuyer">确定</el-button>
       </div>
     </el-dialog>
+
   </div>
 </template>
 
 <script>
-// import { url } from '@/utils/request'
-// import axios from 'axios'
-import { initProject, searchmachine, searchgroup, searchdata, warehousing, selectdepartment, selectleaders } from '@/api/Inventory/SelfMadePartsWarehouseOut'
+import { initContract, initBuyer, searchTable1, searchTable2, Disable, searchTable3 } from '@/api/WorkshopProcurement/ProcurementContractEnquiry'
+import $ from 'jquery'
+import QRCode from 'qrcode'
+
 export default {
   data() {
     return {
-      wareHousing_disable: false,
-      entryNameValue: '', // 项目名称
-      entryName: [],
-      machineToolValue: '', // 机床号
-      machineTool: [],
-      groupNumberValue: '', // 组号
-      groupNumber: [],
-      partNumber: '',
-      pageCurrent: 1,
-      pageSize: 20,
-      total: 0,
-      tableData: [],
-      multipleSelection: [],
-      dialogFormVisible: false,
-      processPlanSerialNumber: '', // 工艺计划流水号
-      remarks: '',
-      form: {
-        leader: '',
-        name: ''
-      },
-      rules: {
-        leader: [{ required: true, message: '请输入' }]
-      },
-      shuzu: [],
-      keyichuku: 1,
-      outgoingQuantity: [],
-      departments: [], // 部门
-      leaders: [] // 领料人
+      approval: [{
+        value: 0,
+        label: '全部'
+      }, {
+        value: 1,
+        label: '通过'
+      }, {
+        value: 2,
+        label: '未通过'
+      }, {
+        value: 3,
+        label: '未审批'
+      }],
+      startTime: '',
+      采购合同名称: '',
+      规定到货时间: '',
+      操作日期: '',
+      approvalValue: '',
+      RMB: '',
+      TotalAmount: '',
+      check1: 0,
+      check2: 0,
+      check3: 0,
+      check4: 0,
+      check5: 0,
+      startEndDate: '',
+      contract: '',
+      taxRate: '',
+      TotalAmount1: '',
+      RMB1: '',
+      type: '',
+      contractNumValue: '',
+      contractNum: [],
+      ProcurementContractNum: '',
+      buyerName: '',
+      buyerValue: '',
+      supplier: '',
+      supplierName: '',
+      supplierValue: '',
+      total1: 0,
+      pageCurrent1: 1,
+      pageSize1: 20,
+      tableData1: [],
+      loading1: false,
+      dialogVisible1: false,
+      form1: {},
+      goodTime: '',
+      returns: [],
+      returns1: [],
+      returns2: [],
+      tableData02: [],
+      submitDisable: true,
+      dialogVisible2: false,
+      textarea: ``,
+      contractValue: '' // 显示表2和变更合同用的变量
     }
   },
   created() {
-    this.initProject()
-    this.searchData()
+    this.fetchData()
+    this.searchTable1()
   },
   methods: {
-    searchData() {
-      this.tableData = []
-      const entryNameValue_check = this.entryNameValue === '' || this.entryNameValue === null ? 0 : 1
-      const machineToolValue_check = this.machineToolValue === '' || this.machineToolValue === null ? 0 : 1
-      const groupNumberValue_check = this.groupNumberValue === '' ? 0 : 1
-      const partNumber_check = this.partNumber === '' || this.partNumber === null ? 0 : 1
-      searchdata(entryNameValue_check, this.entryNameValue, machineToolValue_check, this.machineToolValue, groupNumberValue_check, this.groupNumberValue, partNumber_check, this.partNumber, this.pageCurrent, this.pageSize).then(response => {
-        if (response.data.rows.length !== 0) {
-          for (let i = 0; i < response.data.rows.length; i++) {
-            this.tableData.push({
-              机床图号: response.data.rows[i].机床图号,
-              组号: response.data.rows[i].组号,
-              零件图号: response.data.rows[i].零件图号,
-              零件名称: response.data.rows[i].零件名称,
-              已出库数量: Number(response.data.rows[i].出库数量),
-              入库数量: Number(response.data.rows[i].入库数量),
-              工艺计划流水号: response.data.rows[i].工艺计划流水号,
-              出库数量: Number(response.data.rows[i].入库数量) - Number(response.data.rows[i].出库数量),
-              出库数量1: Number(response.data.rows[i].入库数量) - Number(response.data.rows[i].出库数量)
-            })
-          }
-        }
-        this.total = response.data.total
-      })
-    },
-    selectDepartment() {
-      selectdepartment().then(response => {
+    fetchData() {
+      this.contractNum = []
+      initContract().then(response => {
         for (let i = 0; i < response.data.length; i++) {
-          this.departments.push({
-            label: response.data[i].部门名称,
-            value: response.data[i].考核部门编号
+          this.contractNum.push({
+            label: response.data[i].采购合同编号,
+            name: response.data[i].采购合同名称,
+            value: response.data[i].采购合同流水号
           })
         }
       })
     },
-    selectLeaders() {
-      selectleaders(this.form.department).then(response => {
-        for (let i = 0; i < response.data.length; i++) {
-          this.leaders.push({
-            label: response.data[i].姓名,
-            value: response.data[i].考勤编号
-          })
-        }
+    initBuyer() { // 初始化采购人员
+      initBuyer().then(response => {
+        this.tableData02 = response.data
       })
     },
-    initProject() {
-      initProject().then(response => {
-        for (let i = 0; i < response.data.length; i++) {
-          this.machineTool.push({
-            label: response.data[i].机床图号,
-            name: response.data[i].项目名称,
-            value: response.data[i].机床流水号
-          })
-        }
-      })
+    clickBuyer(row) { // 点击采购员表某一行
+      this.submitDisable = false
+      this.buyerName = row.姓名
+      this.buyerValue = row.人员编号
     },
-    // 查询机床
-    SearchMachine() {
-      this.machineToolValue = ''
-      this.machineTool = []
-      this.groupNumberValue = ''
-      this.groupNumber = []
-      if (this.entryNameValue) {
-        searchmachine(this.entryNameValue, 1).then(response => {
-          for (let i = 0; i < response.data.length; i++) {
-            this.machineTool.push({
-              label: response.data[i].机床图号,
-              value: response.data[i].机床流水号
-            })
-          }
-        })
-      }
+    submitSelectBuyer() { // 确定
+      this.dialogVisible2 = false
     },
-    // 查询组号
-    searchGroupList() {
-      this.groupNumberValue = ''
-      this.groupNumber = []
-      if (this.machineToolValue) {
-        searchgroup(this.machineToolValue).then(response => {
-          for (let i = 0; i < response.data.length; i++) {
-            this.groupNumber.push({
-              label: response.data[i].组号,
-              value: response.data[i].组件流水号
-            })
-          }
-        })
-      }
-    }, // 入库
-    wareHousing() {
-      if (this.shuzu.length === 0) {
-        this.$message.warning('请勾选出库物料')
+    exportExcel() { // 导出
+      this.startTime ? this.check1 = 1 : this.check1 = 0
+      this.contractNumValue ? this.check2 = 1 : this.check2 = 0
+      this.supplierName ? this.check4 = 1 : this.check4 = 0
+      if (this.approvalValue === '' || this.approvalValue === 0) {
+        this.check5 = 0
       } else {
-        this.selectDepartment()
-        this.form.leader = ''
-        this.wareHousing_disable = false
-        this.dialogFormVisible = true
+        this.check5 = 1
       }
-    }, // 多选
-    handleSelectionChange(val) {
-      this.shuzu = []
-      this.shuzu = val
-      // val.map(v => {
-      //   this.multipleSelection.push(v.工艺计划流水号)
-      //   this.outgoingQuantity.push(v.出库数量)
-      // })
+      console.log(this.check1, this.check2, this.contractNumValue, this.check4, this.supplierName, this.check5, this.approvalValue, 111)
+      var param = []
+      param[0] = ['时间段_check', this.check1]
+      if (this.check1 === 0) {
+        param[1] = ['开始时间', '']
+        param[2] = ['结束时间', '']
+      } else {
+        param[1] = ['开始时间', this.startTime[0]]
+        param[2] = ['结束时间', this.startTime[1]]
+      }
+      // param[1] = ['开始时间', this.startTime[0]]
+      // param[2] = ['结束时间', this.startTime[1]]
+      param[3] = ['采购合同流水号_check', this.check2]
+      param[4] = ['采购合同流水号', this.contractNumValue]
+      param[5] = ['供应商名称_check', this.check4]
+      param[6] = ['供应商名称', this.supplierName]
+      param[7] = ['审批情况流水号_check', this.check5]
+      param[8] = ['审批情况流水号', this.approvalValue]
+      var Data = this.CreateData('2001', '报表_采购管理_合同_查询数据', param)
+      this.exportExcel_NPOI(Data)
     },
-    CHUKU() {
-      this.keyichuku = 1
-      this.multipleSelection = []
-      this.outgoingQuantity = []
-      this.shuzu.map(v => {
-        if (v.出库数量 !== 0) {
-          this.multipleSelection.push(v.工艺计划流水号)
-          this.outgoingQuantity.push(v.出库数量)
-        } else {
-          this.keyichuku = 0
+    searchTable1() {
+      this.textarea = ``
+      this.loading1 = true
+      this.startTime ? this.check1 = 1 : (this.check1 = 0, this.startTime = '')
+      this.contractNumValue ? this.check2 = 1 : this.check2 = 0
+      this.supplierName ? this.check4 = 1 : this.check4 = 0
+      if (this.approvalValue === '' || this.approvalValue === 0) {
+        this.check5 = 0
+      } else {
+        this.check5 = 1
+      }
+      searchTable1(this.pageCurrent1, this.pageSize1, this.check1, this.startTime[0], this.startTime[1], this.check2, this.contractNumValue, this.check4, this.supplierName, this.check5, this.approvalValue).then(response => {
+        this.loading1 = false
+        console.log(response.data.rows)
+        for (let j = 0; j < response.data.rows.length; j++) {
+          if (response.data.rows[j].规定到货时间 !== null) {
+            response.data.rows[j].规定到货时间 = response.data.rows[j].规定到货时间.substring(0, response.data.rows[j].规定到货时间.indexOf(' '))
+          }
         }
+        this.tableData1 = response.data.rows
+        this.total1 = response.data.total
       })
-      if (this.keyichuku === 1) {
-        if (this.form.name === '') {
-          this.$message.error('请选择领料人')
-        } else {
-          this.wareHousing_disable = true
-          warehousing(this.multipleSelection, this.outgoingQuantity, this.form.name, this.remarks).then(response => {
-            if (response.data[0].result === '1') {
-              this.$message.success('出库成功')
-              this.dialogFormVisible = false
-              this.searchData()
-            } else {
-              this.$message.error('出库失败')
-              this.dialogFormVisible = false
+    },
+    tableRowClassName({ row, rowIndex }) {
+      // if (row.审批情况流水号 === '1') {
+      //   return 'adopt'
+      // } else
+      if (row.审批情况流水号 === '2') {
+        return 'NotThrough'
+      }
+    },
+    Disable(row) {
+      this.$confirm('将合同打回到请购单, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        Disable(row.采购合同流水号).then(response => {
+          if (response.data[0].result === '1') {
+            this.$message.success('禁用成功')
+            this.searchTable1()
+          } else {
+            this.$message.error('禁用失败')
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消禁用'
+        })
+      })
+    },
+    exportTable() {
+      if (this.type === '1' || this.type === '2') {
+        const htmlNode = $('#export').html()
+        const body = $('body')
+        body.children().hide()
+        const printNode = $(htmlNode)
+        body.append(printNode)
+        window.print()
+        body.children().not('script').show()
+        body.children().not('#app').hide()
+        printNode.remove()
+      } else if (this.type === '3') {
+        const htmlNode = $('#WGBLD').html()
+        const body = $('body')
+        body.children().hide()
+        const printNode = $(htmlNode)
+        body.append(printNode)
+        window.print()
+        body.children().not('script').show()
+        body.children().not('#app').hide()
+        printNode.remove()
+      } else {
+        const htmlNode = $('#CZCG').html()
+        const body = $('body')
+        body.children().hide()
+        const printNode = $(htmlNode)
+        body.append(printNode)
+        window.print()
+        body.children().not('script').show()
+        body.children().not('#app').hide()
+        printNode.remove()
+      }
+    },
+    handleSizeChange1(val) {
+      this.pageCurrent1 = 1
+      this.pageSize1 = val
+      this.searchTable1()
+    },
+    handleCurrentChange1(val) {
+      this.pageCurrent1 = val
+      this.searchTable1()
+    },
+    searchTable2(row) {
+      this.type = row.模板类型
+      console.log(this.type)
+      this.规定到货时间 = row.规定到货时间
+      this.操作日期 = row.操作日期
+      this.采购合同名称 = row.采购合同名称
+      this.textarea = row.合同文本
+      this.supplier = row.供应商名称
+      this.contract = row.采购合同编号
+      this.taxRate = row.税率
+      this.RMB = row.总金额_文本
+      if (row.总金额 === '0') {
+        this.TotalAmount = ''
+        this.TotalAmount1 = ''
+      } else {
+        this.TotalAmount = row.总金额
+        this.TotalAmount1 = parseInt((row.含税总金额) * 100) / 100
+      }
+      this.RMB1 = row.含税总金额_文本
+      if (this.type === '1' || this.type === '2') {
+        document.getElementById('23').innerText = this.textarea
+        this.contractValue = parseInt(row.采购合同流水号)
+        const opts = {
+          errorCorrectionLevel: 'H',
+          type: 'image/jpeg',
+          rendererOpts: {
+            quality: 0.3
+          }
+        }
+        QRCode.toDataURL(row.采购合同流水号, opts, function(err, url) {
+          if (err) throw err
+          const img = document.getElementById('img')
+          img.src = url
+        })
+        searchTable2(this.contractValue).then(response => {
+          this.returns = response.data
+          const children = document.getElementsByClassName('tableData')
+          const parent = document.getElementById('4')
+          if (children.length !== 0) {
+            for (let i = children.length - 1; i >= 0; i--) {
+              parent.removeChild(children[i])
             }
-          })
-        }
+          }
+          const tr = []
+          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>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>'
+            $('#tableHead').after(tr[i])
+          }
+          for (let j = 0; j < this.returns.length; j++) {
+            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].物料计划到货时间.split(' ')[0]
+            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[7].innerHTML = response.data[j].金额
+          }
+        })
+      } else if (this.type === '3') {
+        this.contractValue = parseInt(row.采购合同流水号)
+        searchTable2(this.contractValue).then(response => {
+          this.returns = response.data
+        })
       } else {
-        this.$message.error('请选择正确的出库数量')
+        this.contractValue = parseInt(row.采购合同流水号)
+        searchTable3(this.contractValue).then(response => {
+          this.returns2 = response.data
+        })
       }
-    },
-    handleSizeChange(val) {
-      this.pageSize = val
-      this.searchData()
-    },
-    handleCurrentChange(val) {
-      this.pageCurrent = val
-      this.searchData()
+      // 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="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>' + '<td colspan="1" align="center"></td>' + '<td colspan="1" align="center"></td>'
+      //     $('#tableHead1').after(tr[i])
+      //   }
+      //   for (let j = 0; j < this.returns1.length; j++) {
+      //     if (response.data[j].备注 === null) {
+      //       response.data[j].备注 = ''
+      //     }
+      //     if (response.data[j].单价 === 0) {
+      //       response.data[j].单价 = ''
+      //     }
+      //     if (response.data[j].金额 === 0) {
+      //       response.data[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].物料计划到货时间.split(' ')[0]
+      //     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[7].innerHTML = response.data[j].金额
+      //   }
+      // })
     }
   }
 }
 </script>
 
-<style>
-  .el-checkbox__inner {
-  border: 1px solid black !important;
-}
+<style scoped>
+  .el-date-editor{
+    width:200px
+  }
+  .el-select{
+    width:150px;
+    margin-right: 10px;
+  }
+  .el-input{
+    width:150px;
+    margin-right: 10px;
+  }
+  span{
+    margin: 10px 0 10px 10px;
+  }
+  .searchForm .el-form-item{
+    margin-bottom: 5px;
+  }
+  el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain {
+    background: #9BD7FC;
+    border: 0px
+  }
+  el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
+    background: rgb(238, 238, 238);
+  }
+</style>
+<style>
+  .tableData{
+    height: 30px;
+    border: 0px;
+  }
+  .tableData1{
+    height: 30px;
+  }
+  .el-table .adopt{
+    background: #9BD7FC;
+  }
+  .el-table .NotThrough{
+    background: #E9C5D1;
+  }
 </style>