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

2026-06-24 

RoHS属性的中英文调整
master
fengyuan_yang 9 hours ago
parent
81c7be2f2c
commit
e349dd471b
1 changed files with 101 additions and 91 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 192
      src/views/modules/rohs/rohsRecord.vue

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

@ -155,69 +155,69 @@
<el-dialog <el-dialog
:title="modalTitle" :title="modalTitle"
:visible.sync="modalFlag" :visible.sync="modalFlag"
width="1010px"
top="10vh"
width="1012px"
top="4vh"
v-drag v-drag
:close-on-click-modal="false" :close-on-click-modal="false"
:showClose="false"> :showClose="false">
<el-tabs tab-position="left" type="border-card" v-model="activeName" style="width: 100%;height: 650px;">
<el-tabs tab-position="left" type="border-card" v-model="activeName" style="width: 100%;height: 770px;">
<!-- 基本信息 --> <!-- 基本信息 -->
<el-tab-pane label="基本信息" name="basicInfo"> <el-tab-pane label="基本信息" name="basicInfo">
<div style="height: 635px">
<div style="height: 755px">
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
<el-form-item> <el-form-item>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('applicant')" slot="label" @click="getBaseList(103, 1)"><a herf="#">申请人</a></span>
<span v-else slot="label">申请人</span>
<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.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-input v-model="modalData.applicantName" disabled style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="申请日期">
<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-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>
<el-form-item label="Site"> <el-form-item label="Site">
<el-input v-model="modalData.site" disabled style="width: 95px"></el-input> <el-input v-model="modalData.site" disabled style="width: 95px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="工艺">
<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> <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-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<el-form-item> <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>
<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="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-input disabled v-model="modalData.endCustomerName" style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <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>
<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="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-input disabled v-model="modalData.projectName" style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="WM所需求规格">
<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-input v-model="modalData.wmRequiredSpec" :disabled="isRohsFieldDisabled('wmRequiredSpec')" style="width: 260px"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="供应商">
<el-form-item label="供应商/Vendor Code">
<el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 396px"></el-input> <el-input v-model="modalData.vendorCode" :disabled="isRohsFieldDisabled('vendorCode')" style="width: 396px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="供应商材料编码">
<el-form-item label="供应商材料编码/Vendor Material Code">
<el-input v-model="modalData.vendorMaterialCode" :disabled="isRohsFieldDisabled('vendorMaterialCode')" style="width: 396px"></el-input> <el-input v-model="modalData.vendorMaterialCode" :disabled="isRohsFieldDisabled('vendorMaterialCode')" style="width: 396px"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<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 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>
<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 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-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="辅材用途">
<el-input v-model="modalData.materialUseFor" :disabled="isRohsFieldDisabled('materialUseFor')" style="width: 396px"></el-input>
<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>
<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 style="cursor: pointer" v-if="!isRohsFieldDisabled('technicalPlan')" slot="label" @click="getBaseList(2001, 4)"><a herf="#">技术计划/TP</a></span>
@ -225,104 +225,103 @@
<el-input v-model="modalData.technicalPlan" @blur="technicalPlanBlur(2001)" :disabled="isRohsFieldDisabled('technicalPlan')" style="width: 100px"></el-input> <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-input v-model="modalData.technicalPlanName" disabled style="width: 155px"></el-input>
</el-form-item> </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> <el-form-item>
<span style="cursor: pointer" v-if="!isRohsFieldDisabled('pm')" slot="label" @click="getBaseList(2054, 5)"><a herf="#">PM人员/PM</a></span> <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> <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.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-input v-model="modalData.pmName" disabled style="width: 156px"></el-input>
</el-form-item> </el-form-item>
<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>
<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-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<el-form-item> <el-form-item>
<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>
<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.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-input v-model="modalData.commGroup1Desc" disabled style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <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>
<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.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-input v-model="modalData.commGroup2Desc" disabled style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<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>
<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.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-input v-model="modalData.commGroup3Desc" disabled style="width: 156px"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <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-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="Y" @click.native.prevent="radioClick('isFiberMaterial', 'Y')">是</el-radio>
<el-radio label="N" @click.native.prevent="radioClick('isFiberMaterial', 'N')">否</el-radio> <el-radio label="N" @click.native.prevent="radioClick('isFiberMaterial', 'N')">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="是否需要创建300/700/900号">
<el-radio-group v-model="modalData.needCreateNumber" :disabled="isRohsFieldDisabled('needCreateNumber')" style="width: 191px">
<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="Y" @click.native.prevent="radioClick('needCreateNumber', 'Y')">是</el-radio>
<el-radio label="N" @click.native.prevent="radioClick('needCreateNumber', 'N')">否</el-radio> <el-radio label="N" @click.native.prevent="radioClick('needCreateNumber', 'N')">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="材料厚度">
<el-input v-model="modalData.materialThickness" :disabled="isRohsFieldDisabled('materialThickness')" style="width: 396px"></el-input>
<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-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<el-form-item> <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>
<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.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-input v-model="modalData.npdEngineerName" disabled style="width: 155px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="材料有效期">
<dict-data-select v-model="modalData.materialValidityTime" clearable :disabled="isRohsFieldDisabled('materialValidityTime')" style="width: 100px" dict-type="rohs_material_validity_time"></dict-data-select>
</el-form-item>
<el-form-item label="是否需要Deviation" style="margin-left: 25px">
<el-form-item label="是否需要Deviation/If need deviation or Comments">
<el-radio-group v-model="modalData.needDeviation" :disabled="isRohsFieldDisabled('needDeviation')" style="width: 120px"> <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="Y" @click.native.prevent="radioClick('needDeviation', 'Y')">是</el-radio>
<el-radio label="N" @click.native.prevent="radioClick('needDeviation', 'N')">否</el-radio> <el-radio label="N" @click.native.prevent="radioClick('needDeviation', 'N')">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="预计提供报告时间(一个月内)">
<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 label="材料有效期/Material Validity Time" style="margin-left: -4px">
<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-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<el-form-item label="有效期备注">
<el-input v-model="modalData.materialValidityComments" :disabled="isRohsFieldDisabled('materialValidityComments')" style="width: 532px"></el-input>
<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>
<el-form-item>
<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-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.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-input v-model="modalData.buyerName" disabled style="width: 156px"></el-input>
</el-form-item> </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>
<el-form :inline="true" label-position="top" :model="modalData"> <el-form :inline="true" label-position="top" :model="modalData">
<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 label="所需审批文件/Qualification Documents needed" >
<dict-data-select class="rohs-multiple-two-rows" v-model="modalData.qualificationDocumentsNeededList" multiple :title="getMultipleSelectTitle(modalData.qualificationDocumentsNeededList)" :disabled="isRohsFieldDisabled('qualificationDocumentsNeeded')" style="width: 807px" dict-type="rohs_qualification_docs"></dict-data-select>
</el-form-item> </el-form-item>
</el-form> </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 :inline="true" label-position="top" :model="modalData" style="margin-top: 40px">
<el-form-item label="测试报告必测项/Test Report including items">
<dict-data-select class="rohs-multiple-two-rows" v-model="modalData.testReportIncludingItemsList" multiple :title="getMultipleSelectTitle(modalData.testReportIncludingItemsList)" :disabled="isRohsFieldDisabled('testReportIncludingItems')" style="width: 807px" dict-type="rohs_test_report_items"></dict-data-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="modalData">
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 40px">
<el-form-item style="display: block;"> <el-form-item style="display: block;">
<template slot="label"> <template slot="label">
<span>备注说明</span>
<span>备注说明/Comments</span>
<el-button <el-button
v-if="authDataEntry" v-if="authDataEntry"
style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;" style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;"
@ -337,7 +336,7 @@
<!-- NPD 信息 --> <!-- NPD 信息 -->
<el-tab-pane label="NPD 信息" name="npdInfo"> <el-tab-pane label="NPD 信息" name="npdInfo">
<div style="height: 635px; overflow-y: auto;">
<div style="height: 755px; overflow-y: auto;">
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
<el-form-item label="现有材料不同规格/Same Material Diff Size"> <el-form-item label="现有材料不同规格/Same Material Diff Size">
<el-radio-group v-model="modalData.isSameMaterialDiffSize" :disabled="isRohsFieldDisabled('isSameMaterialDiffSize')" style="width: 190px"> <el-radio-group v-model="modalData.isSameMaterialDiffSize" :disabled="isRohsFieldDisabled('isSameMaterialDiffSize')" style="width: 190px">
@ -372,7 +371,7 @@
:row-click-select="true" :row-click-select="true"
:show-order-ref2="false" :show-order-ref2="false"
label="序列号" label="序列号"
:height="350"
:height="470"
style="margin-top: 2px" style="margin-top: 2px"
:columns="tdsFileColumnList" :columns="tdsFileColumnList"
:order-ref1="modalData.site || ''" :order-ref1="modalData.site || ''"
@ -386,7 +385,7 @@
<!-- HSF 填写信息 --> <!-- HSF 填写信息 -->
<el-tab-pane label="HSF 填写信息" name="hsfInfo"> <el-tab-pane label="HSF 填写信息" name="hsfInfo">
<div style="height: 635px">
<div style="height: 755px">
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;">
<el-form-item label="SGS报告编号/SGS Report Number"> <el-form-item label="SGS报告编号/SGS Report Number">
<el-input v-model="modalData.sgsReportNumber" :disabled="isRohsFieldDisabled('sgsReportNumber')" style="width: 190px"></el-input> <el-input v-model="modalData.sgsReportNumber" :disabled="isRohsFieldDisabled('sgsReportNumber')" style="width: 190px"></el-input>
@ -490,7 +489,7 @@
<!-- 材料信息 --> <!-- 材料信息 -->
<el-tab-pane label="材料信息" name="materialInfo"> <el-tab-pane label="材料信息" name="materialInfo">
<div style="height: 635px">
<div style="height: 755px">
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -15px;"> <el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -15px;">
<el-form-item label=" "> <el-form-item label=" ">
<el-button type="primary" v-if="!showModalFlag && canEditRohsMaterial()" @click="openProjectMaterialDialog">新增材料</el-button> <el-button type="primary" v-if="!showModalFlag && canEditRohsMaterial()" @click="openProjectMaterialDialog">新增材料</el-button>
@ -504,7 +503,7 @@
:data="modalData.materialList" :data="modalData.materialList"
@selection-change="materialSelectionChange" @selection-change="materialSelectionChange"
:header-cell-style="materialDialogHeaderCellStyle" :header-cell-style="materialDialogHeaderCellStyle"
:height="585"
:height="705"
style="width: 100%"> style="width: 100%">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <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 type="index" label="序号" width="50" header-align="center" align="center"></el-table-column>
@ -516,7 +515,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附件信息" name="attachmentInfo"> <el-tab-pane label="附件信息" name="attachmentInfo">
<div style="height: 635px">
<div style="height: 755px">
<oss-components <oss-components
ref="modalAttachmentOss" ref="modalAttachmentOss"
:save-visible="authFileSave" :save-visible="authFileSave"
@ -526,7 +525,7 @@
:row-click-select="true" :row-click-select="true"
:disabled="modalData.status === '已完成'" :disabled="modalData.status === '已完成'"
label="序列号" label="序列号"
:height="560"
:height="705"
style="margin-top: 2px" style="margin-top: 2px"
:columns="fileColumnList" :columns="fileColumnList"
:order-ref1="modalData.site || ''" :order-ref1="modalData.site || ''"
@ -817,7 +816,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="currentRow"> <el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="是否Fiber材料">
<el-form-item label="是否是Fiber材料">
<el-radio-group :value="currentRow.isFiberMaterial" disabled style="width: 191px"> <el-radio-group :value="currentRow.isFiberMaterial" disabled style="width: 191px">
<el-radio label="Y">是</el-radio> <el-radio label="Y">是</el-radio>
<el-radio label="N">否</el-radio> <el-radio label="N">否</el-radio>
@ -853,7 +852,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :inline="true" label-position="top" :model="currentRow"> <el-form :inline="true" label-position="top" :model="currentRow">
<el-form-item label="有效期备注">
<el-form-item label="材料有效期备注">
<el-input :value="currentRow.materialValidityComments || ''" disabled style="width: 532px"></el-input> <el-input :value="currentRow.materialValidityComments || ''" disabled style="width: 532px"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -3453,35 +3452,46 @@ export default {
word-break: keep-all; word-break: keep-all;
} }
/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags,
/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags {
/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-width: calc(100% - 34px) !important;
overflow: hidden;
white-space: nowrap;
max-height: 50px;
overflow-y: auto;
overflow-x: hidden;
white-space: normal;
} }
/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags > span,
/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags > span {
display: block;
/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%; max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
white-space: normal;
} }
/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags .el-tag,
/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags .el-tag {
/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; display: inline-flex;
max-width: 120px;
max-width: 100%;
height: auto;
line-height: 16px;
padding-top: 2px;
padding-bottom: 2px;
margin-right: 4px; margin-right: 4px;
overflow: hidden;
white-space: normal;
vertical-align: middle; vertical-align: middle;
} }
/deep/ .rohs-multiple-ellipsis.el-select .el-select__tags .el-tag .el-select__tags-text,
/deep/ .rohs-multiple-ellipsis .el-select .el-select__tags .el-tag .el-select__tags-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/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> </style>
Write Preview
Loading…
Cancel
Save