|
|
|
@ -155,69 +155,69 @@ |
|
|
|
<el-dialog |
|
|
|
:title="modalTitle" |
|
|
|
:visible.sync="modalFlag" |
|
|
|
width="1010px" |
|
|
|
top="10vh" |
|
|
|
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: 650px;"> |
|
|
|
<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: 635px"> |
|
|
|
<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="#">申请人</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.applicantName" disabled style="width: 155px"></el-input> |
|
|
|
</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-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="工艺"> |
|
|
|
<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="#">最终客户</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 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="#">项目编码</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 v-model="modalData.projectName" style="width: 155px"></el-input> |
|
|
|
</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-form-item> |
|
|
|
</el-form> |
|
|
|
<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-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-form-item> |
|
|
|
</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.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 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> |
|
|
|
<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> |
|
|
|
<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.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('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-input v-model="modalData.pmName" disabled style="width: 156px"></el-input> |
|
|
|
</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> |
|
|
|
<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</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.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</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.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</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.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: 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="N" @click.native.prevent="radioClick('isFiberMaterial', 'N')">否</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</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="N" @click.native.prevent="radioClick('needCreateNumber', 'N')">否</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</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> |
|
|
|
<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工程师</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.npdEngineerName" disabled style="width: 155px"></el-input> |
|
|
|
</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 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-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> |
|
|
|
<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> |
|
|
|
<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.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="所需审批文件" > |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
<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;"> |
|
|
|
<template slot="label"> |
|
|
|
<span>备注说明</span> |
|
|
|
<span>备注说明/Comments</span> |
|
|
|
<el-button |
|
|
|
v-if="authDataEntry" |
|
|
|
style="margin-left: 2px;width: 83px;line-height: 0.5;font-size: 10px;" |
|
|
|
@ -337,7 +336,7 @@ |
|
|
|
|
|
|
|
<!-- NPD 信息 --> |
|
|
|
<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-item label="现有材料不同规格/Same Material Diff Size"> |
|
|
|
<el-radio-group v-model="modalData.isSameMaterialDiffSize" :disabled="isRohsFieldDisabled('isSameMaterialDiffSize')" style="width: 190px"> |
|
|
|
@ -372,7 +371,7 @@ |
|
|
|
:row-click-select="true" |
|
|
|
:show-order-ref2="false" |
|
|
|
label="序列号" |
|
|
|
:height="350" |
|
|
|
:height="470" |
|
|
|
style="margin-top: 2px" |
|
|
|
:columns="tdsFileColumnList" |
|
|
|
:order-ref1="modalData.site || ''" |
|
|
|
@ -386,7 +385,7 @@ |
|
|
|
|
|
|
|
<!-- HSF 填写信息 --> |
|
|
|
<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-item label="SGS报告编号/SGS Report Number"> |
|
|
|
<el-input v-model="modalData.sgsReportNumber" :disabled="isRohsFieldDisabled('sgsReportNumber')" style="width: 190px"></el-input> |
|
|
|
@ -490,7 +489,7 @@ |
|
|
|
|
|
|
|
<!-- 材料信息 --> |
|
|
|
<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-item label=" "> |
|
|
|
<el-button type="primary" v-if="!showModalFlag && canEditRohsMaterial()" @click="openProjectMaterialDialog">新增材料</el-button> |
|
|
|
@ -504,7 +503,7 @@ |
|
|
|
:data="modalData.materialList" |
|
|
|
@selection-change="materialSelectionChange" |
|
|
|
:header-cell-style="materialDialogHeaderCellStyle" |
|
|
|
:height="585" |
|
|
|
: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> |
|
|
|
@ -516,7 +515,7 @@ |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="附件信息" name="attachmentInfo"> |
|
|
|
<div style="height: 635px"> |
|
|
|
<div style="height: 755px"> |
|
|
|
<oss-components |
|
|
|
ref="modalAttachmentOss" |
|
|
|
:save-visible="authFileSave" |
|
|
|
@ -526,7 +525,7 @@ |
|
|
|
:row-click-select="true" |
|
|
|
:disabled="modalData.status === '已完成'" |
|
|
|
label="序列号" |
|
|
|
:height="560" |
|
|
|
:height="705" |
|
|
|
style="margin-top: 2px" |
|
|
|
:columns="fileColumnList" |
|
|
|
:order-ref1="modalData.site || ''" |
|
|
|
@ -817,7 +816,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<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 label="Y">是</el-radio> |
|
|
|
<el-radio label="N">否</el-radio> |
|
|
|
@ -853,7 +852,7 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<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-form-item> |
|
|
|
<el-form-item> |
|
|
|
@ -3453,35 +3452,46 @@ export default { |
|
|
|
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; |
|
|
|
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%; |
|
|
|
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; |
|
|
|
max-width: 120px; |
|
|
|
max-width: 100%; |
|
|
|
height: auto; |
|
|
|
line-height: 16px; |
|
|
|
padding-top: 2px; |
|
|
|
padding-bottom: 2px; |
|
|
|
margin-right: 4px; |
|
|
|
overflow: hidden; |
|
|
|
white-space: normal; |
|
|
|
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> |