<template> <div id="addDemandList"> <el-card style="height: calc(100vh - 15vh);position: relative;overflow: scroll;"> <span>基本信息</span> <el-form :model="basicForm" :rules="basicRules" ref="basic" label-width="auto"> <el-row :gutter="10"> <el-col :span="1.5"> <el-form-item label="业务类型" prop="billType" :rules="{ required: true, message: '请选择业务类型', trigger: 'blur' }"> <el-select clearable v-model="basicForm.billType" @change="changeBillType" :disabled="sonDisable" size="mini" style="width: 200px"> <el-option v-for=" dict in dict.type.sys_business" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求客户"> <el-select clearable size="mini" v-model="basicForm.customer" :disabled="sonDisable" @clear="cleanCustomer" @focus="chooseOrg('CUSTOMER_PARAM', true, '选择客户')" style="width: 200px"> <el-option v-for="item in customerOptions" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求人员"> <el-select clearable size="mini" v-model="basicForm.demandPersonal" :disabled="sonDisable" @focus="chooseOrg('CONTACTS_PARAM', true, '需求人员')" style="width: 200px"> <el-option v-for="item in personOptions" :key="item.id" :label="item.name" :value="item.code" /> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求部门"> <el-select clearable v-model="basicForm.demandDept" size="mini" :disabled="sonDisable" @focus="chooseOrg('DEPT_PARAM', true, '需求部门')" style="width: 200px"> <el-option v-for="item in deptOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求计划"> <el-select v-model="basicForm.planType" size="mini" style="width: 200px"> <el-option v-for="dict in dict.type.sys_plan_type" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求日期" prop="demandDate" :rules="{ required: true, message: '请选择需求日期', trigger: 'blur' }"> <el-date-picker v-model="basicForm.demandDate" :disabled="sonDisable" clearable type="date" value-format="yyyy-MM-dd" @change="changeDemandDate" size="mini" style="width: 200px" > </el-date-picker> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="制单日期" prop="createTime"> <el-date-picker v-model="basicForm.createTime" :disabled="sonDisable" clearable type="date" value-format="yyyy-MM-dd" size="mini" style="width: 200px" > </el-date-picker> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="是否客户指定"> <el-select clearable v-model="basicForm.isSpeical" :disabled="sonDisable" size="mini" style="width: 200px"> <el-option v-for=" item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="备注"> <el-input v-model.trim="basicForm.remark" size="mini" :disabled="sonDisable" clearable style="width: 200px" /> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="需求客户名称"> <el-input disabled v-model="basicForm.customerName" size="mini" style="width: 200px"></el-input> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="编码"> <el-input v-model="basicForm.code" size="mini" disabled style="width: 200px" /> </el-form-item> </el-col> <!-- <el-col :span="1.5"> <el-form-item label="组织" prop="org" :rules="{ required: true, message: '请选择组织', trigger: 'blur' }"> <el-select clearable size="mini" v-model="basicForm.org" :disabled="sonDisable" @focus="chooseOrg('ORG_PARAM', true, '选择组织')" style="width: 200px"> <el-option v-for="item in orgOptions" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> --> <el-col :span="1.5"> <el-form-item label="单据状态"> <el-select disabled v-model="basicForm.status" size="mini" style="width: 200px"> <el-option v-for="dict in dict.type.sys_status" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="客户负责人"> <el-select disabled size="mini" v-model="basicForm.customerPrincipal" style="width: 200px"> <el-option v-for="item in manOptions" :key="item.id" :label="item.name" :value="item.code"/> </el-select> </el-form-item> </el-col> <el-col :span="1.5"> <el-form-item label="单据来源"> <el-select v-model="basicForm.source" disabled size="mini" style="width: 200px"> <el-option v-for="dict in dict.type.sys_bill_source" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </el-col> </el-row> <div class="btn_grooup"> <span>明细信息</span> <div> <el-button type="primary" size="mini" @click="addLine" v-if="!sonDisable">增行</el-button> <el-button type="primary" size="mini" v-if="!sonDisable" @click="adjustPl">批量调整</el-button> <el-button type="primary" size="mini" v-if="sonPageStu == 'check' || sonPageStu == 'edit'" @click="showReserved">货权预留单</el-button> </div> </div> <el-table :data="basicForm.puDemandItemList" fit border :cell-style="{ borderColor: '#c0c0c0' }" :header-cell-style="{ borderColor: '#c0c0c0' }" class="exporttable" height="350" max-height="350" style="font-size: 12px;" @selection-change="handleSelectionChange" :cell-class-name="cellClassName" > <el-table-column show-overflow-tooltip type="selection" fixed="left"/> <el-table-column show-overflow-tooltip label="序号" type="index" align="center" width="50px" fixed="left"/> <el-table-column show-overflow-tooltip label="行号" align="center" prop="rowNo"> <template slot-scope="scope"> {{ scope.$index + 1 + '0' }} </template> </el-table-column> <el-table-column show-overflow-tooltip label="默认采购组织" align="center" prop="purOrgName" width="200px"/> <el-table-column show-overflow-tooltip label="需求客户" align="center" prop="demandCustomerName" width="180px"/> <el-table-column show-overflow-tooltip label="行状态" align="center" prop="status" :formatter="hangStatus" width="100px"/> <el-table-column show-overflow-tooltip label="物料编码" align="center" prop="materialCode" width="220px" :render-header="addRedStar"> <template slot-scope="scope"> <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'materialCode'" :show-message="false" :rules="{ required: true, message: '请选择物料编码', trigger: 'blur' }"> <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.materialCode" @paste.native="pasteMe($event, scope, scope.$index)"> <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseMaterial(scope.$index)"></el-button> </el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="物料名称" align="center" prop="materialName" width="200px" /> <el-table-column show-overflow-tooltip label="规格" align="center" prop="specification" /> <el-table-column show-overflow-tooltip label="型号" align="center" prop="model"/> <el-table-column show-overflow-tooltip label="单位" align="center" prop="unitName"/> <el-table-column show-overflow-tooltip label="生产厂家/代理人" align="center" prop="manufacturerName" width="230px"/> <el-table-column show-overflow-tooltip label="最小包装" align="center" prop="minPackage" width="100px"/> <el-table-column show-overflow-tooltip label="实际(业务)需求量" align="center" prop="qty" width="150px" :render-header="addRedStar"> <template slot-scope="scope"> <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'qty'" :show-message="false" :rules="{ required: true, message: '请填写实际(业务)需求量', trigger: 'blur' }"> <el-input type="number" min="0" clearable :disabled="sonDisable" size="mini" v-model="scope.row.qty" @input="getYLSL(scope)"/> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="紧急标识" align="center" prop="isUrgency" width="100px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-switch v-model="scope.row.isUrgency" :disabled="sonDisable" active-value="Y" inactive-value="N" active-color="#13ce66" inactive-color="#a1a3a9"> </el-switch> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="收货仓库" align="center" prop="deliveryWarehouseName" width="200px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryWarehouseName" @clear="clearHang(scope.$index, '选择收货仓库')" @focus="chooseDept(scope.$index, 'WAREHOUSE_PARAM', true, '选择收货仓库')"> <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseDept(scope.$index, 'WAREHOUSE_PARAM', true, '选择收货仓库')"></el-button> </el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="收货货位" align="center" prop="deliveryAllocationName" width="200px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryAllocationName" @clear="clearHang(scope.$index, '选择收货货位')" @focus="choosehuoWei(scope.$index, 'ALLOCATION_PARAM', true, '选择收货货位', scope.row.deliveryWarehouse)"> <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="choosehuoWei(scope.$index, 'ALLOCATION_PARAM', true, '选择收货货位', scope.row.deliveryWarehouse)"></el-button> </el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="月均销量" align="center" prop="averageQtyMonth" width="100px"/> <el-table-column show-overflow-tooltip label="需求可用周期" align="center" prop="demandPeriod" width="120px"/> <el-table-column show-overflow-tooltip label="业务备注" align="center" prop="remark" width="150px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.remark"/> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="物料一级分类" align="center" prop="materialClassifyOneName" width="150px"/> <el-table-column show-overflow-tooltip label="物料二级分类" align="center" prop="materialClassifyTwoName" width="150px"/> <el-table-column show-overflow-tooltip label="物料三级分类" align="center" prop="materialClassifyThreeName" width="150px"/> <el-table-column show-overflow-tooltip label="物料四级分类" align="center" prop="materialClassifyFourName" width="150px"/> <el-table-column show-overflow-tooltip label="最小批量" align="center" prop="minBatch" width="100px"/> <el-table-column show-overflow-tooltip label="最小订货量" align="center" prop="minOrderQty" width="120px"/> <el-table-column show-overflow-tooltip label="采购员" align="center" prop="buyerName" width="100px"/> <!-- <el-table-column show-overflow-tooltip label="采购员" align="center" prop="buyer"/> --> <el-table-column show-overflow-tooltip label="采购周期" align="center" prop="puPeriod" width="120px"/> <el-table-column show-overflow-tooltip label="交货日期" align="center" prop="deliveryDate" width="230px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-date-picker v-model="scope.row.deliveryDate" :disabled="sonDisable" clearable type="date" size="mini" value-format="yyyy-MM-dd" :picker-options="pickerOptionsEnd" placeholder="选择日期"> </el-date-picker> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="有效期" align="center" prop="expiry" width="100px"/> <el-table-column show-overflow-tooltip label="有效期单位" align="center" prop="expiryUnit" width="100px"/> <el-table-column show-overflow-tooltip label="安全库存" align="center" prop="safeStock" width="100px"/> <el-table-column show-overflow-tooltip label="注册人" align="center" prop="registrant" width="100px"/> <el-table-column show-overflow-tooltip label="预留比例" align="center" prop="reservedProportion" width="120px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-select clearable :disabled="sonDisable" size="mini" v-model="scope.row.reservedProportion" @change="getYLSL(scope)" @clear="cleanYLSL(scope)"> <el-option v-for=" dict in dict.type.sys_reserve_ratio" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="预留周期" align="center" prop="reservedPeriod" width="120px"> <template slot-scope="scope"> <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'reservedPeriod'" :rules="{ required: scope.row.reservedProportion && scope.row.reservedProportion !== '' , message: '请填写预留周期', trigger: 'blur' }"> <el-input type="number" min="0" clearable :disabled="sonDisable" size="mini" v-model="scope.row.reservedPeriod"></el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="预留数量" align="center" prop="reservedQty" width="120px"/> <el-table-column show-overflow-tooltip label="集团预测分类" align="center" prop="forecastClassify" width="120px"/> <el-table-column show-overflow-tooltip label="近一月需求" align="center" prop="onemonthAvgVolume" width="100px"/> <el-table-column show-overflow-tooltip label="近三月需求" align="center" prop="threemonthAvgVolume" width="100px"/> <el-table-column show-overflow-tooltip label="采购在途" align="center" prop="puFreight" width="100px"/> <el-table-column show-overflow-tooltip label="补单标识" align="center" prop="isReplenishment" width="100px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-switch v-model="scope.row.isReplenishment" disabled active-value="Y" inactive-value="N" active-color="#13ce66" inactive-color="#a1a3a9"> </el-switch> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="补单供应商" align="center" prop="additionalSupplierName" width="200px" :render-header="anotherRedStar"> <template slot-scope="scope"> <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'additionalSupplierName'" :rules="{ required: isBDXQ, message: '请选择补单供应商', trigger: 'blur' }"> <el-input clearable :disabled="sonDisable || BDZT" size="mini" v-model="scope.row.additionalSupplierName" @clear="clearHang(scope.$index, '选择补单供应商')" @focus="chooseDept(scope.$index, 'SUPPLIER_PARAM', true, '选择补单供应商')"> <el-button size="mini" :disabled="sonDisable || BDZT" slot="append" icon="el-icon-more" @click="chooseDept(scope.$index, 'SUPPLIER_PARAM', true, '选择补单供应商')"></el-button> </el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="末级供应库存组织" align="center" prop="lastStockOrgName" width="180px"></el-table-column> <el-table-column show-overflow-tooltip label="末级供应仓库" align="center" prop="lastWarehouseName" width="150px"/> <el-table-column show-overflow-tooltip label="末级供应货位" align="center" prop="lastAllocationName" width="150px"/> <el-table-column show-overflow-tooltip label="中心仓可用量" align="center" prop="centralWarehouseQty" width="120px"/> <el-table-column show-overflow-tooltip label="调拨状态" align="center" prop="statusAllot" width="100px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-switch v-model="scope.row.statusAllot" :disabled="sonDisable" active-value="Y" inactive-value="N" active-color="#13ce66" inactive-color="#a1a3a9"> </el-switch> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="调拨单号" align="center" prop="allotCode"></el-table-column> <el-table-column show-overflow-tooltip label="调拨占有量" align="center" prop="allotQty" width="100px"/> <el-table-column show-overflow-tooltip label="最终净需求量" align="center" prop="resDemandQty" width="120px"/> <el-table-column show-overflow-tooltip label="最终采购执行数量" align="center" prop="executeQty" width="150px"> <template slot-scope="scope"> {{ scope.row.executeQty ? scope.row.executeQty : 0 }} </template> </el-table-column> <el-table-column show-overflow-tooltip label="收货地址" align="center" prop="deliveryAddressName" width="200px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-input clearable :disabled="sonDisable" size="mini" v-model="scope.row.deliveryAddressName" @clear="clearHang(scope.$index, '选择收货地址')" @focus="chooseDept(scope.$index, 'ADDRESS_PARAM', true, '选择收货地址')"> <el-button size="mini" :disabled="sonDisable" slot="append" icon="el-icon-more" @click="chooseDept(scope.$index, 'ADDRESS_PARAM', true, '选择收货地址')"></el-button> </el-input> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="联系人" align="center" prop="contacts"/> <el-table-column show-overflow-tooltip label="联系人电话" align="center" prop="contactsPhone" width="150px"/> <el-table-column show-overflow-tooltip label="详细地址" align="center" prop="address" width="200px"/> <el-table-column show-overflow-tooltip label="价格类型" align="center" prop="priceType" width="120px"> <template slot-scope="scope"> <el-form-item class="hang" :prop="'puDemandItemList.' + scope.$index + '.' + 'priceType'" :show-message="false" :rules="{ required: true, message: '请选择价格类型', trigger: 'blur' }"> <el-select clearable :disabled="sonDisable" size="mini" v-model="scope.row.priceType"> <el-option v-for=" dict in dict.type.sys_price_type" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-form-item> </template> </el-table-column> <el-table-column show-overflow-tooltip label="是否客户指定" align="center" prop="isSpeical" width="120px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-switch v-model="scope.row.isSpeical" disabled active-value="Y" inactive-value="N" active-color="#13ce66" inactive-color="#a1a3a9"> </el-switch> </el-form-item> </template> </el-table-column> <!-- <el-table-column show-overflow-tooltip label="批号锁定标识" align="center" prop="isBatchLock" width="100px"> <template slot-scope="scope"> <el-form-item class="hang"> <el-switch v-model="scope.row.isBatchLock" :disabled="sonDisable" active-value="Y" inactive-value="N" active-color="#13ce66" inactive-color="#a1a3a9"> </el-switch> </el-form-item> </template> </el-table-column> --> <el-table-column show-overflow-tooltip label="采购备注" align="center" prop="updateCause" width="150px"/> <el-table-column show-overflow-tooltip label="可用量" align="center" prop="availableQty"/> <el-table-column fixed="right" label="操作" align="center" > <template slot-scope="scope"> <el-button type="text" size="mini" :disabled="sonDisable" @click="delLine(scope.$index, scope.row)">删除</el-button> </template> </el-table-column> </el-table> </el-form> <div class="btn_group"> <el-col :span="1.5"> <el-button type="primary" size="mini" @click="copy" v-if="sonPageStu == 'check'">复制</el-button> </el-col> <el-col :span="1.5"> <el-button type="primary" size="mini" @click="save" v-if="sonPageStu == 'add' || sonPageStu == 'edit'">保存</el-button> </el-col> <el-col :span="1.5" style="margin: 0 10px;"> <el-button type="primary" size="mini" @click="submit" v-if="sonPageStu == 'check' && (row.status == '0' || row.status == '3')">提交</el-button> </el-col> <el-col :span="1.5"> <el-button size="mini" plain @click="back">返回</el-button> </el-col> </div> </el-card> <Reserved v-if="dialog.config" :isVisible="dialog.config" :info="row" @updateReserved="updateReserved"/> <Refers ref="refer" @doSubmit="selectionsToInput" :single="true"/> <popDialog ref="materialRefer" @doSubmit="selectMaterial" :single="false" /> <!-- 批量调整参数 --> <el-dialog title="批量调整" :visible.sync="adjust.open" @close="closeEvent" width="38%"> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">价格类型</el-col> <el-col :span="14"> <el-select class="pltzIpt" clearable size="mini" v-model="adjust.priceType"> <el-option v-for=" dict in dict.type.sys_price_type" :key="dict.value" :label="dict.label" :value="dict.value"> </el-option> </el-select> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">采购员</el-col> <el-col :span="14"> <el-select class="pltzIpt" clearable size="mini" v-model="adjust.purchaseMan" @focus="chooseOrg('CONTACTS_PARAM', true, '采购员')"> <el-option v-for="item in purchaseManOptions" :key="item.id" :label="item.name" :value="item.code" /> </el-select> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">收货仓库</el-col> <el-col :span="14"> <el-input class="pltzIpt" clearable size="mini" v-model="adjust.warehouseName" @focus="chooseOrg('WAREHOUSE_PARAM', true, '收货仓库')"> <el-button size="mini" slot="append" icon="el-icon-more" @click="chooseOrg('WAREHOUSE_PARAM', true, '收货仓库')"></el-button> </el-input> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">收货货位</el-col> <el-col :span="14"> <el-input class="pltzIpt" clearable size="mini" v-model="adjust.allocationName" @focus="adjustHuoWei('ALLOCATION_PARAM', true, '收货货位', adjust.warehouse)"> <el-button size="mini" slot="append" icon="el-icon-more" @click="adjustHuoWei('ALLOCATION_PARAM', true, '收货货位', adjust.warehouse)"></el-button> </el-input> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">业务备注</el-col> <el-col :span="14"> <el-input class="pltzIpt" clearable size="mini" v-model="adjust.remark"/> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">收货地址</el-col> <el-col :span="14"> <el-input class="pltzIpt" clearable size="mini" v-model="adjust.deliveryAddressName" @focus="chooseOrg('ADDRESS_PARAM', true, '收货地址')"> <el-button size="mini" slot="append" icon="el-icon-more" @click="chooseOrg('ADDRESS_PARAM', true, '收货地址')"></el-button> </el-input> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">收货地址编码</el-col> <el-col :span="14"> <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.deliveryAddress"/> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">联系人</el-col> <el-col :span="14"> <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.contacts"/> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">联系人电话</el-col> <el-col :span="14"> <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.contactsPhone"/> </el-col> </el-row> <el-row style="margin-bottom: 10px;"> <el-col :span="6" class="pltzTxt">详细地址</el-col> <el-col :span="14"> <el-input class="pltzIpt" disabled clearable size="mini" v-model="adjust.address"/> </el-col> </el-row> <div slot="footer"> <el-button size="mini" type="primary" @click="confirmAdjust">确 认</el-button> <el-button size="mini" @click="adjust.open = false">取 消</el-button> </div> </el-dialog> </div> </template> <script> import Reserved from './reserved.vue' import Refers from '@/components/Refers/refers.vue' import {addDemand,getDemandDetail, getDemandSonDetail, editDemand, submitDemand, queryMan } from '@/api/purchase/purchaseDemand.js' // 用于回显参照框数据 import {getRefer} from '@/api/purchase/basic.js' // 明细行选择物料参照 import popDialog from '@/components/PopDialog/index.vue' export default { name: 'addDemandList', props: ['pageStu','row', 'disable'], dicts: ['sys_processing_mode', 'sys_plan_type', 'sys_status', 'sys_bill_source', 'sys_business','sys_reserve_ratio', 'sys_period_unit', 'sys_price_type'], components: { Reserved, Refers, popDialog }, model: { prop: 'isList', event: 'jugislist' }, data() { return { // 不能直接改变props传来的值 sonPageStu: this.pageStu, sonDisable: this.disable, // BDZT是补单供应商是否可以编辑条件 BDZT: true, dialog: { config: false }, basicForm: { code: '', org: '', orgName: '', demandBusinessType: '1', status: '0', customer: '', customerName: '', customerCode: '', customerPrincipal: '', demandPersonal: this.$store.state.user.name, demandDept: this.$store.state.user.deptId, planType: '1', demandDate: '', createTime: '', source: '4', billType: 'ZQBH', isSpeical: 'N', isProcess: '', isMonthleyCalculate: '', createTime: this.parseTime(new Date().getTime()), remark: '', puDemandItemList: [] }, delDemandItemList: [], options: [{ value: 'Y', label: '是', }, { value: 'N', label: '否' }], basicRules: {}, tableList: [], referCondition: { type: '', isPage: true, title: '', }, // referCondition: { // type: '', // isPage: true, // title: '', // }, tableIndex: null, ids: [], orgOptions: [], manOptions: [], personOptions: [], deptOptions: [], customerOptions: [], pickerOptionsEnd: { disabledDate: (time) => { return time.getTime() < Date.now() - 1 * 24 * 60 * 60 * 1000 } }, isBDXQ: false, isYl: false, // 批量调整参数 adjust: { open: false, priceType: '', purchaseMan: '', purchaseManName: '', warehouse: '', warehouseName: '', allocation: '', allocationName: '', remark:'', deliveryAddress: '', deliveryAddressName: '', contacts: '', contactsPhone: '', address: '' }, purchaseManOptions: [] } }, created() { if(this.pageStu == 'check') { console.log('数据', this.row) this.getDetails(this.row) } else if(this.pageStu == 'edit') { this.getDetails(this.row) } else if (this.pageStu == 'add') { if (this.basicForm.demandPersonal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.demandPersonal, '需求人员') } if (this.basicForm.demandDept) { this.reBackRefer('DEPT_PARAM', this.basicForm.demandDept) } } }, methods: { // 改变单据日期时清空子表的调拨日期 changeDemandDate() { this.basicForm.puDemandItemList.forEach(item => { item.deliveryDate = null }) }, // 更改业务类型调整明细行内补单或紧急标识 changeBillType() { if (this.basicForm.billType == 'BDXQ' && this.basicForm.puDemandItemList.length != 0) { this.isBDXQ = true this.BDZT = false this.basicForm.puDemandItemList.forEach(item => {item.isReplenishment = 'Y'}) } else { this.isBDXQ = false this.BDZT = true this.basicForm.puDemandItemList.forEach(item => { item.isReplenishment = 'N' item.additionalSupplier = null item.additionalSupplierName = null }) } if (this.basicForm.billType == 'JJXQ' && this.basicForm.puDemandItemList.length != 0) { this.basicForm.puDemandItemList.forEach(item => {item.isUrgency = 'Y'}) } else { this.basicForm.puDemandItemList.forEach(item => { item.isUrgency = 'N' }) } }, hangStatus(row) { switch (row.status) { case '0': return '需补货' case '1': return '待计划确认' case '2': return '计划已确认' case '3': return '计划已审核' case '4': return '行关闭' case '5': return '总供应可满足' } }, // 获取预留数量 getYLSL(scope) { if (scope.row.reservedProportion) { scope.row.reservedQty = Math.ceil(scope.row.reservedProportion.replace('%', '') / 100 * scope.row.qty) } // 如果选择预留比例,预留周期必填 // if(scope.row.reservedQty && scope.row.reservedQty !== 0) { // this.isYl = true // } else { // this.isYl = false // } }, // 清空 cleanYLSL(scope) { scope.row.reservedQty = '' scope.row.reservedPeriod = '' }, copy() { this.$modal.notifySuccess("复制成功"); this.sonPageStu = 'add' this.sonDisable = false // this.getDetails(this.row) this.basicForm.id = '' this.basicForm.code = '' this.basicForm.createBy = '' this.basicForm.source = '4' this.basicForm.isSpeical = 'N' this.basicForm.puDemandItemList.forEach(item => { item.status = '' item.buyerName = '' item.buyer = '' item.reservedProportion = '' item.reservedPeriod = '' item.reservedQty = '' item.averageQtyMonth = '' item.demandPeriod = '' item.forecastClassify = '' item.onemonthAvgVolume = '' item.threemonthAvgVolume = '' item.puFreight = '' item.superiorAllotQty = '' item.resDemandQty = '' item.executeQty = '' item.deliveryWarehouseName = '' item.deliveryWarehouse = '' item.deliveryAllocationName = '' item.deliveryAllocation = '' item.lastWarehouseName = '' item.lastAllocationName = '' item.availableQty = '' item.lastStockOrgName = '' item.centralWarehouseQty = '' item.allotCode = '' item.allotQty = '' item.deliveryAddress = '' item.deliveryAddressName = '' item.contacts = '' item.contactsPhone = '' item.address = '' item.statusAllot = 'N' }) }, handleData() { console.log('222') // 复制新增把id,编码,创建人置为空,子表去掉id this.basicForm.id = '' this.basicForm.code = '' this.basicForm.createBy = '' this.basicForm.source = '4' if (this.basicForm.puDemandItemList.length !== 0) { this.basicForm.puDemandItemList.forEach(item => { if (item.id) { delete item.id } if (item.demandId) { delete item.demandId } if (item.allotCode) { delete item.allotCode } }) } }, async save() { if(this.basicForm.puDemandItemList.length !== 0) { this.$refs['basic'].validate((valid, obj) => { if(valid) { this.$modal.loading("保存中..."); if(this.sonPageStu == 'add') { this.handleData() addDemand(this.basicForm).then(res => { console.log(333) if (res.code === 200) { this.$modal.notifySuccess("保存成功"); this.$modal.closeLoading(); this.back() } }).catch(err => { this.$modal.closeLoading(); }) } else if (this.sonPageStu == 'edit') { let list = [] list.push(...this.basicForm.puDemandItemList, ...this.delDemandItemList) // 深拷贝一下参数对象 let param = JSON.parse(JSON.stringify(this.basicForm)) console.log('深拷贝对象',param); param.puDemandItemList = list // this.basicForm.puDemandItemList.push(...this.delDemandItemList) editDemand(param).then(res => { if (res.code === 200) { this.$modal.notifySuccess("编辑成功"); this.$modal.closeLoading(); this.back() } }).catch(err => { this.$modal.closeLoading(); }) } } else { // 校验加弹窗 const jiaoyan = [] for(let key in obj) { jiaoyan.push(obj[key][0].message); } this.$modal.notifyWarning(jiaoyan[0]); return false } }) } else { this.$modal.notifyWarning("明细信息不能为空!"); } }, submit() { this.$modal.loading("提交中..."); submitDemand(this.basicForm).then(res => { if (res.code === 200) { this.$modal.notifySuccess("提交成功"); this.$modal.closeLoading(); this.back() } }).catch(err => { this.$modal.closeLoading(); }) }, // 增行 addLine() { const newLine = { contacts: null, id: null, demandId: null, status: null, businessDept: null, businessDeptName: null, materialCategory: null, buyer: null, buyerName: null, mateiralClassifyOne: null, materialClassifyOneName: null, materialClassifyTwo: null, materialClassifyTwoName: null, materialClassifyThree: null, materialClassifyThreeName: null, materialClassifyFour: null, materialClassifyFourName: null, materialCode: null, material: null, materialName: null, classifyId: null, specification: null, unit: null, unitName: null, manufacturerName: null, registrant: null, puPeriod: null, expiryUnit: null, expiry: null, minPackage: null, minOrderQty: null, minBatch: null, safeStock: null, averageQtyMonth: null, qty: null, adjustmentPersonal: null, adjustmentTime: null, manualRegulation: null, updateCause: null, reservedProportion: null, reservedPeriod: null, reservedQty: null, demandPeriod: null, forecastClassify: null, onemonthAvgVolume: null, threemonthAvgVolume: null, puFreight: null, deliveryDate: null, isUrgency: this.basicForm.billType == 'JJXQ' ? 'Y' : 'N', isReplenishment: this.basicForm.billType == 'BDXQ'? 'Y': 'N', isBatchLock: 'N', isCustomerSpecified: '', remark: null, puRemark: null, lastWarehouseQty: null, resDemandQty: null, lastWarehouse: null, lastWarehouseName: null, deliveryWarehouse: null, deliveryWarehouseName: null, lastAllocation: null, lastAllocationName: null, deliveryAllocation: null, deliveryAllocationName: null, passageOn: null, puOrg: null, purOrgName: null, lastStockQty: null, superiorCenterQty: null, superiorAllotQty: null, availableQty: null, statusAllot: 'N', additionalSupplier: null, additionalSupplierName: null, periodUnit: null, demandCustomer: this.basicForm.customer, demandCustomerName: this.basicForm.customerName, businessDept: this.basicForm.demandDept, businessDeptName: null, lastStockOrg: null, lastStockOrgName: null, superiorStockOrg: null, superiorStockOrgName: null, allotCode: null, deliveryAddress: null, deliveryAddressName: null, contacts: null, contactsPhone: null, address: null, source: null, priceType: 'order', puManagerApprover: null, puManagerApproverName: null, processTime: null, affirmer: null, tenantId: null, revision: null, createBy: null, createByName: null, createTime: null, updateBy: null, updateByName: null, updateTime: null, delFlag: 0, // 新增字段 model: null, storageCondition: null, transportationCondition: null, } this.basicForm.puDemandItemList.push(newLine) // 补单需求状态改变 if (this.basicForm.billType == 'BDXQ') { this.BDZT = false } else { this.BDZT = true } }, delLine(index, row) { console.log('删除行:', index) console.log('改变行:', row) row.delFlag = '2' let delList = [] delList = this.basicForm.puDemandItemList.filter(item => { return item.delFlag == '2' }) this.basicForm.puDemandItemList = this.basicForm.puDemandItemList.filter(item => { return item.delFlag == '0' }) this.delDemandItemList.push(...delList) console.log('删除的数组',this.delDemandItemList) }, back() { console.log('打印人员信息看看', this.$store.state) this.$emit('jugislist', true) this.$emit('refresh') }, // 如果需要回显则调用详情接口 getDetails(row) { getDemandDetail(row.id).then(res => { if (res.code === 200) { // this.basicForm = res.data let reciveForm = res.data let params = {...{id: row.id}, ...{pageNum:1, pageSize: 10}} getDemandSonDetail(params).then(res => { if (res.code === 200) { reciveForm.puDemandItemList = res.data console.log('reciveForm',reciveForm) this.basicForm = reciveForm if(this.basicForm.org) { this.reBackRefer('ORG_PARAM', this.basicForm.org) } if(this.basicForm.customer) { this.reBackRefer('CUSTOMER_PARAM', this.basicForm.customer) } if(this.basicForm.customerPrincipal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.customerPrincipal, '客户负责人') } if(this.basicForm.demandPersonal) { this.reBackRefer('CONTACTS_PARAM', this.basicForm.demandPersonal, '需求人员') } if(this.basicForm.demandDept) { this.reBackRefer('DEPT_PARAM', this.basicForm.demandDept) } // 详情时将收货仓库id赋值给stordocId // 如果业务类型为补单需求,则明细内补单供应商编码可以编辑 if(this.basicForm.billType == 'BDXQ') { this.BDZT = false this.isBDXQ = true } else { this.BDZT = true this.isBDXQ = false } } }) } }) }, // 单元格标红 cellClassName({row, column, rowIndex, columnIndex}) { if(this.basicForm.isSpeical == 'N' && column.label == '需求可用周期' && Number(row.demandPeriod) > 1.5 && Number(row.demandPeriod) > Number(row.minOrderQty)) { return 'success-row'; } }, handleSelectionChange(selection) { this.ids = selection.map(item =>{ return item.id }) console.log('选中数组', this.ids) }, // 点击预留单展示 showReserved() { this.dialog.config = true }, // 修改是否让页面显示与隐藏的事件 updateReserved (val) { this.dialog.config = val }, // 回显参照框 reBackRefer(type, id, title) { getRefer({type: type, id: id}).then(res => { if(type == 'ORG_PARAM') { this.orgOptions = res.rows } if (type == 'CUSTOMER_PARAM') { this.customerOptions = res.rows } if (type == 'CONTACTS_PARAM' && title == '需求人员') { this.personOptions = res.rows } if (type == 'CONTACTS_PARAM' && title == '客户负责人') { this.manOptions = res.rows } if (type == 'DEPT_PARAM') { this.deptOptions = res.rows } }) }, chooseOrg(type, isPage, title) { this.referCondition.type = type this.referCondition.isPage = isPage this.referCondition.title = title this.$refs.refer.init(this.referCondition) }, selectionsToInput(selection) { if(this.referCondition.type == 'ORG_PARAM' && this.referCondition.title == '选择组织') { this.orgOptions = selection this.basicForm.org = selection[0].id this.basicForm.orgName = selection[0].name } if(this.referCondition.type == 'CUSTOMER_PARAM' && this.referCondition.title == '选择客户') { this.customerOptions = selection this.basicForm.customer = selection[0].id this.basicForm.customerName = selection[0].name this.basicForm.customerCode = selection[0].code if(this.basicForm.puDemandItemList.length !== 0) { this.basicForm.puDemandItemList.forEach(item => { item.demandCustomerName = this.basicForm.customerName item.demandCustomer = this.basicForm.customer item.status = '' item.buyerName = '' item.buyer = '' item.reservedProportion = '' item.reservedPeriod = '' item.reservedQty = '' item.averageQtyMonth = '' item.demandPeriod = '' item.forecastClassify = '' item.onemonthAvgVolume = '' item.threemonthAvgVolume = '' item.puFreight = '' item.superiorAllotQty = '' item.resDemandQty = '' item.executeQty = '' item.deliveryWarehouseName = '' item.deliveryWarehouse = '' item.deliveryAllocationName = '' item.deliveryAllocation = '' item.lastWarehouseName = '' item.lastAllocationName = '' item.availableQty = '' item.lastStockOrgName = '' item.centralWarehouseQty = '' item.allotCode = '' item.deliveryAddress = '' item.deliveryAddressName = '' item.contacts = '' item.contactsPhone = '' item.address = '' }) } } if(this.referCondition.type == 'CONTACTS_PARAM' && this.referCondition.title == '需求人员') { this.personOptions = selection this.basicForm.demandPersonal = selection[0].code } if(this.referCondition.type == 'CONTACTS_PARAM' && this.referCondition.title == '采购员') { this.purchaseManOptions = selection this.adjust.purchaseMan = selection[0].code this.adjust.purchaseManName = selection[0].name } if(this.referCondition.type == 'WAREHOUSE_PARAM' && this.referCondition.title == '收货仓库') { this.adjust.warehouse = selection[0].id this.adjust.warehouseName = selection[0].name this.adjust.allocation = '' this.adjust.allocationName = '' } if(this.referCondition.type == 'ALLOCATION_PARAM' && this.referCondition.title == '收货货位') { this.adjust.allocation = selection[0].id this.adjust.allocationName = selection[0].name } if(this.referCondition.type == 'ADDRESS_PARAM' && this.referCondition.title == '收货地址') { this.adjust.deliveryAddressName = selection[0].name this.adjust.deliveryAddress = selection[0].id this.adjust.contacts = selection[0].contactsName this.adjust.contactsPhone = selection[0].contactsPhone this.adjust.address = selection[0].address } if(this.referCondition.type == 'DEPT_PARAM') { this.deptOptions = selection this.basicForm.demandDept = selection[0].id } if(this.referCondition.title == '选择收货仓库') { this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouse = selection[0].id this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouseName = selection[0].name this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = null this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = null } if(this.referCondition.title == '选择收货货位') { this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = selection[0].id this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = selection[0].name } if(this.referCondition.title == '选择补单供应商') { this.basicForm.puDemandItemList[this.tableIndex].additionalSupplier = selection[0].id this.basicForm.puDemandItemList[this.tableIndex].additionalSupplierName = selection[0].name } if(this.referCondition.title == '选择收货地址') { this.basicForm.puDemandItemList[this.tableIndex].deliveryAddressName = selection[0].name this.basicForm.puDemandItemList[this.tableIndex].deliveryAddress = selection[0].id this.basicForm.puDemandItemList[this.tableIndex].contacts = selection[0].contactsName this.basicForm.puDemandItemList[this.tableIndex].contactsPhone = selection[0].contactsPhone this.basicForm.puDemandItemList[this.tableIndex].address = selection[0].address } }, // 粘贴来的数据 async pasteMe(e, scope, index) { this.$modal.loading("正在处理数据..."); e.preventDefault() //阻止默认粘贴事件 let source = e.clipboardData.getData("Text"); console.log('scope', scope.column.property) console.log('eee:', source) // 首先对源头进行解析 let rows = source.split("\r\n"); // 拆成一个数组 // 数组去除空字符串 rows = rows.filter(item => { return item && item.trim() }) console.log('复制的数组',rows); console.log('列表的数组',this.basicForm.puDemandItemList) if (rows.length < 1000) { await getRefer({ type: 'MATERIAL_PARAM', materialCodeList: rows }).then(res => { if (res.code === 200) { let rowList = res.rows for (let i = 0; i<rowList.length; i++) { let line = { contacts: null, id: null, demandId: null, status: null, businessDept: null, businessDeptName: null, materialCategory: null, buyer: null, buyerName: null, mateiralClassifyOne: null, materialClassifyOneName: null, materialClassifyTwo: null, materialClassifyTwoName: null, materialClassifyThree: null, materialClassifyThreeName: null, materialClassifyFour: null, materialClassifyFourName: null, materialCode: null, material: null, materialName: null, classifyId: null, specification: null, unit: null, unitName: null, manufacturerName: null, registrant: null, puPeriod: null, expiryUnit: null, expiry: null, minPackage: null, minOrderQty: null, minBatch: null, safeStock: null, averageQtyMonth: null, qty: null, adjustmentPersonal: null, adjustmentTime: null, manualRegulation: null, updateCause: null, reservedProportion: null, reservedPeriod: null, reservedQty: null, demandPeriod: null, forecastClassify: null, onemonthAvgVolume: null, threemonthAvgVolume: null, puFreight: null, deliveryDate: null, isUrgency: this.basicForm.billType == 'JJXQ' ? 'Y' : 'N', isReplenishment: this.basicForm.billType == 'BDXQ' ? 'Y' : 'N', isBatchLock: 'N', isCustomerSpecified: '', remark: null, puRemark: null, lastWarehouseQty: null, resDemandQty: null, lastWarehouse: null, lastWarehouseName: null, deliveryWarehouse: null, deliveryWarehouseName: null, lastAllocation: null, lastAllocationName: null, deliveryAllocation: null, deliveryAllocationName: null, passageOn: null, puOrg: null, purOrgName: null, lastStockQty: null, superiorCenterQty: null, superiorAllotQty: null, availableQty: null, statusAllot: 'N', additionalSupplier: null, additionalSupplierName: null, periodUnit: null, demandCustomer: this.basicForm.customer, demandCustomerName: this.basicForm.customerName, businessDept: this.basicForm.demandDept, businessDeptName: null, lastStockOrg: null, lastStockOrgName: null, superiorStockOrg: null, superiorStockOrgName: null, allotCode: null, deliveryAddress: null, deliveryAddressName: null, contacts: null, contactsPhone: null, address: null, source: null, priceType: 'order', puManagerApprover: null, puManagerApproverName: null, processTime: null, affirmer: null, tenantId: null, revision: null, createBy: null, createByName: null, createTime: null, updateBy: null, updateByName: null, updateTime: null, delFlag: 0, // 新增字段 model: null, storageCondition: null, transportationCondition: null, } line.businessDept = rowList[i].businessDepartment line.businessDeptName = rowList[i].businessDepartmentName line.materialCode = rowList[i].code line.material = rowList[i].id line.materialName = rowList[i].name line.classifyId = rowList[i].classifyId line.materialClassifyOneName = rowList[i].oneClass line.materialClassifyTwoName = rowList[i].twoClass line.materialClassifyThreeName = rowList[i].threeClass line.materialClassifyFourName = rowList[i].fourClass line.specification = rowList[i].specification line.model = rowList[i].model line.unit = rowList[i].unitId line.unitName = rowList[i].unitIdName line.registrant = rowList[i].registrant line.manufacturerName = rowList[i].manufacturerIdName line.puPeriod = rowList[i].deliveryPeriod line.expiry = rowList[i].usefulLife line.expiryUnit = rowList[i].expiryUnitIdName // line.minPackage = rowList[i].usefulLife line.minPackage = rowList[i].minPackQty line.minOrderQty = rowList[i].minOrderQty line.minBatch = rowList[i].minBatchQty line.safeStock = rowList[i].safeStock line.purOrgName = rowList[i].purchasingOrganizationName line.puOrg = rowList[i].purchasingOrganization // 物料存储条件和运输条件 line.transportationCondition = rowList[i].transportationCondition line.storageCondition = rowList[i].storageCondition this.basicForm.puDemandItemList.push(line) // console.log('临时数组', line) } this.$modal.notifySuccess("共粘贴" + rowList.length + '条数据'); } }).catch(err => { this.$modal.closeLoading(); }) this.$modal.closeLoading(); console.log('列表', this.basicForm.puDemandItemList) } else { this.$modal.notifyWarning("复制长度不能超过1000!"); } }, // 明细行选择物料编码带出数据 chooseMaterial(index) { console.log("🚀 ~ file: add.vue:790 ~ chooseMaterial ~ index:", index) this.tableIndex = index // 传0只展示同步NC了的物料 this.$refs.materialRefer.init(0) }, selectMaterial(selection) { console.log('选中的物料', selection) if (selection.length <= 1) { // 选择新物料时先清空行内其他信息 this.basicForm.puDemandItemList[this.tableIndex].reservedProportion = null this.basicForm.puDemandItemList[this.tableIndex].reservedPeriod = null this.basicForm.puDemandItemList[this.tableIndex].reservedQty = null this.basicForm.puDemandItemList[this.tableIndex].qty = null this.basicForm.puDemandItemList[this.tableIndex].deliveryDate = null this.basicForm.puDemandItemList[this.tableIndex].remark = null this.basicForm.puDemandItemList[this.tableIndex].resDemandQty = null this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouse = null this.basicForm.puDemandItemList[this.tableIndex].deliveryWarehouseName = null this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocation = null this.basicForm.puDemandItemList[this.tableIndex].deliveryAllocationName = null this.basicForm.puDemandItemList[this.tableIndex].additionalSupplier = null this.basicForm.puDemandItemList[this.tableIndex].additionalSupplierName = null this.basicForm.puDemandItemList[this.tableIndex].periodUnit = null this.basicForm.puDemandItemList[this.tableIndex].deliveryAddressName = null this.basicForm.puDemandItemList[this.tableIndex].deliveryAddress = null this.basicForm.puDemandItemList[this.tableIndex].contacts = null this.basicForm.puDemandItemList[this.tableIndex].contactsPhone = null this.basicForm.puDemandItemList[this.tableIndex].address = null this.basicForm.puDemandItemList[this.tableIndex].priceType = 'order' this.basicForm.puDemandItemList[this.tableIndex].lastWarehouseName = null this.basicForm.puDemandItemList[this.tableIndex].lastWarehouse = null this.basicForm.puDemandItemList[this.tableIndex].lastAllocation = null this.basicForm.puDemandItemList[this.tableIndex].lastAllocationName = null this.basicForm.puDemandItemList[this.tableIndex].materialClassifyOne = null this.basicForm.puDemandItemList[this.tableIndex].materialClassifyTwo = null this.basicForm.puDemandItemList[this.tableIndex].materialClassifyThree = null this.basicForm.puDemandItemList[this.tableIndex].materialClassifyFour = null this.basicForm.puDemandItemList[this.tableIndex].lastStockOrg = null this.basicForm.puDemandItemList[this.tableIndex].lastStockOrgName = null this.basicForm.puDemandItemList[this.tableIndex].buyer = null this.basicForm.puDemandItemList[this.tableIndex].buyerName = null // 通过选择物料查询采购员 queryMan(selection[0].id).then(res => { if(res.code === 200 && res.rows.length !== 0) { this.basicForm.puDemandItemList[this.tableIndex].buyer = res.rows[0].buyer this.basicForm.puDemandItemList[this.tableIndex].buyerName = res.rows[0].buyerName } }) this.basicForm.puDemandItemList[this.tableIndex].businessDept = selection[0].businessDepartment this.basicForm.puDemandItemList[this.tableIndex].businessDeptName = selection[0].businessDepartmentName this.basicForm.puDemandItemList[this.tableIndex].materialCode = selection[0].code this.basicForm.puDemandItemList[this.tableIndex].material = selection[0].id this.basicForm.puDemandItemList[this.tableIndex].materialName = selection[0].name this.basicForm.puDemandItemList[this.tableIndex].classifyId = selection[0].classifyId this.basicForm.puDemandItemList[this.tableIndex].materialClassifyOneName = selection[0].oneClass this.basicForm.puDemandItemList[this.tableIndex].materialClassifyTwoName = selection[0].twoClass this.basicForm.puDemandItemList[this.tableIndex].materialClassifyThreeName = selection[0].threeClass this.basicForm.puDemandItemList[this.tableIndex].materialClassifyFourName = selection[0].fourClass this.basicForm.puDemandItemList[this.tableIndex].specification = selection[0].specification this.basicForm.puDemandItemList[this.tableIndex].model = selection[0].model this.basicForm.puDemandItemList[this.tableIndex].unit = selection[0].unitId this.basicForm.puDemandItemList[this.tableIndex].unitName = selection[0].unitIdName this.basicForm.puDemandItemList[this.tableIndex].registrant = selection[0].registrant this.basicForm.puDemandItemList[this.tableIndex].manufacturerName = selection[0].manufacturerIdName this.basicForm.puDemandItemList[this.tableIndex].puPeriod = selection[0].deliveryPeriod this.basicForm.puDemandItemList[this.tableIndex].expiry = selection[0].usefulLife this.basicForm.puDemandItemList[this.tableIndex].expiryUnit = selection[0].expiryUnitIdName // this.basicForm.puDemandItemList[this.tableIndex].minPackage = selection[0].usefulLife this.basicForm.puDemandItemList[this.tableIndex].minPackage = selection[0].minPackQty this.basicForm.puDemandItemList[this.tableIndex].minOrderQty = selection[0].minOrderQty this.basicForm.puDemandItemList[this.tableIndex].minBatch = selection[0].minBatchQty this.basicForm.puDemandItemList[this.tableIndex].safeStock = selection[0].safeStock this.basicForm.puDemandItemList[this.tableIndex].purOrgName = selection[0].purchasingOrganizationName this.basicForm.puDemandItemList[this.tableIndex].puOrg = selection[0].purchasingOrganization // 物料存储条件和运输条件 this.basicForm.puDemandItemList[this.tableIndex].transportationCondition = selection[0].transportationCondition this.basicForm.puDemandItemList[this.tableIndex].storageCondition = selection[0].storageCondition // 选中骨科耗材时候的物料,需求客户不必填 } else { console.log('xxxxx', selection) for (let i = 0;i<selection.length;i++) { let line = { contacts: null, id: null, demandId: null, status: null, businessDept: null, businessDeptName: null, materialCategory: null, buyer: null, buyerName: null, mateiralClassifyOne: null, materialClassifyOneName: null, materialClassifyTwo: null, materialClassifyTwoName: null, materialClassifyThree: null, materialClassifyThreeName: null, materialClassifyFour: null, materialClassifyFourName: null, materialCode: null, material: null, materialName: null, classifyId: null, specification: null, unit: null, unitName: null, manufacturerName: null, registrant: null, puPeriod: null, expiryUnit: null, expiry: null, minPackage: null, minOrderQty: null, minBatch: null, safeStock: null, averageQtyMonth: null, qty: null, adjustmentPersonal: null, adjustmentTime: null, manualRegulation: null, updateCause: null, reservedProportion: null, reservedPeriod: null, reservedQty: null, demandPeriod: null, forecastClassify: null, onemonthAvgVolume: null, threemonthAvgVolume: null, puFreight: null, deliveryDate: null, isUrgency: this.basicForm.billType == 'JJXQ' ? 'Y' : 'N', isReplenishment: this.basicForm.billType == 'BDXQ' ? 'Y' : 'N', isBatchLock: 'N', isCustomerSpecified: '', remark: null, puRemark: null, lastWarehouseQty: null, resDemandQty: null, lastWarehouse: null, lastWarehouseName: null, deliveryWarehouse: null, deliveryWarehouseName: null, lastAllocation: null, lastAllocationName: null, deliveryAllocation: null, deliveryAllocationName: null, passageOn: null, puOrg: null, purOrgName: null, lastStockQty: null, superiorCenterQty: null, superiorAllotQty: null, availableQty: null, statusAllot: 'N', additionalSupplier: null, additionalSupplierName: null, periodUnit: null, demandCustomer: this.basicForm.customer, demandCustomerName: this.basicForm.customerName, businessDept: this.basicForm.demandDept, businessDeptName: null, lastStockOrg: null, lastStockOrgName: null, superiorStockOrg: null, superiorStockOrgName: null, allotCode: null, deliveryAddress: null, deliveryAddressName: null, contacts: null, contactsPhone: null, address: null, source: null, priceType: 'order', puManagerApprover: null, puManagerApproverName: null, processTime: null, affirmer: null, tenantId: null, revision: null, createBy: null, createByName: null, createTime: null, updateBy: null, updateByName: null, updateTime: null, delFlag: 0, // 新增字段 model: null, storageCondition: null, transportationCondition: null, } // 通过选择物料查询采购员 queryMan(selection[i].id).then(res => { if (res.code === 200 && res.rows.length !== 0) { line.buyer = res.rows[0].buyer line.buyerName = res.rows[0].buyerName } }) line.businessDept = selection[i].businessDepartment line.businessDeptName = selection[i].businessDepartmentName line.materialCode = selection[i].code line.material = selection[i].id line.materialName = selection[i].name line.classifyId = selection[i].classifyId line.materialClassifyOneName = selection[i].oneClass line.materialClassifyTwoName = selection[i].twoClass line.materialClassifyThreeName = selection[i].threeClass line.materialClassifyFourName = selection[i].fourClass line.specification = selection[i].specification line.model = selection[i].model line.unit = selection[i].unitId line.unitName = selection[i].unitIdName line.registrant = selection[i].registrant line.manufacturerName = selection[i].manufacturerIdName line.puPeriod = selection[i].deliveryPeriod line.expiry = selection[i].usefulLife line.expiryUnit = selection[i].expiryUnitIdName // line.minPackage = selection[i].usefulLife line.minPackage = selection[i].minPackQty line.minOrderQty = selection[i].minOrderQty line.minBatch = selection[i].minBatchQty line.safeStock = selection[i].safeStock line.purOrgName = selection[i].purchasingOrganizationName line.puOrg = selection[i].purchasingOrganization // 物料存储条件和运输条件 line.transportationCondition = selection[i].transportationCondition line.storageCondition = selection[i].storageCondition this.basicForm.puDemandItemList.push(line) } // 删除指定下标 this.basicForm.puDemandItemList.splice(this.tableIndex,1) } }, // 明细行选择业务部门参照带出业务部门数据 chooseDept(index, type, isPage, title) { this.tableIndex = index this.referCondition.type = type this.referCondition.isPage = isPage this.referCondition.title = title this.$refs.refer.init(this.referCondition) }, // 明细行选择业务部门参照带出业务部门数据 choosehuoWei(index, type, isPage, title, stordocId) { this.tableIndex = index this.referCondition.type = type this.referCondition.isPage = isPage this.referCondition.title = title // 选择收货货位前先选择收货仓库 if(stordocId) { this.referCondition.stordocId = stordocId this.$refs.refer.init(this.referCondition) } else { this.$modal.notifyWarning("请先选择收货仓库"); } }, // 明细行清空收货仓库,货位,收货地址档案等 clearHang(index, title) { if (title == '选择收货仓库') { this.basicForm.puDemandItemList[index].deliveryWarehouseName = null this.basicForm.puDemandItemList[index].deliveryWarehouse = null this.basicForm.puDemandItemList[index].deliveryAllocationName = null this.basicForm.puDemandItemList[index].deliveryAllocation = null } if (title == '选择收货货位') { this.basicForm.puDemandItemList[index].deliveryAllocationName = null this.basicForm.puDemandItemList[index].deliveryAllocation = null } if (title == '选择收货地址') { this.basicForm.puDemandItemList[index].deliveryAddressName = null this.basicForm.puDemandItemList[index].deliveryAddress = null this.basicForm.puDemandItemList[index].contacts = null this.basicForm.puDemandItemList[index].contactsPhone = null this.basicForm.puDemandItemList[index].address = null } if (title == '选择补单供应商') { this.basicForm.puDemandItemList[index].additionalSupplierName = null this.basicForm.puDemandItemList[index].additionalSupplier = null } }, // 清除需求客户将明细行内也清空 cleanCustomer() { this.basicForm.customer = '' this.basicForm.customerName = '' this.basicForm.customerCode = '' if (this.basicForm.puDemandItemList.length !== 0) { this.basicForm.puDemandItemList.forEach(item => { item.demandCustomerName = '' item.demandCustomer = '' item.status = '' item.buyerName = '' item.buyer = '' item.reservedProportion = '' item.reservedPeriod = '' item.reservedQty = '' item.averageQtyMonth = '' item.demandPeriod = '' item.forecastClassify = '' item.onemonthAvgVolume = '' item.threemonthAvgVolume = '' item.puFreight = '' item.superiorAllotQty = '' item.resDemandQty = '' item.executeQty = '' item.deliveryWarehouseName = '' item.deliveryWarehouse = '' item.deliveryAllocationName = '' item.deliveryAllocation = '' item.lastWarehouseName = '' item.lastAllocationName = '' item.availableQty = '' item.lastStockOrgName = '' item.centralWarehouseQty = '' item.allotCode = '' item.deliveryAddress = '' item.deliveryAddressName = '' item.contacts = '' item.contactsPhone = '' item.address = '' }) } }, // 批量调整 adjustPl() { if(this.ids.length == 0) { this.$modal.notifyWarning('请至少选择一项数据进行操作!') } else { this.adjust.open = true } }, // 批量调整确认 confirmAdjust() { console.log('data', this.adjust) this.basicForm.puDemandItemList.forEach(item => { this.ids.some(val => { if(val == item.id) { if(this.adjust.purchaseMan) { item.buyer = this.adjust.purchaseMan item.buyerName = this.adjust.purchaseManName } if(this.adjust.priceType) { item.priceType = this.adjust.priceType } if(this.adjust.warehouseName) { item.deliveryWarehouse = this.adjust.warehouse item.deliveryWarehouseName = this.adjust.warehouseName item.deliveryAllocation = this.adjust.allocation item.deliveryAllocationName = this.adjust.allocationName } // if(this.adjust.allocationName) { // item.deliveryAllocation = this.adjust.allocation // item.deliveryAllocationName = this.adjust.allocationName // } if(this.adjust.remark) { item.remark = this.adjust.remark } if(this.adjust.deliveryAddressName) { item.deliveryAddressName = this.adjust.deliveryAddressName item.deliveryAddress = this.adjust.deliveryAddress item.contacts = this.adjust.contacts item.contactsPhone = this.adjust.contactsPhone item.address = this.adjust.address } } this.adjust.open = false }) }) }, // 批量调整选择货位 adjustHuoWei(type, isPage, title, stordocId) { this.referCondition.type = type this.referCondition.isPage = isPage this.referCondition.title = title // 选择收货货位前先选择收货仓库 if (stordocId) { this.referCondition.stordocId = stordocId this.$refs.refer.init(this.referCondition) } else { this.$modal.notifyWarning("请先选择收货仓库"); } }, // 关闭清空批量调整数据 closeEvent() { this.adjust = { open: false, priceType: '', purchaseMan: '', purchaseManName: '', warehouse: '', warehouseName: '', allocation: '', allocationName: '', remark: '', deliveryAddress: '', deliveryAddressName: '', contacts: '', contactsPhone: '', address: '' } }, // 必选标识 addRedStar(h, { column }) { return [ h('span', { style: 'color: #F56C6C' }, '*'), h('span', ' ' + column.label) ]; }, anotherRedStar(h, { column }) { if(this.isBDXQ) { return [ h('span', { style: 'color: #F56C6C' }, '*'), h('span', ' ' + column.label) ]; } else { return [ h('span', ' ' + column.label) ]; } }, } } </script> <style lang="scss" scoped> .btn_group { // width: 100%; // margin: 20px 0; display: flex; // justify-content: center; position: absolute; top: 10px;right: 20px; } .btn_grooup { margin-bottom: 10px; display: flex; justify-content: space-between; } .hang { margin: auto; } .hang ::v-deep .el-form-item__content{ margin-left: 0px !important; } // .el-table ::v-deep .el-form-item__error{ // padding-top: 0; // top: 70% // } .el-table ::v-deep .success-row { background: #f11616; } ::v-deep .el-table__row > td { border: none; } .pltzTxt{ text-align: right; font-size: medium; padding-right: 2%; } .pltzIpt{ width: 90%; } </style>