|
|
|
@ -125,23 +125,26 @@ |
|
|
|
:title="modalTitle" |
|
|
|
:visible.sync="modalFlag" |
|
|
|
width="1010px" |
|
|
|
top="10vh" |
|
|
|
top="5vh" |
|
|
|
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: 720px;"> |
|
|
|
<el-tab-pane label="基本信息" name="basicInfo"> |
|
|
|
<div style="height: 635px; overflow-y: auto;"> |
|
|
|
<div style="height: 705px; overflow-y: auto;"> |
|
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: -5px;"> |
|
|
|
<el-form-item> |
|
|
|
<span style="cursor: pointer" v-if="!isLabFieldDisabled('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="isLabFieldDisabled('applicant')" style="width: 150px"></el-input> |
|
|
|
<el-input v-model="modalData.applicantName" disabled style="width: 240px"></el-input> |
|
|
|
<span style="cursor: pointer" v-if="!isLabFieldDisabled('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="isLabFieldDisabled('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-date-picker v-model="modalData.applicationDate" type="date" value-format="yyyy-MM-dd" :disabled="isLabFieldDisabled('applicationDate')" style="width: 110px" :editable="false"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请工厂/Site"> |
|
|
|
<el-select v-model="modalData.site" :disabled="isEditMode || showModalFlag" style="width: 170px" @change="handleModalSiteChange"> |
|
|
|
<el-form-item label="Site"> |
|
|
|
<el-select v-model="modalData.site" :disabled="isEditMode || showModalFlag" style="width: 135px" @change="handleModalSiteChange"> |
|
|
|
<el-option |
|
|
|
v-for="item in siteOptions" |
|
|
|
:key="item.siteID" |
|
|
|
@ -150,57 +153,50 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="申请日期/Application Date"> |
|
|
|
<el-date-picker v-model="modalData.applicationDate" type="date" value-format="yyyy-MM-dd" :disabled="isLabFieldDisabled('applicationDate')" style="width: 170px" :editable="false"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
|
|
|
|
<el-form-item label="申请部门/Apply Department"> |
|
|
|
<el-input v-model="modalData.applyDepartment" :disabled="isLabFieldDisabled('applyDepartment')" style="width: 170px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="需求日期/Requested Date"> |
|
|
|
<el-date-picker v-model="modalData.requestedDate" type="date" value-format="yyyy-MM-dd" :disabled="isLabFieldDisabled('requestedDate')" style="width: 170px" :editable="false"></el-date-picker> |
|
|
|
<el-form-item label="申请部门"> |
|
|
|
<el-input v-model="modalData.applyDepartment" :disabled="isLabFieldDisabled('applyDepartment')" style="width: 225px"></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.customerIdFlag && !isLabFieldDisabled('customerId')" @click="getBaseList(102, 1)"><a herf="#">客户/Customer</a></span> |
|
|
|
<span slot="label" v-else>客户/Customer</span> |
|
|
|
<el-input :disabled="modalData.customerIdFlag || isLabFieldDisabled('customerId')" readonly v-model="modalData.customerId" @blur="handleQueryCustomer" style="width: 140px"></el-input> |
|
|
|
<el-input disabled v-model="modalData.customerName" style="width: 180px"></el-input> |
|
|
|
<span slot="label" v-if="!modalData.customerIdFlag && !isLabFieldDisabled('customerId')" @click="getBaseList(102, 1)"><a herf="#">客户</a></span> |
|
|
|
<span slot="label" v-else>客户</span> |
|
|
|
<el-input :disabled="modalData.customerIdFlag || isLabFieldDisabled('customerId')" readonly v-model="modalData.customerId" @blur="handleQueryCustomer" style="width: 100px"></el-input> |
|
|
|
<el-input disabled v-model="modalData.customerName" style="width: 155px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label" v-if="!modalData.projectIdFlag && !isLabFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目/Project</a></span> |
|
|
|
<span slot="label" v-else>项目/Project</span> |
|
|
|
<el-input :disabled="modalData.projectIdFlag || isLabFieldDisabled('projectId')" readonly v-model="modalData.projectId" @blur="handleQueryProjectByCustomer" style="width: 140px"></el-input> |
|
|
|
<el-input disabled v-model="modalData.projectName" style="width: 180px"></el-input> |
|
|
|
<span slot="label" v-if="!modalData.projectIdFlag && !isLabFieldDisabled('projectId')" @click="chooseProjectListFlag = true"><a herf="#">项目</a></span> |
|
|
|
<span slot="label" v-else>项目</span> |
|
|
|
<el-input :disabled="modalData.projectIdFlag || isLabFieldDisabled('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="需求日期"> |
|
|
|
<el-date-picker v-model="modalData.requestedDate" type="date" value-format="yyyy-MM-dd" :disabled="isLabFieldDisabled('requestedDate')" style="width: 225px" :editable="false"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="样品名称/Sample Name"> |
|
|
|
<el-input v-model="modalData.sampleName" :disabled="isLabFieldDisabled('sampleName')" style="width: 170px"></el-input> |
|
|
|
<el-form-item label="样品名称"> |
|
|
|
<el-input v-model="modalData.sampleName" :disabled="isLabFieldDisabled('sampleName')" style="width: 260px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="样品型号/Sample Model"> |
|
|
|
<el-input v-model="modalData.sampleModel" :disabled="isLabFieldDisabled('sampleModel')" style="width: 170px"></el-input> |
|
|
|
<el-form-item label="样品型号"> |
|
|
|
<el-input v-model="modalData.sampleModel" :disabled="isLabFieldDisabled('sampleModel')" style="width: 259px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="样品数量/Sample Qty"> |
|
|
|
<el-input v-model="modalData.sampleQty" :disabled="isLabFieldDisabled('sampleQty')" style="width: 170px"></el-input> |
|
|
|
<el-form-item label="样品数量"> |
|
|
|
<el-input v-model="modalData.sampleQty" :disabled="isLabFieldDisabled('sampleQty')" style="width: 225px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="测试目的/Test Purpose"> |
|
|
|
<el-input v-model="modalData.testPurpose" :disabled="isLabFieldDisabled('testPurpose')" style="width: 170px"></el-input> |
|
|
|
<el-form-item label="测试目的"> |
|
|
|
<el-input v-model="modalData.testPurpose" :disabled="isLabFieldDisabled('testPurpose')" style="width: 260px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="产品阶段/Product Stage"> |
|
|
|
<dict-data-select v-model="modalData.productStage" clearable :disabled="isLabFieldDisabled('productStage')" style="width: 170px" dict-type="lab_product_stage"></dict-data-select> |
|
|
|
<el-form-item label="产品阶段"> |
|
|
|
<dict-data-select v-model="modalData.productStage" clearable :disabled="isLabFieldDisabled('productStage')" style="width: 259px" dict-type="lab_product_stage"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="测试类型/Test Type"> |
|
|
|
<el-radio-group v-model="modalData.testType" :disabled="isLabFieldDisabled('testType')" style="width: 220px"> |
|
|
|
<el-form-item label="测试类型"> |
|
|
|
<el-radio-group v-model="modalData.testType" :disabled="isLabFieldDisabled('testType')" style="width: 225px"> |
|
|
|
<el-radio label="内部验证" @click.native.prevent="radioClick('testType', '内部验证')">内部验证</el-radio> |
|
|
|
<el-radio label="客户要求" @click.native.prevent="radioClick('testType', '客户要求')">客户要求</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
@ -208,14 +204,14 @@ |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="报告出具/Report Document"> |
|
|
|
<el-radio-group v-model="modalData.reportDocument" :disabled="isLabFieldDisabled('reportDocument')" style="width: 220px"> |
|
|
|
<el-form-item label="报告出具"> |
|
|
|
<el-radio-group v-model="modalData.reportDocument" :disabled="isLabFieldDisabled('reportDocument')" style="width: 260px"> |
|
|
|
<el-radio label="内部报告" @click.native.prevent="radioClick('reportDocument', '内部报告')">内部报告</el-radio> |
|
|
|
<el-radio label="客户报告" @click.native.prevent="radioClick('reportDocument', '客户报告')">客户报告</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="样品退回/Return Sample"> |
|
|
|
<el-radio-group v-model="modalData.returnSample" :disabled="isLabFieldDisabled('returnSample')" style="width: 170px"> |
|
|
|
<el-form-item label="样品退回"> |
|
|
|
<el-radio-group v-model="modalData.returnSample" :disabled="isLabFieldDisabled('returnSample')" style="width: 259px"> |
|
|
|
<el-radio label="Y" @click.native.prevent="radioClick('returnSample', 'Y')">是</el-radio> |
|
|
|
<el-radio label="N" @click.native.prevent="radioClick('returnSample', 'N')">否</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
@ -223,21 +219,15 @@ |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="应用表面/Application Surface"> |
|
|
|
<el-input v-model="modalData.applicationSurface" :disabled="isLabFieldDisabled('applicationSurface')" style="width: 170px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="测试实验室/Test Lab"> |
|
|
|
<dict-data-select v-model="modalData.testLab" clearable :disabled="isLabFieldDisabled('testLab')" style="width: 170px" dict-type="lab_test_lab"></dict-data-select> |
|
|
|
<el-form-item label="Application Surface"> |
|
|
|
<el-input v-model="modalData.applicationSurface" :disabled="isLabFieldDisabled('applicationSurface')" style="width: 533px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="注意事项/Attention" style="display: block;"> |
|
|
|
<el-input type="textarea" :rows="3" v-model="modalData.attention" :disabled="isLabFieldDisabled('attention')" resize="none" style="width: 780px"></el-input> |
|
|
|
<el-form-item label="Test Lab"> |
|
|
|
<dict-data-select v-model="modalData.testLab" clearable :disabled="isLabFieldDisabled('testLab')" style="width: 225px" dict-type="lab_test_lab"></dict-data-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-form :inline="true" label-position="top"> |
|
|
|
<el-form :inline="true" label-position="top" style="margin-top: -15px"> |
|
|
|
<el-form-item label=" "> |
|
|
|
<el-button type="primary" :disabled="showModalFlag" @click="openPropertyChooseModal">选择属性信息</el-button> |
|
|
|
</el-form-item> |
|
|
|
@ -247,11 +237,11 @@ |
|
|
|
<el-table |
|
|
|
:data="modalData.propertyItemList" |
|
|
|
border |
|
|
|
:height="220" |
|
|
|
:height="260" |
|
|
|
style="width: 100%;"> |
|
|
|
<el-table-column prop="itemNo" header-align="center" align="center" label="属性编码" width="100"></el-table-column> |
|
|
|
<el-table-column prop="itemDesc" header-align="center" align="left" label="属性名称" min-width="200"></el-table-column> |
|
|
|
<el-table-column header-align="center" align="center" label="属性值" min-width="240"> |
|
|
|
<el-table-column prop="itemDesc" header-align="center" align="left" label="属性名称" min-width="150"></el-table-column> |
|
|
|
<el-table-column header-align="center" align="center" label="属性值" min-width="250"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-select |
|
|
|
v-if="scope.row.valueChooseFlag === 'Y'" |
|
|
|
@ -272,6 +262,16 @@ |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-top: 5px"> |
|
|
|
<el-form-item label="判断标准" style="display: block;"> |
|
|
|
<el-input style="width: 780px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-form :inline="true" label-position="top" :model="modalData"> |
|
|
|
<el-form-item label="注意事项" style="display: block;"> |
|
|
|
<el-input type="textarea" :rows="3" v-model="modalData.attention" :disabled="isLabFieldDisabled('attention')" resize="none" style="width: 780px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|