|
|
<template> <div class="mod-config"> <!-- 查询条件 --> <el-form :inline="true" label-position="top" :model="searchData"> <el-form-item label="序列号"> <el-input v-model="searchData.referenceNo" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="单据状态"> <el-select v-model="searchData.status" clearable style="width: 120px"> <el-option label="草稿" value="草稿"></el-option> <el-option label="审批中" value="审批中"></el-option> <el-option label="已完成" value="已完成"></el-option> </el-select> </el-form-item> <el-form-item label="节点审批人"> <el-input v-model="searchData.currentApprover" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="当前节点"> <el-select v-model="searchData.nodeId" placeholder="请选择节点" clearable style="width: 120px"> <el-option v-for="option in nodeOptions" :key="option.id" :label="option.name" :value="option.id"> </el-option> </el-select> </el-form-item> <el-form-item :label="' '"> <el-button v-if="authSearch" @click="getDataList">查询</el-button> <el-button v-if="authUpdate" @click="addOrUpdateHandle()">新增</el-button> <el-button v-if="authDelete" type="danger" @click="deleteHandle()">删除</el-button> <download-excel v-if="authSearch" :fields="exportFieldMap" :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', {'is-loading': exportLoading}]"> <i v-if="exportLoading" class="el-icon-loading"></i> <span>{{ "导出" }}</span> </download-excel> <el-button v-if="authSearch" @click="searchHandle()">搜索</el-button> </el-form-item> </el-form>
<!-- 列表 --> <el-table ref="rohsTable" :height="height" :data="dataList" border :row-style="rowStyle" @row-click="changeClickRow" @current-change="currentChange" @selection-change="dataListSelectionChange" v-loading="dataListLoading" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <el-table-column prop="referenceNo" header-align="center" align="center" label="序列号" width="165"></el-table-column> <el-table-column prop="status" header-align="center" align="center" label="单据状态" width="120"></el-table-column> <el-table-column prop="nodeId" header-align="center" align="center" label="当前节点ID" width="130"></el-table-column> <el-table-column prop="nodeName" header-align="center" align="center" label="当前节点" width="150"></el-table-column> <el-table-column prop="currentApprover" header-align="center" align="center" label="当前节点审批人" width="170"></el-table-column> <el-table-column prop="applicant" header-align="center" align="center" label="申请人编码" width="130"></el-table-column> <el-table-column prop="applicantName" header-align="center" align="center" label="申请人名称" width="150"></el-table-column> <el-table-column prop="pm" header-align="center" align="center" label="PM编码" width="130"></el-table-column> <el-table-column prop="pmName" header-align="center" align="center" label="PM名称" width="150"></el-table-column> <el-table-column prop="applicationDate" header-align="center" align="center" label="申请日期" width="165"></el-table-column> <el-table-column prop="plannedMassProductionDate" header-align="center" align="center" label="计划转量产时间" width="165"> <template slot-scope="scope"> <span>{{ normalizeDateOnly(scope.row.plannedMassProductionDate) }}</span> </template> </el-table-column> <el-table-column prop="process" header-align="center" align="center" label="工艺" width="120"></el-table-column> <el-table-column prop="color" header-align="center" align="center" label="颜色" width="120"></el-table-column> <el-table-column prop="vendorCode" header-align="center" align="center" label="供应商" width="160"></el-table-column> <el-table-column prop="vendorMaterialCode" header-align="center" align="center" label="供应商材料编码" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="materialClassify" header-align="center" align="center" label="材料分类" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="otherMaterialClassify" header-align="center" align="center" label="其他材料分类" width="210" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="materialUseFor" header-align="center" align="center" label="辅材用途" width="180" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="endCustomer" header-align="center" align="center" label="最终客户编码" width="160"></el-table-column> <el-table-column prop="endCustomerName" header-align="center" align="center" label="最终客户名称" width="180"></el-table-column> <el-table-column prop="projectId" header-align="center" align="center" label="项目编码" width="140"></el-table-column> <el-table-column prop="projectName" header-align="center" align="center" label="项目名称" width="180"></el-table-column> <el-table-column prop="commGroup1" header-align="center" align="center" label="商品组1编码" width="170"></el-table-column> <el-table-column prop="commGroup1Desc" header-align="center" align="center" label="商品组1名称" width="170"></el-table-column> <el-table-column prop="commGroup2" header-align="center" align="center" label="商品组2编码" width="170"></el-table-column> <el-table-column prop="commGroup2Desc" header-align="center" align="center" label="商品组2名称" width="170"></el-table-column> <el-table-column prop="commGroup3" header-align="center" align="center" label="商品组3编码" width="170"></el-table-column> <el-table-column prop="commGroup3Desc" header-align="center" align="center" label="商品组3名称" width="170"></el-table-column> <el-table-column prop="needCreateNumber" header-align="center" align="center" label="需创建内部编号" width="200"></el-table-column> <el-table-column prop="npdEngineer" header-align="center" align="center" label="NPD工程师编码" width="170"></el-table-column> <el-table-column prop="npdEngineerName" header-align="center" align="center" label="NPD工程师名称" width="170"></el-table-column> <el-table-column prop="materialValidityTime" header-align="center" align="center" label="材料有效期" width="200"></el-table-column> <el-table-column prop="needDeviation" header-align="center" align="center" label="是否需偏差许可" width="190"></el-table-column> <el-table-column prop="technicalPlan" header-align="center" align="center" label="技术计划编码" width="170"></el-table-column> <el-table-column prop="technicalPlanName" header-align="center" align="center" label="技术计划名称" width="170"></el-table-column> <el-table-column prop="buyer" header-align="center" align="center" label="采购编码" width="130"></el-table-column> <el-table-column prop="buyerName" header-align="center" align="center" label="采购名称" width="130"></el-table-column> <el-table-column prop="expectReportTime" header-align="center" align="center" label="预计提供报告时间(一个月内)" width="200"> <template slot-scope="scope"> <span>{{ normalizeDateOnly(scope.row.expectReportTime) }}</span> </template> </el-table-column> <el-table-column prop="sgsReportNumber" header-align="center" align="center" label="SGS报告编号" width="190" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="expiredDate" header-align="center" align="center" label="报告日期" width="165"></el-table-column> <el-table-column prop="validUntilDisplay" header-align="center" align="center" label="有效期" width="170" :show-overflow-tooltip="true"> <template slot-scope="scope"> <span>{{ getValidUntilDisplay(scope.row.validUntilValue, scope.row.validUntil) }}</span> </template> </el-table-column> <el-table-column prop="isMeetRohsRequirement" header-align="center" align="center" label="符合RoHS" width="170"></el-table-column> <el-table-column prop="isAhGrade" header-align="center" align="center" label="AH属性" width="140"></el-table-column> <el-table-column prop="hsfSupplierClassification" header-align="center" align="center" label="HSF供应商等级" width="220"></el-table-column> <el-table-column prop="hsfApproverName" header-align="center" align="center" label="HSF审批人" width="240" :show-overflow-tooltip="true"> <template slot-scope="scope"> <span>{{ scope.row.hsfApproverName || scope.row.hsfApprover || '' }}</span> </template> </el-table-column> <el-table-column prop="relatedPeopleName" header-align="center" align="center" label="Inform Related people" width="200" :show-overflow-tooltip="true"> <template slot-scope="scope"> <span>{{ scope.row.relatedPeopleName || scope.row.relatedPeople || '' }}</span> </template> </el-table-column> <el-table-column prop="isSameMaterialDiffSize" header-align="center" align="center" label="同材不同规格" width="220"></el-table-column> <el-table-column prop="ifsPartNo" header-align="center" align="center" label="IFS编号" width="150"></el-table-column> <el-table-column prop="remark" header-align="center" align="center" label="备注" width="220" :show-overflow-tooltip="true"></el-table-column> <el-table-column fixed="right" header-align="center" align="center" width="130" label="操作"> <template slot-scope="scope"> <el-link v-if="authUpdate && scope.row.status !== '已完成'" style="cursor: pointer" @click="addOrUpdateHandle(scope.row)">编辑</el-link> <el-link v-if="authUpdate && scope.row.status === '已完成'" style="cursor: pointer" @click="addOrUpdateHandle(scope.row)">详情</el-link> <el-link v-if="authIssue && scope.row.status === '草稿'" style="cursor: pointer; margin-left: 10px;" @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="modalTitle" :visible.sync="modalFlag" width="1012px" top="4vh" v-drag :close-on-click-modal="false" :showClose="false">
<el-tabs tab-position="left" type="border-card" v-model="activeName" style="width: 100%;height: 770px;"> <!-- 基本信息 --> <el-tab-pane label="基本信息" name="basicInfo"> <div style="height: 755px"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('applicant')" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人/Reference No.</a></span> <span v-else slot="label">申请人/Reference No.</span> <el-input v-model="modalData.applicant" @blur="applicantBlur(103)" :disabled="isRohsFieldDisabled('applicant')" style="width: 100px"></el-input> <el-input v-model="modalData.applicantName" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item label="申请日期/Date"> <el-date-picker v-model="modalData.applicationDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('applicationDate')" style="width: 150px" :editable=false></el-date-picker> </el-form-item> <el-form-item label="Site"> <el-input v-model="modalData.site" disabled style="width: 95px"></el-input> </el-form-item> <el-form-item label="工艺/Process"> <dict-data-select v-model="modalData.process" clearable @change="handleProcessChange" :disabled="isProcessFieldDisabled()" style="width: 121px" dict-type="rohs_process"></dict-data-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item> <span slot="label" v-if="!modalData.endCustomerFlag && !isRohsFieldDisabled('endCustomer')" @click="getBaseList(102, 1)"><a herf="#">最终客户/End Customer</a></span> <span slot="label" v-else>最终客户/End Customer</span> <el-input :disabled="modalData.endCustomerFlag || isRohsFieldDisabled('endCustomer')" readonly v-model="modalData.endCustomer" @blur="handleQueryCustomer" style="width: 100px"></el-input> <el-input disabled v-model="modalData.endCustomerName" style="width: 155px"></el-input> </el-form-item> <el-form-item> <span slot="label" v-if="!modalData.projectIdFlag && !isRohsFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目编码/Project</a></span> <span slot="label" v-else>项目编码/Project</span> <el-input :disabled="modalData.projectIdFlag || isRohsFieldDisabled('projectId')" readonly v-model="modalData.projectId" @blur="handleQueryProjectByCustomer" style="width: 100px"></el-input> <el-input disabled v-model="modalData.projectName" style="width: 155px"></el-input> </el-form-item> <el-form-item label="WM所需求规格/The size that WM need"> <el-input v-model="modalData.wmRequiredSpec" :disabled="isRohsFieldDisabled('wmRequiredSpec')" style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="供应商/Vendor Code"> <el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 396px"></el-input> </el-form-item> <el-form-item label="供应商材料编码/Vendor Material Code"> <el-input v-model="modalData.vendorMaterialCode" :disabled="isRohsFieldDisabled('vendorMaterialCode')" style="width: 396px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="材料分类/Material Classify"> <dict-data-select class="rohs-multiple-two-rows" v-model="modalData.materialClassifyList" multiple :title="getMultipleSelectTitle(modalData.materialClassifyList)" :disabled="isRohsFieldDisabled('materialClassify')" style="width: 532px" dict-type="rohs_material_classify"></dict-data-select> </el-form-item> <el-form-item label="其他分类/Other Material Classify" v-if="modalData.materialClassifyList && modalData.materialClassifyList.includes('Other其他')"> <el-input v-model="modalData.otherMaterialClassify" :disabled="isRohsFieldDisabled('otherMaterialClassify')" style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px"> <el-form-item label="辅材用途/Assiaccessorial Material Use for"> <el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 259px"></el-input> </el-form-item> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('technicalPlan')" slot="label" @click="getBaseList(2001, 4)"><a herf="#">技术计划/TP</a></span> <span v-else slot="label">技术计划/TP</span> <el-input v-model="modalData.technicalPlan" @blur="technicalPlanBlur(2001)" :disabled="isRohsFieldDisabled('technicalPlan')" style="width: 100px"></el-input> <el-input v-model="modalData.technicalPlanName" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('pm')" slot="label" @click="getBaseList(2054, 5)"><a herf="#">PM人员/PM</a></span> <span v-else slot="label">PM人员/PM</span> <el-input v-model="modalData.pm" @blur="pmBlur(2054)" :disabled="isRohsFieldDisabled('pm')" style="width: 100px"></el-input> <el-input v-model="modalData.pmName" disabled style="width: 156px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="颜色/Color"> <el-input v-model="modalData.color" :disabled="isRohsFieldDisabled('color')" style="width: 532px"></el-input> </el-form-item> <el-form-item label="计划转量产时间/Planned Mass Production Date"> <el-date-picker v-model="modalData.plannedMassProductionDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('plannedMassProductionDate')" style="width: 260px" :editable=false></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup1')" slot="label" @click="getBaseList(110)"><a herf="#">商品组1/Comm Group 1</a></span> <span v-else slot="label">商品组1/Comm Group 1</span> <el-input v-model="modalData.commGroup1" @change="commGroup1Blur(110)" :disabled="isRohsFieldDisabled('commGroup1')" style="width: 100px"></el-input> <el-input v-model="modalData.commGroup1Desc" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup2')" slot="label" @click="getBaseList(111)"><a herf="#">商品组2/Comm Group 2</a></span> <span v-else slot="label">商品组2/Comm Group 2</span> <el-input v-model="modalData.commGroup2" @change="commGroup2Blur(111)" :disabled="isRohsFieldDisabled('commGroup2')" style="width: 100px"></el-input> <el-input v-model="modalData.commGroup2Desc" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup3')" slot="label" @click="getBaseList(130)"><a herf="#">商品组3/Comm Group 3</a></span> <span v-else slot="label">商品组3/Comm Group 3</span> <el-input v-model="modalData.commGroup3" @change="commGroup3Blur(130)" :disabled="isRohsFieldDisabled('commGroup3')" style="width: 100px"></el-input> <el-input v-model="modalData.commGroup3Desc" disabled style="width: 156px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="是否是Fiber材料"> <el-radio-group v-model="modalData.isFiberMaterial" :disabled="isRohsFieldDisabled('isFiberMaterial')" style="width: 145px"> <el-radio label="Y" @click.native.prevent="radioClick('isFiberMaterial', 'Y')">是</el-radio> <el-radio label="N" @click.native.prevent="radioClick('isFiberMaterial', 'N')">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="是否需要创建300/700/900号/Dose Need Create 300/700/900 Number"> <el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 374px"> <el-radio label="Y" @click.native.prevent="radioClick('needCreateNumber', 'Y')">是</el-radio> <el-radio label="N" @click.native.prevent="radioClick('needCreateNumber', 'N')">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="材料厚度/Material Thickness"> <el-input v-model="modalData.materialThickness" :disabled="isRohsFieldDisabled('materialThickness')" style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('npdEngineer')" slot="label" @click="getBaseList(2001, 3)"><a herf="#">NPD工程师/NPD Engineer</a></span> <span v-else slot="label">NPD工程师/NPD Engineer</span> <el-input v-model="modalData.npdEngineer" @blur="npdEngineerBlur(2001)" :disabled="isRohsFieldDisabled('npdEngineer')" style="width: 100px"></el-input> <el-input v-model="modalData.npdEngineerName" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item label="是否需要Deviation/If need deviation or not"> <el-radio-group v-model="modalData.needDeviation" :disabled="isRohsFieldDisabled('needDeviation')" style="width: 259px"> <el-radio label="Y" @click.native.prevent="radioClick('needDeviation', 'Y')">是</el-radio> <el-radio label="N" @click.native.prevent="radioClick('needDeviation', 'N')">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="材料有效期/Material Validity Time"> <dict-data-select v-model="modalData.materialValidityTime" clearable :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 260px" dict-type="rohs_material_validity_time"></dict-data-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="材料有效期备注/Material Validity Time Comments"> <el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 259px"></el-input> </el-form-item> <el-form-item style="margin-left: -2px"> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('buyer')" slot="label" @click="getBaseList(2000, 2)"><a herf="#">采购/Buyer</a></span> <span v-else slot="label">采购/Buyer</span> <el-input v-model="modalData.buyer" @blur="buyerBlur(2000)" :disabled="isRohsFieldDisabled('buyer')" style="width: 100px"></el-input> <el-input v-model="modalData.buyerName" disabled style="width: 156px"></el-input> </el-form-item> <el-form-item label="预计提供报告时间(一个月内)/Expect Date"> <el-date-picker v-model="modalData.expectReportTime" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('expectReportTime')" style="width: 260px" :editable=false></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="所需审批文件/Qualification Documents needed" > <dict-data-select :key="'qualification-default-' + (modalData.referenceNo || '') + '-' + (isEditMode ? 'edit' : 'add')" class="rohs-multiple-two-rows" v-model="modalData.qualificationDocumentsNeededList" multiple :use-default-value="!isEditMode" :use-type-multi-default-value="!isEditMode" :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 807px" dict-type="rohs_qualification_docs"> </dict-data-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px"> <el-form-item label="测试报告必测项/Test Report including items"> <dict-data-select :key="'test-report-default-' + (modalData.referenceNo || '') + '-' + (isEditMode ? 'edit' : 'add')" class="rohs-multiple-two-rows" v-model="modalData.testReportIncludingItemsList" multiple :use-default-value="!isEditMode" :use-type-multi-default-value="!isEditMode" :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 807px" dict-type="rohs_test_report_items"> </dict-data-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px"> <el-form-item style="display: block;"> <template slot="label"> <span>备注说明/Comments</span> <el-button v-if="authDataEntry" style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;" type="primary" @click="openRohsRemarkDialog">备注</el-button> </template> <el-input type="textarea" :rows="3" v-model="modalData.remark" :disabled="isRohsFieldDisabled('remark')" resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> </div> </el-tab-pane>
<!-- NPD 信息 --> <el-tab-pane label="NPD 信息" name="npdInfo"> <div style="height: 755px; overflow-y: auto;"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form-item label="现有材料不同规格/Same Material Diff Size"> <el-radio-group v-model="modalData.isSameMaterialDiffSize" :disabled="isRohsFieldDisabled('isSameMaterialDiffSize')" style="width: 190px"> <el-radio label="Y" @click.native.prevent="radioClick('isSameMaterialDiffSize', 'Y')">是</el-radio> <el-radio label="N" @click.native.prevent="radioClick('isSameMaterialDiffSize', 'N')">否</el-radio> </el-radio-group> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="材料描述/Material Desc." style="display: block;"> <el-input type="textarea" :rows="3" v-model="modalData.materialDesc" :disabled="isRohsFieldDisabled('materialDesc')" resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 50px"> <el-form-item label="备注说明/NPD Remark" style="display: block;"> <el-input type="textarea" :rows="3" v-model="modalData.npdRemark" :disabled="isRohsFieldDisabled('npdRemark')" resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 50px"> <el-form-item label="内部TDS/Inner TDS" style="display: block;"> <oss-components ref="modalTdsOss" :save-visible="authFileSave" :download-visible="authFileDownLoad" :remove-visible="authFileRemove" :preview-visible="authFilePreview" :disabled="showModalFlag || modalData.status === '已完成'" :enable-upgrade="!showModalFlag && modalData.status !== '已完成'" :require-file-no-rev="true" :auto-file-no="true" :single-upload="true" :row-click-select="true" :show-order-ref2="false" label="序列号" :height="470" style="margin-top: 2px" :columns="tdsFileColumnList" :order-ref1="modalData.site || ''" :order-ref2="modalData.referenceNo || ''" order-ref3="tdsProperty"> </oss-components> </el-form-item> </el-form> </div> </el-tab-pane>
<!-- HSF 填写信息 --> <el-tab-pane label="HSF 填写信息" name="hsfInfo"> <div style="height: 755px"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form-item label="SGS报告编号/SGS Report Number"> <el-input v-model="modalData.sgsReportNumber" :disabled="isRohsFieldDisabled('sgsReportNumber')" style="width: 190px"></el-input> </el-form-item> <el-form-item label="状态/Status"> <el-select v-model="modalData.rohsStatus" clearable :disabled="isRohsFieldDisabled('rohsStatus')" style="width: 190px"> <el-option label="Active" value="Active"></el-option> <el-option label="Dead" value="Dead"></el-option> </el-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="报告日期/Expired Date"> <el-date-picker v-model="modalData.expiredDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('expiredDate')" style="width: 190px" :editable=false></el-date-picker> </el-form-item> <el-form-item label="有效期数值/Valid Until Value"> <el-input-number v-model="modalData.validUntilValue" :controls="false" :min="0" :step="1" :precision="0" :disabled="isValidUntilValueDisabled()" style="width: 190px"> </el-input-number> </el-form-item> <el-form-item label="有效期单位/Valid Until Unit"> <dict-data-select v-model="modalData.validUntil" clearable :disabled="isValidUntilUnitDisabled()" style="width: 190px" dict-type="rohs_valid_until"></dict-data-select> </el-form-item> <el-form-item label="失效日期/Expiry Date"> <el-date-picker v-model="modalData.expiryDate" type="date" value-format="yyyy-MM-dd" disabled style="width: 192px" :editable=false></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="是否符合RoHS/Meet RoHS Req"> <el-radio-group v-model="modalData.isMeetRohsRequirement" :disabled="isRohsFieldDisabled('isMeetRohsRequirement')" style="width: 190px"> <el-radio label="Y" @click.native.prevent="radioClick('isMeetRohsRequirement', 'Y')">是</el-radio> <el-radio label="N" @click.native.prevent="radioClick('isMeetRohsRequirement', 'N')">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label=" "> <el-checkbox v-model="modalData.isAhGrade" true-label="Y" false-label="N" :disabled="isRohsFieldDisabled('isAhGrade')" style="width: 190px">材料属性是否是AH/Is AH Grade</el-checkbox> </el-form-item> <el-form-item label="HSF供应商等级/Supplier Class"> <el-radio-group v-model="modalData.hsfSupplierClassification" :disabled="isRohsFieldDisabled('hsfSupplierClassification')" style="width: 200px"> <el-radio label="A类" @click.native.prevent="radioClick('hsfSupplierClassification', 'A类')">A类</el-radio> <el-radio label="B类" @click.native.prevent="radioClick('hsfSupplierClassification', 'B类')">B类</el-radio> <el-radio label="C类" @click.native.prevent="radioClick('hsfSupplierClassification', 'C类')">C类</el-radio> </el-radio-group> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData"> <el-form-item label="Fiber报告信息/Fiber Information" style="display: block;"> <el-input type="textarea" :rows="3" v-model="modalData.fiberInformation" :disabled="isRohsFieldDisabled('fiberInformation')" resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 45px"> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('hsfApprover')" slot="label" @click="openHsfApproverChooseModal"><a herf="#">HSF审批人/HSF Approver</a></span> <span v-else slot="label">HSF审批人/HSF Approver</span> <el-input v-model="modalData.hsfApproverName" readonly :disabled="isRohsFieldDisabled('hsfApprover')" style="width: 396px" placeholder="请选择人员" @focus="openHsfApproverChooseModal"> <span slot="suffix" v-show="modalData.hsfApproverName && !isRohsFieldDisabled('hsfApprover')" @click.stop="clearHsfApproverSelection"> <i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i> </span> </el-input> </el-form-item> <el-form-item> <span style="cursor: pointer" v-if="!isRohsFieldDisabled('relatedPeople')" slot="label" @click="openRelatedPeopleChooseModal"><a herf="#">Inform Related people</a></span> <span v-else slot="label">Inform Related people</span> <el-input v-model="modalData.relatedPeopleName" readonly :disabled="isRohsFieldDisabled('relatedPeople')" style="width: 396px" placeholder="请从HSF审批人中选择" @focus="openRelatedPeopleChooseModal"> <span slot="suffix" v-show="modalData.relatedPeopleName && !isRohsFieldDisabled('relatedPeople')" @click.stop="clearRelatedPeopleSelection"> <i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i> </span> </el-input> </el-form-item> </el-form> <el-form v-if="shouldShowHsfStandard(modalData.endCustomer)" :inline="true" label-position="top" :model="modalData" style="margin-top: 0px"> <el-form-item label="HSF标准/HSF Standard" style="display: block;"> <el-input type="textarea" :rows="3" v-model="modalData.hsfStandard" :disabled="isRohsFieldDisabled('hsfStandard')" resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> </div> </el-tab-pane>
<!-- 材料信息 --> <el-tab-pane label="材料信息" name="materialInfo"> <div style="height: 755px"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -15px;"> <el-form-item label=" "> <el-button type="primary" v-if="!showModalFlag && canEditRohsMaterial()" @click="openProjectMaterialDialog">新增材料</el-button> <el-button type="danger" v-if="!showModalFlag && canEditRohsMaterial()" @click="removeSelectedMaterialRows">删除材料</el-button> </el-form-item> </el-form> <el-table ref="rohsMaterialTable" class="rohs-material-table" border :data="modalData.materialList" @selection-change="materialSelectionChange" :header-cell-style="materialDialogHeaderCellStyle" :height="705" style="width: 100%"> <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <el-table-column type="index" label="序号" width="50" header-align="center" align="center"></el-table-column> <el-table-column prop="finalPartNo" label="IFS物料编码/Final Part No." min-width="150" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partDesc" label="描述/Part Desc." min-width="250" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partStatus" label="状态/Part Status" min-width="100" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> </el-table> </div> </el-tab-pane>
<el-tab-pane label="附件信息" name="attachmentInfo"> <div style="height: 755px"> <oss-components ref="modalAttachmentOss" :save-visible="authFileSave" :download-visible="authFileDownLoad" :remove-visible="authFileRemove" :preview-visible="authFilePreview" :row-click-select="true" :disabled="modalData.status === '已完成'" label="序列号" :height="705" style="margin-top: 2px" :columns="fileColumnList" :order-ref1="modalData.site || ''" :order-ref2="modalData.referenceNo || ''" order-ref3="rohsAttachment"> </oss-components> </div> </el-tab-pane> </el-tabs>
<el-footer style="height:35px;margin-top: 15px;text-align:center"> <el-button type="primary" v-if="canSaveAction()" @click="dataFormSubmit()">保存</el-button> <el-button type="primary" @click="handleModalClose">关闭</el-button> <el-button type="primary" v-if="canAgreeAction()" :loading="submitLoading" @click="agreeSubmit">同意</el-button> <el-button type="primary" v-if="canRejectAction()" :loading="submitLoading" @click="openRejectModal">驳回</el-button> </el-footer> </el-dialog>
<!--选择项目模态框--> <el-dialog title="选择-项目" :close-on-click-modal="false" @close="closeProjectInfoDialog" @open="searchProjectInfoList" :visible.sync="chooseProjectListFlag" width="35%"> <el-form label-position="top" :model="searchProjectData" ref="closeProjectInfoForm"> <el-row :gutter="10"> <el-col :span="6"> <el-form-item label="项目号"> <el-input v-model="searchProjectData.projectId"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="项目名称"> <el-input v-model="searchProjectData.projectName"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label=" "> <el-button type="primary" @click="searchProjectInfoList">查询</el-button> </el-form-item> </el-col> </el-row> <el-table :height="223" :data="projectList" border @row-click="projectClickRow"> <el-table-column label="项目号" prop="projectId"/> <el-table-column label="项目名称" prop="projectName"/> </el-table> </el-form> <el-footer style="height:35px;margin-top: 10px;text-align:center"> <el-button type="primary" @click="chooseProjectListFlag = false">关闭</el-button> </el-footer> </el-dialog>
<el-dialog title="选择物料" top="15vh" width="50%" :close-on-click-modal="false" v-drag :visible.sync="projectMaterialDialogFlag"> <el-form :inline="true" label-position="top" :model="projectMaterialSearchData"> <el-form-item label="IFS物料编码/Final Part No."> <el-input v-model="projectMaterialSearchData.finalPartNo" clearable style="width: 150px"></el-input> </el-form-item> <el-form-item label="描述/Part Desc"> <el-input v-model="projectMaterialSearchData.partDesc" clearable style="width: 200px"></el-input> </el-form-item> <el-form-item label="状态/Part Status"> <el-input v-model="projectMaterialSearchData.partStatus" clearable style="width: 100px"></el-input> </el-form-item> <el-form-item label=" "> <el-button type="primary" @click="searchProjectMaterialList">查询</el-button> </el-form-item> </el-form> <el-table ref="projectMaterialTable" class="rohs-material-table" border v-loading="projectMaterialLoading" :data="projectMaterialList" @selection-change="projectMaterialSelectionChange" :header-cell-style="materialDialogHeaderCellStyle" :height="320" style="width: 100%"> <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <el-table-column prop="finalPartNo" label="IFS物料编码/Final Part No." min-width="120" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partDesc" label="描述/Part Desc." min-width="250" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partStatus" label="状态/Part Status" min-width="80" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> </el-table> <el-pagination style="margin-top: 10px" @size-change="projectMaterialSizeChangeHandle" @current-change="projectMaterialCurrentChangeHandle" :current-page="projectMaterialPageIndex" :page-sizes="[20, 50, 100]" :page-size="projectMaterialPageSize" :total="projectMaterialTotal" layout="total, sizes, prev, pager, next, jumper"> </el-pagination> <el-footer style="height:35px;margin-top: 10px;text-align:center"> <el-button type="primary" @click="confirmProjectMaterialSelection">确定</el-button> <el-button type="primary" @click="projectMaterialDialogFlag = false">关闭</el-button> </el-footer> </el-dialog>
<el-dialog title="人员选择" @open="openHsfApproverDialog" @close="closeHsfApproverDialog" v-drag :visible.sync="hsfApproverFlag" width="40vw" :close-on-click-modal="false"> <el-form :inline="true" label-position="top" :model="hsfApproverSearchData"> <el-form-item label="编码"> <el-input v-model="hsfApproverSearchData.operatorId" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="名称"> <el-input v-model="hsfApproverSearchData.operatorName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label=" "> <el-button type="primary" @click="filterHsfApproverOptions">查询</el-button> </el-form-item> </el-form> <el-table v-if="hsfApproverFlag" :height="300" :data="hsfApproverDisplayList" @selection-change="handleHsfApproverSelectionChange" @row-click="(row,column,event) => handleHsfApproverTableClick(row,column,event,'hsfApproverTable')" ref="hsfApproverTable" border row-key="operatorId" style="width: 100%;"> <el-table-column type="selection" header-align="center" align="center" :reserve-selection="true" width="50"> </el-table-column> <el-table-column label="编码" property="operatorId" align="left" header-align="center"/> <el-table-column label="名称" property="operatorName" align="left" header-align="center"/> </el-table> <el-footer style="height:40px;margin-top: 20px;text-align:center"> <el-button type="primary" @click="saveHsfApproverChooseModal">确定</el-button> <el-button type="primary" @click="hsfApproverFlag = false">关闭</el-button> </el-footer> </el-dialog>
<el-dialog title="人员选择" @open="openRelatedPeopleDialog" @close="closeRelatedPeopleDialog" v-drag :visible.sync="relatedPeopleFlag" width="40vw" :close-on-click-modal="false"> <el-form :inline="true" label-position="top" :model="relatedPeopleSearchData"> <el-form-item label="编码"> <el-input v-model="relatedPeopleSearchData.operatorId" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label="名称"> <el-input v-model="relatedPeopleSearchData.operatorName" clearable style="width: 120px"></el-input> </el-form-item> <el-form-item label=" "> <el-button type="primary" @click="filterRelatedPeopleOptions">查询</el-button> </el-form-item> </el-form> <el-table v-if="relatedPeopleFlag" :height="300" :data="relatedPeopleDisplayList" highlight-current-row @current-change="handleRelatedPeopleCurrentChange" @row-click="handleRelatedPeopleTableClick" ref="relatedPeopleTable" border style="width: 100%;"> <el-table-column label="编码" property="operatorId" align="left" header-align="center"/> <el-table-column label="名称" property="operatorName" align="left" header-align="center"/> </el-table> <el-footer style="height:40px;margin-top: 20px;text-align:center"> <el-button type="primary" @click="saveRelatedPeopleChooseModal">确定</el-button> <el-button type="primary" @click="relatedPeopleFlag = false">关闭</el-button> </el-footer> </el-dialog>
<el-dialog title="驳回" top="30vh" :close-on-click-modal="false" v-drag :visible.sync="submitModalFlag" width="500px"> <el-form label-position="top"> <el-form-item label="驳回意见/Reject Opinion"> <el-input type="textarea" v-model="rejectOpinion" :rows="3" resize="none" show-word-limit style="width: 479px;height: 30px"></el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top:50px;text-align:center"> <el-button type="primary" :loading="submitLoading" @click="rejectSubmit">确定</el-button> <el-button type="primary" @click="submitModalFlag = false">取消</el-button> </el-footer> </el-dialog>
<el-dialog width="700px" title="备注" :close-on-click-modal="false" :visible.sync="rohsRemarkFlag" v-drag> <el-form label-position="top"> <el-form-item label="备注说明"> <el-input type="textarea" v-model="rohsRemarkForm.remark" :rows="6" maxlength="255" show-word-limit resize="none"> </el-input> </el-form-item> </el-form> <el-footer style="height:35px;margin-top:110px;text-align:center"> <el-button type="primary" @click="refreshRohsRemark">刷新</el-button> <el-button type="primary" @click="saveRohsRemark">保存</el-button> <el-button type="primary" @click="rohsRemarkFlag = false">取消</el-button> </el-footer> </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="basicInfo"> <div :style="{height: secondHeight + 'px'}" style="margin-left: 5px;margin-top: 5px; overflow-y: auto;"> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item> <span slot="label">申请人/Reference No.</span> <el-input :value="currentRow.applicant || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.applicantName || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item label="申请日期/Date"> <el-date-picker :value="currentRow.applicationDate" disabled type="date" value-format="yyyy-MM-dd" style="width: 150px"></el-date-picker> </el-form-item> <el-form-item label="Site"> <el-input :value="currentRow.site || ''" disabled style="width: 95px"></el-input> </el-form-item> <el-form-item label="工艺/Process"> <el-input :value="currentRow.process || ''" disabled style="width: 121px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item> <span slot="label">最终客户/End Customer</span> <el-input :value="currentRow.endCustomer || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.endCustomerName || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span slot="label">项目编码/Project</span> <el-input :value="currentRow.projectId || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.projectName || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item label="WM所需求规格/The size that WM need"> <el-input :value="currentRow.wmRequiredSpec || ''" disabled style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="供应商/Vendor Code"> <el-input :value="currentRow.vendorCode || ''" disabled style="width: 396px"></el-input> </el-form-item> <el-form-item label="供应商材料编码/Vendor Material Code"> <el-input :value="currentRow.vendorMaterialCode || ''" disabled style="width: 396px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="材料分类/Material Classify"> <el-input type="textarea" :rows="2" resize="none" :value="currentRow.materialClassify || ''" disabled style="width: 532px"></el-input> </el-form-item> <el-form-item label="其他分类/Other Material Classify" v-if="currentRow.materialClassify && currentRow.materialClassify.includes('Other其他')"> <el-input :value="currentRow.otherMaterialClassify || ''" disabled style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 30px"> <el-form-item label="辅材用途/Assiaccessorial Material Use for"> <el-input :value="currentRow.materialUseFor || ''" disabled style="width: 259px"></el-input> </el-form-item> <el-form-item> <span slot="label">技术计划/TP</span> <el-input :value="currentRow.technicalPlan || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.technicalPlanName || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span slot="label">PM人员/PM</span> <el-input :value="currentRow.pm || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.pmName || ''" disabled style="width: 156px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="颜色/Color"> <el-input :value="currentRow.color || ''" disabled style="width: 532px"></el-input> </el-form-item> <el-form-item label="计划转量产时间/Planned Mass Production Date"> <el-date-picker :value="normalizeDateOnly(currentRow.plannedMassProductionDate)" disabled type="date" value-format="yyyy-MM-dd" style="width: 260px"></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item> <span slot="label">商品组1/Comm Group 1</span> <el-input :value="currentRow.commGroup1 || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.commGroup1Desc || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span slot="label">商品组2/Comm Group 2</span> <el-input :value="currentRow.commGroup2 || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.commGroup2Desc || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item> <span slot="label">商品组3/Comm Group 3</span> <el-input :value="currentRow.commGroup3 || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.commGroup3Desc || ''" disabled style="width: 156px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="是否是Fiber材料"> <el-radio-group :value="currentRow.isFiberMaterial" disabled style="width: 145px"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="是否需要创建300/700/900号/Dose Need Create 300/700/900 Number"> <el-radio-group :value="currentRow.needCreateNumber" disabled style="width: 374px"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="材料厚度/Material Thickness"> <el-input :value="currentRow.materialThickness || ''" disabled style="width: 260px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item> <span slot="label">NPD工程师/NPD Engineer</span> <el-input :value="currentRow.npdEngineer || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.npdEngineerName || ''" disabled style="width: 155px"></el-input> </el-form-item> <el-form-item label="是否需要Deviation/If need deviation or not"> <el-radio-group :value="currentRow.needDeviation" disabled style="width: 259px"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label="材料有效期/Material Validity Time"> <dict-data-select :value="currentRow.materialValidityTime || ''" :use-default-value="false" disabled style="width: 260px" dict-type="rohs_material_validity_time"></dict-data-select> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="材料有效期备注/Material Validity Time Comments"> <el-input :value="currentRow.materialValidityComments || ''" disabled style="width: 259px"></el-input> </el-form-item> <el-form-item style="margin-left: -2px"> <span slot="label">采购/Buyer</span> <el-input :value="currentRow.buyer || ''" disabled style="width: 100px"></el-input> <el-input :value="currentRow.buyerName || ''" disabled style="width: 156px"></el-input> </el-form-item> <el-form-item label="预计提供报告时间(一个月内)/Expect Date"> <el-date-picker :value="normalizeDateOnly(currentRow.expectReportTime)" disabled type="date" value-format="yyyy-MM-dd" style="width: 260px"></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="所需审批文件/Qualification Documents needed"> <el-input type="textarea" :rows="2" resize="none" :value="currentRow.qualificationDocumentsNeeded || ''" disabled style="width: 807px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 30px"> <el-form-item label="测试报告必测项/Test Report including items"> <el-input type="textarea" :rows="2" resize="none" :value="currentRow.testReportIncludingItems || ''" disabled style="width: 807px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 30px"> <el-form-item label="备注说明/Comments" style="display: block;"> <el-input type="textarea" :rows="3" :value="currentRow.remark || ''" disabled resize="none" style="width: 804px;height: 30px"></el-input> </el-form-item> </el-form> </div> </el-tab-pane>
<el-tab-pane label="NPD 信息" name="npdInfo"> <div :style="{height: secondHeight + 'px'}" style="margin-left: 5px;margin-top: 5px; overflow-y: auto;"> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="现有材料不同规格/Same Material Diff Size"> <el-radio-group :value="currentRow.isSameMaterialDiffSize" disabled style="width: 190px"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="材料描述/Material Desc." style="display: block;"><el-input type="textarea" :rows="3" :value="currentRow.materialDesc || ''" disabled resize="none" style="width: 804px;height: 30px"></el-input></el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 50px"> <el-form-item label="备注说明/NPD Remark" style="display: block;"><el-input type="textarea" :rows="3" :value="currentRow.npdRemark || ''" disabled resize="none" style="width: 804px;height: 30px"></el-input></el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 50px"> <el-form-item label="内部TDS/Inner TDS" style="display: block;"> <oss-components ref="bottomTdsOss" :save-visible="authFileSave" :download-visible="authFileDownLoad" :remove-visible="authFileRemove" :preview-visible="authFilePreview" :disabled="true" label="序列号" :height="180" style="margin-top: 2px" :columns="tdsFileColumnList" :order-ref1="currentRow.site || ''" :order-ref2="currentRow.referenceNo || ''" order-ref3="tdsProperty"> </oss-components> </el-form-item> </el-form> </div> </el-tab-pane>
<el-tab-pane label="HSF 填写信息" name="hsfInfo"> <div :style="{height: secondHeight + 'px'}" style="margin-left: 5px;margin-top: 5px; overflow-y: auto;"> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="SGS报告编号/SGS Report Number"> <el-input :value="currentRow.sgsReportNumber || ''" disabled style="width: 190px"></el-input> </el-form-item> <el-form-item label="状态/Status"> <el-input :value="currentRow.rohsStatus || ''" disabled style="width: 190px"></el-input> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="报告日期/Expired Date"> <el-date-picker :value="currentRow.expiredDate" disabled type="date" value-format="yyyy-MM-dd" style="width: 190px"></el-date-picker> </el-form-item> <el-form-item label="有效期数值/Valid Until Value"> <el-input :value="currentRow.validUntilValue || ''" disabled style="width: 190px"></el-input> </el-form-item> <el-form-item label="有效期单位/Valid Until Unit"> <el-input :value="currentRow.validUntil || ''" disabled style="width: 190px"></el-input> </el-form-item> <el-form-item label="失效日期/Expiry Date"> <el-date-picker :value="currentRow.expiryDate" disabled type="date" value-format="yyyy-MM-dd" style="width: 192px"></el-date-picker> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="是否符合RoHS/Meet RoHS Req"> <el-radio-group :value="currentRow.isMeetRohsRequirement" disabled style="width: 190px"> <el-radio label="Y">是</el-radio> <el-radio label="N">否</el-radio> </el-radio-group> </el-form-item> <el-form-item label=" "> <el-checkbox :value="currentRow.isAhGrade" true-label="Y" false-label="N" disabled style="width: 190px">材料属性是否是AH/Is AH Grade</el-checkbox> </el-form-item> <el-form-item label="HSF供应商等级/Supplier Class"> <el-radio-group :value="currentRow.hsfSupplierClassification" disabled style="width: 200px"> <el-radio label="A类">A类</el-radio> <el-radio label="B类">B类</el-radio> <el-radio label="C类">C类</el-radio> </el-radio-group> </el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow"> <el-form-item label="Fiber报告信息/Fiber Information" style="display: block;"><el-input type="textarea" :rows="3" :value="currentRow.fiberInformation || ''" disabled resize="none" style="width: 804px;height: 30px"></el-input></el-form-item> </el-form> <el-form :inline="true" label-position="top" :model="currentRow" style="margin-top: 45px"> <el-form-item label="HSF审批人/HSF Approver"><el-input :value="currentRow.hsfApproverName || currentRow.hsfApprover || ''" disabled style="width: 396px"></el-input></el-form-item> <el-form-item label="Inform Related people"><el-input :value="currentRow.relatedPeopleName || currentRow.relatedPeople || ''" disabled style="width: 396px"></el-input></el-form-item> </el-form> <el-form v-if="shouldShowHsfStandard(currentRow.endCustomer)" :inline="true" label-position="top" :model="currentRow" style="margin-top: 0px"> <el-form-item label="HSF标准/HSF Standard" style="display: block;"><el-input type="textarea" :rows="3" :value="currentRow.hsfStandard || ''" disabled resize="none" style="width: 804px;height: 30px"></el-input></el-form-item> </el-form> </div> </el-tab-pane>
<el-tab-pane label="材料信息" name="materialInfo"> <div :style="{height: secondHeight + 'px'}" style="overflow-y: auto;"> <el-table class="rohs-material-table" border :data="currentRow.materialList || []" :height="secondHeight" style="width: 100%"> <el-table-column type="index" label="序号" width="50" header-align="center" align="center"></el-table-column> <el-table-column prop="finalPartNo" label="IFS物料编码/Final Part No." min-width="150" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partDesc" label="描述/Part Desc." min-width="250" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="partStatus" label="状态/Part Status" min-width="100" header-align="center" align="left" :show-overflow-tooltip="true"></el-table-column> </el-table> </div> </el-tab-pane>
<el-tab-pane label="附件信息" name="attachment"> <oss-components ref="bottomAttachmentOss" :save-visible="authFileSave" :download-visible="authFileDownLoad" :remove-visible="authFileRemove" :preview-visible="authFilePreview" :disabled="currentRow.status === '已完成'" label="序列号" :height="secondHeight - 25" style="margin-top: 2px" :columns="fileColumnList" :order-ref1="currentRow.site" :order-ref2="currentRow.referenceNo" order-ref3="rohsAttachment"> </oss-components> </el-tab-pane> <el-tab-pane label="审批信息" name="approvalInformation"> <approval-information v-model:data-list="approvalList" :height="secondHeight"></approval-information> </el-tab-pane> </el-tabs> <ChooseList ref="baseList" @getBaseData="getBaseData"></ChooseList> <filter-search :visible.sync="filterVisible" @search="queryByAnyField"></filter-search> </div></template>
<script>import * as api from '@/api/rohs/rohs'import { checkSuperAdmin } from "@/api/changeManagement/changeManagement"import { verifyData } from "@/api/chooselist/chooselist.js"import { searchProjectInfoList } from "@/api/quotation/quotationInformation.js"import { queryCustomer } from "@/api/customer/customerInformation"import { queryProjectByCustomer } from "@/api/project/project"import uploadFileList from '../common/uploadFileList'import ossComponents from '../oss/ossComponents.vue'import ChooseList from '@/views/modules/common/Chooselist'import DictDataSelect from "../sys/dict-data-select.vue"import ApprovalInformation from "../changeManagement/approvalInformation.vue"import FilterSearch from "../../common/filterSearch.vue"
export default { components: { uploadFileList, ossComponents, ChooseList, DictDataSelect, ApprovalInformation, FilterSearch }, data () { return { searchData: { site: this.$store.state.user.site, referenceNo: '', status: '', currentApprover: '', nodeId: '' }, exportLoading: false, exportData: [], exportFieldMap: {}, exportName: '', exportHeader: ['RoHs记录'], exportFooter: [], resultList: [], dataList: [], pageIndex: 1, pageSize: 20, totalPage: 0, dataListLoading: false,
activeTable: 'basicInfo', menuId: '112001', authSearch: false, authUpdate: false, authIssue: false, authSubmit: false, authReject: false, authFileSave: false, authFileDownLoad: false, authFileRemove: false, authFilePreview: false, authDataEntry: false, authDelete: false, superAdmin: false, createBy2: this.$store.state.user.name, height: 400, secondHeight: 200, currentRow: {}, fileColumnList: [ { columnProp: 'fileName', headerAlign: 'center', align: 'center', columnLabel: '文件名称', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 140 }, { columnProp: 'fileRemark', headerAlign: 'center', align: 'center', columnLabel: '备注', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 200 }, { columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '上传时间', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 150 }, { columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '上传人', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 120 } ], tdsFileColumnList: [ { columnProp: 'fileNo', headerAlign: 'center', align: 'center', columnLabel: '文件编码', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 130 }, { columnProp: 'rev', headerAlign: 'center', align: 'center', columnLabel: '版本号', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 90 }, { columnProp: 'fileName', headerAlign: 'center', align: 'center', columnLabel: '文件名称', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 160 }, { columnProp: 'fileRemark', headerAlign: 'center', align: 'center', columnLabel: '备注', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 180 }, { columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '上传时间', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 150 }, { columnProp: 'invalidationTime', headerAlign: 'center', align: 'center', columnLabel: '失效时间', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 150 }, { columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '上传人', columnHidden: false, columnImage: false, columnSortable: false, status: true, fixed: '', columnWidth: 120 } ],
modalFlag: false, chooseProjectListFlag: false, projectMaterialDialogFlag: false, searchProjectData: { site: '', projectId: undefined, projectName: undefined, customerId: undefined, }, projectMaterialSearchData: { finalPartNo: '', partDesc: '', partStatus: '' }, projectMaterialList: [], projectMaterialSelections: [], dataListSelections: [], materialSelections: [], projectMaterialPageIndex: 1, projectMaterialPageSize: 20, projectMaterialTotal: 0, projectMaterialLoading: false, nodeOptions: [], projectList: [], hsfApproverOptionList: [], hsfApproverDisplayList: [], hsfApproverSelectionCache: [], hsfApproverFlag: false, hsfApproverSearchData: { operatorId: '', operatorName: '' }, relatedPeopleOptionList: [], relatedPeopleDisplayList: [], relatedPeopleSelection: null, relatedPeopleFlag: false, relatedPeopleSearchData: { operatorId: '', operatorName: '' }, filterVisible: false, isFilterSearch: false, filterSearchData: {}, approvalList: [], plmRohsAuthorityArr: [], nodeAuthorityLoaded: false, isEditMode: false, modalTitle: 'RoHS 新增', activeName: 'basicInfo', showModalFlag: false, submitModalFlag: false, rohsRemarkFlag: false, rejectOpinion: '', submitLoading: false, rohsRemarkForm: { remark: '' }, hsfStandardDefaultText: 'With the follow environmental specification: Macallan regulated Substances specification(069-0135) /Macallan sustainable fiber specification(099-00532)', modalData: { site: 'DEFAULT', referenceNo: '', applicant: '', pm: '', pmName: '', applicationDate: '', process: '', plannedMassProductionDate: '', color: '', vendorCode: '', vendorMaterialCode: '', materialClassify: '', otherMaterialClassify: '', materialUseFor: '', endCustomer: '', projectId: '', commGroup1: '', commGroup1Desc: '', commGroup2: '', commGroup2Desc: '', commGroup3: '', commGroup3Desc: '', needCreateNumber: '', npdEngineer: '', materialValidityTime: '', materialValidityComments: '', needDeviation: '', technicalPlan: '', wmRequiredSpec: '', isFiberMaterial: '', materialThickness: '', buyer: '', expectReportTime: '', qualificationDocumentsNeeded: '', qualificationDocumentsNeededList: [], testReportIncludingItems: '', testReportIncludingItemsList: [], remark: '', status: '', sgsReportNumber: '', rohsStatus: 'Active', expiredDate: '', expiryDate: '', fiberInformation: '', hsfStandard: '', hsfApprover: '', hsfApproverName: '', hsfApproverCodeList: [], relatedPeople: '', relatedPeopleName: '', buNo: '', validUntilValue: 0, validUntil: '', isMeetRohsRequirement: '', isAhGrade: 'N', hsfSupplierClassification: '', materialDesc: '', npdRemark: '', isSameMaterialDiffSize: '', ifsPartNo: '', materialList: [], stepId: null, rejectFlag: '', rejectStepId: null, createBy2: '', isReject: 'Y', tpProcessControl: 'N', csProcessControl: 'N' } } }, created () { this.menuId = (this.$route.meta && this.$route.meta.menuId) || this.menuId || '112001' this.getButtonAuthData() this.checkSuperAdmin() }, mounted () { this.fetchNodeOptions() if (this.authSearch) { this.getDataList() } this.$nextTick(() => { this.height = window.innerHeight / 2 - 30 /*第二个表格高度的动态调整*/ this.secondHeight = window.innerHeight / 2 - 186 }) }, watch: { activeName (val) { if (val === 'attachmentInfo' || val === 'npdInfo') { this.$nextTick(() => { if (val === 'attachmentInfo') { this.refreshOssRef('modalAttachmentOss') } if (val === 'npdInfo') { this.refreshOssRef('modalTdsOss') } }) } }, 'modalData.expiredDate' () { this.syncExpiryDateByRule() }, 'modalData.validUntilValue' () { this.syncExpiryDateByRule() }, 'modalData.validUntil' () { this.syncExpiryDateByRule() }, 'modalData.endCustomer' () { this.applyHsfStandardDefaultByCustomer(this.modalData) } }, methods: { fetchNodeOptions () { if (!this.searchData.site || !this.menuId) { this.nodeOptions = [] return } let params = { site: this.searchData.site, menuId: this.menuId } api.getNodeList(params).then(({data}) => { if (data && data.code === 0 && Array.isArray(data.rows)) { this.nodeOptions = data.rows .filter(item => item && item.nodeId) .map(item => ({ id: item.nodeId, name: item.nodeName })) } else { this.nodeOptions = [] } }).catch(() => { this.nodeOptions = [] }) }, loadNodeAuthority (site, stepId) { if (!site || stepId === null || stepId === undefined || !this.menuId) { this.plmRohsAuthorityArr = [] this.nodeAuthorityLoaded = true return Promise.resolve() } this.nodeAuthorityLoaded = false let params = { site: site, stepId: stepId, menuId: this.menuId } return api.getRohsNodeAuthority(params).then(({data}) => { if (data && data.code === 0 && data.rows) { this.plmRohsAuthorityArr = data.rows.plm_rohs || [] } else { this.plmRohsAuthorityArr = [] } this.nodeAuthorityLoaded = true }).catch(() => { this.plmRohsAuthorityArr = [] this.nodeAuthorityLoaded = true }) }, rohsFieldFlag (fieldId) { if (!this.plmRohsAuthorityArr || this.plmRohsAuthorityArr.length === 0) { return 'N' } let target = this.plmRohsAuthorityArr.find(item => item.fieldId === fieldId) return target ? target.updateFlag : 'N' }, isRohsFieldDisabled (fieldId) { if (this.showModalFlag) { return true } if (!this.isEditMode) { return false } return this.rohsFieldFlag(fieldId) === 'N' }, isProcessFieldDisabled () { if (this.isEditMode) { return true } return this.isRohsFieldDisabled('process') }, handleProcessChange (value) { const processValue = String(value || '').trim() this.$set(this.modalData, 'process', processValue) this.$set(this.modalData, 'buNo', processValue) if (this.isEditMode) { return } this.clearHsfApproverFields(false) if (!processValue) { return } this.loadHsfApproverByCurrentProcess(true) }, isRohsFieldDisabledWithFallback (primaryFieldId, fallbackFieldId) { if (this.showModalFlag) { return true } if (!this.isEditMode) { return false } const primaryDisabled = this.rohsFieldFlag(primaryFieldId) === 'N' if (!primaryDisabled) { return false } return this.rohsFieldFlag(fallbackFieldId) === 'N' }, isValidUntilValueDisabled () { return this.isRohsFieldDisabledWithFallback('validUntilValue', 'validUntil') }, isValidUntilUnitDisabled () { return this.isRohsFieldDisabledWithFallback('validUntil', 'validUntilValue') }, canEditRohsMaterial () { return !this.showModalFlag }, normalizeDateOnly (value) { if (value === null || value === undefined || value === '') { return '' } if (value instanceof Date && !Number.isNaN(value.getTime())) { const year = value.getFullYear() const month = String(value.getMonth() + 1).padStart(2, '0') const day = String(value.getDate()).padStart(2, '0') return year + '-' + month + '-' + day } const text = String(value).trim() if (!text) { return '' } if (text.includes('T')) { return text.split('T')[0] } return text.length >= 10 ? text.substring(0, 10) : text }, parseDateOnly (value) { const text = this.normalizeDateOnly(value) if (!text) { return null } const parts = text.split('-') if (parts.length !== 3) { return null } const year = Number.parseInt(parts[0], 10) const month = Number.parseInt(parts[1], 10) const day = Number.parseInt(parts[2], 10) if (Number.isNaN(year) || Number.isNaN(month) || Number.isNaN(day)) { return null } const date = new Date(year, month - 1, day) if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) { return null } return date }, normalizeValidUntilUnitType (unitValue) { const text = String(unitValue || '').trim().toLowerCase() if (!text) { return '' } if (text === 'd' || text === 'day' || text === 'days' || text.includes('日')) { return 'day' } if (text === 'w' || text === 'week' || text === 'weeks' || text.includes('周')) { return 'week' } if (text === 'm' || text === 'month' || text === 'months' || text.includes('月')) { return 'month' } if (text === 'y' || text === 'year' || text === 'years' || text.includes('年')) { return 'year' } return '' }, addMonthsKeepDay (baseDate, monthDelta) { const year = baseDate.getFullYear() const month = baseDate.getMonth() const day = baseDate.getDate() const targetFirstDay = new Date(year, month + monthDelta, 1) const targetYear = targetFirstDay.getFullYear() const targetMonth = targetFirstDay.getMonth() const lastDay = new Date(targetYear, targetMonth + 1, 0).getDate() return new Date(targetYear, targetMonth, Math.min(day, lastDay)) }, addYearsKeepDay (baseDate, yearDelta) { const targetYear = baseDate.getFullYear() + yearDelta const month = baseDate.getMonth() const day = baseDate.getDate() const lastDay = new Date(targetYear, month + 1, 0).getDate() return new Date(targetYear, month, Math.min(day, lastDay)) }, calculateExpiryDateByRule (reportDate, validUntilValue, validUntilUnit) { const baseDate = this.parseDateOnly(reportDate) const durationValue = this.normalizeValidUntilValue(validUntilValue) const unitType = this.normalizeValidUntilUnitType(validUntilUnit) if (!baseDate || !durationValue || !unitType) { return '' } let resultDate = new Date(baseDate.getTime()) if (unitType === 'day') { resultDate.setDate(resultDate.getDate() + durationValue) } else if (unitType === 'week') { resultDate.setDate(resultDate.getDate() + durationValue * 7) } else if (unitType === 'month') { resultDate = this.addMonthsKeepDay(baseDate, durationValue) } else if (unitType === 'year') { resultDate = this.addYearsKeepDay(baseDate, durationValue) } else { return '' } return this.normalizeDateOnly(resultDate) }, syncExpiryDateByRule () { if (!this.modalData) { return '' } const expiryDate = this.calculateExpiryDateByRule(this.modalData.expiredDate, this.modalData.validUntilValue, this.modalData.validUntil) this.$set(this.modalData, 'expiryDate', expiryDate) return expiryDate }, getCurrentDateString () { return this.normalizeDateOnly(new Date()) }, normalizeCheckboxFlag (value) { return String(value || '').trim().toUpperCase() === 'Y' ? 'Y' : 'N' }, normalizeValidUntilValue (value) { if (value === null || value === undefined || value === '') { return null } const parsed = Number.parseInt(value, 10) if (Number.isNaN(parsed) || parsed <= 0) { return null } return parsed }, getValidUntilDisplay (value, unit) { const normalizedValue = this.normalizeValidUntilValue(value) const normalizedUnit = String(unit || '').trim() if (normalizedValue && normalizedUnit) { return normalizedValue + normalizedUnit } if (normalizedValue) { return String(normalizedValue) } return normalizedUnit }, getRohsSubmitFieldValue (fieldId) { const fieldMapping = { materialClassify: 'materialClassifyList', qualificationDocumentsNeeded: 'qualificationDocumentsNeededList', testReportIncludingItems: 'testReportIncludingItemsList', hsfApprover: 'hsfApproverCodeList' } const mappedField = fieldMapping[fieldId] if (mappedField) { return this.modalData[mappedField] } return this.modalData[fieldId] }, isSubmitFieldEmpty (value) { if (Array.isArray(value)) { return value.length === 0 } if (typeof value === 'string') { return value.trim() === '' } return !value }, validateSubmitRequiredFields () { if (this.plmRohsAuthorityArr && this.plmRohsAuthorityArr.length > 0) { let validUntilPairRequiredChecked = false for (let i = 0; i < this.plmRohsAuthorityArr.length; i++) { const fieldConfig = this.plmRohsAuthorityArr[i] if (fieldConfig.required !== 'Y') { continue } if (fieldConfig.fieldId === 'hsfStandard' && !this.shouldShowHsfStandard(this.modalData.endCustomer)) { continue } if (fieldConfig.fieldId === 'validUntil' || fieldConfig.fieldId === 'validUntilValue') { if (validUntilPairRequiredChecked) { continue } const validUntilValue = this.normalizeValidUntilValue(this.modalData.validUntilValue) this.$set(this.modalData, 'validUntilValue', validUntilValue) if (this.isSubmitFieldEmpty(validUntilValue) || this.isSubmitFieldEmpty(this.modalData.validUntil)) { this.$message.warning('有效期数值/单位不能为空!') return false } validUntilPairRequiredChecked = true continue } const value = this.getRohsSubmitFieldValue(fieldConfig.fieldId) if (this.isSubmitFieldEmpty(value)) { this.$message.warning((fieldConfig.fieldName || fieldConfig.fieldId) + '不能为空!') return false } } }
return true }, validateValidUntilPair () { const validUntilValue = this.normalizeValidUntilValue(this.modalData.validUntilValue) const validUntilUnit = String(this.modalData.validUntil || '').trim() this.$set(this.modalData, 'validUntilValue', validUntilValue) this.$set(this.modalData, 'validUntil', validUntilUnit) if (!validUntilValue && !validUntilUnit) { return true } if (!validUntilValue) { this.$message.warning('请填写有效期数值') return false } if (!validUntilUnit) { this.$message.warning('请选择有效期单位') return false } return true }, materialDialogHeaderCellStyle () { return { whiteSpace: 'nowrap', wordBreak: 'keep-all' } }, displayYesNo (value) { if (value === 'Y') { return '是' } if (value === 'N') { return '否' } return value || '' }, getMultipleSelectTitle (value) { if (!Array.isArray(value)) { return '' } return value .filter(item => item !== null && item !== undefined && String(item).trim() !== '') .map(item => String(item).trim()) .join('；') }, shouldShowHsfStandard (customerCode) { return String(customerCode || '').trim().toUpperCase() === 'C00052' }, applyHsfStandardDefaultByCustomer (formData) { if (!formData || !this.shouldShowHsfStandard(formData.endCustomer)) { return } const currentValue = String(formData.hsfStandard || '').trim() if (!currentValue) { this.$set(formData, 'hsfStandard', this.hsfStandardDefaultText) } }, normalizeHsfStandardByCustomer (formData) { if (!formData) { return } if (!this.shouldShowHsfStandard(formData.endCustomer)) { this.$set(formData, 'hsfStandard', '') return } this.applyHsfStandardDefaultByCustomer(formData) }, resolveOperatorNameById (operatorId) { const normalizedId = String(operatorId || '').trim() if (!normalizedId) { return '' } const option = (this.hsfApproverOptionList || []).find(item => String(item.operatorId || '').trim() === normalizedId) || (this.relatedPeopleOptionList || []).find(item => String(item.operatorId || '').trim() === normalizedId) return option ? String(option.operatorName || '').trim() : normalizedId }, resolveOperatorIdByCodeOrName (operatorValue) { const normalizedValue = String(operatorValue || '').trim() if (!normalizedValue) { return '' } const option = (this.hsfApproverOptionList || []).find(item => String(item.operatorId || '').trim() === normalizedValue) || (this.hsfApproverOptionList || []).find(item => String(item.operatorName || '').trim() === normalizedValue) || (this.relatedPeopleOptionList || []).find(item => String(item.operatorId || '').trim() === normalizedValue) || (this.relatedPeopleOptionList || []).find(item => String(item.operatorName || '').trim() === normalizedValue) return option ? String(option.operatorId || '').trim() : normalizedValue }, syncHsfApproverFields () { const sourceList = Array.isArray(this.modalData.hsfApproverCodeList) ? this.modalData.hsfApproverCodeList : [] const uniqueCodeList = [] const seen = new Set() sourceList.forEach(item => { const value = this.resolveOperatorIdByCodeOrName(item) if (!value || seen.has(value)) { return } seen.add(value) uniqueCodeList.push(value) }) this.$set(this.modalData, 'hsfApproverCodeList', uniqueCodeList) this.$set(this.modalData, 'hsfApprover', uniqueCodeList.join(';')) this.$set(this.modalData, 'hsfApproverName', uniqueCodeList.map(item => this.resolveOperatorNameById(item)).join(';')) this.buildRelatedPeopleOptions(uniqueCodeList)
const relatedPeopleCode = this.resolveOperatorIdByCodeOrName(this.modalData.relatedPeople) if (relatedPeopleCode && !uniqueCodeList.includes(relatedPeopleCode)) { this.$set(this.modalData, 'relatedPeople', '') this.$set(this.modalData, 'relatedPeopleName', '') return } if (relatedPeopleCode) { this.$set(this.modalData, 'relatedPeople', relatedPeopleCode) this.$set(this.modalData, 'relatedPeopleName', this.resolveOperatorNameById(relatedPeopleCode)) } }, buildRelatedPeopleOptions (selectedOperatorIds) { const normalizedIds = (Array.isArray(selectedOperatorIds) ? selectedOperatorIds : (this.modalData.hsfApproverCodeList || [])) .map(item => this.resolveOperatorIdByCodeOrName(item)) .filter(item => !!item) const selectedSet = new Set(normalizedIds) let optionList = (this.hsfApproverOptionList || []) .filter(item => selectedSet.has(String(item.operatorId || '').trim())) .map(item => ({ operatorId: item.operatorId, operatorName: item.operatorName })) const existingIdSet = new Set(optionList.map(item => String(item.operatorId || '').trim())) normalizedIds.forEach(operatorId => { if (existingIdSet.has(operatorId)) { return } optionList.push({ operatorId: operatorId, operatorName: this.resolveOperatorNameById(operatorId) }) existingIdSet.add(operatorId) }) this.relatedPeopleOptionList = optionList this.filterRelatedPeopleOptions() const selectedRelatedPeopleCode = this.resolveOperatorIdByCodeOrName(this.modalData.relatedPeople) const selectedRelatedPeopleRow = optionList.find(item => String(item.operatorId || '').trim() === selectedRelatedPeopleCode) if (!selectedRelatedPeopleRow) { this.$set(this.modalData, 'relatedPeople', '') this.$set(this.modalData, 'relatedPeopleName', '') } else { this.$set(this.modalData, 'relatedPeople', selectedRelatedPeopleCode) this.$set(this.modalData, 'relatedPeopleName', String(selectedRelatedPeopleRow.operatorName || '').trim()) } }, normalizeHsfApproverOptionList (rows) { if (!Array.isArray(rows)) { return [] } return rows .map(item => { const operatorId = String(item.operatorId || item.operator_id || item.username || item.userName || '').trim() const operatorName = String(item.operatorName || item.operator_name || item.userDisplay || item.user_display || '').trim() if (!operatorId || !operatorName) { return null } return { operatorId, operatorName } }) .filter(item => !!item) }, filterHsfApproverOptions () { const operatorIdKeyword = String(this.hsfApproverSearchData.operatorId || '').trim().toUpperCase() const operatorNameKeyword = String(this.hsfApproverSearchData.operatorName || '').trim().toUpperCase() this.hsfApproverDisplayList = (this.hsfApproverOptionList || []).filter(item => { const operatorId = String(item.operatorId || '').toUpperCase() const operatorName = String(item.operatorName || '').toUpperCase() const matchOperatorId = !operatorIdKeyword || operatorId.includes(operatorIdKeyword) const matchOperatorName = !operatorNameKeyword || operatorName.includes(operatorNameKeyword) return matchOperatorId && matchOperatorName }) }, filterRelatedPeopleOptions () { const operatorIdKeyword = String(this.relatedPeopleSearchData.operatorId || '').trim().toUpperCase() const operatorNameKeyword = String(this.relatedPeopleSearchData.operatorName || '').trim().toUpperCase() this.relatedPeopleDisplayList = (this.relatedPeopleOptionList || []).filter(item => { const operatorId = String(item.operatorId || '').toUpperCase() const operatorName = String(item.operatorName || '').toUpperCase() const matchOperatorId = !operatorIdKeyword || operatorId.includes(operatorIdKeyword) const matchOperatorName = !operatorNameKeyword || operatorName.includes(operatorNameKeyword) return matchOperatorId && matchOperatorName }) }, openHsfApproverChooseModal () { if (this.isRohsFieldDisabled('hsfApprover')) { return } if (!this.modalData || !String(this.modalData.process || '').trim()) { this.$message.warning('请先选择工艺') return } this.loadHsfApproverByCurrentProcess(false).then(() => { if (!this.hsfApproverOptionList || this.hsfApproverOptionList.length === 0) { this.$message.warning('未查询到可选HSF审批人') return } this.hsfApproverFlag = true }) }, openHsfApproverDialog () { this.hsfApproverSearchData = { operatorId: '', operatorName: '' } this.filterHsfApproverOptions() const selectedOperatorSet = new Set( (this.modalData.hsfApproverCodeList || []) .map(item => String(item || '').trim()) .filter(item => !!item) ) const selectedRows = (this.hsfApproverOptionList || []).filter(item => selectedOperatorSet.has(String(item.operatorId || '').trim())) this.hsfApproverSelectionCache = JSON.parse(JSON.stringify(selectedRows)) this.$nextTick(() => { if (!this.$refs.hsfApproverTable) { return } this.$refs.hsfApproverTable.clearSelection() selectedRows.forEach(item => { this.$refs.hsfApproverTable.toggleRowSelection(item, true) }) }) }, closeHsfApproverDialog () { this.hsfApproverSelectionCache = [] }, handleHsfApproverSelectionChange (rows) { this.hsfApproverSelectionCache = rows || [] }, handleHsfApproverTableClick (row, column, event, tableRef) { if (this.$refs[tableRef]) { this.$refs[tableRef].toggleRowSelection(row) } }, saveHsfApproverChooseModal () { const selectedCodes = (this.hsfApproverSelectionCache || []) .map(item => String(item.operatorId || '').trim()) .filter(item => !!item) this.$set(this.modalData, 'hsfApproverCodeList', selectedCodes) this.syncHsfApproverFields() this.hsfApproverFlag = false }, clearHsfApproverSelection () { this.$set(this.modalData, 'hsfApproverCodeList', []) this.syncHsfApproverFields() }, openRelatedPeopleChooseModal () { if (this.isRohsFieldDisabled('relatedPeople')) { return } if (!this.modalData || !Array.isArray(this.modalData.hsfApproverCodeList) || this.modalData.hsfApproverCodeList.length === 0) { this.$message.warning('请先选择HSF审批人') return } this.buildRelatedPeopleOptions(this.modalData.hsfApproverCodeList) if (!this.relatedPeopleOptionList || this.relatedPeopleOptionList.length === 0) { this.$message.warning('未查询到可选Inform Related people') return } this.relatedPeopleFlag = true }, openRelatedPeopleDialog () { this.relatedPeopleSearchData = { operatorId: '', operatorName: '' } this.filterRelatedPeopleOptions() const relatedPeopleCode = String(this.modalData.relatedPeople || '').trim() const selectedRow = (this.relatedPeopleOptionList || []).find(item => String(item.operatorId || '').trim() === relatedPeopleCode) || null this.relatedPeopleSelection = selectedRow this.$nextTick(() => { if (!this.$refs.relatedPeopleTable) { return } this.$refs.relatedPeopleTable.setCurrentRow(selectedRow || null) }) }, closeRelatedPeopleDialog () { this.relatedPeopleSelection = null }, handleRelatedPeopleCurrentChange (row) { this.relatedPeopleSelection = row || null }, handleRelatedPeopleTableClick (row) { this.relatedPeopleSelection = row || null if (this.$refs.relatedPeopleTable) { this.$refs.relatedPeopleTable.setCurrentRow(row) } }, saveRelatedPeopleChooseModal () { const selectedCode = this.relatedPeopleSelection ? String(this.relatedPeopleSelection.operatorId || '').trim() : '' const selectedName = this.relatedPeopleSelection ? String(this.relatedPeopleSelection.operatorName || '').trim() : '' this.$set(this.modalData, 'relatedPeople', selectedCode) this.$set(this.modalData, 'relatedPeopleName', selectedName) this.relatedPeopleFlag = false }, clearRelatedPeopleSelection () { this.$set(this.modalData, 'relatedPeople', '') this.$set(this.modalData, 'relatedPeopleName', '') this.relatedPeopleSelection = null if (this.$refs.relatedPeopleTable) { this.$refs.relatedPeopleTable.setCurrentRow(null) } }, clearHsfApproverFields (clearBuNo = false) { if (clearBuNo) { this.$set(this.modalData, 'buNo', '') } this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] this.relatedPeopleOptionList = [] this.relatedPeopleDisplayList = [] this.relatedPeopleSelection = null this.relatedPeopleFlag = false this.hsfApproverSearchData = { operatorId: '', operatorName: '' } this.relatedPeopleSearchData = { operatorId: '', operatorName: '' } this.$set(this.modalData, 'hsfApproverCodeList', []) this.$set(this.modalData, 'hsfApprover', '') this.$set(this.modalData, 'hsfApproverName', '') this.$set(this.modalData, 'relatedPeople', '') this.$set(this.modalData, 'relatedPeopleName', '') }, loadHsfApproverByCurrentProcess (forceSelectAll = false) { if (!this.modalData || !this.modalData.site) { this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] if (forceSelectAll) { this.clearHsfApproverFields(false) } return Promise.resolve() } const buNo = String(this.modalData.process || '').trim() if (!buNo) { if (forceSelectAll) { this.$message.warning('请先选择工艺') this.clearHsfApproverFields(false) } this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] return Promise.resolve() } const params = { site: this.modalData.site, buNo: buNo, roleNo: 'R015' } return api.searchBmUser(params).then(({data}) => { if (data && data.code === 0 && Array.isArray(data.rows)) { this.hsfApproverOptionList = this.normalizeHsfApproverOptionList(data.rows) this.filterHsfApproverOptions() this.hsfApproverSelectionCache = [] if (forceSelectAll) { const defaultSelectedCodes = this.hsfApproverOptionList.map(item => item.operatorId).filter(item => item) this.$set(this.modalData, 'hsfApproverCodeList', defaultSelectedCodes) } this.syncHsfApproverFields() } else { this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] if (forceSelectAll) { this.clearHsfApproverFields(false) } } }).catch(() => { this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] if (forceSelectAll) { this.clearHsfApproverFields(false) } }) }, isCurrentApprover () { return this.superAdmin || (this.modalData.createBy2 && this.modalData.createBy2.split(';').includes(this.createBy2)) }, canSaveAction () { return !this.showModalFlag && (this.modalData.status === '草稿' || (this.modalData.status === '审批中' && this.isCurrentApprover())) }, canAgreeAction () { return this.authSubmit && this.isCurrentApprover() && this.modalData.status === '审批中' && this.modalData.tpProcessControl !== 'Y' && this.modalData.csProcessControl !== 'Y' }, canRejectAction () { return this.authReject && this.isCurrentApprover() && this.modalData.status === '审批中' && this.modalData.isReject === 'Y' }, hasPersistedRohsRecord () { return !!(this.modalData && this.modalData.site && this.modalData.referenceNo && !String(this.modalData.referenceNo).startsWith('TEMP-')) }, openRohsRemarkDialog () { this.$set(this.rohsRemarkForm, 'remark', this.modalData.remark || '') this.rohsRemarkFlag = true }, refreshRohsRemark () { if (!this.hasPersistedRohsRecord()) { this.$set(this.rohsRemarkForm, 'remark', this.modalData.remark || '') return } api.getRohsDetail(this.modalData.site, this.modalData.referenceNo).then(({data}) => { if (data && data.code === 0 && data.data) { this.$set(this.rohsRemarkForm, 'remark', data.data.remark || '') } else { this.$message.error((data && data.msg) || '刷新失败') } }).catch(() => { this.$message.error('刷新失败') }) }, saveRohsRemark () { const remark = this.rohsRemarkForm.remark || '' if (!this.hasPersistedRohsRecord()) { this.$set(this.modalData, 'remark', remark) this.rohsRemarkFlag = false this.$message.success('暂存成功，保存单据后写入数据库') return } const params = { site: this.modalData.site, referenceNo: this.modalData.referenceNo, remark: remark } api.updateRohsRemark(params).then(({data}) => { if (data && data.code === 0) { this.$set(this.modalData, 'remark', remark) if (this.currentRow && this.currentRow.site === this.modalData.site && this.currentRow.referenceNo === this.modalData.referenceNo) { this.$set(this.currentRow, 'remark', remark) } const target = (this.dataList || []).find(item => item.site === this.modalData.site && item.referenceNo === this.modalData.referenceNo) if (target) { this.$set(target, 'remark', remark) } this.rohsRemarkFlag = false this.$message.success('操作成功') } else { this.$message.error((data && data.msg) || '保存失败') } }).catch(() => { this.$message.error('保存失败') }) }, loadModalButtonCondition () { if (!this.modalData.site || !this.modalData.referenceNo || this.modalData.status !== '审批中') { this.$set(this.modalData, 'createBy2', '') this.$set(this.modalData, 'isReject', 'Y') this.$set(this.modalData, 'tpProcessControl', 'N') this.$set(this.modalData, 'csProcessControl', 'N') return } let params = { site: this.modalData.site, referenceNo: this.modalData.referenceNo } api.getRohsButtonCondition(params).then(({data}) => { if (data && data.code === 0 && data.data) { this.$set(this.modalData, 'createBy2', data.data.createBy2 || '') this.$set(this.modalData, 'isReject', data.data.isReject || 'Y') this.$set(this.modalData, 'tpProcessControl', data.data.tpProcessControl || 'N') this.$set(this.modalData, 'csProcessControl', data.data.csProcessControl || 'N') } else { this.$set(this.modalData, 'createBy2', '') this.$set(this.modalData, 'isReject', 'Y') this.$set(this.modalData, 'tpProcessControl', 'N') this.$set(this.modalData, 'csProcessControl', 'N') } }).catch(() => { this.$set(this.modalData, 'createBy2', '') this.$set(this.modalData, 'isReject', 'Y') this.$set(this.modalData, 'tpProcessControl', 'N') this.$set(this.modalData, 'csProcessControl', 'N') }) }, // 列表行选中变色
rowStyle ({row}) { if (this.currentRow && this.currentRow.referenceNo === row.referenceNo) { return { 'background-color': '#E8F7F6', cursor: 'pointer' } } }, // 获取按钮的权限数据
getButtonAuthData () { this.authSearch = this.isAuth(this.menuId+":search") this.authUpdate = this.isAuth(this.menuId+":update") this.authIssue = this.isAuth(this.menuId+":issue") this.authSubmit = this.isAuth(this.menuId+":submit") this.authReject = this.isAuth(this.menuId+":reject") this.authFileSave = this.isAuth(this.menuId+":fileSave") this.authFileDownLoad = this.isAuth(this.menuId+":fileDownLoad") this.authFileRemove = this.isAuth(this.menuId+":fileRemove") this.authFilePreview = this.isAuth(this.menuId+":filePreview") this.authDataEntry = this.isAuth(this.menuId+":dataEntry") this.authDelete = this.isAuth(this.menuId+":delete") }, // 校验是否为超级管理员
checkSuperAdmin () { checkSuperAdmin().then(({data}) => { this.superAdmin = data.superAdmin }) }, changeClickRow (row, column, event) { this.loadCurrentRowFromServer(row, row || {}) }, currentChange (val) { if (val) { this.loadCurrentRowFromServer(val, val || {}) } else { this.currentRow = {} this.approvalList = [] } }, dataListSelectionChange (rows) { this.dataListSelections = rows || [] }, applyCurrentRowData (detailData, fallbackData = {}) { this.currentRow = detailData || {} if (!Array.isArray(this.currentRow.materialList)) { this.$set(this.currentRow, 'materialList', []) } this.fillDisplayFields(this.currentRow, fallbackData || {}) this.syncDataListRow(this.currentRow) this.refreshCurrentTabTable() }, syncDataListRow (rowData) { if (!rowData || !rowData.site || !rowData.referenceNo || !Array.isArray(this.dataList)) { return } const targetIndex = this.dataList.findIndex(item => item.site === rowData.site && item.referenceNo === rowData.referenceNo) if (targetIndex < 0) { return } const mergedRow = { ...this.dataList[targetIndex], ...rowData } this.fillDisplayFields(mergedRow, this.dataList[targetIndex] || {}) this.$set(this.dataList, targetIndex, mergedRow) }, loadCurrentRowFromServer (row, fallbackData = {}) { if (!row || !row.site || !row.referenceNo) { this.applyCurrentRowData(row || {}, fallbackData || {}) return Promise.resolve() } return api.getRohsDetail(row.site, row.referenceNo).then(({data}) => { if (data && data.code === 0 && data.data) { this.applyCurrentRowData(data.data, fallbackData || row) } else { this.applyCurrentRowData(row || {}, fallbackData || {}) } }).catch(() => { this.applyCurrentRowData(row || {}, fallbackData || {}) }) }, refreshCurrentRowFromServer (site, referenceNo) { const querySite = site || (this.currentRow && this.currentRow.site) const queryReferenceNo = referenceNo || (this.currentRow && this.currentRow.referenceNo) if (!querySite || !queryReferenceNo || String(queryReferenceNo).startsWith('TEMP-')) { return Promise.resolve() } return this.loadCurrentRowFromServer({ site: querySite, referenceNo: queryReferenceNo }, this.currentRow || {}) }, refreshOssRef (refName) { const ref = this.$refs[refName] if (!ref) { return } const refList = Array.isArray(ref) ? ref : [ref] refList.forEach(item => { if (item && typeof item.handleQuery === 'function') { item.handleQuery() } }) }, refreshAttachmentPanels () { this.refreshOssRef('modalAttachmentOss') this.refreshOssRef('modalTdsOss') this.refreshOssRef('bottomAttachmentOss') this.refreshOssRef('bottomTdsOss') }, handleModalClose () { const site = this.modalData.site const referenceNo = this.modalData.referenceNo this.modalFlag = false this.$nextTick(() => { this.refreshAttachmentPanels() }) this.refreshCurrentRowFromServer(site, referenceNo) }, fillDisplayFields (target, fallbackData = {}) { if (!target) { return } const fields = ['nodeId', 'nodeName', 'currentApprover', 'applicantName', 'pmName', 'npdEngineerName', 'technicalPlanName', 'buyerName', 'endCustomerName', 'projectName', 'commGroup1Desc', 'commGroup2Desc', 'commGroup3Desc', 'hsfApproverName', 'relatedPeopleName'] fields.forEach(field => { const value = target[field] || fallbackData[field] || '' this.$set(target, field, value) }) this.$set(target, 'endCustomerFlag', !!target.endCustomerFlag) this.$set(target, 'projectIdFlag', !!target.projectIdFlag) const validUntilValue = target.validUntilValue !== undefined && target.validUntilValue !== null && target.validUntilValue !== '' ? target.validUntilValue : fallbackData.validUntilValue this.$set(target, 'validUntilValue', this.normalizeValidUntilValue(validUntilValue)) const applicationDate = target.applicationDate || fallbackData.applicationDate || '' const plannedMassProductionDate = target.plannedMassProductionDate || fallbackData.plannedMassProductionDate || '' const expiredDate = target.expiredDate || fallbackData.expiredDate || '' const normalizedExpiredDate = this.normalizeDateOnly(expiredDate) this.$set(target, 'applicationDate', this.normalizeDateOnly(applicationDate)) this.$set(target, 'plannedMassProductionDate', this.normalizeDateOnly(plannedMassProductionDate)) this.$set(target, 'expiredDate', normalizedExpiredDate) this.$set(target, 'expiryDate', this.calculateExpiryDateByRule(normalizedExpiredDate, target.validUntilValue, target.validUntil)) }, refreshCurrentTabTable () { if (this.activeTable === 'approvalInformation') { this.getApprovalList() return } if (this.activeTable === 'attachment') { this.refreshOssRef('bottomAttachmentOss') return } if (this.activeTable === 'npdInfo') { this.refreshOssRef('bottomTdsOss') } }, getApprovalList () { if (!this.currentRow || !this.currentRow.site || !this.currentRow.referenceNo) { this.approvalList = [] return } let params = { site: this.currentRow.site, menuId: this.menuId, documentNo: this.currentRow.referenceNo } api.getRohsApprovalList(params).then(({data}) => { if (data && data.code === 0) { this.approvalList = data.rows || [] } else { this.approvalList = [] } }).catch(() => { this.approvalList = [] }) },
// 获取列表
getDataList () { if (!this.authSearch) { this.dataList = [] this.dataListSelections = [] this.totalPage = 0 this.currentRow = {} this.approvalList = [] this.isFilterSearch = false return } this.dataListLoading = true let params = { page: this.pageIndex, limit: this.pageSize, site: this.$store.state.user.site, menuId: this.menuId, referenceNo: this.searchData.referenceNo, status: this.searchData.status, currentApprover: this.searchData.currentApprover, nodeId: this.searchData.nodeId } api.getRohsList(params).then(({data}) => { if (data && data.code === 0) { const list = data.page.list || [] this.dataList = list.map(item => { return { applicantName: '', pmName: '', npdEngineerName: '', technicalPlanName: '', buyerName: '', endCustomerName: '', projectName: '', nodeId: '', nodeName: '', currentApprover: '', commGroup1Desc: '', commGroup2Desc: '', commGroup3Desc: '', hsfApproverName: '', relatedPeopleName: '', ...item } }) this.dataListSelections = [] this.totalPage = data.page.totalCount this.$nextTick(() => { if (this.$refs.rohsTable) { this.$refs.rohsTable.clearSelection() } if (this.$refs.rohsTable && this.dataList.length > 0) { this.$refs.rohsTable.setCurrentRow(this.dataList[0]) } else if (this.$refs.rohsTable) { this.$refs.rohsTable.setCurrentRow() } }) } else { this.dataList = [] this.dataListSelections = [] this.totalPage = 0 this.currentRow = {} this.approvalList = [] } this.dataListLoading = false }).catch(() => { this.dataListSelections = [] this.currentRow = {} this.approvalList = [] this.dataListLoading = false }) this.isFilterSearch = false }, // 分页
sizeChangeHandle (val) { this.pageSize = val this.pageIndex = 1 if (this.isFilterSearch === false) { this.getDataList() } else { this.queryByAnyField(this.filterSearchData) } }, currentChangeHandle (val) { this.pageIndex = val if (this.isFilterSearch === false) { this.getDataList() } else { this.queryByAnyField(this.filterSearchData) } }, // 搜索条件点击
searchHandle () { if (!this.authSearch) { return } this.filterVisible = true }, queryByAnyField (params) { const queryParams = { ...(params || {}) } queryParams.no = this.pageIndex queryParams.size = this.pageSize queryParams.userId = this.$store.state.user.id.toString() queryParams.site = this.$store.state.user.site queryParams.menuId = this.menuId this.dataListLoading = true api.getRohsListAny(queryParams).then(({data}) => { if (data && data.code === 0) { const list = (data.page && data.page.list) || [] this.dataList = list.map(item => { return { applicantName: '', pmName: '', npdEngineerName: '', technicalPlanName: '', buyerName: '', endCustomerName: '', projectName: '', nodeId: '', nodeName: '', currentApprover: '', commGroup1Desc: '', commGroup2Desc: '', commGroup3Desc: '', hsfApproverName: '', relatedPeopleName: '', ...item } }) this.dataListSelections = [] this.totalPage = data.page.totalCount this.$nextTick(() => { if (this.$refs.rohsTable) { this.$refs.rohsTable.clearSelection() } if (this.$refs.rohsTable && this.dataList.length > 0) { this.$refs.rohsTable.setCurrentRow(this.dataList[0]) } else if (this.$refs.rohsTable) { this.$refs.rohsTable.setCurrentRow() } }) } else { this.$message.warning((data && data.msg) || '搜索失败') this.dataList = [] this.dataListSelections = [] this.totalPage = 0 this.currentRow = {} this.approvalList = [] } this.dataListLoading = false }).catch(() => { this.dataList = [] this.dataListSelections = [] this.currentRow = {} this.approvalList = [] this.dataListLoading = false }) this.filterSearchData = JSON.parse(JSON.stringify(queryParams)) this.isFilterSearch = true this.filterVisible = false }, buildExportName () { const now = new Date() const year = String(now.getFullYear()) const month = String(now.getMonth() + 1).padStart(2, '0') const day = String(now.getDate()).padStart(2, '0') const hour = String(now.getHours()).padStart(2, '0') const minute = String(now.getMinutes()).padStart(2, '0') const second = String(now.getSeconds()).padStart(2, '0') return 'RoHs记录' + year + month + day + hour + minute + second }, async createExportData () { const params = { ...this.searchData, site: this.$store.state.user.site, menuId: this.menuId, page: 1, limit: -1 } this.resultList = [] await api.getRohsList(params).then(({data}) => { if (data && data.code === 0 && data.page && Array.isArray(data.page.list)) { this.resultList = (data.page.list || []).map(item => { const row = { ...item } row.applicationDate = this.normalizeDateOnly(row.applicationDate) row.plannedMassProductionDate = this.normalizeDateOnly(row.plannedMassProductionDate) row.expectReportTime = this.normalizeDateOnly(row.expectReportTime) row.expiredDate = this.normalizeDateOnly(row.expiredDate) row.expiryDate = this.normalizeDateOnly(row.expiryDate) row.validUntilDisplay = this.getValidUntilDisplay(row.validUntilValue, row.validUntil) row.hsfApproverName = row.hsfApproverName || row.hsfApprover || '' row.relatedPeopleName = row.relatedPeopleName || row.relatedPeople || '' return row }) } else { this.$message.warning((data && data.msg) || '导出数据获取失败') } }).catch(() => { this.$message.error('导出数据获取失败') }) return this.resultList }, startDownload () { this.exportName = this.buildExportName() this.exportFieldMap = this.buildExportFields() if (!this.exportFieldMap || Object.keys(this.exportFieldMap).length === 0) { this.$message.warning('未获取到可导出的列，请稍后重试') } this.exportLoading = true }, finishDownload () { this.exportLoading = false }, buildExportFields () { const tableRef = this.$refs.rohsTable if (!tableRef || !Array.isArray(tableRef.columns)) { return {} } const fields = {} tableRef.columns.forEach(column => { const label = column && column.label ? String(column.label).trim() : '' const property = column && column.property ? String(column.property).trim() : '' if (!label || !property || label === '操作') { return } fields[label] = property }) return fields }, // 单选可取消
radioClick (field, value) { if (this.modalData[field] === value) { this.modalData[field] = '' } else { this.modalData[field] = value } }, // 新增 / 修改
addOrUpdateHandle (row) { if (!row && !this.authUpdate) { this.$message.warning('没有新增权限') return } if (row && !this.authUpdate && !this.authDataEntry) { this.$message.warning('没有编辑权限') return } this.modalFlag = true this.activeName = 'basicInfo' this.submitModalFlag = false this.rohsRemarkFlag = false this.rejectOpinion = '' this.rohsRemarkForm = { remark: '' } this.projectMaterialDialogFlag = false this.projectMaterialSelections = [] this.materialSelections = [] this.hsfApproverOptionList = [] this.hsfApproverDisplayList = [] this.hsfApproverSelectionCache = [] this.hsfApproverSearchData = { operatorId: '', operatorName: '' } this.hsfApproverFlag = false this.relatedPeopleOptionList = [] this.relatedPeopleDisplayList = [] this.relatedPeopleSelection = null this.relatedPeopleSearchData = { operatorId: '', operatorName: '' } this.relatedPeopleFlag = false this.plmRohsAuthorityArr = [] this.nodeAuthorityLoaded = !row this.isEditMode = !!row this.projectMaterialPageIndex = 1 this.projectMaterialTotal = 0 this.projectMaterialList = [] this.projectMaterialSearchData = { finalPartNo: '', partDesc: '', partStatus: '' } this.showModalFlag = !!(row && (row.status === '已完成' || !this.authUpdate))
if (row) { this.modalTitle = 'RoHS 编辑' api.getRohsDetail(row.site, row.referenceNo).then(({data}) => { if (data && data.code === 0) { this.modalData = data.data || {} this.$set(this.modalData, 'qualificationDocumentsNeededList', this.modalData.qualificationDocumentsNeeded ? this.modalData.qualificationDocumentsNeeded.split(';').filter(item => item) : []) this.$set(this.modalData, 'testReportIncludingItemsList', this.modalData.testReportIncludingItems ? this.modalData.testReportIncludingItems.split(';').filter(item => item) : []) this.$set(this.modalData, 'materialClassifyList', this.modalData.materialClassify ? this.modalData.materialClassify.split(';').filter(item => item) : []) this.$set(this.modalData, 'materialList', Array.isArray(this.modalData.materialList) ? this.modalData.materialList : []) this.$set(this.modalData, 'hsfApproverCodeList', this.modalData.hsfApprover ? this.modalData.hsfApprover.split(';').filter(item => item) : []) this.$set(this.modalData, 'buNo', this.modalData.process || '') this.$set(this.modalData, 'isAhGrade', this.normalizeCheckboxFlag(this.modalData.isAhGrade)) this.$set(this.modalData, 'validUntilValue', this.normalizeValidUntilValue(this.modalData.validUntilValue)) this.syncHsfApproverFields() this.fillDisplayFields(this.modalData, row || {}) this.applyHsfStandardDefaultByCustomer(this.modalData) // 编辑时不允许修改最终客户和项目编码
this.$set(this.modalData, 'endCustomerFlag', true) this.$set(this.modalData, 'projectIdFlag', true) this.$set(this.modalData, 'createBy2', '') this.$set(this.modalData, 'isReject', 'Y') this.$set(this.modalData, 'tpProcessControl', 'N') this.$set(this.modalData, 'csProcessControl', 'N') this.loadModalButtonCondition() this.loadHsfApproverByCurrentProcess(false) this.loadNodeAuthority(this.modalData.site || row.site, this.modalData.stepId !== null && this.modalData.stepId !== undefined ? this.modalData.stepId : (row.stepId !== null && row.stepId !== undefined ? row.stepId : 10)) } }).catch(() => { this.loadNodeAuthority(row.site, row.stepId !== null && row.stepId !== undefined ? row.stepId : 10) }) } else { this.modalTitle = 'RoHS 新增' this.showModalFlag = false // 生成一个临时ID用于附件上传绑定
const tempReferenceNo = 'TEMP-' + new Date().getTime() + '-' + Math.floor(Math.random() * 1000) this.modalData = { site: this.$store.state.user.site, referenceNo: tempReferenceNo, applicant: this.$store.state.user.name || '', applicantName: this.$store.state.user.userDisplay || this.$store.state.user.user_display || '', pm: '', pmName: '', applicationDate: this.getCurrentDateString(), process: '', plannedMassProductionDate: '', color: '', vendorCode: '', vendorMaterialCode: '', materialClassify: '', materialClassifyList: [], otherMaterialClassify: '', materialUseFor: '', endCustomer: '', endCustomerName: '', endCustomerFlag: false, projectId: '', projectName: '', projectIdFlag: true, commGroup1: '', commGroup1Desc: '', commGroup2: '', commGroup2Desc: '', commGroup3: '', commGroup3Desc: '', needCreateNumber: '', npdEngineer: '', npdEngineerName: '', materialValidityTime: '', materialValidityComments: '', needDeviation: '', technicalPlan: '', wmRequiredSpec: '', isFiberMaterial: '', materialThickness: '', buyer: '', buyerName: '', expectReportTime: '', qualificationDocumentsNeeded: '', qualificationDocumentsNeededList: [], testReportIncludingItems: '', testReportIncludingItemsList: [], remark: '', status: '草稿', sgsReportNumber: '', rohsStatus: 'Active', expiredDate: '', expiryDate: '', fiberInformation: '', hsfStandard: '', hsfApprover: '', hsfApproverName: '', hsfApproverCodeList: [], relatedPeople: '', relatedPeopleName: '', buNo: '', validUntilValue: 0, validUntil: '', isMeetRohsRequirement: '', isAhGrade: 'N', hsfSupplierClassification: '', materialDesc: '', npdRemark: '', isSameMaterialDiffSize: '', ifsPartNo: '', materialList: [], stepId: 10, rejectFlag: 'N', rejectStepId: null, createBy2: '', isReject: 'Y', tpProcessControl: 'N', csProcessControl: 'N' } this.nodeAuthorityLoaded = true } }, // 表单提交
dataFormSubmit () { if (!this.canSaveAction()) { this.$message.warning('当前状态不允许保存') return } this.$set(this.modalData, 'isAhGrade', this.normalizeCheckboxFlag(this.modalData.isAhGrade)) this.normalizeHsfStandardByCustomer(this.modalData) this.syncHsfApproverFields() if (!this.validateValidUntilPair()) { return } this.syncExpiryDateByRule() this.modalData.qualificationDocumentsNeeded = this.modalData.qualificationDocumentsNeededList.join(';') this.modalData.testReportIncludingItems = this.modalData.testReportIncludingItemsList.join(';') this.modalData.materialClassify = this.modalData.materialClassifyList.join(';') this.modalData.materialList = (this.modalData.materialList || []).map((item, index) => { return { ...item, lineNo: index + 1, projectId: this.modalData.projectId } })
const submitMethod = this.modalTitle === 'RoHS 新增' ? api.saveRohs : api.updateRohs submitMethod(this.modalData).then(({data}) => { if (data && data.code === 0) { this.$message.success('操作成功') this.modalFlag = false this.getDataList() } else { this.$message.error(data.msg || '操作失败') } }) }, // 同意
agreeSubmit () { if (!this.canAgreeAction()) { this.$message.warning('当前状态不允许同意') return } this.$confirm('确认同意该申请单?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.submitRohs('Y') }) }, openRejectModal () { if (!this.canRejectAction()) { this.$message.warning('当前状态不允许驳回') return } this.rejectOpinion = '' this.submitModalFlag = true }, // 驳回
rejectSubmit () { if (!this.rejectOpinion || !this.rejectOpinion.trim()) { this.$message.warning('请填写驳回意见') return } this.submitRohs('N') }, submitRohs (nodeConclusion) { if (nodeConclusion === 'Y' && !this.canAgreeAction()) { this.$message.warning('当前状态不允许同意') return } if (nodeConclusion === 'N' && !this.canRejectAction()) { this.$message.warning('当前状态不允许驳回') return } if (!this.modalData.site || !this.modalData.referenceNo) { this.$message.warning('单据主键信息缺失，无法提交审批') return } this.$set(this.modalData, 'isAhGrade', this.normalizeCheckboxFlag(this.modalData.isAhGrade)) this.normalizeHsfStandardByCustomer(this.modalData) this.syncHsfApproverFields() if (!this.validateValidUntilPair()) { return } this.syncExpiryDateByRule() if (!this.nodeAuthorityLoaded) { this.$message.warning('节点权限加载中，请稍后重试') return } if (!this.validateSubmitRequiredFields()) { return } const submitMaterialList = this.normalizeMaterialListForSave(this.modalData.materialList || []) this.submitLoading = true let params = { ...this.modalData, site: this.modalData.site, referenceNo: this.modalData.referenceNo, materialClassify: (this.modalData.materialClassifyList || []).join(';'), qualificationDocumentsNeeded: (this.modalData.qualificationDocumentsNeededList || []).join(';'), testReportIncludingItems: (this.modalData.testReportIncludingItemsList || []).join(';'), materialList: submitMaterialList, nodeConclusion: nodeConclusion, rejectOpinion: nodeConclusion === 'N' ? this.rejectOpinion : '', menuId: this.menuId, documentNo: this.modalData.referenceNo } api.submitRohs(params).then(({data}) => { if (data && data.code === 0) { this.$message.success(nodeConclusion === 'Y' ? '同意成功' : '驳回成功') this.submitModalFlag = false this.modalFlag = false this.getDataList() } else { this.$message.error(data.msg || '提交失败') } this.submitLoading = false }).catch(() => { this.submitLoading = false }) }, // 下达
issueModal (row) { if (!this.authIssue) { this.$message.warning('没有下达权限') return } this.$confirm('确认下达该申请单?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { let params = { site: row.site, referenceNo: row.referenceNo, menuId: this.menuId } api.issueRohs(params).then(({data}) => { if (data && data.code === 0) { this.$message.success('下达成功') if (this.modalFlag && this.modalData.referenceNo === row.referenceNo) { this.modalData.status = '审批中' } this.getDataList() } else { this.$message.error(data.msg || '下达失败') } }) }) }, deleteHandle () { if (!this.authDelete) { this.$message.warning('没有删除权限') return } const selectedRows = (this.dataListSelections || []).filter(item => item && item.site && item.referenceNo) if (!selectedRows.length) { this.$message.warning('请先勾选要删除的单据') return } const nonDraftRows = selectedRows.filter(item => item.status !== '草稿') if (nonDraftRows.length) { const previewText = nonDraftRows.slice(0, 3).map(item => item.referenceNo).join('、') const suffix = nonDraftRows.length > 3 ? (' 等' + nonDraftRows.length + '条') : '' this.$message.warning('仅草稿状态的单据允许删除，当前勾选包含非草稿单据：' + previewText + suffix) return } this.$confirm('确认删除选中的' + selectedRows.length + '条RoHS单据？删除后会同步删除材料和附件数据。', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { const deleteTasks = selectedRows.map(item => { return api.deleteRohs({ site: item.site, referenceNo: item.referenceNo }).then(({data}) => { if (data && data.code === 0) { return { success: true, referenceNo: item.referenceNo } } return { success: false, referenceNo: item.referenceNo, msg: (data && data.msg) || '删除失败' } }).catch(() => { return { success: false, referenceNo: item.referenceNo, msg: '删除失败' } }) }) Promise.all(deleteTasks).then(results => { const successRows = results.filter(item => item.success) const failRows = results.filter(item => !item.success) if (this.modalFlag && successRows.some(item => item.referenceNo === this.modalData.referenceNo)) { this.modalFlag = false } if (!failRows.length) { this.$message.success('删除成功，共' + successRows.length + '条') } else if (!successRows.length) { this.$message.error(failRows[0].msg || '删除失败') } else { this.$message.warning('已删除' + successRows.length + '条，失败' + failRows.length + '条') } this.getDataList() }) }).catch(() => {}) }, openProjectMaterialDialog () { if (!this.canEditRohsMaterial()) { this.$message.warning('当前状态不允许编辑材料') return } this.projectMaterialDialogFlag = true this.projectMaterialPageIndex = 1 this.searchProjectMaterialList() }, searchProjectMaterialList () { this.projectMaterialLoading = true const params = { page: this.projectMaterialPageIndex, limit: this.projectMaterialPageSize, site: this.$store.state.user.site, partDesc: this.projectMaterialSearchData.partDesc, finalPartNo: this.projectMaterialSearchData.finalPartNo, partStatus: this.projectMaterialSearchData.partStatus } api.getRohsProjectMaterialList(params).then(({data}) => { if (data && data.code === 0 && data.page) { this.projectMaterialList = data.page.list || [] this.projectMaterialTotal = data.page.totalCount || 0 this.$nextTick(() => { if (this.$refs.projectMaterialTable) { this.$refs.projectMaterialTable.clearSelection() } }) } else { this.projectMaterialList = [] this.projectMaterialTotal = 0 this.$message.error(data.msg || '物料查询失败') } this.projectMaterialLoading = false }).catch(() => { this.projectMaterialList = [] this.projectMaterialTotal = 0 this.projectMaterialLoading = false }) }, projectMaterialSelectionChange (rows) { this.projectMaterialSelections = rows || [] }, projectMaterialSizeChangeHandle (val) { this.projectMaterialPageSize = val this.projectMaterialPageIndex = 1 this.searchProjectMaterialList() }, projectMaterialCurrentChangeHandle (val) { this.projectMaterialPageIndex = val this.searchProjectMaterialList() }, confirmProjectMaterialSelection () { if (!this.canEditRohsMaterial()) { this.$message.warning('当前状态不允许编辑材料') return } if (!this.projectMaterialSelections || this.projectMaterialSelections.length === 0) { this.$message.warning('请至少选择一条物料') return } const appendResult = this.appendMaterialRows(this.projectMaterialSelections) if (!appendResult.appendedCount) { this.$message.warning('所选物料已存在，未新增数据') return } if (!this.shouldPersistMaterialsImmediately()) { this.$set(this.modalData, 'materialList', appendResult.materialList) this.projectMaterialDialogFlag = false this.$message.success('已加入材料列表，保存单据后写入数据库') return } this.$confirm('确认新增选中材料？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.persistMaterialList(appendResult.materialList, '新增材料成功', () => { this.projectMaterialDialogFlag = false this.projectMaterialSelections = [] if (this.$refs.projectMaterialTable) { this.$refs.projectMaterialTable.clearSelection() } }) }).catch(() => {}) }, appendMaterialRows (rows) { const materialList = Array.isArray(this.modalData.materialList) ? [...this.modalData.materialList] : [] const exists = new Set(materialList.map(item => item.testPartNo)) let appendedCount = 0 rows.forEach(row => { const testPartNo = row.testPartNo || row.test_part_no if (!testPartNo || exists.has(testPartNo)) { return } exists.add(testPartNo) appendedCount++ materialList.push({ site: this.modalData.site, referenceNo: this.modalData.referenceNo, projectId: this.modalData.projectId, testPartNo: testPartNo, finalPartNo: row.finalPartNo || row.final_part_no || '', partDesc: row.partDesc || row.part_desc || '', partStatus: row.partStatus || row.part_status || '' }) }) return { materialList, appendedCount } }, materialSelectionChange (rows) { this.materialSelections = rows || [] }, shouldPersistMaterialsImmediately () { return this.modalTitle === 'RoHS 编辑' && this.modalData && this.modalData.referenceNo && !String(this.modalData.referenceNo).startsWith('TEMP-') }, normalizeMaterialListForSave (materialList) { return (materialList || []).map((item, index) => { return { site: item.site || this.modalData.site || '', referenceNo: item.referenceNo || this.modalData.referenceNo || '', projectId: item.projectId || this.modalData.projectId || '', testPartNo: item.testPartNo || item.test_part_no || '', finalPartNo: item.finalPartNo || item.final_part_no || '', partDesc: item.partDesc || item.part_desc || '', partStatus: item.partStatus || item.part_status || '', lineNo: index + 1 } }).filter(item => item.testPartNo) }, persistMaterialList (materialList, successMsg, successCallback) { const normalizedList = this.normalizeMaterialListForSave(materialList) const payload = { site: this.modalData.site, referenceNo: this.modalData.referenceNo, projectId: this.modalData.projectId, materialList: normalizedList } api.updateRohsMaterials(payload).then(({data}) => { if (data && data.code === 0) { this.$set(this.modalData, 'materialList', normalizedList) this.materialSelections = [] if (this.currentRow && this.currentRow.referenceNo === this.modalData.referenceNo) { this.$set(this.currentRow, 'materialList', normalizedList) } this.$message.success(successMsg || '保存成功') if (typeof successCallback === 'function') { successCallback() } } else { this.$message.error((data && data.msg) || '保存失败') } }).catch(() => { this.$message.error('保存失败') }) }, removeSelectedMaterialRows () { if (!this.canEditRohsMaterial()) { this.$message.warning('当前状态不允许编辑材料') return } if (!this.materialSelections || this.materialSelections.length === 0) { this.$message.warning('请先选择要删除的材料') return } const removeSet = new Set(this.materialSelections.map(item => item.testPartNo)) const materialList = (this.modalData.materialList || []).filter(item => !removeSet.has(item.testPartNo)) if (!this.shouldPersistMaterialsImmediately()) { this.$set(this.modalData, 'materialList', materialList) this.materialSelections = [] this.$message.success('已删除材料，保存单据后写入数据库') return } this.$confirm('确认删除选中材料？', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.persistMaterialList(materialList, '删除材料成功') }).catch(() => {}) }, // ======== chooseList相关方法 ========
// 获取基础数据列表
getBaseList (val, type) { this.tagNo = val this.tagNo1 = type this.$nextTick(() => { let strVal = '' let conSql = '' if (val === 102) { if (type === 1) { strVal = this.modalData.endCustomer conSql = " order by Customer_no " } } if (val === 103 || val === 2001 || val === 2054) { if (type === 1) { strVal = this.modalData.applicant } else if (type === 3) { strVal = this.modalData.npdEngineer } else if (type === 4) { strVal = this.modalData.technicalPlan } else if (type === 5) { strVal = this.modalData.pm } conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 2000) { strVal = this.modalData.buyer conSql = " and b.site = '" + this.$store.state.user.site + "'" } if (val === 110) { strVal = this.modalData.commGroup1 } if (val === 111) { strVal = this.modalData.commGroup2 } if (val === 130) { strVal = this.modalData.commGroup3 } this.$refs.baseList.init(val, strVal, conSql) }) }, // 列表方法的回调
getBaseData (val) { if (this.tagNo === 102) { if (this.tagNo1 === 1) { if (val.Customer_no === this.modalData.endCustomer) { return } if (this.modalData.projectIdFlag) { this.modalData.projectIdFlag = false } this.modalData.endCustomer = val.Customer_no this.modalData.endCustomerName = val.Customer_desc this.modalData.projectId = '' this.modalData.projectName = '' this.$set(this.modalData, 'materialList', []) } } if (this.tagNo === 103 || this.tagNo === 2001 || this.tagNo === 2054) { if (this.tagNo1 === 1) { this.modalData.applicant = val.username this.modalData.applicantName = val.user_display } else if (this.tagNo1 === 3) { this.modalData.npdEngineer = val.username this.modalData.npdEngineerName = val.user_display } else if (this.tagNo1 === 4) { this.modalData.technicalPlan = val.username this.modalData.technicalPlanName = val.user_display } else if (this.tagNo1 === 5) { this.modalData.pm = val.username this.modalData.pmName = val.user_display } } if (this.tagNo === 110) { this.modalData.commGroup1 = val.product_group_id this.modalData.commGroup1Desc = val.product_group_name } if (this.tagNo === 111) { this.modalData.commGroup2 = val.product_group_id this.modalData.commGroup2Desc = val.product_group_name } if (this.tagNo === 130) { this.modalData.commGroup3 = val.product_group_id this.modalData.commGroup3Desc = val.product_group_name } if (this.tagNo === 2000) { this.modalData.buyer = val.username this.modalData.buyerName = val.user_display } }, handleQueryCustomer() { if (!this.modalData.endCustomer) { this.modalData.endCustomerName = '' this.modalData.projectId = '' this.modalData.projectName = '' this.modalData.projectIdFlag = true this.$set(this.modalData, 'materialList', []) return } let params = { site: this.$store.state.user.site, customerNo: this.modalData.endCustomer } queryCustomer(params).then(({data}) => { if (data && data.code === 0) { if (data.rows && data.rows.length === 1) { const customer = data.rows[0] this.modalData.endCustomerName = customer.customerDesc || customer.Customer_desc || customer.customerName || '' this.modalData.projectIdFlag = !!this.modalData.endCustomerFlag } else { this.modalData.endCustomerName = '' this.modalData.projectId = '' this.modalData.projectName = '' this.modalData.projectIdFlag = true this.$set(this.modalData, 'materialList', []) } } else { this.modalData.endCustomerName = '' this.modalData.projectId = '' this.modalData.projectName = '' this.modalData.projectIdFlag = true this.$set(this.modalData, 'materialList', []) } }).catch((error) => { this.modalData.endCustomerName = '' this.modalData.projectId = '' this.modalData.projectName = '' this.modalData.projectIdFlag = true this.$set(this.modalData, 'materialList', []) }) }, handleQueryProjectByCustomer() { if (!this.modalData.projectId) { this.modalData.projectName = '' return } let params = { site: this.$store.state.user.site, projectId: this.modalData.projectId } if (this.modalData.endCustomer) { params.customerId = this.modalData.endCustomer } queryProjectByCustomer(params).then(({data}) => { if (data && data.code === 0) { if (data.rows && data.rows.length === 1) { const project = data.rows[0] this.modalData.projectName = project.projectName || project.Project_name || '' } else { this.modalData.projectName = '' } } else { this.modalData.projectName = '' } }).catch((error) => { this.modalData.projectName = '' }) }, projectClickRow(row) { const oldProjectId = this.modalData.projectId this.modalData.projectId = row.projectId this.modalData.projectName = row.projectName if (this.modalData.endCustomer && this.modalData.endCustomer !== '') { // do nothing
} else { this.modalData.endCustomer = row.customerId this.modalData.endCustomerName = row.customerName } if (oldProjectId && oldProjectId !== row.projectId) { this.$set(this.modalData, 'materialList', []) } this.chooseProjectListFlag = false }, searchProjectInfoList() { this.projectList = []; if (this.modalData.endCustomer && this.modalData.endCustomer !== '') { this.searchProjectData.customerId = this.modalData.endCustomer } else { this.searchProjectData.customerId = undefined } this.searchProjectData.site = this.$store.state.user.site searchProjectInfoList(this.searchProjectData).then(({data}) => { if (data && data.code === 0) { const rows = data.rows || [] this.projectList = rows if ((!this.modalData.endCustomer || this.modalData.endCustomer === '') && rows.length > 0) { this.modalData.projectId = rows[0].projectId this.modalData.projectName = rows[0].projectName this.modalData.endCustomer = rows[0].customerId this.modalData.endCustomerName = rows[0].customerName } } else { this.projectList = [] } }).catch((error) => { this.$message.error('查询项目信息失败') }) }, closeProjectInfoDialog() { if(this.$refs.closeProjectInfoForm) { this.$refs.closeProjectInfoForm.resetFields(); } this.searchProjectData = { site: this.$store.state.user.site, projectId: undefined, projectName: undefined, customerId: undefined, } }, // 申请人输入校验
applicantBlur (tagNo) { if (this.modalData.applicant != null && this.modalData.applicant !== '') { let tempData = { tagno: tagNo, conditionSql: " and a.username = '" + this.modalData.applicant + "'" + " and b.site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0) { if (data.baseListData.length > 0) { this.modalData.applicant = data.baseListData[0].username this.modalData.applicantName = data.baseListData[0].user_display return } } this.modalData.applicantName = '' }) } else { this.modalData.applicantName = '' } }, // PM输入校验
pmBlur (tagNo) { if (this.modalData.pm != null && this.modalData.pm !== '') { let tempData = { tagno: tagNo, conditionSql: " and a.username = '" + this.modalData.pm + "'" + " and b.site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0) { if (data.baseListData.length > 0) { this.modalData.pm = data.baseListData[0].username this.modalData.pmName = data.baseListData[0].user_display return } } this.modalData.pmName = '' }) } else { this.modalData.pmName = '' } }, // NPD工程师输入校验
npdEngineerBlur (tagNo) { if (this.modalData.npdEngineer != null && this.modalData.npdEngineer !== '') { let tempData = { tagno: tagNo, conditionSql: " and a.username = '" + this.modalData.npdEngineer + "'" + " and b.site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0) { if (data.baseListData.length > 0) { this.modalData.npdEngineer = data.baseListData[0].username this.modalData.npdEngineerName = data.baseListData[0].user_display return } } this.modalData.npdEngineerName = '' }) } else { this.modalData.npdEngineerName = '' } }, // 技术计划输入校验
technicalPlanBlur (tagNo) { if (this.modalData.technicalPlan != null && this.modalData.technicalPlan !== '') { let tempData = { tagno: tagNo, conditionSql: " and a.username = '" + this.modalData.technicalPlan + "'" + " and b.site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0) { if (data.baseListData.length > 0) { this.modalData.technicalPlan = data.baseListData[0].username this.modalData.technicalPlanName = data.baseListData[0].user_display return } } this.modalData.technicalPlanName = '' }) } else { this.modalData.technicalPlanName = '' } }, // 采购输入校验
buyerBlur (tagNo) { if (this.modalData.buyer != null && this.modalData.buyer !== '') { let tempData = { tagno: tagNo, conditionSql: " and a.username = '" + this.modalData.buyer + "'" + " and b.site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0) { if (data.baseListData.length > 0) { this.modalData.buyer = data.baseListData[0].username this.modalData.buyerName = data.baseListData[0].user_display return } } this.modalData.buyerName = '' }) } else { this.modalData.buyerName = '' } }, // 商品组1输入校验
commGroup1Blur (tagNo) { if (this.modalData.commGroup1 != null && this.modalData.commGroup1 !== '') { let tempData = { tagno: tagNo, conditionSql: " and product_group_id = '" + this.modalData.commGroup1 + "'" + " and site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0 && data.baseListData.length > 0) { this.modalData.commGroup1 = data.baseListData[0].product_group_id this.modalData.commGroup1Desc = data.baseListData[0].product_group_name } else { this.modalData.commGroup1Desc = '' } }) } else { this.modalData.commGroup1Desc = '' } }, // 商品组2输入校验
commGroup2Blur (tagNo) { if (this.modalData.commGroup2 != null && this.modalData.commGroup2 !== '') { let tempData = { tagno: tagNo, conditionSql: " and product_group_id = '" + this.modalData.commGroup2 + "'" + " and site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0 && data.baseListData.length > 0) { this.modalData.commGroup2 = data.baseListData[0].product_group_id this.modalData.commGroup2Desc = data.baseListData[0].product_group_name } else { this.modalData.commGroup2Desc = '' } }) } else { this.modalData.commGroup2Desc = '' } }, // 商品组3输入校验
commGroup3Blur (tagNo) { if (this.modalData.commGroup3 != null && this.modalData.commGroup3 !== '') { let tempData = { tagno: tagNo, conditionSql: " and product_group_id = '" + this.modalData.commGroup3 + "'" + " and site = '" + this.$store.state.user.site + "'" } verifyData(tempData).then(({data}) => { if (data && data.code === 0 && data.baseListData.length > 0) { this.modalData.commGroup3 = data.baseListData[0].product_group_id this.modalData.commGroup3Desc = data.baseListData[0].product_group_name } else { this.modalData.commGroup3Desc = '' } }) } else { this.modalData.commGroup3Desc = '' } } }}</script>
<style scoped lang="scss">/deep/ .customer-tab .el-tabs__content { padding: 0 !important;}
/deep/ .rohs-material-table .el-table__header-wrapper th > .cell { white-space: nowrap; word-break: keep-all;}
/deep/ .rohs-multiple-two-rows.el-select .el-input__inner,/deep/ .rohs-multiple-two-rows .el-select .el-input__inner { min-height: 62px !important; height: auto !important; padding-top: 6px !important; padding-bottom: 6px !important;}
/deep/ .rohs-multiple-two-rows.el-select .el-select__tags,/deep/ .rohs-multiple-two-rows .el-select .el-select__tags { max-width: calc(100% - 34px) !important; max-height: 50px; overflow-y: auto; overflow-x: hidden; white-space: normal;}
/deep/ .rohs-multiple-two-rows.el-select .el-select__tags > span,/deep/ .rohs-multiple-two-rows .el-select .el-select__tags > span { display: inline; max-width: 100%; white-space: normal;}
/deep/ .rohs-multiple-two-rows.el-select .el-select__tags .el-tag,/deep/ .rohs-multiple-two-rows .el-select .el-select__tags .el-tag { display: inline-flex; max-width: 100%; height: auto; line-height: 16px; padding-top: 2px; padding-bottom: 2px; margin-right: 4px; white-space: normal; vertical-align: middle;}
/deep/ .rohs-multiple-two-rows.el-select .el-select__tags .el-tag .el-select__tags-text,/deep/ .rohs-multiple-two-rows .el-select .el-select__tags .el-tag .el-select__tags-text { white-space: normal; word-break: break-all;}</style>
|
