@@ -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 = "8 0px" >
< el-table-column label = "采购合同名称" align = "center " width = "12 0px" >
< 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 s tyl e="width: 200px;" @change="selectLeaders ">
< el -option
v-for = "item in departments"
:key = "item.value"
:label = "item.label"
:value = "item.value" / >
< / el-selec t>
< / 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' || typ e==='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 ,
entryNameV alue: '' , // 项目名称
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 : [ {
v alue : 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 : {
sear chData( ) {
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 => {
fet chData( ) {
this . contractNum = [ ]
initContract ( ) . then ( response => {
for ( let i = 0 ; i < response . data . length ; i ++ ) {
this . departments . push ( {
label : response . data [ i ] . 部门名称 ,
valu e: response . data [ i ] . 考核部门编号
this . contractNum . push ( {
label : response . data [ i ] . 采购合同编号 ,
nam e: response . data [ i ] . 采购合同名称 ,
value : response . data [ i ] . 采购合同流水号
} )
}
} )
} ,
selectLead ers ( ) {
selectlead ers ( 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 ] . 考勤编号
} )
}
initBuy er( ) { // 初始化采购人员
initBuy er( ) . 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
} ,
// 查询组号
se archGroupL ist ( ) {
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 . st artTime ? this . check1 = 1 : th is . 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 . 出库数量 )
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 . keyichuku = 0
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 => {
} ,
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 . dialogFormVisible = false
this . searchData ( )
this . $message . success ( '禁用 成功' )
this . searchTable1 ( )
} else {
this . $message . error ( '出库 失败' )
this . dialogFormVisible = false
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 {
this . $message . error ( '请选择正确的出库数量' )
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 ( )
}
} ,
handleSizeChange ( val ) {
this . pageSize = val
this . searchData ( )
handleSizeChange1 ( val ) {
this . pageCurrent1 = 1
this . pageSize1 = val
this . searchTable1 ( )
} ,
handleCurrentChange ( val ) {
this . pageCurrent = val
this . searchData ( )
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 . contractValue = parseInt ( row . 采购合同流水号 )
searchTable3 ( this . contractValue ) . then ( response => {
this . returns2 = response . data
} )
}
// 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 _ _inne r {
border : 1 px solid black ! important ;
}
< style scoped >
. el - date - edito r{
width : 200 px
}
. el - select {
width : 150 px ;
margin - right : 10 px ;
}
. el - input {
width : 150 px ;
margin - right : 10 px ;
}
span {
margin : 10 px 0 10 px 10 px ;
}
. searchForm . el - form - item {
margin - bottom : 5 px ;
}
el - button . is - disabled . is - plain , . el - button . is - disabled . is - plain : focus , . el - button . is - disabled . is - plain {
background : # 9 BD7FC ;
border : 0 px
}
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 : 30 px ;
border : 0 px ;
}
. tableData1 {
height : 30 px ;
}
. el - table . adopt {
background : # 9 BD7FC ;
}
. el - table . NotThrough {
background : # E9C5D1 ;
}
< / style >