|
|
<template> <div class="mod-config"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> <el-form-item :label="'物料编码'"> <el-input v-model="searchData.partNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'物料名称'"> <el-input v-model="searchData.partDesc" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="' '"> <el-button :loading="queryLoading" @click="getDataList()">查询</el-button> <el-button type="primary" @click="addModal()">新增</el-button> <el-button type="primary" @click="delModal()">删除</el-button> <download-excel :fields="fields()" :data="exportData" type="xls" :name="exportName" :header="exportHeader" :footer="exportFooter" :fetch="createExportData" :before-generate="startDownload" :before-finish="finishDownload" worksheet="导出信息" class="el-button el-button--primary el-button--medium"> {{ "导出" }} </download-excel> </el-form-item> </el-form>
<!-- bom列表 --> <el-table :height="height" :data="dataList" border @selection-change="selectionBom" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> </el-table-column> <el-table-column v-for="(item,index) in columnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="120" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateModal(scope.row)">编辑</a> <a type="text" size="small" @click="checkOutToRouting(scope.row.partNo)">切换Routing</a> </template> </el-table-column> </el-table>
<!-- 复选统计 --> <selectDiv ref="selectDiv"></selectDiv>
<!-- 分页插件 --> <el-pagination style="margin-top: 0px" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[20, 50, 100, 200, 500]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper"> </el-pagination>
<!-- bom新增/编辑模态框 --> <el-dialog :close-on-click-modal="false" :before-close="closeModalX" v-drag :visible.sync="modalFlag" width="1110px"> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 5px"> <el-form-item prop="partNo" :rules="rules.partNo"> <span v-if="!modalDisableFlag" slot="label" @click="queryPartList"><a herf="#">物料编码</a></span> <span v-else slot="label">物料编码</span> <el-input v-model="modalData.partNo" :disabled="modalDisableFlag" style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'物料名称'" prop="partDesc" :rules="rules.partDesc"> <el-input v-model="modalData.partDesc" disabled style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'物料单位'"> <el-input v-model="modalData.printUnitName" disabled style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'制造类型'" prop="bomType" :rules="rules.bomType"> <el-select v-model="modalData.bomType" :disabled="modalDisableFlag" style="width: 221px"> <!-- @change="bomTypeChange" --> <el-option label="Manufacturing" value="Manufacturing"></el-option> <el-option label="Repair" value="Repair"></el-option> <el-option label="Purchase" value="Purchase"></el-option> <el-option label="Prototype" value="Prototype"></el-option> </el-select> </el-form-item> <el-form-item :label="'净重'"> <el-input class="inlineNumber numInput" v-model="modalData.netWeight" type="number" @input="handleInput(modalData.netWeight,1)" style="width: 120px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="生效日期" prop="effPhaseInDate" :rules="rules.effPhaseInDate"> <el-date-picker :readonly="detailData.partNo != ''" style="width: 221px" v-model="modalData.effPhaseInDate" type="date" format="yyyy-MM-dd" placeholder="请选择日期" :editable=false> </el-date-picker> </el-form-item> <el-form-item label="失效日期"> <el-date-picker readonly style="width: 221px" v-model="modalData.effPhaseOutDate" type="date" format="yyyy-MM-dd" placeholder="请选择日期" :editable=false> </el-date-picker> </el-form-item> <el-form-item :label="'BOM版本号'" prop="engChgLevel" :rules="rules.engChgLevel"> <el-input v-model="modalData.engChgLevel" :disabled="modalDisableFlag" type="number" style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'工程版本号'"> <el-input v-model="modalData.engRevision" style="width: 221px"></el-input> </el-form-item> <el-form-item> <el-button v-if="modalData.flag === '1'" :loading="saveHeaderLoading" type="primary" @click="saveBomHeader" style="margin-top: 23px;width: 120px">保存</el-button> <el-button v-else type="primary" @click="copyBomRevision" style="margin-top: 23px;width: 120px">Copy</el-button> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="备注"> <el-input type="textarea" v-model="modalData.noteText" :rows="3" resize='none' show-word-limit style="width: 1082px;height: 20px"></el-input> </el-form-item> </el-form> <el-tabs v-model="detailTable" style="margin-top: 50px; width: 100%; min-height: 120px" type="border-card" @tab-click="tabDetailClick" class="detail-tab"> <!-- BOM明细信息页签 --> <el-tab-pane label="Product Structure" name="bom_detail"> <el-form label-position="top" style="margin-top: -10px"> <el-form-item> <el-button type="primary" @click="saveBomDetail" style="margin-left: 7px">新增</el-button> <el-button type="primary" @click="deleteBomDetail">删除</el-button> <el-button type="primary" @click="updateBomDetail">编辑</el-button> <el-button v-if="modalData.flag === '2'" type="primary" @click="copyBomAlternative()">Copy</el-button> <el-button v-if="detailData.status === 'Tentative' || detailData.status === 'Obsolete'" type="primary" @click="updateStatusToBuildable">Build</el-button> <el-button v-if="detailData.status === 'Buildable' && (modalData.effPhaseOutDate == null || modalData.effPhaseOutDate === '')" type="primary" @click="updateStatusToObsolete">Retire</el-button> <el-button v-if="modalData.flag === '2' && detailData.officialFlag !== 'Y'" type="primary" @click="toBecomeOfficialBom">转正式Bom</el-button> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="detailData" :rules="rules" style="margin-left: 7px"> <el-form-item :label="'替代编码'"> <el-select v-model="detailData.alternativeNo" @change="alternativeChange" style="width: 221px"> <el-option v-for = "(i, index) in detailDataList" :key = "index" :label = "i.alternativeNo" :value = "i.alternativeNo"> </el-option> </el-select> </el-form-item> <el-form-item :label="'替代名称'"> <el-input v-model="detailData.alternativeDescription" readonly style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'状态'"> <el-input v-model="detailData.status" readonly style="width: 221px"></el-input> </el-form-item> <el-form-item :label="'最小订单数'"> <el-input class="inlineNumber numInput" v-model="detailData.minLotQty" @input="handleInput(detailData.minLotQty,2)" type="number" readonly style="width: 221px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="detailData" style="margin-left: 7px"> <el-form-item label="备注"> <el-input type="textarea" v-model="detailData.detailNoteText" :rows="3" resize='none' show-word-limit readonly style="width: 1073px;height: 20px"></el-input> </el-form-item> </el-form> </el-tab-pane> </el-tabs> <el-tabs v-model="subDetailTable" style="width: 100%; min-height: 330px" type="border-card" @tab-click="tabSubDetailClick" class="sub_detail-tab"> <!-- BOM子明细信息页签 --> <el-tab-pane label="Components" name="bom_sub_detail"> <el-form label-position="top" style="margin-top: 5px"> <el-form-item> <el-button type="primary" @click="saveComponentModal" style="margin-left: 7px">新增</el-button> <el-button type="primary" @click="deleteComponentPart">删除</el-button> </el-form-item> </el-form> <el-table :data="subDetailList" height="256px" border ref="componentTable" @row-click="componentClickRow" :row-class-name="rowClassName" @selection-change="componentSelectionChange" style="width:100%"> <el-table-column type="selection" align="center" width="50"></el-table-column> <el-table-column v-for="(item,index) in columnSubDetailList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed == ''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="100" label="操作"> <template slot-scope="scope"> <a type="text" size="small" @click="updateComponentModal(scope.row)">编辑</a> </template> </el-table-column> </el-table> </el-tab-pane> </el-tabs> <el-footer style="height:30px;margin-top:20px;text-align:center"> <el-button :loading="saveAllLoading" type="primary" @click="saveData()">保存</el-button> <el-button type="primary" @click="closeModal()">关闭</el-button> </el-footer> </el-dialog>
<!-- 明细新增模态框 --> <el-dialog title="替代" :close-on-click-modal="false" v-drag :visible.sync="saveDetailModalFlag" width="530px"> <el-form :inline="true" label-position="top" :model="saveDetailData" :rules="detailRules" style="margin-left: 5px"> <el-form-item :label="'替代编码'" prop="alternativeNo" :rules="detailRules.alternativeNo"> <el-input v-model="saveDetailData.alternativeNo" :disabled="saveDetailModalDisable" style="width: 235px"></el-input> </el-form-item> <el-form-item :label="'替代名称'" prop="alternativeDescription" :rules="detailRules.alternativeDescription"> <el-input v-model="saveDetailData.alternativeDescription" style="width: 235px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="saveDetailData" :rules="detailRules" style="margin-left: 5px"> <el-form-item :label="'状态'" prop="status" :rules="detailRules.status"> <el-input v-model="saveDetailData.status" disabled style="width: 235px"></el-input> </el-form-item> <el-form-item :label="'最小订单数'" prop="minLotQty" :rules="detailRules.minLotQty"> <el-input class="inlineNumber numInput" v-model="saveDetailData.minLotQty" @input="handleInput(saveDetailData.minLotQty,3)" type="number" style="width: 235px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="saveDetailData" style="margin-left: 5px"> <el-form-item label="备注"> <el-input type="textarea" v-model="saveDetailData.detailNoteText" :rows="3" resize='none' show-word-limit style="width: 500px;height: 20px"></el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top:65px;text-align:center"> <el-button :loading="saveDetailLoading" type="primary" @click="detailDataSave()">保存</el-button> <el-button type="primary" @click="saveDetailModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 物料模态框 --> <el-dialog title="物料清单" :close-on-click-modal="false" v-drag :visible.sync="partModelFlag" width="900px"> <div class="rq"> <el-form :inline="true" label-position="top" :model="partData"> <el-form-item :label="'物料编码'"> <el-input v-model="partData.partNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'物料名称'"> <el-input v-model="partData.partDesc" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="' '"> <el-button type="primary" @click="queryPartList()">查询</el-button> </el-form-item> </el-form> <el-table :height="300" :data="partList" @row-dblclick="getRowData" border style="width: 100%;"> <el-table-column v-for="(item,index) in partColumnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </div> <el-footer style="height:40px;margin-top: 20px;text-align:center"> <el-button type="primary" @click="partModelFlag=false">关闭</el-button> </el-footer> </el-dialog>
<!-- 子明细物料模态框 --> <el-dialog title="物料清单" :close-on-click-modal="false" v-drag :visible.sync="componentPartModelFlag" width="700px"> <el-form :inline="true" label-position="top" :model="componentPartData"> <el-form-item :label="'物料编码'"> <el-input v-model="componentPartData.partNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'物料名称'"> <el-input v-model="componentPartData.partDesc" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="'正式物料'"> <el-select v-model="componentPartData.status" clearable style="width: 120px"> <el-option label="临时物料" value="N"></el-option> <el-option label="正式物料" value="Y"></el-option> </el-select> </el-form-item> <el-form-item :label="' '"> <el-button type="primary" @click="queryComponentPartList()">查询</el-button> </el-form-item> </el-form> <el-table :height="250" :data="componentPartList" @row-dblclick="getComponentRowData" border style="width: 100%;"> <el-table-column v-for="(item,index) in componentPartColumnList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> <el-footer style="height:35px;margin-top:10px;text-align:center"> <el-button type="primary" @click="componentPartModelFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 子明细新增模态框 --> <el-dialog title="新增子物料" :close-on-click-modal="false" v-drag :visible.sync="componentSaveModal" width="800px"> <el-form :inline="true" label-position="top" :model="componentData" :rules="componentRules" style="margin-left: 5px"> <el-form-item :label="'序号'" prop="lineSequence" :rules="componentRules.lineSequence"> <el-input class="inlineNumber numInput" v-model="componentData.lineSequence" type="number" style="width: 49px"></el-input> </el-form-item> <el-form-item prop="componentPart" :rules="componentRules.componentPart"> <span v-if="!componentDisableFlag" slot="label" @click="queryComponentPartList"><a herf="#">子物料编码</a></span> <span v-if="componentDisableFlag" slot="label">子物料编码</span> <el-input v-model="componentData.componentPart" :disabled="componentDisableFlag" style="width: 175px"></el-input> </el-form-item> <el-form-item :label="'子物料名称'"> <el-input v-model="componentData.componentPartDesc" disabled style="width: 327px"></el-input> </el-form-item> <el-form-item :label="'单位'"> <el-input v-model="componentData.printUnitName" disabled style="width: 165px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="componentData" :rules="componentRules" style="margin-left: 5px"> <el-form-item :label="'单位用量'" prop="qtyPerAssembly" :rules="componentRules.qtyPerAssembly"> <el-input class="inlineNumber numInput" v-model="componentData.qtyPerAssembly" @input="handleInput16(componentData.qtyPerAssembly,1)" type="number" style="width: 144px"></el-input> </el-form-item> <el-form-item :label="'调机量'" prop="componentScrap" :rules="componentRules.componentScrap"> <el-input class="inlineNumber numInput" v-model="componentData.componentScrap" @input="handleInput(componentData.componentScrap,5)" type="number" style="width: 80px"></el-input> </el-form-item> <el-form-item :label="'损耗率%'" prop="shrinkageFactor" :rules="componentRules.shrinkageFactor"> <el-input class="inlineNumber numInput" v-model="componentData.shrinkageFactor" @input="handleInputB(componentData.shrinkageFactor)" type="number" style="width: 80px"></el-input> </el-form-item> <el-form-item> <span slot="label" @click="queryOperationList"><a>工序</a></span> <el-input v-model="componentData.operationId" style="width: 110px"></el-input> </el-form-item> <el-form-item> <span slot="label" @click="getBaseList(117)"><a herf="#">发料库位</a></span> <el-input v-model="componentData.issueToLocName" style="width: 110px"></el-input> </el-form-item> <el-form-item :label="'生产属性'" prop="issueType" :rules="componentRules.issueType"> <el-select v-model="componentData.issueType" style="width: 165px"> <el-option label="Reserve and Backflush" value="Reserve and Backflush"></el-option> <el-option label="Reserve" value="Reserve"></el-option> <el-option label="Backflush" value="Backflush"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="componentData" style="margin-left: 5px"> <el-form-item label="备注"> <el-input type="textarea" v-model="componentData.noteText" :rows="3" resize='none' show-word-limit style="width: 759px;height: 20px"></el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top:65px;text-align:center"> <el-button :loading="saveComponentLoading" type="primary" @click="componentDataSave">保存</el-button> <el-button type="primary" @click="componentSaveModal = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 工序 --> <el-dialog title="工序清单" :close-on-click-modal="false" v-drag :visible.sync="operationModelFlag" width="400px"> <div class="rq"> <el-form :inline="true" label-position="top" :model="operationData"> <el-form-item :label="'模板名称'"> <el-input v-model="operationData.operationName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="' '"> <el-button type="primary" @click="queryOperationList()">查询</el-button> </el-form-item> </el-form> <el-table :height="300" :data="operationList" @row-dblclick="getRowOperationData" border style="width: 100%;"> <el-table-column v-for="(item,index) in operationDetailList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </div> <el-footer style="height:40px;margin-top: 20px;text-align:center"> <el-button type="primary" @click="operationModelFlag=false">关闭</el-button> </el-footer> </el-dialog>
<!-- copyBom --> <el-dialog title="Copy Structure Revision" :close-on-click-modal="false" v-drag :visible.sync="copyBomModelFlag" width="450px"> <fieldset style="width: 426px"> <legend>Source Revision</legend> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="物料编码"> <el-input v-model="modalData.partNo" readonly style="width: 185px"></el-input> </el-form-item> <el-form-item label="site"> <el-input v-model="modalData.site" disabled style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="Bom版本号"> <el-input v-model="modalData.engChgLevel" readonly style="width: 185px"></el-input> </el-form-item> <el-form-item label="制造类型"> <el-input v-model="modalData.bomType" readonly style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="生效日期"> <el-date-picker style="width: 185px" v-model="modalData.effPhaseInDate" readonly type="date" value-format="yyyy-MM-dd"></el-date-picker> </el-form-item> <el-form-item label="失效日期"> <el-date-picker style="width: 185px" v-model="modalData.effPhaseOutDate" readonly type="date" value-format="yyyy-MM-dd"></el-date-picker> </el-form-item> </el-form> <el-table :data="detailDataList" height="100px" border style="width:100%"> <el-table-column v-for="(item,index) in columnBomDetailList" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed == ''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </fieldset> <fieldset style="width: 426px"> <legend>Destination Revision</legend> <el-form :inline="true" label-position="top" :model="copyBomData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="物料编码"> <el-input v-model="copyBomData.partNo" style="width: 185px"></el-input> </el-form-item> <el-form-item label="site"> <el-input v-model="copyBomData.site" disabled style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="copyBomData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="Bom版本号"> <el-input v-model="copyBomData.engChgLevel" style="width: 185px"></el-input> </el-form-item> <el-form-item label="制造类型"> <el-select v-model="copyBomData.bomType" style="width: 185px"> <el-option label="Manufacturing" value="Manufacturing"></el-option> <el-option label="Repair" value="Repair"></el-option> <el-option label="Purchase" value="Purchase"></el-option> <el-option label="Prototype" value="Prototype"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="copyBomData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="生效日期"> <el-date-picker style="width: 185px" v-model="copyBomData.effPhaseInDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> </el-form-item> <el-form-item label="失效日期"> <el-date-picker style="width: 185px" v-model="copyBomData.effPhaseOutDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> </el-form-item> </el-form> </fieldset> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button type="primary" @click="copyBom">保存</el-button> <el-button type="primary" @click="copyBomModelFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- copyAlternative --> <el-dialog title="Copy Structure Alternative" :close-on-click-modal="false" v-drag :visible.sync="copyAlternativeModelFlag" width="450px"> <fieldset style="width: 426px"> <legend>Source Revision</legend> <el-form :inline="true" label-position="top" :model="detailData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="物料编码"> <el-input v-model="detailData.partNo" readonly style="width: 185px"></el-input> </el-form-item> <el-form-item label="site"> <el-input v-model="detailData.site" disabled style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="detailData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="Bom版本号"> <el-input v-model="detailData.engChgLevel" readonly style="width: 185px"></el-input> </el-form-item> <el-form-item label="制造类型"> <el-input v-model="detailData.bomType" readonly style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="detailData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="替代编码"> <el-input v-model="detailData.alternativeNo" readonly style="width: 185px"></el-input> </el-form-item> <el-form-item label="替代名称"> <el-input v-model="detailData.alternativeDescription" readonly style="width: 185px"></el-input> </el-form-item> </el-form> </fieldset> <fieldset style="width: 426px"> <legend>Destination Revision</legend> <el-form :inline="true" label-position="top" :model="copyAlternativeData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="物料编码"> <el-input v-model="copyAlternativeData.partNo" style="width: 185px"></el-input> </el-form-item> <el-form-item label="site"> <el-input v-model="copyAlternativeData.site" disabled style="width: 185px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="copyAlternativeData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="Bom版本号"> <el-input v-model="copyAlternativeData.engChgLevel" style="width: 185px"></el-input> </el-form-item> <el-form-item label="制造类型"> <el-select v-model="copyAlternativeData.bomType" style="width: 185px"> <el-option label="Manufacturing" value="Manufacturing"></el-option> <el-option label="Repair" value="Repair"></el-option> <el-option label="Purchase" value="Purchase"></el-option> <el-option label="Prototype" value="Prototype"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="copyAlternativeData" style="margin-left: 7px;margin-top: -5px;"> <el-form-item label="替代编码"> <el-input v-model="copyAlternativeData.alternativeNo" style="width: 185px"></el-input> </el-form-item> <el-form-item label="替代名称"> <el-input v-model="copyAlternativeData.alternativeDescription" style="width: 185px"></el-input> </el-form-item> </el-form> </fieldset> <el-footer style="height:40px;margin-top: 10px;text-align:center"> <el-button type="primary" @click="copyAlternative">保存</el-button> <el-button type="primary" @click="copyAlternativeModelFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- chooseList模态框 --> <ChooseList ref="baseList" @getBaseData="getBaseData"></ChooseList> </div></template>
<script>import { bomManagementSearch, // bom列表查询
bomManagementSave, // bom新增
bomManagementEdit, // bom编辑
bomManagementDelete, // bom删除
queryBomHeader, // 查询bom主信息
saveBomHeader, // 新增bom主信息
queryBomDetail, // 查bom明细
bomDetailSave, // bom明细新增
bomDetailUpdate, // bom明细编辑
bomDetailDelete, // bom明细删除
updateAlternativeStatus, // 修改明细状态
queryPartList, // 查询物料清单
queryBomComponent, // 查询bom子明细
saveBomComponent, // 新增bom子明细
updateBomComponent, // 修改bom子明细
deleteBomComponent, // 删除bom子明细
queryOperationList, // 根据物料编码查询工序
getBomEngChgLevel, // 获取物料的bom版本号
getComponentLineSequence, // 获取子料的序号
copyBom, // 复制bom
copyAlternative, // 复制alternative,
toBecomeOfficialBom, // 转正式Bom
} from '@/api/part/bomManagement.js'import ChooseList from '@/views/modules/common/Chooselist'import dayjs from "dayjs";import fa from "element-ui/src/locale/lang/fa";
export default { // 组件
components: { ChooseList }, // 监听
watch: { searchData: { deep: true, handler: function (newV, oldV) { this.searchData.partNo = this.searchData.partNo.toUpperCase() } }, saveDetailData: { deep: true, handler: function (newV, oldV) { this.saveDetailData.alternativeNo = this.saveDetailData.alternativeNo.toUpperCase() } } }, // 对象
data () { return { // 导出
exportData: [], exportName: 'bom物料列表' + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader: ['bom物料列表'], exportFooter: [], resultList: [], // ======== 行高 ========
height: 200, // ======== 分页 ========
pageIndex: 1, pageSize: 50, totalPage: 0, selectedDataNum: 0, // 条件查询
searchData: { site: this.$store.state.user.site, partNo: '', partDesc: '', page: 1, limit: 10 }, // loading
queryLoading: false, saveHeaderLoading: false, saveDetailLoading: false, saveComponentLoading: false, saveAllLoading: false, // 初始页签
detailTable: 'bom_detail', subDetailTable: 'bom_sub_detail', // ======== 数据对象 ========
modalData: { flag: '', title: '', site: this.$store.state.user.site, partNo: '', partDesc: '', engChgLevel: '', bomType: '', noteText: '', effPhaseInDate: '', effPhaseOutDate: '', engRevision: '', typeFlag: '', netWeight: '', createDate: '', createBy: '', updateDate: '', updateBy: '', printUnit: '', printUnitName: '', officialFlag: '' }, detailData: { site: this.$store.state.user.site, partNo: '', engChgLevel: '', bomType: '', alternativeNo: '', alternativeDescription: '', minLotQty: '', defaultFlag: '', detailNoteText: '', status: '', createDate: '', createBy: '', updateDate: '', updateBy: '', officialFlag: 'N' }, componentData: { flag: '', site: this.$store.state.user.site, partNo: '', engChgLevel: '', bomType: '', alternativeNo: '', componentPart: '', componentPartDesc: '', printUnit: '', printUnitName: '', qtyPerAssembly: '', componentScrap: '', issueType: '', shrinkageFactor: '', lineItemNo: '', operationId: '', issueToLoc: '', issueToLocName: '', noteText: '', createDate: '', createBy: '', updateDate: '', updateBy: '', lineSequence: '' }, partData: { site: this.$store.state.user.site, partNo: '', partDesc: '', }, componentPartData: { site: this.$store.state.user.site, partNo: '', partDesc: '', status: '', bomDetail: {} }, saveDetailData: { flag: '', site: this.$store.state.user.site, partNo: '', engChgLevel: '', bomType: '', alternativeNo: '', alternativeDescription: '', minLotQty: '', defaultFlag: '', detailNoteText: '', status: '', createDate: '', createBy: '', updateDate: '', updateBy: '', officialFlag: '' }, operationData: { site: this.$store.state.user.site, partNo: '', operationName: '', }, copyBomData: { site: '', partNo: '', engChgLevel: '', bomType: '', effPhaseInDate: '', effPhaseOutDate: '', previousVersion: {}, createBy: '', officialFlag: '' }, copyAlternativeData: { site: '', partNo: '', engChgLevel: '', bomType: '', alternativeNo: '', alternativeDescription: '', minLotQty: '', defaultFlag: '', detailNoteText: '', status: '', previousVersion: {}, createBy: '', officialFlag: '' }, // ======== 数据列表 ========
dataList: [], partList: [], componentPartList: [], componentPartSelections: [], subDetailList: [], detailDataList: [], checkedDetail: [], operationList: [], // ======== 列表表头 ========
columnList: [ { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1PartNo', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'partNo', headerAlign: 'center', align: 'center', columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1PartDesc', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'partDesc', headerAlign: 'center', align: 'left', columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1BomType', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'bomType', headerAlign: 'center', align: 'center', columnLabel: '制造类型', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1EngChgLevel', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'engChgLevel', headerAlign: 'center', align: 'center', columnLabel: 'BOM版本号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1engRevision', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'engRevision', headerAlign: 'center', align: 'center', columnLabel: '工程版本号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1NetWeight', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'netWeight', headerAlign: 'center', align: 'right', columnLabel: '净重', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1EffPhaseInDate', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'effPhaseInDate', headerAlign: 'center', align: 'center', columnLabel: '生效日期', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 130 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1EffPhaseOutDate', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'effPhaseOutDate', headerAlign: 'center', align: 'center', columnLabel: '失效日期', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 130 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1CreateDate', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 130 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1CreateBy', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1UpdateDate', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 130 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table1UpdateBy', tableId: '104002Table1', tableName: 'BOM信息表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 } ], partColumnList: [ { columnProp: 'partNo', headerAlign: "center", align: "center", columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'partDesc', headerAlign: "center", align: "center", columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'spec', headerAlign: "center", align: "center", columnLabel: '规格型号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'printUnitName', headerAlign: "center", align: "center", columnLabel: '计量单位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, ], componentPartColumnList: [ { columnProp: 'partNo', headerAlign: "center", align: "center", columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'partDesc', headerAlign: "center", align: "center", columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'spec', headerAlign: "center", align: "center", columnLabel: '规格型号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'printUnitName', headerAlign: "center", align: "center", columnLabel: '计量单位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, ], columnSubDetailList: [ { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2LineSequence', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'lineSequence', headerAlign: 'center', align: 'center', columnLabel: '序号', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 60 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2ComponentPart', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'componentPart', headerAlign: 'center', align: 'center', columnLabel: '物料编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2ComponentPartDesc', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'componentPartDesc', headerAlign: 'center', align: 'left', columnLabel: '物料名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2QtyPerAssembly', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'qtyPerAssembly', headerAlign: 'center', align: 'right', columnLabel: '单位用量', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2ComponentScrap', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'componentScrap', headerAlign: 'center', align: 'right', columnLabel: '调机量', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2ShrinkageFactor', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'shrinkageFactor', headerAlign: 'center', align: 'right', columnLabel: '损耗率', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2PrintUnitName', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'printUnitName', headerAlign: 'center', align: 'center', columnLabel: '单位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 60 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2IssueType', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'issueTypeName', headerAlign: 'center', align: 'center', columnLabel: '生产属性', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2OperationDesc', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'operationId', headerAlign: 'center', align: 'center', columnLabel: '工序', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2IssueToLoc', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'issueToLocName', headerAlign: 'center', align: 'center', columnLabel: '发料库位', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 104002, serialNumber: '104002Table2NoteText', tableId: '104002Table2', tableName: 'BOM子物料表', columnProp: 'noteText', headerAlign: 'center', align: 'left', columnLabel: '备注', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 150 }, ], operationDetailList: [ { columnProp: 'operationNo', headerAlign: "center", align: "center", columnLabel: '工序编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'operationName', headerAlign: "center", align: "center", columnLabel: '工序名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', } ], columnBomDetailList: [ { columnProp: 'alternativeNo', headerAlign: "center", align: "center", columnLabel: '替代编码', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'alternativeDescription', headerAlign: "center", align: "center", columnLabel: '替代名称', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, { columnProp: 'status', headerAlign: "center", align: "center", columnLabel: '状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', }, ], // ======== 必填规则 ========
rules: { partNo: [ { required: true, message: ' ', trigger: 'change' } ], partDesc: [ { required: true, message: ' ', trigger: 'change' } ], bomType: [ { required: true, message: ' ', trigger: 'change' } ], effPhaseInDate: [ { required: true, message: ' ', trigger: 'change' } ], engChgLevel: [ { required: true, message: ' ', trigger: 'change' } ] }, detailRules: { alternativeNo: [ { required: true, message: ' ', trigger: 'change' } ], alternativeDescription: [ { required: true, message: ' ', trigger: 'change' } ], minLotQty: [ { required: true, message: ' ', trigger: 'change' } ], status: [ { required: true, message: ' ', trigger: 'change' } ] }, componentRules: { componentPart: [ { required: true, message: ' ', trigger: 'change' } ], lineSequence: [ { required: true, message: ' ', trigger: 'change' } ], qtyPerAssembly: [ { required: true, message: ' ', trigger: 'change' } ], componentScrap: [ { required: true, message: ' ', trigger: 'change' } ], shrinkageFactor: [ { required: true, message: ' ', trigger: 'change' } ], issueType: [ { required: true, message: ' ', trigger: 'change' } ] }, // ======== 复选数据集 ========
bomSelections: [], // ======== 模态框开关控制 ========
modalFlag: false, modalDisableFlag: false, partModelFlag: false, componentPartModelFlag: false, saveDetailModalFlag :false, saveDetailModalDisable: false, componentSaveModal: false, componentDisableFlag: false, operationModelFlag: false, copyBomModelFlag: false, copyAlternativeModelFlag: false } },
mounted () { this.$nextTick(() => { this.height = window.innerHeight - 180 }) },
created () { this.getDataList() },
activated() { if (this.$route.params.partNo) { this.searchData.partNo = this.$route.params.partNo } this.getDataList() }, // js
methods: { // ======== 分页相关方法 ========
/** * 每页数 * @param val */ sizeChangeHandle (val) { this.pageSize = val this.pageIndex = 1 this.getDataList() }, /** * 当前页 * @param val */ currentChangeHandle (val) { this.pageIndex = val this.getDataList() },
// ======== 页签切换相关方法 ========
/** * 明细页签选择替换 * @param tab * @param event */ tabDetailClick (tab, event) { // 刷新列表数据
this.refreshDetailTable() }, /** * 子明细页签选择替换 * @param tab * @param event */ tabSubDetailClick (tab, event) { // 刷新列表数据
this.refreshSubDetailTable() }, /** * 刷新明细页签的table数据 */ refreshDetailTable () { if (this.detailTable === 'bom_detail') {
} }, /** * 刷新子明细页签的table数据 */ refreshSubDetailTable () { if (this.subDetailTable === 'bom_sub_detail') {
} },
// ======== 列表数据操作方法 ========
/** * 未知 * @returns {boolean} */ selectFlag () { return true }, /** * 获取数据列表 */ getDataList () { this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex this.queryLoading = true bomManagementSearch(this.searchData).then(({data}) => { if (data.code === 0) { this.dataList = data.page.list this.pageIndex = data.page.currPage this.pageSize = data.page.pageSize this.totalPage = data.page.totalCount this.$refs.selectDiv.setLengthAll( this.dataList.length) } this.queryLoading = false }) }, /** * 复选列表信息 * @param val */ selectionBom (val) { this.bomSelections = val this.$refs.selectDiv.setLengthselected(this.bomSelections.length) },
// ======== 新增/编辑模态框 ========
/** * bom新增模态框 */ addModal () { this.modalData = { flag: '1', title: 'bom新增', site: this.$store.state.user.site, partNo: '', partDesc: '', engChgLevel: '', bomType: 'Manufacturing', noteText: '', effPhaseInDate: new Date(+ new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''), effPhaseOutDate: '', engRevision: '', typeFlag: 'B', netWeight: 0, createBy: this.$store.state.user.name, printUnit: '', printUnitName: '', officialFlag: 'N' } this.detailData = { site: this.$store.state.user.site, partNo: '', engChgLevel: '', bomType: '', alternativeNo: '', alternativeDescription: '', minLotQty: '', defaultFlag: '', detailNoteText: '', status: '', createDate: '', createBy: this.$store.state.user.name, updateDate: '', updateBy: this.$store.state.user.name, officialFlag: 'N' } this.detailDataList = [] this.subDetailList = [] this.modalDisableFlag = false this.modalFlag = true }, /** * bom编辑模态框 */ async updateModal (row) { this.modalData = { flag: '2', site: row.site, partNo: row.partNo, partDesc: row.partDesc, engChgLevel: row.engChgLevel, bomType: row.bomType, noteText: row.noteText, effPhaseInDate: row.effPhaseInDate, effPhaseOutDate: row.effPhaseOutDate, engRevision: row.engRevision, typeFlag: row.typeFlag, netWeight: row.netWeight, updateBy: this.$store.state.user.name, printUnit: row.printUnit, printUnitName: row.printUnitName, officialFlag: row.officialFlag } // 查bom明细
queryBomDetail(this.modalData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailList this.subDetailList = data.rows.componentList this.detailData = data.rows.detailData this.modalDisableFlag = true this.modalFlag = true } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, /** * 替代新增模态框 */ saveBomDetail () { if (this.modalData.partNo === '' || this.modalData.partNo == null) { this.$message.warning('请先选择Bom物料！') return } if (this.modalData.engChgLevel === '' || this.modalData.engChgLevel == null) { this.$message.warning('请先填写Bom版本号！') return } if (this.modalData.bomType === '' || this.modalData.bomType == null) { this.$message.warning('请先选择制造类型！') return } this.saveDetailData = { flag: '1', site: this.$store.state.user.site, partNo: this.modalData.partNo, engChgLevel: this.modalData.engChgLevel, bomType: this.modalData.bomType, alternativeNo: '', alternativeDescription: '', minLotQty: 0, defaultFlag: '', detailNoteText: '', status: 'Tentative', createDate: '', createBy: this.$store.state.user.name, officialFlag: 'N' } // 查询bom主信息
queryBomHeader(this.modalData).then(({data}) => { if (data && data.code === 0) { if (data.rows.length > 0) { this.saveDetailModalFlag = true this.saveDetailModalDisable = false } else { this.$message.warning('请先保存BOM主记录！') } } else { this.$alert(data.msg, '提示', { confirmButtonText: '确定' }) } }) }, /** * 替代编辑模态框 */ updateBomDetail () { if (this.modalData.partNo === '' || this.modalData.partNo == null) { this.$message.warning('请先选择Bom物料！') return } if (this.modalData.engChgLevel === '' || this.modalData.engChgLevel == null) { this.$message.warning('请先填写Bom版本号！') return } if (this.modalData.bomType === '' || this.modalData.bomType == null) { this.$message.warning('请先选择制造类型！') return } this.saveDetailData = { flag: '2', site: this.detailData.site, partNo: this.detailData.partNo, engChgLevel: this.detailData.engChgLevel, bomType: this.detailData.bomType, alternativeNo: this.detailData.alternativeNo, alternativeDescription: this.detailData.alternativeDescription, minLotQty: this.detailData.minLotQty, defaultFlag: '', detailNoteText: this.detailData.detailNoteText, status: this.detailData.status, updateBy: this.$store.state.user.name, officialFlag: this.detailData.officialFlag } // 查询bom主信息
queryBomHeader(this.modalData).then(({data}) => { if (data && data.code === 0) { if (data.rows.length > 0) { this.saveDetailModalFlag = true this.saveDetailModalDisable = true } else { this.$message.warning('请先保存BOM主记录！') } } else { this.$alert(data.msg, '提示', { confirmButtonText: '确定' }) } }) }, /** * 子明细新增模态框 */ saveComponentModal () { if (this.detailData.alternativeNo === '' || this.detailData.alternativeNo == null) { this.$message.warning('请先选择替代！') return } if (this.detailData.status != null && this.detailData.status !== '' && this.detailData.status !== 'Tentative') { this.$message.warning('不可编辑的替代状态!') return } this.componentData = { flag: '1', site: this.$store.state.user.site, partNo: this.modalData.partNo, engChgLevel: this.modalData.engChgLevel, bomType: this.modalData.bomType, alternativeNo: this.detailData.alternativeNo, componentPart: '', componentPartDesc: '', printUnit: '', printUnitName: '', qtyPerAssembly: 0, componentScrap: 0, issueType: 'Reserve and Backflush', shrinkageFactor: 0, lineItemNo: '', operationId: '', issueToLoc: '', issueToLocName: '', noteText: '', createBy: this.$store.state.user.name, lineSequence: '' } // 获取子料的序号
getComponentLineSequence(this.componentData).then(({data}) => { if (data && data.code === 0) { this.componentData.lineSequence = data.lineSequence } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) this.componentDisableFlag = false this.componentSaveModal = true }, /** * 子明细编辑模态框 */ updateComponentModal (row) { if (this.detailData.status != null && this.detailData.status !== '' && this.detailData.status !== 'Tentative') { this.$message.warning('不可编辑的替代状态!') return } this.componentData = { flag: '2', site: row.site, partNo: row.partNo, engChgLevel: row.engChgLevel, bomType: row.bomType, alternativeNo: row.alternativeNo, componentPart: row.componentPart, componentPartDesc: row.componentPartDesc, printUnit: row.printUnit, printUnitName: row.printUnitName, qtyPerAssembly: row.qtyPerAssembly, componentScrap: row.componentScrap, issueType: row.issueType, shrinkageFactor: row.shrinkageFactor, lineItemNo: row.lineItemNo, operationId: row.operationId, issueToLoc: row.issueToLoc, issueToLocName: row.issueToLocName, noteText: row.noteText, updateBy: this.$store.state.user.name, lineSequence: row.lineSequence } this.componentDisableFlag = true this.componentSaveModal = true },
// ======== 新增/编辑/删除方法 ========
/** * bom新增/编辑 */ saveData () { if (this.modalData.partNo === '' || this.modalData.partNo == null) { this.$message.warning('请选择物料编码！') return } if (this.modalData.partDesc === '' || this.modalData.partDesc == null) { this.$message.warning('请选择物料名称！') return } if (this.modalData.bomType === '' || this.modalData.bomType == null) { this.$message.warning('请选择制造类型！') return } if (this.modalData.effPhaseInDate === '' || this.modalData.effPhaseInDate == null) { this.$message.warning('请选择生效日期！') return } if (this.modalData.engChgLevel === '' || this.modalData.engChgLevel == null) { this.$message.warning('请填写BOM版本号！') return } if (this.detailData.alternativeNo === '' || this.detailData.alternativeNo == null) { this.$message.warning('请选择替代！') return } if (this.detailData.status === '' || this.detailData.status == null) { this.$message.warning('请选择替代状态！') return } let tempData = { site: this.$store.state.user.site, partNo: this.modalData.partNo, partDesc: this.modalData.partDesc, engChgLevel: this.modalData.engChgLevel, bomType: this.modalData.bomType, noteText: this.modalData.noteText, effPhaseInDate: this.modalData.effPhaseInDate, effPhaseOutDate: this.modalData.effPhaseOutDate, engRevision: this.modalData.engRevision, typeFlag: this.modalData.typeFlag, netWeight: this.modalData.netWeight, officialFlag: this.modalData.officialFlag, alternativeNo: this.detailData.alternativeNo, alternativeDescription: this.detailData.alternativeDescription, minLotQty: this.detailData.minLotQty, defaultFlag: this.detailData.defaultFlag, detailNoteText: this.detailData.detailNoteText, status: this.detailData.status, createBy: this.$store.state.user.name, updateBy: this.$store.state.user.name, informationList: this.subDetailList } if (this.modalData.flag === '1') { this.saveAllLoading = true bomManagementSave(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.modalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveAllLoading = false }) } else { this.saveAllLoading = true bomManagementEdit(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.modalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveAllLoading = false }) } }, /** * 新增编辑模态框关闭 */ closeModal () { // let tempArr = []
// tempArr.push(this.modalData)
// if (this.modalData.flag === '1') {
// this.$confirm(`是否不保存且删除该条BOM记录?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// let tempData = {
// informationList: tempArr
// }
// bomManagementDelete(tempData).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// this.modalFlag = false
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// } else {
// this.modalFlag = false
// }
this.getDataList() this.modalFlag = false }, /** * 新增编辑模态框关闭 */ closeModalX (done) { // let tempArr = []
// tempArr.push(this.modalData)
// if (this.modalData.flag === '1') {
// this.$confirm(`是否不保存且删除该条BOM记录?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// let tempData = {
// informationList: tempArr
// }
// bomManagementDelete(tempData).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// done()
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// } else {
// done()
// }
this.getDataList() done() }, /** * bom删除 */ delModal () { if (this.bomSelections.length === 0) { this.$message.warning('请勾选要删除的BOM！') return } this.$confirm(`是否删除这 `+ this.bomSelections.length +` 条BOM?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { informationList: this.bomSelections } bomManagementDelete(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.bomSelections = [] this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) }, /** * 查询物料 */ queryPartList () { queryPartList(this.partData).then(({data}) => { if (data && data.code === 0) { this.partList = data.rows this.partModelFlag = true } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, /** * 双击选中物料 * @param row */ getRowData (row) { this.modalData.partNo = row.partNo this.modalData.partDesc = row.partDesc this.modalData.printUnit = row.printUnit this.modalData.printUnitName = row.printUnitName // // 获取物料的bom版本号
// getBomEngChgLevel(this.modalData).then(({data}) => {
// if (data && data.code === 0) {
// this.modalData.engChgLevel = data.engChgLevel
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// this.partModelFlag = false
// })
this.partModelFlag = false },
// bom类型改变
bomTypeChange () { // 获取物料的bom版本号
getBomEngChgLevel(this.modalData).then(({data}) => { if (data && data.code === 0) { this.modalData.engChgLevel = data.engChgLevel } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
/** * 双击选中工序 * @param row */ getRowOperationData (row) { this.componentData.operationId = row.operationId this.operationModelFlag = false },
getComponentRowData (row) { this.componentData.componentPart = row.partNo this.componentData.componentPartDesc = row.partDesc this.componentData.printUnit = row.printUnit this.componentData.printUnitName = row.printUnitName this.componentPartModelFlag = false },
/** * 物料列表 */ queryComponentPartList () { this.componentPartData.bomDetail = this.detailData // 查询所有物料
queryPartList(this.componentPartData).then(({data}) => { if (data && data.code === 0) { this.componentPartList = data.rows this.componentPartModelFlag = true } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, /** * 表格的新增 * @param row * @param rowIndex */ rowClassName({ row, rowIndex }) { row.xh = rowIndex + 1; }, /** * 单选框选中数据 * @param selection */ componentSelectionChange(selection) { this.checkedDetail = selection }, /** * 删除子物料 */ deleteComponentPart () { if (this.detailData.status != null && this.detailData.status !== '' && this.detailData.status !== 'Tentative') { this.$message.warning('不可编辑的替代状态!') return } if (this.checkedDetail.length === 0) { this.$message.warning('请选择要删除子物料！') return; } else { this.$confirm("请是否确认删除该子明细记录?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => { let tempData = { informationList: this.checkedDetail } deleteBomComponent(tempData).then(({data}) => { if (data && data.code === 0) { this.subDetailList = data.rows this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) } }, /** * 子物料 * @param row */ // componentPartClickRow (row) {
// this.$refs.componentPartTable.toggleRowSelection(row)
// },
componentClickRow (row) { this.$refs.componentTable.toggleRowSelection(row) }, // /**
// * 多选子物料
// * @param val
// */
// selectionComponentPart (val) {
// this.componentPartSelections = val
// },
// getRowKeys(row) {
// // 唯一值，一般都为id
// return row.partNo
// },
/** * 新增子明细方法 */ componentDataSave () { if (this.componentData.lineSequence === '' || this.componentData.lineSequence == null) { this.$message.warning('序号不能为空！') return } if (this.componentData.partNo === '' || this.componentData.partNo == null) { this.$message.warning('请选择主记录物料编码！') return } if (this.componentData.bomType === '' || this.componentData.bomType == null) { this.$message.warning('请选择主记录制造类型！') return } if (this.componentData.engChgLevel === '' || this.componentData.engChgLevel == null) { this.$message.warning('请填写主记录BOM版本号！') return } if (this.componentData.componentPart === '' || this.componentData.componentPart == null) { this.$message.warning('请选择子物料编码！') return } if (this.componentData.qtyPerAssembly === '' || this.componentData.qtyPerAssembly == null) { this.$message.warning('请填写单位用量！') return } if (this.componentData.qtyPerAssembly === 0) { this.$message.warning('单位用量不能为0！') return } if (this.componentData.componentScrap === '' || this.componentData.componentScrap == null) { this.$message.warning('请填写调机量！') return } if (this.componentData.componentScrap === 0) { this.$message.warning('调机量不能为0！') return } if (this.componentData.shrinkageFactor === '' || this.componentData.shrinkageFactor == null) { this.$message.warning('请填写损耗率！') return } if (this.componentData.shrinkageFactor === 0) { this.$message.warning('损耗率不能为0！') return } if (this.componentData.issueType === '' || this.componentData.issueType == null) { this.$message.warning('请选择生产属性！') return } if (this.componentData.flag === '1') { this.saveComponentLoading = true saveBomComponent(this.componentData).then(({data}) => { if (data && data.code === 0) { this.subDetailList = data.rows this.componentSaveModal = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveComponentLoading = false }) } else if (this.componentData.flag === '2') { this.saveComponentLoading = true updateBomComponent(this.componentData).then(({data}) => { if (data && data.code === 0) { this.subDetailList = data.rows this.componentSaveModal = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveComponentLoading = false }) } }, /** * 回车事件 */ focusNextInput (index, type) { let aaa = '' if (this.subDetailList.length - 1 === index) { aaa = `${type}0` } else { aaa = `${type}${index + 1}` } this.$nextTick(() => { this.$refs[aaa].focus() }) }, /** * 保存主表信息 */ saveBomHeader () { if (this.modalData.partNo === '' || this.modalData.partNo == null) { this.$message.warning('请先选择Bom物料！') return } if (this.modalData.engChgLevel === '' || this.modalData.engChgLevel == null) { this.$message.warning('请先填写Bom版本号！') return } if (this.modalData.bomType === '' || this.modalData.bomType == null) { this.$message.warning('请先选择制造类型！') return } if (this.modalData.typeFlag === '' || this.modalData.typeFlag == null) { this.$message.warning('请先选择类型！') return } this.saveHeaderLoading = true // 新增主表信息
saveBomHeader(this.modalData).then(({data}) => { if (data && data.code === 0) { this.modalData = { flag: '1', title: 'bom新增', site: data.rows.modalData.site, partNo: data.rows.modalData.partNo, partDesc: data.rows.modalData.partDesc, engChgLevel: data.rows.modalData.engChgLevel, bomType: data.rows.modalData.bomType, noteText: data.rows.modalData.noteText, effPhaseInDate: data.rows.modalData.effPhaseInDate, effPhaseOutDate: data.rows.modalData.effPhaseOutDate, engRevision: data.rows.modalData.engRevision, typeFlag: data.rows.modalData.typeFlag, netWeight: data.rows.modalData.netWeight, officialFlag: data.rows.modalData.officialFlag } this.detailDataList = data.rows.detailDataList this.detailData = data.rows.detailData this.subDetailList = [] this.modalDisableFlag = true this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveHeaderLoading = false }) }, /** * 复制bom的模态框 */ copyBomRevision () { this.copyBomData = { site: this.modalData.site, partNo: this.modalData.partNo, engChgLevel: this.modalData.engChgLevel + 1, bomType: this.modalData.bomType, effPhaseInDate: this.dayjs(new Date()).format('YYYY-MM-DD'), effPhaseOutDate: '', previousVersion: {}, createBy: this.$store.state.user.name, officialFlag: 'N' } this.copyBomModelFlag = true }, /** * 复制bom的方法 */ copyBom () { if (this.copyBomData.partNo === '' || this.copyBomData.partNo == null) { this.$message.warning('请选择Bom物料！') return } if (this.copyBomData.engChgLevel === '' || this.copyBomData.engChgLevel == null) { this.$message.warning('请填写Bom版本号！') return } if (this.copyBomData.bomType === '' || this.copyBomData.bomType == null) { this.$message.warning('请选择制造类型！') return } this.copyBomData.previousVersion = this.modalData // 新增主表信息
copyBom(this.copyBomData).then(({data}) => { if (data && data.code === 0) { this.copyBomModelFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }, /** * 复制alternative的模态框 */ copyBomAlternative () { this.copyAlternativeData = { site: this.detailData.site, partNo: this.detailData.partNo, engChgLevel: this.detailData.engChgLevel, bomType: this.detailData.bomType, alternativeNo: this.detailData.alternativeNo, alternativeDescription: this.detailData.alternativeDescription, minLotQty: this.detailData.minLotQty, defaultFlag: this.detailData.defaultFlag, detailNoteText: this.detailData.detailNoteText, status: 'Tentative', officialFlag: 'N', previousVersion: {}, createBy: this.$store.state.user.name } this.copyAlternativeModelFlag = true },
/** * 复制alternative的方法 */ copyAlternative () { if (this.copyAlternativeData.partNo === '' || this.copyAlternativeData.partNo == null) { this.$message.warning('请选择Bom物料！') return } if (this.copyAlternativeData.engChgLevel === '' || this.copyAlternativeData.engChgLevel == null) { this.$message.warning('请填写Bom版本号！') return } if (this.copyAlternativeData.bomType === '' || this.copyAlternativeData.bomType == null) { this.$message.warning('请选择制造类型！') return } if (this.copyAlternativeData.alternativeNo === '' || this.copyAlternativeData.alternativeNo == null) { this.$message.warning('请填写替代编码！') return } if (this.copyAlternativeData.alternativeDescription === '' || this.copyAlternativeData.alternativeDescription == null) { this.$message.warning('请填写替代名称！') return } this.copyAlternativeData.previousVersion = this.detailData copyAlternative(this.copyAlternativeData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailDataList this.copyAlternativeModelFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
/** * 新增替代方法 */ detailDataSave () { if (this.saveDetailData.partNo === '' || this.saveDetailData.partNo == null) { this.$message.warning('请先选择Bom物料！') return } if (this.saveDetailData.engChgLevel === '' || this.saveDetailData.engChgLevel == null) { this.$message.warning('请先填写Bom版本号！') return } if (this.saveDetailData.bomType === '' || this.saveDetailData.bomType == null) { this.$message.warning('请先选择制造类型！') return } if (this.saveDetailData.alternativeNo === '' || this.saveDetailData.alternativeNo == null) { this.$message.warning('请填写替代编码！') return } if (this.saveDetailData.alternativeDescription === '' || this.saveDetailData.alternativeDescription == null) { this.$message.warning('请填写替代名称！') return } if (this.saveDetailData.status === '' || this.saveDetailData.status == null) { this.$message.warning('请选择替代状态！') return } if (this.saveDetailData.minLotQty === '' || this.saveDetailData.minLotQty == null) { this.$message.warning('请填写最小订单数！') return } this.saveDetailLoading = true if (this.saveDetailData.flag === '1') { bomDetailSave(this.saveDetailData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows this.detailData = this.saveDetailData this.subDetailList = [] this.saveDetailModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveDetailLoading = false }) } else { bomDetailUpdate(this.saveDetailData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailDataList this.detailData = data.rows.detailData this.subDetailList = data.rows.subDetailList this.saveDetailModalFlag = false this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } this.saveDetailLoading = false }) } },
/** * 删除替代 */ deleteBomDetail () { if (this.detailData.alternativeNo === '' || this.detailData.alternativeNo == null) { this.$message.warning('请选择要删除的替代编码！') return } if (this.detailData.alternativeNo === '*') { this.$message.warning('当前为默认替代，不可以删除！') return } this.$confirm(`是否删除这项替代?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { bomDetailDelete(this.detailData).then(({data}) => { if (data && data.code === 0) { this.detailData = data.rows.detailData this.detailDataList = data.rows.detailDataList this.subDetailList = data.rows.subDetailList this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }).catch(() => { }) }, /** * 修改替代状态为 Buildable */ updateStatusToBuildable () { this.$confirm(`是否修改状态为Buildable?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { updateAlternativeStatus(this.detailData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailDataList this.detailData = data.rows.detailData this.subDetailList = data.rows.subDetailList this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', {confirmButtonText: '确定'}) // 刷新替代和子明细
this.alternativeChange() } }) }).catch(() => { }) }, /** * 修改替代状态为 Obsolete */ updateStatusToObsolete () { this.$confirm(`是否修改状态为Obsolete?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { updateAlternativeStatus(this.detailData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailDataList this.detailData = data.rows.detailData this.subDetailList = data.rows.subDetailList this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', {confirmButtonText: '确定'}) // 刷新替代和子明细
this.alternativeChange() } }) }).catch(() => { }) }, /** * 替代改变事件 */ alternativeChange () { queryBomComponent(this.detailData).then(({data}) => { if (data && data.code === 0) { this.detailDataList = data.rows.detailDataList this.detailData = data.rows.detailData this.subDetailList = data.rows.subDetailList } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 临时Bom转为正式Bom
toBecomeOfficialBom () { toBecomeOfficialBom(this.detailData).then(({data}) => { if (data && data.code === 0) { this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// ======= 正则校验 =======
handleInput (value, type) { // 大于等于0，且只能输入4位小数
let val = value.replace(/^\D*([0-9]\d*\.?\d{0,4})?.*$/,'$1') if (val === null || val === undefined || val === '') { val = 0 } if (type === 1) { this.modalData.netWeight = val } else if (type === 2) { this.detailData.minLotQty = val } else if (type === 3) { this.saveDetailData.minLotQty = val } // else if (type === 4) {
// this.componentData.qtyPerAssembly = val
// }
else if (type === 5) { this.componentData.componentScrap = val } },
handleInput16 (value, type) { // 大于等于0，且只能输入4位小数
let val = value.replace(/^\D*([0-9]\d*\.?\d{0,16})?.*$/,'$1') if (val === null || val === undefined || val === '') { val = 0 } if (type === 1) { this.componentData.qtyPerAssembly = val } },
handleInputB (value) { // 0-100
const reg = /^(([1-9]?\d{0,1}(\.\d{1,2})?)|100|100\.(0){1,2})$/ if (reg.test(value) === true) { this.componentData.shrinkageFactor = value } else if (value > 100) { this.componentData.shrinkageFactor = 100 } else { this.componentData.shrinkageFactor = 0 } }, // handleInputC (value, type) {
// // 正整数
// // let val = value.replace(/^\+?[1-9][0-9]*$/,'$1')
// // if (val === null || val === undefined || val === '') {
// // val = 1
// // }
// // if (type === 1) {
// // this.modalData.engChgLevel = val
// // }
// const reg = /^\+?[1-9][0-9]*$/
// if (reg.test(value) === true) {
// this.modalData.engChgLevel = value
// }
//
// },
/** * 根据物料编码查询工序 */ queryOperationList () { this.operationData.partNo = this.modalData.partNo // 查询所有
queryOperationList(this.operationData).then(({data}) => { if (data && data.code === 0) { this.operationList = data.rows this.operationModelFlag = true } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// ======== chooseList相关方法 ========
/** * 获取基础数据列表S * @param val * @param type */ getBaseList (val, type) { this.tagNo = val this.$nextTick(() => { let strVal = '' if (val === 117) { strVal = this.componentData.issueToLoc } this.$refs.baseList.init(val, strVal) }) }, /** * 列表方法的回调 * @param val */ getBaseData (val) { if (this.tagNo === 117) { this.componentData.issueToLoc = val.location_id this.componentData.issueToLocName = val.location_name } },
// ======== 导出相关方法 ========
/** * 导出excel */ async createExportData () { this.searchData.limit = -1 this.searchData.page = 1 await bomManagementSearch(this.searchData).then(({data}) => { this.resultList = data.page.list }) return this.resultList }, startDownload () {}, finishDownload () {}, fields () { let json = '{' this.columnList.forEach((item, index) => { if (index == this.columnList.length - 1) { json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' } else { json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ',' } }) json += '}' let s = eval('(' + json + ')') return s },
// 切换到routing
checkOutToRouting (partNo) { if (this.$router.resolve('part-routingManagement').resolved.name === '404') { this.$alert('权限不足,访问失败', '警告', {confirmButtonText: '确定',}) } else { this.$router.push({name:"part-routingManagement",params:{partNo: partNo}}) } } }}</script>
<style scoped lang="scss">/deep/ .detail-tab .el-tabs__content { height: 165px; padding: 15px 0px 0px 0px;}/deep/ .sub_detail-tab .el-tabs__content { height: 280px; padding: 0px;}.numInput /deep/ .el-input__inner{ text-align: right;}/deep/ .inlineNumber input::-webkit-outer-spin-button,/deep/ .inlineNumber input::-webkit-inner-spin-button { -webkit-appearance: none;
}/deep/ .inlineNumber input[type="number"]{ -moz-appearance: textfield; padding-right: 5px !important;}</style>
|
