|
|
<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.changeNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="' '"> <el-button @click="getDataList">查询</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>
<!-- 变更记录列表 --> <el-table :height="height" :data="dataList" border :row-style="rowStyle" ref="changeTable" @row-click="changeClickRow" @current-change="currentChange" style="width: 100%;"> <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="100" label="操作"> <template slot-scope="scope"> <el-link style="cursor: pointer" @click="updateModal(scope.row)">编辑</el-link> <el-link v-if="scope.row.changeStatus === '草稿'" style="cursor: pointer" @click="issueModal(scope.row)">下达</el-link> </template> </el-table-column> </el-table>
<!-- 分页插件 --> <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>
<!-- 变更单模态框 --> <el-dialog :title="changeTitle" :close-on-click-modal="false" top="10vh" v-drag :visible.sync="modalFlag" width="1060px" :showClose="false"> <el-tabs tab-position="left" type="border-card" v-model="activeName" @tab-click="refreshChangeTab" style="width: 100%;height: 720px;"> <el-tab-pane label="基本信息" name="basicInformation"> <div style="height: 675px"> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-top: -5px;"> <el-form-item prop="applicantId" :rules="rules.applicantId"> <span v-if="changeRequestFlag('applicant_id') === 'N'" slot="label">申请人</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人</a></span> <el-input v-model="modalData.applicantId" :disabled="changeRequestFlag('applicant_id') === 'N'" style="width: 120px"></el-input> <el-input v-model="modalData.applicantName" disabled style="width: 300px"></el-input> </el-form-item> <el-form-item label="申请部门"> <el-input v-model="modalData.applicationDepartmentId" disabled style="width: 120px"></el-input> <el-input v-model="modalData.applicationDepartmentName" disabled style="width: 300px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules"> <el-form-item label="申请日期" prop="applyDate" :rules="rules.applyDate"> <el-date-picker :disabled="changeRequestFlag('apply_date') === 'N'" style="width: 205px" v-model="modalData.applyDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" :editable=false> </el-date-picker> </el-form-item> <el-form-item label="ECN变更影响" prop="changeImpact" :rules="rules.changeImpact"> <dict-data-select v-model="modalData.changeImpact" :disabled="changeRequestFlag('change_impact') === 'N'" style="width: 205px" dict-type="change_change_Impact"></dict-data-select> </el-form-item> <el-form-item label="变更影响描述" prop="changeImpactDesc" :rules="[{required: modalData.changeImpact === 'Y',message: ' ',trigger: ['blur','change']}]"> <el-input v-model="modalData.changeImpactDesc" :disabled="changeRequestFlag('change_impact_desc') === 'N'" style="width: 423px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules"> <el-form-item label="ECN阶段" prop="ecnStage" :rules="rules.ecnStage"> <dict-data-select v-model="modalData.ecnStage" :disabled="changeRequestFlag('ecn_stage') === 'N'" style="width: 95px" dict-type="change_ecn_stage"></dict-data-select> </el-form-item> <el-form-item label="变更类别" prop="changeType" :rules="rules.changeType"> <dict-data-select v-model="modalData.changeType" :disabled="changeRequestFlag('change_type') === 'N'" style="width: 95px" dict-type="change_change_type"></dict-data-select> </el-form-item> <el-form-item label="ECN种类" prop="ecnType" :rules="rules.ecnType"> <dict-data-select v-model="modalData.ecnType" :disabled="changeRequestFlag('ecn_type') === 'N'" style="width: 100px" dict-type="change_ecn_type"></dict-data-select> </el-form-item> <el-form-item label=" "> <el-button :disabled="changeRequestFlag('ecn_type') === 'N'" type="primary" @click="chooseEcnTypeModal" style="width: 90px">ECN种类</el-button> </el-form-item> <el-form-item prop="tpEngineerId" :rules="rules.tpEngineerId"> <span v-if="changeRequestFlag('tp_engineer_id') === 'N'" slot="label">审批人员</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2005)"><a herf="#">审批人员</a></span> <el-input v-model="modalData.tpEngineerId" clearable :disabled="changeRequestFlag('tp_engineer_id') === 'N'" style="width: 120px"></el-input> <el-input v-model="modalData.tpEngineerName" disabled style="width: 300px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules"> <el-form-item label="变更生效日期" prop="changePhaseInDate" :rules="rules.changePhaseInDate"> <el-date-picker :disabled="changeRequestFlag('change_phase_in_date') === 'N'" style="width: 205px" v-model="modalData.changePhaseInDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" :editable=false> </el-date-picker> </el-form-item><!-- <el-form-item label="印刷方式" prop="printing" :rules="rules.printing">--><!-- <dict-data-select v-model="modalData.printing" style="width: 205px" dict-type="change_printing"></dict-data-select>--><!-- </el-form-item>--> <el-form-item label="是否DF产品" prop="dfIsProduct" :rules="rules.dfIsProduct"> <dict-data-select v-model="modalData.dfIsProduct" :disabled="changeRequestFlag('df_is_product') === 'N'" style="width: 205px" dict-type="change_df_is_product"></dict-data-select> </el-form-item> <el-form-item label=" " :required="modalData.dfIsProduct === 'I'" prop="industrialEngineerId" :show-message="false"> <span v-if="changeRequestFlag('industrial_engineer_id') === 'N'" slot="label">I/E</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2006)"><a herf="#">I/E</a></span> <el-input v-model="modalData.industrialEngineerId" clearable :disabled="changeRequestFlag('industrial_engineer_id') === 'N'" style="width: 120px"></el-input> <el-input v-model="modalData.industrialEngineerName" disabled style="width: 300px"></el-input> </el-form-item><!-- <el-form-item label="制造成本是否变更" prop="manufacturingCostIsChange" :rules="rules.manufacturingCostIsChange">--><!-- <dict-data-select v-model="modalData.manufacturingCostIsChange" style="width: 205px" dict-type="change_manufacturing_cost_is_change"></dict-data-select>--><!-- </el-form-item>--> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label=" "> <span v-if="changeRequestFlag('cqc_operator_id') === 'N'" slot="label">CQC</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2007)"><a herf="#">CQC</a></span> <el-input v-model="modalData.cqcOperatorId" clearable :disabled="changeRequestFlag('cqc_operator_id') === 'N'" style="width: 120px"></el-input> <el-input v-model="modalData.cqcOperatorName" disabled style="width: 300px"></el-input> </el-form-item> <el-form-item label=" "> <span v-if="changeRequestFlag('fai_operator_id') === 'N'" slot="label">FAI</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(2008)"><a herf="#">FAI</a></span> <el-input v-model="modalData.faiOperatorId" clearable :disabled="changeRequestFlag('fai_operator_id') === 'N'" style="width: 120px"></el-input> <el-input v-model="modalData.faiOperatorName" disabled style="width: 300px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" :rules="rules"> <el-form-item label="变更要求描述" prop="changeRequestDesc" :rules="rules.changeRequestDesc"> <el-input type="textarea" v-model="modalData.changeRequestDesc" :disabled="changeRequestFlag('change_request_desc') === 'N'" :rows="3" resize='none' show-word-limit style="width: 643px;height: 30px"></el-input> </el-form-item><!-- <el-form-item label="是否重新报价" prop="isReQuote" :rules="rules.isReQuote">--><!-- <dict-data-select v-model="modalData.isReQuote" style="width: 205px" dict-type="change_is_re_quote"></dict-data-select>--><!-- </el-form-item>--> <el-form-item label="印刷方式" prop="printing" :rules="rules.printing"> <dict-data-select v-model="modalData.printing" :disabled="changeRequestFlag('printing') === 'N'" style="width: 205px" dict-type="change_printing"></dict-data-select> </el-form-item> </el-form><!-- <el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-top: 50px">--><!-- <el-form-item label="原产品是否UL认证要求" prop="ulCertificationRequirements" :rules="rules.ulCertificationRequirements">--><!-- <dict-data-select v-model="modalData.ulCertificationRequirements" style="width: 423px" dict-type="change_ul_certification_requirements"></dict-data-select>--><!-- </el-form-item>--><!-- <el-form-item label="如果有，变更后能否继续满足此需求" prop="ulContinueToMeetDemand" :rules="rules.ulContinueToMeetDemand">--><!-- <dict-data-select v-model="modalData.ulContinueToMeetDemand" style="width: 423px" dict-type="change_ul_continue_to_meet_demand"></dict-data-select>--><!-- </el-form-item>--><!-- </el-form>--><!-- <el-form :inline="true" label-position="top" :model="modalData" :rules="rules">--><!-- <el-form-item label="原产品是否GP要求" prop="gpCertificationRequirements" :rules="rules.gpCertificationRequirements">--><!-- <dict-data-select v-model="modalData.gpCertificationRequirements" style="width: 423px" dict-type="change_gp_certification_requirements"></dict-data-select>--><!-- </el-form-item>--><!-- <el-form-item label="如果有，变更后能否继续满足此需求" prop="gpContinueToMeetDemand" :rules="rules.gpContinueToMeetDemand">--><!-- <dict-data-select v-model="modalData.gpContinueToMeetDemand" style="width: 423px" dict-type="change_gp_continue_to_meet_demand"></dict-data-select>--><!-- </el-form-item>--><!-- </el-form>--> <el-form :inline="true" label-position="top" style="margin-top: 50px"> <div class="rq"> <el-table :data="chooseDataList" height="348px" border style="width:100%"> <el-table-column v-for="(item,index) in columnChooseDataList" :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 prop="" header-align="center" align="center" min-width="170" label="新物料编码"> <template slot-scope="scope"> <el-input :disabled="changeRequestDetailFlag('new_part_no') === 'N'" @input="(val)=>partInput(scope.row, val)" :ref="`newPartNo${scope.$index}`" v-model="scope.row.newPartNo" @keyup.enter.native="focusNextInput(scope.$index, 'newPartNo')" style="width:77%"></el-input> <el-button :disabled="changeRequestDetailFlag('new_part_no') === 'N'" type="primary" @click="choosePartNo(scope.row)" style="width:18%;padding: 3px 7px">· · ·</el-button> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="90" label="新图纸编码"> <template slot-scope="scope"> <el-input :disabled="changeRequestDetailFlag('new_drawing_no') === 'N'" :ref="`newDrawingNo${scope.$index}`" v-model="scope.row.newDrawingNo" @keyup.enter.native="focusNextInput(scope.$index, 'newDrawingNo')" style="width:98%"></el-input> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="90" label="新图稿编码"> <template slot-scope="scope"> <el-input :disabled="changeRequestDetailFlag('new_draft_no') === 'N'" :ref="`newDraftNo${scope.$index}`" v-model="scope.row.newDraftNo" @keyup.enter.native="focusNextInput(scope.$index, 'newDraftNo')" style="width:98%"></el-input> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="60" label="操作"> <template slot-scope="scope"> <el-link style="cursor: pointer" @click="deleteChooseDataModal(scope.row)">删除</el-link> </template> </el-table-column> </el-table> </div> </el-form> </div> <el-footer style="height:25px;text-align:center"> <el-button type="primary" @click="saveData">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> <el-button v-if="modalData.changeStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button> <el-button v-if="modalData.changeStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectSubmit">驳回</el-button><!-- <el-button v-if="this.modalData.changeStatus === '审批中'" type="primary" @click="submitDataModal">提交</el-button>--> </el-footer> </el-tab-pane>
<el-tab-pane label="库存成本影响" name="inventoryCostImpact"> <div style="height: 675px"> <el-form :inline="true" label-position="top" :model="costImpactData" style="margin-top: -5px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox :disabled="changeCostImpactFlag('production_product_flag') === 'N'" v-model="costImpactData.productionProductFlag" true-label="Y">在生产品</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="costImpactData.productionProductNumber" :disabled="costImpactData.productionProductFlag !== 'Y' || changeCostImpactFlag('production_product_number') === 'N'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="costImpactData.productionProductOpinions" :disabled="costImpactData.productionProductFlag !== 'Y' || changeCostImpactFlag('production_product_opinions') === 'N'" style="width: 200px" dict-type="change_production_product_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="costImpactData.productionProductScrapAmount" :disabled="costImpactData.productionProductFlag !== 'Y' || changeCostImpactFlag('production_product_scrap_amount') === 'N'" @input="handleInput(costImpactData.productionProductScrapAmount,1)" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="costImpactData.productionProductRemark" :disabled="costImpactData.productionProductFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item> <span v-if="costImpactData.productionProductFlag !== 'Y' || changeCostImpactFlag('production_product_executor') === 'N'" slot="label">执行人</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(103, 3)"><a herf="#">执行人</a></span> <el-input v-model="costImpactData.productionProductExecutorName" readonly :disabled="costImpactData.productionProductFlag !== 'Y' || changeCostImpactFlag('production_product_executor') === 'N'" style="width: 130px"></el-input> </el-form-item> </el-form>
<el-form :inline="true" label-position="top" :model="costImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox :disabled="changeCostImpactFlag('inventory_product_flag') === 'N'" v-model="costImpactData.inventoryProductFlag" true-label="Y">成品库存</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="costImpactData.inventoryProductNumber" :disabled="costImpactData.inventoryProductFlag !== 'Y' || changeCostImpactFlag('inventory_product_number') === 'N'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="costImpactData.inventoryProductOpinions" :disabled="costImpactData.inventoryProductFlag !== 'Y' || changeCostImpactFlag('inventory_product_opinions') === 'N'" style="width: 200px" dict-type="change_inventory_product_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="costImpactData.inventoryProductScrapAmount" :disabled="costImpactData.inventoryProductFlag !== 'Y' || changeCostImpactFlag('inventory_product_scrap_amount') === 'N'" @input="handleInput(costImpactData.inventoryProductScrapAmount,2)" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="costImpactData.inventoryProductRemark" :disabled="costImpactData.inventoryProductFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item> <span v-if="costImpactData.inventoryProductFlag !== 'Y' || changeCostImpactFlag('inventory_product_executor') === 'N'" slot="label">执行人</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(103, 4)"><a herf="#">执行人</a></span> <el-input v-model="costImpactData.inventoryProductExecutorName" readonly :disabled="costImpactData.inventoryProductFlag !== 'Y' || changeCostImpactFlag('inventory_product_executor') === 'N'" style="width: 130px"></el-input> </el-form-item> </el-form>
<el-form :inline="true" label-position="top" :model="costImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox :disabled="changeCostImpactFlag('new_order_flag') === 'N'" v-model="costImpactData.newOrderFlag" true-label="Y">新订单</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="costImpactData.newOrderNumber" :disabled="costImpactData.newOrderFlag !== 'Y' || changeCostImpactFlag('new_order_number') === 'N'" type="number" style="width: 100px"></el-input> </el-form-item> </el-form>
<el-form :inline="true" label-position="top" :model="costImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox :disabled="changeCostImpactFlag('affected_flag') === 'N'" v-model="costImpactData.affectedFlag" true-label="Y">影响的原材料及其库存量</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="costImpactData.affectedNumber" :disabled="costImpactData.affectedFlag !== 'Y' || changeCostImpactFlag('affected_number') === 'N'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="costImpactData.affectedOpinions" :disabled="costImpactData.affectedFlag !== 'Y' || changeCostImpactFlag('affected_opinions') === 'N'" style="width: 200px" dict-type="change_affected_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="costImpactData.affectedScrapAmount" :disabled="costImpactData.affectedFlag !== 'Y' || changeCostImpactFlag('affected_scrap_amount') === 'N'" @input="handleInput(costImpactData.affectedScrapAmount,3)" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="costImpactData.affectedRemark" :disabled="costImpactData.affectedFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item> <span v-if="costImpactData.affectedFlag !== 'Y' || changeCostImpactFlag('affected_executor') === 'N'" slot="label">执行人</span> <span v-else style="cursor: pointer" slot="label" @click="getBaseList(103, 5)"><a herf="#">执行人</a></span> <el-input v-model="costImpactData.affectedExecutorName" readonly :disabled="costImpactData.affectedFlag !== 'Y' || changeCostImpactFlag('affected_executor') === 'N'" style="width: 130px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="costImpactData" style="margin-top: 10px;"> <el-form-item label="ECN变更总成本" style="width: 155px"> <el-input class="inlineNumber numInput" v-model="totalCost" type="number" readonly style="width: 125px"></el-input> </el-form-item> <el-form-item label="备注"> <el-input v-model="costImpactData.remark" :disabled="changeCostImpactFlag('remark') === 'N'" style="width: 612px"></el-input> </el-form-item> </el-form> </div> <el-footer style="height:25px;text-align:center"> <el-button type="primary" @click="inventoryCostImpactSave">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> <el-button v-if="modalData.changeStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button> <el-button v-if="modalData.changeStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectSubmit">驳回</el-button> </el-footer> </el-tab-pane>
<el-tab-pane label="TP&执行信息" name="actionInformation"> <div style="height: 670px"> <div class="rq"> <el-table :data="chooseItemList2" height="230px" border style="width: 100%"> <el-table-column v-for="(item,index) in columnChooseItemList2" :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 header-align="center" align="center" min-width="60" label="可选值"> <template slot-scope="scope"> <el-select :disabled="changeFAItemFlag('choose_value') === 'N'" v-model="scope.row.chooseValue" placeholder="请选择"> <el-option v-for="item in scope.row.availableValueList" :key="item.availableValue" :label="item.availableValue" :value="item.availableValue"></el-option> </el-select> </template> </el-table-column> <el-table-column header-align="center" align="center" min-width="120" label="备注"> <template slot-scope="scope"> <el-input :disabled="changeFAItemFlag('item_remark') === 'N'" v-model="scope.row.itemRemark"></el-input> </template> </el-table-column><!-- <el-table-column--><!-- fixed="right"--><!-- header-align="center"--><!-- align="center"--><!-- width="60"--><!-- label="操作">--><!-- <template slot-scope="scope">--><!-- <el-link v-if="scope.row.executeFlag !== 'Y'" style="cursor: pointer" @click="executeModal2(scope.row)">执行</el-link>--><!-- </template>--><!-- </el-table-column>--> </el-table> </div> <div style="text-align: center;font-size: 11px;margin-top: 5px"> <span> --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- </span> </div> <el-form :inline="true" label-position="top" :model="executionInfoData"> <el-form-item label="原菲林编号"> <el-input :disabled="changeExecutionInfoFlag('original_film_no') === 'N'" v-model="executionInfoData.originalFilmNo" style="width: 230px"></el-input> </el-form-item> <el-form-item label="原啤刀编号"> <el-input :disabled="changeExecutionInfoFlag('original_die_cutting_rule_no') === 'N'" v-model="executionInfoData.originalDieCuttingRuleNo" style="width: 230px"></el-input> </el-form-item> <el-form-item label="原网板/印版编号"> <el-input :disabled="changeExecutionInfoFlag('original_stencil_no') === 'N'" v-model="executionInfoData.originalStencilNo" style="width: 230px"></el-input> </el-form-item> <el-form-item label="ECN执行日期"> <el-date-picker :disabled="changeExecutionInfoFlag('execution_date') === 'N'" style="width: 130px" v-model="executionInfoData.executionDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期" :editable=false></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="executionInfoData" style="margin-top: -5px;"> <el-form-item label="新菲林编号"> <el-input :disabled="changeExecutionInfoFlag('new_film_no') === 'N'" v-model="executionInfoData.newFilmNo" style="width: 230px"></el-input> </el-form-item> <el-form-item label="新啤刀编号"> <el-input :disabled="changeExecutionInfoFlag('new_die_cutting_rule_no') === 'N'" v-model="executionInfoData.newDieCuttingRuleNo" style="width: 230px"></el-input> </el-form-item> <el-form-item label="新网板/印版编号"> <el-input :disabled="changeExecutionInfoFlag('new_stencil_no') === 'N'" v-model="executionInfoData.newStencilNo" style="width: 230px"></el-input> </el-form-item> </el-form> <div style="text-align: center ;font-size: 11px"> <span> --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- </span> </div><!-- <el-button type="primary" @click="chooseModel">选择执行模板</el-button>--> <div class="rq"> <el-table :data="chooseItemList" height="230px" border style="width: 100%"> <el-table-column v-for="(item,index) in columnChooseItemList" :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 prop="" header-align="center" align="center" min-width="130" label="执行人"> <template slot-scope="scope"> <el-input :disabled="changeItemFlag('executor') === 'N'" @input="(val)=>executorInput(scope.row, val)" v-model="scope.row.executor" style="width:77%"></el-input> <el-button :disabled="changeItemFlag('executor') === 'N'" type="primary" @click="chooseExecutor(scope.row)" style="width:18%;padding: 3px 7px">· · ·</el-button> </template> </el-table-column> <el-table-column prop="" header-align="center" align="center" min-width="150" label="备注"> <template slot-scope="scope"> <el-input :disabled="changeItemFlag('item_remark') === 'N'" v-model="scope.row.itemRemark" style="width:98%"></el-input> </template> </el-table-column> <el-table-column header-align="center" align="center" min-width="50" label="操作"> <template slot-scope="scope"> <el-link v-if="scope.row.executeFlag !== 'Y'" style="cursor: pointer" @click="executeModal(scope.row)">执行</el-link> </template> </el-table-column> </el-table> </div> </div> <el-footer style="height:25px;text-align:center"> <el-button type="primary" @click="executionInformationSave">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> <el-button v-if="modalData.changeStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button> <el-button v-if="modalData.changeStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectSubmit">驳回</el-button> </el-footer> </el-tab-pane>
<el-tab-pane label="会签信息" name="countersignature"> <div style="height: 670px"> <div class="rq"> <el-table :data="chooseCSItemList" height="600px" border style="width: 100%"> <el-table-column v-for="(item,index) in columnCSChooseItemList" :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 header-align="center" align="center" min-width="100" label="备注"> <template slot-scope="scope"> <el-input :disabled="changeCountersignatureItemFlag('item_remark') === 'N'" v-model="scope.row.itemRemark" style="width:98%"></el-input> </template> </el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="60" label="操作"> <template slot-scope="scope"> <el-link v-if="scope.row.executeFlag !== 'Y'" style="cursor: pointer" @click="executeCSModal(scope.row)">执行</el-link> </template> </el-table-column> </el-table> </div> </div> <el-footer style="height:25px;text-align:center"> <el-button type="primary" @click="countersignatureSave">保存</el-button> <el-button type="primary" @click="modalFlag = false">关闭</el-button> <el-button v-if="modalData.changeStatus === '审批中'" type="primary" @click="agreeSubmit">同意</el-button> <el-button v-if="modalData.changeStatus === '审批中' && modalData.isReject === 'Y'" type="primary" @click="rejectSubmit">驳回</el-button> </el-footer> </el-tab-pane> </el-tabs> </el-dialog>
<!-- 页签 --> <el-tabs v-model="activeTable" style="width: 100%; height: 100%;" type="border-card" @tab-click="refreshCurrentTabTable" class="customer-tab"> <!-- 基本信息页签 --> <el-tab-pane label="基本信息" name="basicInformation"> <el-table :data="detailList" :height="secondHeight" border ref="detailTable" style="width: 100%;"> <el-table-column v-for="(item,index) in detailColumnList" :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-tab-pane>
<!-- 附件信息页签 --> <el-tab-pane label="附件信息" name="fileInformation"> <el-form :inline="true" label-position="top" style="margin-top: 5px"> <el-button type="primary" @click="uploadFileModal">新增</el-button> <el-button type="primary" @click="deleteChangeFile">删除</el-button> </el-form> <el-table :data="fileList" :height="secondHeight - 25" border ref="fileTable" @selection-change="selectionFile" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" width="50"> </el-table-column> <el-table-column v-for="(item,index) in fileColumnList" :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"> <el-link style="cursor: pointer" @click="">预览</el-link> <el-link style="cursor: pointer" @click="downloadFile(scope.row)">下载</el-link> </template> </el-table-column> </el-table> </el-tab-pane>
<!-- 库存成本影响页签 --> <el-tab-pane label="库存成本影响" name="inventoryCostImpact"> <div :style="{height: secondHeight - 15 + 'px'}" style="margin-left: 20px;margin-top: 15px"> <el-form :inline="true" label-position="top" :model="currentCostImpactData"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox v-model="currentCostImpactData.productionProductFlag" disabled true-label="Y">在生产品</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.productionProductNumber" readonly :disabled="currentCostImpactData.productionProductFlag !== 'Y'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="currentCostImpactData.productionProductOpinions" :disabled="currentCostImpactData.productionProductFlag !== 'Y'" style="width: 130px" dict-type="change_production_product_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.productionProductScrapAmount" :disabled="currentCostImpactData.productionProductFlag !== 'Y'" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="currentCostImpactData.productionProductRemark" readonly :disabled="currentCostImpactData.productionProductFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item label="执行人"> <el-input v-model="currentCostImpactData.productionProductExecutorName" readonly :disabled="currentCostImpactData.productionProductFlag !== 'Y'" style="width: 130px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentCostImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox v-model="currentCostImpactData.inventoryProductFlag" disabled true-label="Y">成品库存</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.inventoryProductNumber" readonly :disabled="currentCostImpactData.inventoryProductFlag !== 'Y'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="currentCostImpactData.inventoryProductOpinions" :disabled="currentCostImpactData.inventoryProductFlag !== 'Y'" style="width: 130px" dict-type="change_inventory_product_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.inventoryProductScrapAmount" :disabled="currentCostImpactData.inventoryProductFlag !== 'Y'" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="currentCostImpactData.inventoryProductRemark" readonly :disabled="currentCostImpactData.inventoryProductFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item label="执行人"> <el-input v-model="currentCostImpactData.inventoryProductExecutorName" :disabled="currentCostImpactData.inventoryProductFlag !== 'Y'" style="width: 130px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentCostImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox v-model="currentCostImpactData.newOrderFlag" disabled true-label="Y">新订单</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.newOrderNumber" readonly :disabled="currentCostImpactData.newOrderFlag !== 'Y'" type="number" style="width: 100px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentCostImpactData" style="margin-top: 10px;"> <el-form-item style="margin-top: 20px;width: 155px"> <el-checkbox v-model="currentCostImpactData.affectedFlag" disabled true-label="Y">影响的原材料及其库存量</el-checkbox> </el-form-item> <el-form-item label="数量"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.affectedNumber" readonly :disabled="currentCostImpactData.affectedFlag !== 'Y'" type="number" style="width: 100px"></el-input> </el-form-item> <el-form-item label="处理意见"> <dict-data-select v-model="currentCostImpactData.affectedOpinions" :disabled="currentCostImpactData.affectedFlag !== 'Y'" style="width: 130px" dict-type="change_affected_opinions"></dict-data-select> </el-form-item> <el-form-item label="报废金额"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.affectedScrapAmount" :disabled="currentCostImpactData.affectedFlag !== 'Y'" type="number" style="width: 140px"></el-input> </el-form-item><!-- <el-form-item label=" " style="margin-left: -10px">--><!-- <el-input v-model="currentCostImpactData.affectedRemark" readonly :disabled="currentCostImpactData.affectedFlag !== 'Y'" style="width: 300px"></el-input>--><!-- </el-form-item>--> <el-form-item label="执行人"> <el-input v-model="currentCostImpactData.affectedExecutorName" :disabled="currentCostImpactData.affectedFlag !== 'Y'" style="width: 130px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentCostImpactData" style="margin-top: 10px;"> <el-form-item label="ECN变更总成本" style="width: 155px"> <el-input class="inlineNumber numInput" v-model="currentCostImpactData.changeTotalCost" readonly type="number" style="width: 125px"></el-input> </el-form-item> <el-form-item label="备注"> <el-input v-model="currentCostImpactData.remark" readonly style="width: 300px"></el-input> </el-form-item> </el-form> </div> </el-tab-pane> </el-tabs>
<!-- ECN种类模态框 --> <el-dialog title="ECN种类" :close-on-click-modal="false" v-drag :visible.sync="ecnTypeModalFlag" width="900px"> <el-form ref="dataForm" label-position="right"> <el-row v-for="(item, index) in form" :key="index" style="margin-top: 10px"> <el-col :span="8"> <el-form-item :prop="'input.'+index+'.value'"> <el-checkbox v-model="item.flag" @change="(val)=>ecnTypeHeaderChange(val,index)" :indeterminate="item.list.filter(a => a.flag === 'Y').length !== 0 && item.list.filter(a => a.flag === 'Y').length !== item.list.length" true-label="Y">{{item.value}}</el-checkbox> </el-form-item> </el-col> <el-col :span="16"> <div v-for="i in item.list"> <el-form-item :prop="'input.'+index+'.value'"> <el-checkbox v-model="i.flag" @change="(val)=>ecnTypeDetailChange(val,index)" true-label="Y">{{i.value}}</el-checkbox> </el-form-item> </div> </el-col> </el-row> </el-form> <el-footer style="height:30px;text-align:center"> <el-button type="primary" @click="saveEcnTypeData">保存</el-button> <el-button type="primary" @click="ecnTypeModalFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 模板属性清单 --> <el-dialog title="属性清单" :close-on-click-modal="false" v-drag :visible.sync="chooseModelFlag" width="820px"> <div class="rq"> <el-form :inline="true" label-position="top" :model="chooseModelData"> <el-form-item :label="'模板'"> <el-select value="roleName" v-model="chooseModelData.codeNo" placeholder="请选择" style="width: 120px"> <el-option v-for = "i in modelList" :key = "i.codeNo" :label = "i.codeDesc" :value = "i.codeNo"> </el-option> </el-select> </el-form-item> <el-form-item label="属性编码"> <el-input v-model="chooseModelData.itemNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="属性名称"> <el-input v-model="chooseModelData.itemDesc" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item :label="' '"> <el-button type="primary" @click="searchItemList">查询</el-button> </el-form-item> </el-form> <el-table :height="300" :data="itemList" ref="itemTable" @row-click="itemClickRow" @selection-change="selectionItem" border style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" width="50"> </el-table-column> <el-table-column v-for="(item,index) in columnItemList" :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="confirmItem">确认</el-button> <el-button type="primary" @click="chooseModelFlag = false">关闭</el-button> </el-footer> </el-dialog>
<!-- 提交 --> <el-dialog title="提交" top="30vh" :close-on-click-modal="false" v-drag :visible.sync="submitModalFlag" width="226px"> <el-form :inline="true" label-position="top"> <el-form-item :label="'节点结论'"> <el-select filterable v-model="modalData.nodeConclusion" style="width: 200px" placeholder="请选择节点结论"> <el-option label="同意" value="Y"></el-option> <el-option label="驳回" value="N"></el-option> </el-select> </el-form-item> </el-form> <el-footer style="height:40px;margin-top: 20px;text-align:center"> <el-button type="primary" @click="submitData">确定</el-button> <el-button type="primary" @click="submitModalFlag = false">取消</el-button> </el-footer> </el-dialog>
<ChooseList ref="baseList" @getBaseData="getBaseData"></ChooseList>
<!-- 上传文件的modal --> <changeUploadFile ref="changeUploadFile" @refreshPageTables="getChangeFileList" v-drag></changeUploadFile>
<upload-file-list folder="change" title="工程变更文件上传" :label="'变更单号:'" :no="currentRow.changeNo" :file-list.sync="chooseFileList" :upload-dialog.sync="uploadDialog" path="/upload/test"></upload-file-list> </div></template>
<script> import { changeRecordSearch, // 获取工程变更记录列表
changeDetailSearch, // 变更单详情的列表
changeFileSearch, // 变更单文件的列表
deleteChangeFile, // 删除变更单文件
costImpactSearch, // 查询库存成本影响
costImpactUpdate, // 编辑库存成本影响
executionInfoSearch, // 查询执行信息
requestDetailSearch, // 查询变更明细
deleteChangeDetail, // 删除变更明细
getDepartmentByUserName, // 根据用户编码获得用户部门
changeRequestUpdate, // 编辑变更单基础信息
getEcnModel, // 查询ECN的模板
getChooseEcnType, // 查询所选择的ECN种类
getItemList, // 查询模板属性
executionUpdate, // 修改执行信息
countersignatureSearch, // 查询会签信息
countersignatureUpdate, // 编辑会签信息
issueChange, // 下达
submitChange, // 提交
getNodeAuthority, // 获取节点权限
issueChange2, // 临时下达方法
submitChange2, // 临时提交方法
} from '@/api/changeManagement/changeManagement.js' import ChooseList from '@/views/modules/common/Chooselist' import changeUploadFile from "../base/upload_file.vue"; import {downLoadQuotationFile} from '@/api/quotation/quotationInformation.js' import DictDataSelect from "../sys/dict-data-select.vue"; import UploadFileList from "../common/uploadFileList.vue"; export default { components: { UploadFileList, DictDataSelect, changeUploadFile, ChooseList, }, computed: { totalCost: { get () { let total = 0 if (this.costImpactData.productionProductFlag === 'Y') { total += +this.costImpactData.productionProductScrapAmount } if (this.costImpactData.inventoryProductFlag === 'Y') { total += +this.costImpactData.inventoryProductScrapAmount } if (this.costImpactData.affectedFlag === 'Y') { total += +this.costImpactData.affectedScrapAmount } return total } }, changeRequestFlag () { return (value) => { let arr = this.plmChangeRequestArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeRequestDetailFlag () { return (value) => { let arr = this.plmChangeRequestDetailArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeCostImpactFlag () { return (value) => { let arr = this.plmChangeCostImpactArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeFAItemFlag () { return (value) => { let arr = this.plmChangeFAItemArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeExecutionInfoFlag () { return (value) => { let arr = this.plmChangeExecutionInfoArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeItemFlag () { return (value) => { let arr = this.plmChangeItemArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, changeCountersignatureItemFlag () { return (value) => { let arr = this.plmChangeCountersignatureItemArr.filter(a => a.fieldId === value) if (arr.length > 0) { return arr[0].updateFlag } return 'N' } }, },
watch: { modalData: { deep: true, handler: function (newV, oldV) { if (this.modalData.tpEngineerId === '' || this.modalData.tpEngineerId == null) { this.modalData.tpEngineerName = '' } if (this.modalData.industrialEngineerId === '' || this.modalData.industrialEngineerId == null) { this.modalData.industrialEngineerName = '' } if (this.modalData.cqcOperatorId === '' || this.modalData.cqcOperatorId == null) { this.modalData.cqcOperatorName = '' } if (this.modalData.faiOperatorId === '' || this.modalData.faiOperatorId == null) { this.modalData.faiOperatorName = '' } } }, uploadDialog (newValue,oldValue) { if (newValue === false) { this.getChangeFileList() } }, },
data () { return { // 导出
exportData: [], exportName: '工程变更记录' + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader: ['工程变更记录'], exportFooter: [], resultList: [], // ======== 行高 ========
height: 200, secondHeight: 200, // ======== 分页 ========
pageIndex: 1, pageSize: 50, totalPage: 0, // 条件查询
searchData: { site: this.$store.state.user.site, changeNo: '', menuId: this.$route.meta.menuId, page: 1, limit: 10 }, // 初始页签
activeTable: 'basicInformation', activeName: 'basicInformation', tempPartRow: {}, tempExecutorRow: {}, changeTitle: '', plmChangeRequestArr: [], plmChangeRequestDetailArr: [], plmChangeCostImpactArr: [], plmChangeFAItemArr: [], plmChangeExecutionInfoArr: [], plmChangeItemArr: [], plmChangeCountersignatureItemArr: [], // ======== 数据对象 ========
modalData: { site: this.$store.state.user.site, changeNo: '', applicantId: '', applicantName: '', applicationDepartmentId: '', applicationDepartmentName: '', applyDate: '', ecnType: '', changeImpact: '', changeImpactDesc: '', ecnStage: '', changeType: '', tpEngineerId: '', tpEngineerName: '', changePhaseInDate: '', dfIsProduct: '', printing: '', manufacturingCostIsChange: '', changeRequestDesc: '', isReQuote: '', ulCertificationRequirements: '', ulContinueToMeetDemand: '', gpCertificationRequirements: '', gpContinueToMeetDemand: '', detailList: [], ecnTypeData: [], industrialEngineerId: '', industrialEngineerName: '', changeStatus: '', cqcOperatorId: '', cqcOperatorName: '', faiOperatorId: '', faiOperatorName: '', nodeConclusion: '', stepId: '', rejectFlag: '', rejectStepId: '', isReject: '' }, costImpactData: { site: this.$store.state.user.site, changeNo: '', productionProductFlag: '', inventoryProductFlag: '', newOrderFlag: '', affectedFlag: '', productionProductNumber: '', productionProductOpinions: '', productionProductScrapAmount: 0, productionProductRemark: '', productionProductExecutor: '', productionProductExecutorName: '', inventoryProductNumber: '', inventoryProductOpinions: '', inventoryProductScrapAmount: 0, inventoryProductRemark: '', inventoryProductExecutor: '', inventoryProductExecutorName: '', newOrderNumber: '', affectedNumber: '', affectedOpinions: '', affectedScrapAmount: 0, affectedRemark: '', affectedExecutor: '', affectedExecutorName: '', changeTotalCost: '', remark: '', createBy: '', updateBy: '' }, executionInfoData: { site: this.$store.state.user.site, changeNo: '', originalFilmNo: '', newFilmNo: '', originalDieCuttingRuleNo: '', newDieCuttingRuleNo: '', originalStencilNo: '', newStencilNo: '', executionDate: '', createBy: '', updateBy: '', chooseItemList: [], chooseItemList2: [] }, chooseModelData: { site: this.$store.state.user.site, functionType: 'ECN', itemNo: '', itemDesc: '', codeNo: '' }, countersignatureData: { site: this.$store.state.user.site, changeNo: '', createBy: '', updateBy: '', chooseCSItemList: [] }, // ======== 数据列表 ========
dataList: [], detailList: [], fileList: [], chooseItemList: [], chooseItemList2: [], chooseCSItemList: [], chooseDataList: [], form: [], modelList: [], itemList: [], chooseFileList: [], // ======== 列表表头 ========
columnList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ChangeNo', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'changeNo', headerAlign: 'center', align: 'center', columnLabel: '申请编号', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ApplicantName', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'applicantName', headerAlign: 'center', align: 'center', columnLabel: '申请人', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1DepartmentName', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'applicationDepartmentName', headerAlign: 'center', align: 'center', columnLabel: '申请部门', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ChangeStatus', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'changeStatus', headerAlign: 'center', align: 'center', columnLabel: '变更单状态', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1EcnStage', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'ecnStage', headerAlign: 'center', align: 'center', columnLabel: 'ECN阶段', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ChangeType', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'changeType', headerAlign: 'center', align: 'center', columnLabel: '变更类别', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1EcnType', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'ecnType', headerAlign: 'center', align: 'center', columnLabel: 'ECN种类', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ApplyDate', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'applyDate', headerAlign: 'center', align: 'center', columnLabel: '申请日期', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1ChangePhaseInDate', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'changePhaseInDate', headerAlign: 'center', align: 'center', columnLabel: '变更生效日期', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table1xxx', tableId: '108002Table1', tableName: '工程变更记录表', columnProp: 'xxx', headerAlign: 'center', align: 'center', columnLabel: 'ECN执行日期', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, ], detailColumnList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2PartNo', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'partNo', headerAlign: 'center', align: 'center', columnLabel: '正式物料编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2PartDesc', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'partDesc', headerAlign: 'center', align: 'left', columnLabel: '物料描述', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 180 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2NewPartNo', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'newPartNo', headerAlign: 'center', align: 'center', columnLabel: '新物料编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2NewDrawingNo', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'newDrawingNo', headerAlign: 'center', align: 'center', columnLabel: '新图纸编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2NewDraftNo', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'newDraftNo', headerAlign: 'center', align: 'center', columnLabel: '新图稿编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table2CodeNo', tableId: '108002Table2', tableName: '变更单基本信息表', columnProp: 'codeNo', headerAlign: 'center', align: 'center', columnLabel: '技术参数卡编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, ], fileColumnList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table3FileName', tableId: '108002Table3', tableName: '变更单文件信息表', columnProp: 'fileName', headerAlign: 'center', align: 'left', columnLabel: '文件名称', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table3FileType', tableId: '108002Table3', tableName: '变更单文件信息表', columnProp: 'fileType', headerAlign: 'center', align: 'left', columnLabel: '文件类型', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table3Url', tableId: '108002Table3', tableName: '变更单文件信息表', columnProp: 'url', headerAlign: 'center', align: 'left', columnLabel: '文件地址', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 180 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table3CreateBy', tableId: '108002Table3', tableName: '变更单文件信息表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table3CreateDate', tableId: '108002Table3', tableName: '变更单文件信息表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 }, ], columnChooseDataList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table4PartNo', tableId: '108002Table4', tableName: '所选变更列表', columnProp: 'partNo', headerAlign: 'center', align: 'center', columnLabel: '正式物料编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table4PartDesc', tableId: '108002Table4', tableName: '所选变更列表', columnProp: 'partDesc', headerAlign: 'center', align: 'left', columnLabel: '物料描述', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 180 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table4DrawingNo', tableId: '108002Table4', tableName: '所选变更列表', columnProp: 'drawingNo', headerAlign: 'center', align: 'center', columnLabel: '图纸编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 90 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table4DraftNo', tableId: '108002Table4', tableName: '所选变更列表', columnProp: 'draftNo', headerAlign: 'center', align: 'center', columnLabel: '图稿编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 90 }, ], columnChooseItemList: [ { columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '属性编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { columnProp: 'itemDesc', headerAlign: 'center', align: 'center', columnLabel: '属性名称', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 }, { columnProp: 'itemExecutionDate', headerAlign: 'center', align: 'center', columnLabel: '执行时间', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 130 } ], columnChooseItemList2: [ { columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '属性编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { columnProp: 'itemDesc', headerAlign: 'center', align: 'center', columnLabel: '属性名称', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 }, // {
// columnProp: 'executeFlag',
// headerAlign: 'center',
// align: 'center',
// columnLabel: '是否执行',
// columnHidden: false,
// columnImage: false,
// status: true,
// fixed: '',
// columnWidth: 80
// },
// {
// columnProp: 'executor',
// headerAlign: 'center',
// align: 'center',
// columnLabel: '执行人',
// columnHidden: false,
// columnImage: false,
// status: true,
// fixed: '',
// columnWidth: 100
// },
// {
// columnProp: 'itemExecutionDate',
// headerAlign: 'center',
// align: 'center',
// columnLabel: '执行时间',
// columnHidden: false,
// columnImage: false,
// status: true,
// fixed: '',
// columnWidth: 150
// }
], columnItemList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table6ItemNo', tableId: '108002Table6', tableName: '执行属性表', columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '属性编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table6ItemDesc', tableId: '108002Table6', tableName: '执行属性表', columnProp: 'itemDesc', headerAlign: 'center', align: 'center', columnLabel: '属性名称', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 }, ], columnCSChooseItemList: [ { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table7ItemNo', tableId: '108002Table7', tableName: '执行属性表', columnProp: 'itemNo', headerAlign: 'center', align: 'center', columnLabel: '属性编码', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table7ItemDesc', tableId: '108002Table7', tableName: '执行属性表', columnProp: 'itemDesc', headerAlign: 'center', align: 'center', columnLabel: '属性名称', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table7ExecuteFlag', tableId: '108002Table7', tableName: '执行属性表', columnProp: 'executeFlag', headerAlign: 'center', align: 'center', columnLabel: '是否执行', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table7Executor', tableId: '108002Table7', tableName: '执行属性表', columnProp: 'executor', headerAlign: 'center', align: 'center', columnLabel: '执行人', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 100 },{ userId: this.$store.state.user.name, functionId: 108002, serialNumber: '108002Table7ExecuteDate', tableId: '108002Table7', tableName: '执行属性表', columnProp: 'itemExecutionDate', headerAlign: 'center', align: 'center', columnLabel: '执行时间', columnHidden: false, columnImage: false, status: true, fixed: '', columnWidth: 150 },
], // ======== 必填规则 ========
rules: { applicantId: [ { required: true, message: ' ', trigger: ['blur','change'] } ], applyDate: [ { required: true, message: ' ', trigger: ['blur','change'] } ], changeImpact: [ { required: true, message: ' ', trigger: ['blur','change'] } ], changeImpactDesc: [ { required: true, message: ' ', trigger: ['blur','change'] } ], ecnStage: [ { required: true, message: ' ', trigger: ['blur','change'] } ], changeType: [ { required: true, message: ' ', trigger: ['blur','change'] } ], tpEngineerId: [ { required: true, message: ' ', trigger: ['blur','change'] } ], changePhaseInDate: [ { required: true, message: ' ', trigger: ['blur','change'] } ], dfIsProduct: [ { required: true, message: ' ', trigger: ['blur','change'] } ], printing: [ { required: true, message: ' ', trigger: ['blur','change'] } ], manufacturingCostIsChange: [ { required: true, message: ' ', trigger: ['blur','change'] } ], changeRequestDesc: [ { required: true, message: ' ', trigger: ['blur','change'] } ], isReQuote: [ { required: true, message: ' ', trigger: ['blur','change'] } ], ulCertificationRequirements: [ { required: true, message: ' ', trigger: ['blur','change'] } ], ulContinueToMeetDemand: [ { required: true, message: ' ', trigger: ['blur','change'] } ], gpCertificationRequirements: [ { required: true, message: ' ', trigger: ['blur','change'] } ], gpContinueToMeetDemand: [ { required: true, message: ' ', trigger: ['blur','change'] } ], ecnType: [ { required: true, message: ' ', trigger: ['blur','change'] } ], }, // ======== 复选数据集 ========
fileSelections: [], itemSelections: [], // ======== 选中的当前行数据 ========
currentRow: {}, currentCostImpactData: {}, // ======== 模态框开关控制 ========
modalFlag: false, modalDisableFlag: false, ecnTypeModalFlag: false, chooseModelFlag: false, uploadDialog: false, submitModalFlag: false } },
mounted () { this.$nextTick(() => { this.height = window.innerHeight / 2 - 30 /*第二个表格高度的动态调整*/ this.secondHeight = window.innerHeight / 2 - 186 }) },
activated () { if (this.$route.params.type === 'tokenLogin') { if (this.$route.params.docNo) { this.searchData.changeNo = this.$route.params.docNo } this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex changeRecordSearch(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 // 判断是否全部存在数据
if (this.totalPage > 0) { // 设置选中行
this.$refs.changeTable.setCurrentRow(this.dataList[0]) // 加载当前的页签的table
this.refreshCurrentTabTable() this.updateModal(this.dataList[0]) } } }) } else { if (this.$route.params.changeNo) { this.searchData.changeNo = this.$route.params.changeNo } this.getDataList() } },
created () { this.getEcnModel() },
methods: {
// 获取流程的配置权限
async getNodeAuthority (row) { let tempData = { site: row.site, changeNo: row.changeNo, stepId: row.stepId, menuId: this.$route.meta.menuId } await getNodeAuthority(tempData).then(({data}) => { if (data && data.code === 0) { this.plmChangeRequestArr = data.rows.plmChangeRequest this.plmChangeRequestDetailArr = data.rows.plmChangeRequestDetail this.plmChangeCostImpactArr = data.rows.plmChangeCostImpact this.plmChangeFAItemArr = data.rows.plmChangeFAItem this.plmChangeExecutionInfoArr = data.rows.plmChangeExecutionInfo this.plmChangeItemArr = data.rows.plmChangeItem this.plmChangeCountersignatureItemArr = data.rows.plmChangeCountersignatureItem } }) },
// ======= 正则校验 =======
handleInput (value, type) { // 大于等于0，且只能输入16位小数
let val = value.replace(/^\D*([0-9]\d*\.?\d{0,16})?.*$/,'$1') if (val === null || val === undefined || val === '') { val = 0 } if (type === 1) { this.costImpactData.productionProductScrapAmount = val } else if (type === 2) { this.costImpactData.inventoryProductScrapAmount = val } else if (type === 3) { this.costImpactData.affectedScrapAmount = val } },
partInput (row, val) { row.newPartNo = val.toUpperCase() },
executorInput (row, val) { row.executor = val.toUpperCase() },
choosePartNo (row) { this.tempPartRow = row if (this.tempPartRow.newPartNo == null) { this.tempPartRow.newPartNo = '' } this.getBaseList(133) },
chooseExecutor (row) { this.tempExecutorRow = row if (this.tempExecutorRow.executor == null) { this.tempExecutorRow.executor = '' } this.getBaseList(103, 7) },
ecnTypeHeaderChange (val,index) { if (val === 'Y') { for (let i = 0; i < this.form[index].list.length; i++) { this.form[index].list[i].flag = 'Y' } } else { for (let i = 0; i < this.form[index].list.length; i++) { this.form[index].list[i].flag = 'N' } } },
ecnTypeDetailChange (val,index) { if (this.form[index].list.every(x => x.flag === 'Y')) { this.form[index].flag = 'Y' }else { this.form[index].flag = 'N' } },
// ======== 分页相关方法 ========
// 每页数
sizeChangeHandle (val) { this.pageSize = val this.pageIndex = 1 this.getDataList() },
// 当前页
currentChangeHandle (val) { this.pageIndex = val this.getDataList() },
// ======== 列表选择相关方法 ========
selectFlag () { return true },
// ======== 页签切换相关方法 ========
// 单机选中询价信息
changeClickRow (row) { this.$refs.changeTable.toggleRowSelection(row) this.currentRow = JSON.parse(JSON.stringify(row)) },
// // 列表表格选择替换
// tabClick (tab, event) {
// // 刷新列表数据
// this.refreshCurrentTabTable()
// },
// 当前值发生变化的时候修改
currentChange (row, oldRow) { // 判断是否是获取焦点的事件
if (row) { this.currentRow = JSON.parse(JSON.stringify(row)) // 刷新当前页表
this.refreshCurrentTabTable() } },
// 刷新页签的table数据
refreshChangeTab () { if (this.activeName === 'inventoryCostImpact') {
} else if (this.activeName === 'actionInformation') {
} },
// 新增库存成本影响
inventoryCostImpactSave () { if (this.costImpactData.productionProductFlag === 'Y') { // 在生产品
if (this.costImpactData.productionProductNumber == null || this.costImpactData.productionProductNumber === '') { this.$message.warning('请填写在生产品数量！') return } if (this.costImpactData.productionProductNumber <= 0) { this.$message.warning('在生产品数量不能小于等于0！') return } if (this.costImpactData.productionProductOpinions == null || this.costImpactData.productionProductOpinions === '') { this.$message.warning('请填写在生产品处理意见！') return } if (this.costImpactData.productionProductScrapAmount === 0) { this.$message.warning('请填写在生产品报废金额！') return } if (this.costImpactData.productionProductExecutor == null || this.costImpactData.productionProductExecutor === '') { this.$message.warning('请填写在生产品执行人！') return } } if (this.costImpactData.inventoryProductFlag === 'Y') { // 成品库存
if (this.costImpactData.inventoryProductNumber == null || this.costImpactData.inventoryProductNumber === '') { this.$message.warning('请填写成品库存数量！') return } if (this.costImpactData.inventoryProductNumber <= 0) { this.$message.warning('成品库存数量不能小于等于0！') return } if (this.costImpactData.inventoryProductOpinions == null || this.costImpactData.inventoryProductOpinions === '') { this.$message.warning('请填写成品库存处理意见！') return } if (this.costImpactData.inventoryProductScrapAmount === 0) { this.$message.warning('请填写成品库存报废金额！') return } if (this.costImpactData.inventoryProductExecutor == null || this.costImpactData.inventoryProductExecutor === '') { this.$message.warning('请填写成品库存执行人！') return } } if (this.costImpactData.newOrderFlag === 'Y') { // 新订单
if (this.costImpactData.newOrderNumber == null || this.costImpactData.newOrderNumber === '') { this.$message.warning('请填写新订单数量！') return } if (this.costImpactData.newOrderNumber <= 0) { this.$message.warning('新订单数量不能小于等于0！') return } } if (this.costImpactData.affectedFlag === 'Y') { // 影响的原材料及其库存量
if (this.costImpactData.affectedNumber == null || this.costImpactData.affectedNumber === '') { this.$message.warning('请填写影响的原材料及其库存量数量！') return } if (this.costImpactData.affectedNumber <= 0) { this.$message.warning('影响的原材料及其库存量数量不能小于等于0！') return } if (this.costImpactData.affectedOpinions == null || this.costImpactData.affectedOpinions === '') { this.$message.warning('请填写影响的原材料及其库存量处理意见！') return } if (this.costImpactData.affectedScrapAmount === 0) { this.$message.warning('请填写影响的原材料及其库存量报废金额！') return } if (this.costImpactData.affectedExecutor == null || this.costImpactData.affectedExecutor === '') { this.$message.warning('请填写影响的原材料及其库存量执行人！') return } } this.costImpactData.changeTotalCost = this.totalCost costImpactUpdate(this.costImpactData).then(({data}) => { if (data && data.code === 0) { this.costImpactData = data.rows.costImpactData this.getDataList() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 刷新页签的table数据
refreshCurrentTabTable () { if (this.activeTable === 'basicInformation') { this.getChangeDetailList() } else if (this.activeTable === 'fileInformation') { this.getChangeFileList() } else if (this.activeTable === 'inventoryCostImpact') { this.inventoryCostImpactSearch2() } },
// ======== 列表数据刷新方法 ========
// 获取数据列表
getDataList () { if(localStorage.getItem('ecnData')!=undefined){ let data=JSON.parse(localStorage.getItem('ecnData')); this.searchData.changeNo=data.ecnNo localStorage.removeItem('ecnData'); } this.searchData.limit = this.pageSize this.searchData.page = this.pageIndex changeRecordSearch(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 // 判断是否全部存在数据
if (this.totalPage > 0) { // 设置选中行
this.$refs.changeTable.setCurrentRow(this.dataList[0]) // 加载当前的页签的table
this.refreshCurrentTabTable() } } }) },
// 变更单详情的列表
getChangeDetailList () { let tempData = { site: this.$store.state.user.site, changeNo: this.currentRow.changeNo } changeDetailSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.detailList = data.rows } else { this.detailList = [] } }) },
// 变更单文件的列表
getChangeFileList () { let tempData = { orderRef1: this.$store.state.user.site, orderRef2: this.currentRow.changeNo } changeFileSearch(tempData).then(({data}) => { if (data && data.code === 0) { this.fileList = data.rows } else { this.fileList = [] } }) },
// 复选变更单文件
selectionFile (val) { this.fileSelections = val },
// 上传文件
uploadFileModal () { let currentData = { titleCon: '工程变更文件上传', site: this.currentRow.site, createBy: this.$store.state.user.name, dataNo: this.currentRow.changeNo, fileRemark: '', folder: 'change', } this.uploadDialog = true //打开组件 去做新增业务
// this.$nextTick(() => {
// this.$refs.changeUploadFile.init(currentData);
// })
},
// 删除变更单文件
deleteChangeFile () { if (this.fileSelections.length === 0) { this.$message.warning('请选择要删除的文件！') return } let tempData = { fileList: this.fileSelections } this.$confirm('确定删除文件?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteChangeFile(tempData).then(({data}) => { if (data && data.code === 0) { this.getChangeFileList() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }) },
// 下载
downloadFile (row) { downLoadQuotationFile(row) .then(({data}) => { // 不限制文件下载类型
const blob = new Blob([data], {type:'application/octet-stream;charset=utf-8'}) // 下载文件名称
const fileName = row.fileName // a标签下载
const linkNode = document.createElement('a') linkNode.download = fileName // a标签的download属性规定下载文件的名称
linkNode.style.display = 'none' linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
document.body.appendChild(linkNode) linkNode.click() // 模拟在按钮上的一次鼠标单击
URL.revokeObjectURL(linkNode.href) // 释放URL 对象
document.body.removeChild(linkNode) }) },
// 修改变更单模态框
async updateModal (row) { await this.getNodeAuthority(row) this.modalData = { site: row.site, changeNo: row.changeNo, applicantId: row.applicantId, applicantName: row.applicantName, applicationDepartmentId: row.applicationDepartmentId, applicationDepartmentName: row.applicationDepartmentName, applyDate: row.applyDate, ecnType: row.ecnType, changeImpact: row.changeImpact, changeImpactDesc: row.changeImpactDesc, ecnStage: row.ecnStage, changeType: row.changeType, tpEngineerId: row.tpEngineerId, tpEngineerName: row.tpEngineerName, changePhaseInDate: row.changePhaseInDate, dfIsProduct: row.dfIsProduct, printing: row.printing, manufacturingCostIsChange: row.manufacturingCostIsChange, changeRequestDesc: row.changeRequestDesc, isReQuote: row.isReQuote, ulCertificationRequirements: row.ulCertificationRequirements, ulContinueToMeetDemand: row.ulContinueToMeetDemand, gpCertificationRequirements: row.gpCertificationRequirements, gpContinueToMeetDemand: row.gpContinueToMeetDemand, updateBy: this.$store.state.user.name, detailList: [], ecnTypeData: [], industrialEngineerId: row.industrialEngineerId, industrialEngineerName: row.industrialEngineerName, changeStatus: row.changeStatus, cqcOperatorId: row.cqcOperatorId, cqcOperatorName: row.cqcOperatorName, faiOperatorId: row.faiOperatorId, faiOperatorName: row.faiOperatorName, nodeConclusion: '', stepId: row.stepId, rejectFlag: row.rejectFlag, rejectStepId: row.rejectStepId, isReject: row.isReject } this.changeTitle = '变更申请-' + this.modalData.changeNo // 查选择的ECN种类
this.getChangeChooseEcnType() // 查变更单明细
this.changeRequestDetailSearch() // 查变更单库存成本影响
this.inventoryCostImpactSearch() // 查变更单TP&执行信息
this.tpExecutionInfoSearch() // 查变更单会签信息
this.countersignatureSearch() this.activeName = 'basicInformation' this.modalFlag = true this.modalDisableFlag = true },
// 下达
issueModal (row) { this.$confirm(`是否确认下达?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let tempData = { site: row.site, userName: this.$store.state.user.name, changeNo: row.changeNo, menuId: this.$route.meta.menuId } issueChange(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.$message({message: '操作成功', type: 'success'}) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }) },
// 打开提交模态框
submitDataModal () { this.modalData.nodeConclusion = 'Y' this.submitModalFlag = true },
// 同意提交
agreeSubmit () { this.$confirm(`是否确认提交?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.modalData.nodeConclusion = 'Y' this.submitData() }) },
// 驳回提交
rejectSubmit () { this.$confirm(`是否确认驳回?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.modalData.nodeConclusion = 'N' this.submitData() }) },
// 提交
submitData () { // if (this.modalData.nodeConclusion == null || this.modalData.nodeConclusion === '') {
// this.$message.warning('请选择节点结论！')
// return
// }
// this.$confirm(`是否确认提交?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
let tempData = { site: this.modalData.site, userName: this.$store.state.user.name, changeNo: this.modalData.changeNo, menuId: this.$route.meta.menuId, nodeConclusion: this.modalData.nodeConclusion } submitChange(tempData).then(({data}) => { if (data && data.code === 0) { this.getDataList() this.$message({message: '操作成功', type: 'success'}) this.submitModalFlag = false this.modalFlag = false } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) // })
},
// 获取选择的ECN种类
getChangeChooseEcnType () { getChooseEcnType(this.modalData).then(({data}) => { if (data && data.code === 0) { this.form = data.rows } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 打开ECN种类模态框
chooseEcnTypeModal () { this.ecnTypeModalFlag = true },
// 保存ECN种类
saveEcnTypeData () { this.ecnTypeModalFlag = false },
// 查询ECN的模板
getEcnModel () { let tempData = { site: this.$store.state.user.site, functionType: 'ECN' } getEcnModel(tempData).then(({data}) => { if (data.code === 0) { this.modelList = data.rows } }) },
// 查询变更明细表
changeRequestDetailSearch () { requestDetailSearch(this.modalData).then(({data}) => { if (data && data.code === 0) { this.chooseDataList = data.rows } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 查询库存成本影响对象
inventoryCostImpactSearch () { costImpactSearch(this.modalData).then(({data}) => { if (data && data.code === 0) { this.costImpactData = data.rows } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 查询库存成本影响对象
inventoryCostImpactSearch2 () { costImpactSearch(this.currentRow).then(({data}) => { if (data && data.code === 0) { this.currentCostImpactData = data.rows } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 查询执行信息
tpExecutionInfoSearch () { executionInfoSearch(this.modalData).then(({data}) => { if (data && data.code === 0) { this.executionInfoData = data.rows.executionInfoData this.executionInfoData.createBy = this.$store.state.user.name this.chooseItemList = data.rows.chooseItemList this.chooseItemList2 = data.rows.chooseItemList2 } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 查询会签信息
countersignatureSearch () { countersignatureSearch(this.modalData).then(({data}) => { if (data && data.code === 0) { this.chooseCSItemList = data.rows.chooseCSItemList } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 删除所选技术参数卡
deleteChooseDataModal (row) { this.$confirm(`是否删除该技术参数卡的变更?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { deleteChangeDetail(row).then(({data}) => { if (data && data.code === 0) { this.changeRequestDetailSearch() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) }) },
// 修改变更申请
saveData () { if (this.modalData.applicantId === '' || this.modalData.applicantId == null) { this.$message.warning('请选择申请人员！') return } if (this.modalData.applyDate === '' || this.modalData.applyDate == null) { this.$message.warning('请选择申请日期！') return } if (this.modalData.changeImpact === '' || this.modalData.changeImpact == null) { this.$message.warning('请选择ECN变更影响！') return } if ((this.modalData.changeImpactDesc === '' || this.modalData.changeImpactDesc == null) && this.modalData.changeImpact === 'Y') { this.$message.warning('请填写变更影响描述！') return } if (this.modalData.ecnStage === '' || this.modalData.ecnStage == null) { this.$message.warning('请选择ECN阶段！') return } if (this.modalData.changeType === '' || this.modalData.changeType == null) { this.$message.warning('请选择变更类别！') return } if (this.form.length === 0) { this.$message.warning('请选择ECN种类！') return } if (this.modalData.tpEngineerId === '' || this.modalData.tpEngineerId == null) { this.$message.warning('请选择审批人员！') return } if (this.modalData.changePhaseInDate === '' || this.modalData.changePhaseInDate == null) { this.$message.warning('请选择变更生效日期！') return } if (this.modalData.dfIsProduct === '' || this.modalData.dfIsProduct == null) { this.$message.warning('请选择是否DF产品！') return } if ((this.modalData.industrialEngineerId === '' || this.modalData.industrialEngineerId == null) && this.modalData.dfIsProduct === 'Y') { this.$message.warning('请选择I/E！') return } if (this.modalData.changeRequestDesc === '' || this.modalData.changeRequestDesc == null) { this.$message.warning('请填写变更要求描述！') return } if (this.modalData.printing === '' || this.modalData.printing == null) { this.$message.warning('请选择印刷方式！') return } if ((this.modalData.cqcOperatorId === '' || this.modalData.cqcOperatorId == null) && (this.modalData.faiOperatorId === '' || this.modalData.faiOperatorId == null)) { this.$message.warning('请选择CQC或者FAI人员！') return } // if (this.modalData.cqcOperatorId !== '' && this.modalData.cqcOperatorId != null && this.modalData.faiOperatorId !== '' && this.modalData.faiOperatorId != null) {
// this.$message.warning('CQC和FAI人员只能选一个！')
// return
// }
this.modalData.detailList = this.chooseDataList this.modalData.ecnTypeData = this.form changeRequestUpdate(this.modalData).then(({data}) => { if (data && data.code === 0) { this.modalData = data.rows.modalData this.getDataList() // 查选择的ECN种类
this.getChangeChooseEcnType() // 查变更单明细
this.changeRequestDetailSearch() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 选择模板属性
chooseModel () { this.chooseModelData = { site: this.$store.state.user.site, itemNo: '', itemDesc: '', functionType: 'ECN', codeNo: this.chooseItemList.length > 0 ? this.chooseItemList[0].codeNo : this.modelList.length > 0 ? this.modelList[0].codeNo : '' } // 先清空缓存选中
this.$nextTick(() => this.$refs.itemTable.clearSelection()) // 查询所有属性
getItemList(this.chooseModelData).then(({data}) => { if (data && data.code === 0) { this.itemList = data.rows this.itemList.forEach(val => { // 回显选中的部门
if (this.chooseItemList.map(val => val.itemNo).includes(val.itemNo)) { this.$nextTick(() => this.$refs.itemTable.toggleRowSelection(val, true)) } }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) this.chooseModelFlag = true },
// 查询属性
searchItemList () { getItemList(this.chooseModelData).then(({data}) => { if (data.code === 0) { this.itemList = data.rows } }) },
// 单机选择
itemClickRow (row) { this.$refs.itemTable.toggleRowSelection(row) },
// 复选属性
selectionItem (val) { this.itemSelections = val },
// 确认多选属性
confirmItem () { if (this.itemSelections.length === 0) { this.$message.warning("请勾选属性!") return } this.chooseItemList = this.itemSelections this.chooseModelFlag = false },
// 执行所选属性
executeModal (row) { row.executeFlag = 'Y' row.itemExecutionDate = new Date(+ new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') // row.executor = this.$store.state.user.name
},
// 执行所选属性
executeCSModal (row) { row.executeFlag = 'Y' row.itemExecutionDate = new Date(+ new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') row.executor = this.$store.state.user.name },
// 执行所选属性
executeModal2 (row) { row.executeFlag = 'Y' row.itemExecutionDate = new Date(+ new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') row.executor = this.$store.state.user.name },
// 编辑执行信息
executionInformationSave () { this.executionInfoData.chooseItemList = this.chooseItemList this.executionInfoData.chooseItemList2 = this.chooseItemList2 if (this.executionInfoData.originalDieCuttingRuleNo == null || this.executionInfoData.originalDieCuttingRuleNo === '') { this.$message.warning('请填写原啤刀编号!') return; } if (this.executionInfoData.newDieCuttingRuleNo == null || this.executionInfoData.newDieCuttingRuleNo === '') { this.$message.warning('请填写新啤刀编号!') return; } if (this.executionInfoData.originalStencilNo == null || this.executionInfoData.originalStencilNo === '') { this.$message.warning('请填写原网板/印版编号!') return; } if (this.executionInfoData.newStencilNo == null || this.executionInfoData.newStencilNo === '') { this.$message.warning('请填写新网板/印版编号!') return; } if (this.executionInfoData.executionDate == null || this.executionInfoData.executionDate === '') { this.$message.warning('请选择ECN执行日期!') return; } executionUpdate(this.executionInfoData).then(({data}) => { if (data && data.code === 0) { this.executionInfoData = data.rows.executionInfoData this.executionInfoData.createBy = this.$store.state.user.name this.chooseItemList = data.rows.chooseItemList this.chooseItemList2 = data.rows.chooseItemList2 this.getDataList() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 编辑会签信息
countersignatureSave () { this.countersignatureData.changeNo = this.modalData.changeNo this.countersignatureData.chooseCSItemList = this.chooseCSItemList countersignatureUpdate(this.countersignatureData).then(({data}) => { if (data && data.code === 0) { this.chooseCSItemList = data.rows.chooseCSItemList this.getDataList() this.$message({ message: '操作成功', type: 'success', duration: 1500, onClose: () => {} }) } else { this.$alert(data.msg, '错误', { confirmButtonText: '确定' }) } }) },
// 回车换行
focusNextInput (index, type) { let aaa = '' if (this.chooseDataList.length - 1 === index) { aaa = `${type}0` } else { aaa = `${type}${index + 1}` } this.$nextTick(() => { this.$refs[aaa].focus() }) },
// 根据人员编码查人员部门
getDepartmentByUserName () { let tempData = { site: this.$store.state.user.site, username: this.modalData.applicantId } getDepartmentByUserName(tempData).then(({data}) => { if (data.code === 0) { this.modalData.applicationDepartmentId = data.rows[0].departmentNo this.modalData.applicationDepartmentName = data.rows[0].departmentName } }) },
// ======== chooseList相关方法 ========
// 获取基础数据列表S
getBaseList (val, type) { this.tagNo = val this.tagNo1 = type this.$nextTick(() => { let strVal = '' let conSql = '' if (val === 103) { if (type === 1) { strVal = this.modalData.applicantId } else if (type === 3) { strVal = this.costImpactData.productionProductExecutor } else if (type === 4) { strVal = this.costImpactData.inventoryProductExecutor } else if (type === 5) { strVal = this.costImpactData.affectedExecutor } else if (type === 7) { strVal = this.tempExecutorRow.executor } } if (val === 133) { strVal = this.tempPartRow.newPartNo } if (val === 2005) { strVal = this.modalData.tpEngineerId conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2006) { strVal = this.modalData.industrialEngineerId conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2007) { strVal = this.modalData.cqcOperatorId conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2008) { strVal = this.modalData.faiOperatorId conSql = " and b.site = '" + this.$store.state.user.site + "'" } this.$refs.baseList.init(val, strVal, conSql) }) },
// 列表方法的回调
getBaseData (val) { if (this.tagNo === 103) { if (this.tagNo1 === 1) { this.modalData.applicantId = val.username this.modalData.applicantName = val.user_display this.getDepartmentByUserName() } else if (this.tagNo1 === 3) { this.costImpactData.productionProductExecutor = val.username this.costImpactData.productionProductExecutorName = val.user_display //this.$set(this.costImpactData,'productionProductExecutorName',val.user_display)
} else if (this.tagNo1 === 4) { this.costImpactData.inventoryProductExecutor = val.username this.costImpactData.inventoryProductExecutorName = val.user_display //this.$set(this.costImpactData,'inventoryProductExecutorName',val.user_display)
} else if (this.tagNo1 === 5) { this.costImpactData.affectedExecutor = val.username this.costImpactData.affectedExecutorName = val.user_display //this.$set(this.costImpactData,'affectedExecutorName',val.user_display)
} else if (this.tagNo1 === 7) { this.$set(this.tempExecutorRow,'executor',val.username) } } if (this.tagNo === 133) { //this.tempPartRow.newPartNo = val.part_no
this.$set(this.tempPartRow,'newPartNo',val.part_no) } if (this.tagNo === 2005) { this.modalData.tpEngineerId = val.username this.modalData.tpEngineerName = val.user_display } if (this.tagNo === 2006) { this.modalData.industrialEngineerId = val.username this.modalData.industrialEngineerName = val.user_display } if (this.tagNo === 2007) { this.modalData.cqcOperatorId = val.username this.modalData.cqcOperatorName = val.user_display } if (this.tagNo === 2008) { this.modalData.faiOperatorId = val.username this.modalData.faiOperatorName = val.user_display } },
// ======== 导出相关方法 ========
/** * 导出excel */ async createExportData () { this.searchData.limit = -1 this.searchData.page = 1 await changeRecordSearch(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 },
rowStyle ({row}) { if (this.currentRow.changeNo === row.changeNo) { return { 'background-color': '#E8F7F6', cursor: 'pointer' }; } }, } }</script>
<style scoped lang="scss">/deep/ .customer-tab .el-tabs__content { padding: 0px !important;}.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>
|
