wilson
/
ccl_plm-vue
0
1
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2026-06-09 

RoHs优化
master
fengyuan_yang 2 days ago
parent
7c11495299
commit
685148a3a8
1 changed files with 135 additions and 132 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 267
      src/views/modules/rohs/rohsRecord.vue

267
src/views/modules/rohs/rohsRecord.vue
View File

@ -76,8 +76,8 @@
</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="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>
@ -100,7 +100,7 @@
<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"></el-table-column>
<el-table-column prop="expectReportTime" header-align="center" align="center" label="预计提供报告时间" width="200"></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">
@ -152,166 +152,169 @@
<div style="height: 635px">
<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="#">申请人/Applicant</a></span>
<span v-else slot="label">申请人/Applicant</span>
<el-input v-model="modalData.applicant" @blur="applicantBlur(103)" :disabled="isRohsFieldDisabled('applicant')" style="width: 150px"></el-input>
<el-input v-model="modalData.applicantName" disabled style="width: 240px"></el-input>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('applicant')" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人</a></span>
<span v-else slot="label">申请人</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="申请日期/Application Date">
<el-date-picker v-model="modalData.applicationDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('applicationDate')" style="width: 190px" :editable=false></el-date-picker>
<el-form-item label="申请日期">
<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="工艺/Process">
<dict-data-select v-model="modalData.process" clearable :disabled="isRohsFieldDisabled('process')" style="width: 190px" dict-type="rohs_process"></dict-data-select>
<el-form-item label="Site">
<el-input v-model="modalData.site" disabled style="width: 95px"></el-input>
</el-form-item>
<el-form-item label="工艺">
<dict-data-select v-model="modalData.process" clearable :disabled="isRohsFieldDisabled('process')" 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 label="供应商代码/Vendor Code">
<el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 150px"></el-input>
<el-form-item>
<span slot="label" v-if="!modalData.endCustomerFlag && !isRohsFieldDisabled('endCustomer')" @click="getBaseList(102, 1)"><a herf="#">最终客户</a></span>
<span slot="label" v-else>最终客户</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 label="供应商材料编号/Vendor Material Code" style="margin-left: -10px">
<el-input v-model="modalData.vendorMaterialCode" :disabled="isRohsFieldDisabled('vendorMaterialCode')" style="width: 240px"></el-input>
<el-form-item>
<span slot="label" v-if="!modalData.projectIdFlag && !isRohsFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目编码</a></span>
<span slot="label" v-else>项目编码</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="辅材用途/Material Use For">
<el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 190px"></el-input>
<el-form-item label="WM所需求规格">
<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="材料分类/Material Classify">
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.materialClassifyList" multiple :title="getMultipleSelectTitle(modalData.materialClassifyList)" :disabled="isRohsFieldDisabled('materialClassify')" style="width: 394px" dict-type="rohs_material_classify"></dict-data-select>
<el-form-item label="供应商">
<el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 396px"></el-input>
</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: 190px"></el-input>
<el-form-item label="供应商材料编码">
<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>
<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: 150px"></el-input>
<el-input disabled v-model="modalData.endCustomerName" style="width: 240px"></el-input>
<el-form-item label="材料分类">
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.materialClassifyList" multiple :title="getMultipleSelectTitle(modalData.materialClassifyList)" :disabled="isRohsFieldDisabled('materialClassify')" style="width: 668px" dict-type="rohs_material_classify"></dict-data-select>
</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: 150px"></el-input>
<el-input v-model="modalData.pmName" disabled style="width: 240px"></el-input>
<el-form-item label="其他分类" v-if="modalData.materialClassifyList && modalData.materialClassifyList.includes('Other其他')">
<el-input v-model="modalData.otherMaterialClassify" :disabled="isRohsFieldDisabled('otherMaterialClassify')" style="width: 123px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item>
<span slot="label" v-if="!modalData.projectIdFlag && !isRohsFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目编码/Project ID</a></span>
<span slot="label" v-else>项目编码/Project ID</span>
<el-input :disabled="modalData.projectIdFlag || isRohsFieldDisabled('projectId')" readonly v-model="modalData.projectId" @blur="handleQueryProjectByCustomer" style="width: 150px"></el-input>
<el-input disabled v-model="modalData.projectName" style="width: 240px"></el-input>
<el-form-item label="辅材用途">
<el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 396px"></el-input>
</el-form-item>
<el-form-item label="颜色/Color">
<el-input v-model="modalData.color" :disabled="isRohsFieldDisabled('color')" style="width: 150px"></el-input>
</el-form-item>
<el-form-item label="计划转量产时间/Planned Mass Production">
<el-date-picker v-model="modalData.plannedMassProductionDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('plannedMassProductionDate')" style="width: 190px" :editable=false></el-date-picker>
<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>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="颜色">
<el-input v-model="modalData.color" :disabled="isRohsFieldDisabled('color')" style="width: 396px"></el-input>
</el-form-item>
<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: 150px"></el-input>
<el-input v-model="modalData.commGroup1Desc" disabled style="width: 240px"></el-input>
<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: 155px"></el-input>
</el-form-item>
<el-form-item label="是否需偏差许可/Need Deviation">
<el-radio-group v-model="modalData.needDeviation" :disabled="isRohsFieldDisabled('needDeviation')" style="width: 190px">
<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 label="计划转量产时间">
<el-date-picker v-model="modalData.plannedMassProductionDate" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('plannedMassProductionDate')" style="width: 123px" :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('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: 150px"></el-input>
<el-input v-model="modalData.commGroup2Desc" disabled style="width: 240px"></el-input>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup1')" slot="label" @click="getBaseList(110)"><a herf="#">商品组1</a></span>
<span v-else slot="label">商品组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 label="需创建内部编号/Need Create No.">
<el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 190px">
<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>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup2')" slot="label" @click="getBaseList(111)"><a herf="#">商品组2</a></span>
<span v-else slot="label">商品组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>
<el-form :inline="true" label-position="top" :model="modalData">
<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: 150px"></el-input>
<el-input v-model="modalData.commGroup3Desc" disabled style="width: 240px"></el-input>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('commGroup3')" slot="label" @click="getBaseList(130)"><a herf="#">商品组3</a></span>
<span v-else slot="label">商品组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-item label="是否Fiber材料/Fiber Material">
<el-radio-group v-model="modalData.isFiberMaterial" :disabled="isRohsFieldDisabled('isFiberMaterial')" style="width: 190px">
</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: 191px">
<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>
<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: 150px"></el-input>
<el-input v-model="modalData.npdEngineerName" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="WM所需求规格/WM Required Spec">
<el-input v-model="modalData.wmRequiredSpec" :disabled="isRohsFieldDisabled('wmRequiredSpec')" style="width: 190px"></el-input>
<el-form-item label="是否需要创建300/700/900号">
<el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 191px">
<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: 190px"></el-input>
<el-form-item label="材料厚度">
<el-input v-model="modalData.materialThickness" :disabled="isRohsFieldDisabled('materialThickness')" style="width: 396px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="材料有效期/Material Validity Time">
<el-date-picker v-model="modalData.materialValidityTime" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 190px" :editable=false></el-date-picker>
<el-form-item>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('npdEngineer')" slot="label" @click="getBaseList(2001, 3)"><a herf="#">NPD工程师</a></span>
<span v-else slot="label">NPD工程师</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="有效期备注/Validity Comments">
<el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 190px"></el-input>
<el-form-item label="材料有效期">
<el-date-picker v-model="modalData.materialValidityTime" type="date" value-format="yyyy-MM-dd" :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 100px" :editable=false></el-date-picker>
</el-form-item>
<el-form-item label="报告时间(月)/Expect Report Time">
<el-input class="inlineNumber numInput" v-model="modalData.expectReportTime" :disabled="isRohsFieldDisabled('expectReportTime')" type="number" style="width: 190px"></el-input>
<el-form-item label="是否需要Deviation" style="margin-left: 25px">
<el-radio-group v-model="modalData.needDeviation" :disabled="isRohsFieldDisabled('needDeviation')" style="width: 120px">
<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="预计提供报告时间(一个月内)">
<el-input class="inlineNumber numInput" v-model="modalData.expectReportTime" :disabled="isRohsFieldDisabled('expectReportTime')" type="number" 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('technicalPlan')" slot="label" @click="getBaseList(2001, 4)"><a herf="#">技术计划/Technical Plan</a></span>
<span v-else slot="label">技术计划/Technical Plan</span>
<el-input v-model="modalData.technicalPlan" @blur="technicalPlanBlur(2001)" :disabled="isRohsFieldDisabled('technicalPlan')" style="width: 150px"></el-input>
<el-input v-model="modalData.technicalPlanName" disabled style="width: 240px"></el-input>
<el-form-item label="有效期备注">
<el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 532px"></el-input>
</el-form-item>
<el-form-item>
<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: 150px"></el-input>
<el-input v-model="modalData.buyerName" disabled style="width: 240px"></el-input>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('buyer')" slot="label" @click="getBaseList(2000, 2)"><a herf="#">采购</a></span>
<span v-else slot="label">采购</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>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="所需审批文件/Docs Needed" >
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.qualificationDocumentsNeededList" multiple :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 394px" dict-type="rohs_qualification_docs"></dict-data-select>
<el-form-item label="所需审批文件" >
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.qualificationDocumentsNeededList" multiple :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 804px" dict-type="rohs_qualification_docs"></dict-data-select>
</el-form-item>
<el-form-item label="测试报告必测项/Test Items">
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.testReportIncludingItemsList" multiple :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 394px" dict-type="rohs_test_report_items"></dict-data-select>
</el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="测试报告必测项">
<dict-data-select class="rohs-multiple-ellipsis" v-model="modalData.testReportIncludingItemsList" multiple :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 804px" dict-type="rohs_test_report_items"></dict-data-select>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item style="display: block;">
<template slot="label">
<span>备注说明/Remark</span>
<span>备注说明</span>
<el-button
v-if="authDataEntry"
style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;"
type="primary"
@click="openRohsRemarkDialog">RoHs备注</el-button>
@click="openRohsRemarkDialog">备注</el-button>
</template>
<el-input type="textarea" :rows="3" v-model="modalData.remark" :disabled="isRohsFieldDisabled('remark')" resize="none" style="width: 802px;height: 30px"></el-input>
<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>
@ -663,9 +666,9 @@
</el-footer>
</el-dialog>
<el-dialog width="700px" title="RoHs备注" :close-on-click-modal="false" :visible.sync="rohsRemarkFlag" v-drag>
<el-dialog width="700px" title="备注" :close-on-click-modal="false" :visible.sync="rohsRemarkFlag" v-drag>
<el-form label-position="top">
<el-form-item label="备注说明/Remark">
<el-form-item label="备注说明">
<el-input
type="textarea"
v-model="rohsRemarkForm.remark"
@ -689,39 +692,39 @@
<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">申请人/Applicant</span>
<span slot="label">申请人</span>
<el-input :value="currentRow.applicant || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.applicantName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="申请日期/Application Date">
<el-form-item label="申请日期">
<el-date-picker :value="currentRow.applicationDate" disabled type="date" value-format="yyyy-MM-dd" style="width: 190px"></el-date-picker>
</el-form-item>
<el-form-item label="工艺/Process">
<el-form-item label="工艺">
<el-input :value="currentRow.process || ''" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="供应商代码/Vendor Code">
<el-form-item label="供应商">
<el-input :value="currentRow.vendorCode || ''" disabled style="width: 150px"></el-input>
</el-form-item>
<el-form-item label="供应商材料编号/Vendor Material Code" style="margin-left: -10px">
<el-form-item label="供应商材料编码" style="margin-left: -10px">
<el-input :value="currentRow.vendorMaterialCode || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="辅材用途/Material Use For">
<el-form-item label="辅材用途">
<el-input :value="currentRow.materialUseFor || ''" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="材料分类/Material Classify">
<el-form-item label="材料分类">
<el-input :value="currentRow.materialClassify || ''" disabled style="width: 394px"></el-input>
</el-form-item>
<el-form-item label="其他材料分类/Other Material Classify" v-if="currentRow.materialClassify && currentRow.materialClassify.includes('Other其他')">
<el-form-item label="其他分类" v-if="currentRow.materialClassify && currentRow.materialClassify.includes('Other其他')">
<el-input :value="currentRow.otherMaterialClassify || ''" disabled style="width: 190px"></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>
<span slot="label">最终客户</span>
<el-input :value="currentRow.endCustomer || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.endCustomerName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
@ -733,93 +736,93 @@
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item>
<span slot="label">项目编码/Project ID</span>
<span slot="label">项目编码</span>
<el-input :value="currentRow.projectId || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.projectName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="颜色/Color">
<el-form-item label="颜色">
<el-input :value="currentRow.color || ''" disabled style="width: 150px"></el-input>
</el-form-item>
<el-form-item label="计划转量产时间/Planned Mass Production">
<el-form-item label="计划转量产时间">
<el-date-picker :value="normalizeDateOnly(currentRow.plannedMassProductionDate)" disabled type="date" value-format="yyyy-MM-dd" style="width: 190px"></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>
<span slot="label">商品组1</span>
<el-input :value="currentRow.commGroup1 || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.commGroup1Desc || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="是否需偏差许可/Need Deviation">
<el-form-item label="是否需要Deviation">
<el-input :value="displayYesNo(currentRow.needDeviation)" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item>
<span slot="label">商品组2 / Comm Group 2</span>
<span slot="label">商品组2</span>
<el-input :value="currentRow.commGroup2 || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.commGroup2Desc || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="需创建内部编号/Need Create No.">
<el-form-item label="是否需要创建300/700/900号">
<el-input :value="displayYesNo(currentRow.needCreateNumber)" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item>
<span slot="label">商品组3 / Comm Group 3</span>
<span slot="label">商品组3</span>
<el-input :value="currentRow.commGroup3 || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.commGroup3Desc || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="是否Fiber材料/Fiber Material">
<el-form-item label="是否Fiber材料">
<el-input :value="displayYesNo(currentRow.isFiberMaterial)" disabled style="width: 190px"></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>
<span slot="label">NPD工程师</span>
<el-input :value="currentRow.npdEngineer || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.npdEngineerName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item label="WM所需求规格/WM Required Spec">
<el-form-item label="WM所需求规格">
<el-input :value="currentRow.wmRequiredSpec || ''" disabled style="width: 190px"></el-input>
</el-form-item>
<el-form-item label="材料厚度/Material Thickness">
<el-form-item label="材料厚度">
<el-input :value="currentRow.materialThickness || ''" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="材料有效期/Material Validity Time">
<el-form-item label="材料有效期">
<el-date-picker :value="currentRow.materialValidityTime" disabled type="date" value-format="yyyy-MM-dd" style="width: 190px"></el-date-picker>
</el-form-item>
<el-form-item label="有效期备注/Validity Comments">
<el-form-item label="有效期备注">
<el-input :value="currentRow.materialValidityComments || ''" disabled style="width: 190px"></el-input>
</el-form-item>
<el-form-item label="报告时间(月)/Expect Report Time">
<el-form-item label="预计提供报告时间(一个月内)">
<el-input :value="currentRow.expectReportTime" disabled style="width: 190px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item>
<span slot="label">技术计划/Technical Plan</span>
<span slot="label">技术计划/TP</span>
<el-input :value="currentRow.technicalPlan || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.technicalPlanName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
<el-form-item>
<span slot="label">采购/Buyer</span>
<span slot="label">采购</span>
<el-input :value="currentRow.buyer || ''" disabled style="width: 150px"></el-input>
<el-input :value="currentRow.buyerName || ''" disabled style="width: 240px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="所需审批文件/Docs Needed">
<el-form-item label="所需审批文件">
<el-input :value="currentRow.qualificationDocumentsNeeded || ''" disabled style="width: 394px"></el-input>
</el-form-item>
<el-form-item label="测试报告必测项/Test Items">
<el-form-item label="测试报告必测项">
<el-input :value="currentRow.testReportIncludingItems || ''" disabled style="width: 394px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="备注说明/Remark" style="display: block;">
<el-form-item label="备注说明" style="display: block;">
<el-input type="textarea" :rows="3" :value="currentRow.remark || ''" disabled resize="none" style="width: 802px;height: 30px"></el-input>
</el-form-item>
</el-form>

Write Preview
Loading…
Cancel
Save