plm前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

1264 lines
43 KiB

<template>
<div class="mod-config">
<el-dialog width="600px" :title="!dataForm.id ? '添加' : '编辑'" :close-on-click-modal="false" :visible.sync="visible">
<el-form :inline="true" label-position="top" label-width="100px" :rules="dataRole">
<el-form-item >
<span slot="label" @click="chooseProofingModel()"><a herf="#">打样单号</a></span>
<el-input v-model="dataForm.proofingNo" style="width: 130px" @change="changeProofingNoChange" :disabled="dataForm.id!=0"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-checkbox v-model="jumpFlag">保存后跳转至详情</el-checkbox>
</el-form-item>
<!-- <el-form-item prop="testPartNo" style="margin-left: 12px" :label="'IFS料号'">-->
<!--&lt;!&ndash; <span slot="label" style="" @click="getBaseList(134,1)" ><a herf="#">IFS料号</a></span>&ndash;&gt;-->
<!-- <el-input v-model="dataForm.testPartNo" @change="changeTestDesc" style="width: 130px" disabled ></el-input>-->
<!-- </el-form-item>-->
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" :rules="dataRole">
<el-form-item :rules="dataRole.testPartNo">
<span slot="label" @click="choosePartModel()"><a herf="#">PLM物料编码</a></span>
<el-input v-model="dataForm.testPartNo" style="width: 130px" readonly></el-input>
</el-form-item>
<el-form-item :label="'IFS物料编码'">
<el-input v-model="dataForm.finalPartNo" style="width: 130px" disabled></el-input>
</el-form-item>
<el-form-item :label="'物料名称'">
<el-input v-model="dataForm.partDesc" style="width: 274px" disabled></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" :rules="dataRole">
<el-form-item :label="'BU'" >
<el-input v-model="dataForm.buNo" disabled style="width: 130px" ></el-input>
</el-form-item>
<!-- <el-form-item :label="'参数卡编码'" >-->
<!-- <el-input v-model="dataForm.oriCodeNo" disabled style="width: 130px" ></el-input>-->
<!-- </el-form-item>-->
<el-form-item :label="'版本号'" prop="revNo" :rules="dataRole.revNo">
<el-input v-model="dataForm.revNo" style="width: 130px" disabled></el-input>
</el-form-item>
<el-form-item label="Rev No" prop="rev" :rules="dataRole.rev">
<el-input v-model="dataForm.rev" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="Customer Rev" prop="customerRev" :rules="dataRole.customerRev">
<el-input v-model="dataForm.customerRev" style="width: 130px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" :rules="dataRole">
<el-form-item>
<span slot="label" @click="getUserList(4)"><a herf="#">Select CS</a></span>
<el-input v-model="dataForm.csOperaterName" ref="csOperaterName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<span slot="label" @click="getUserList(7)"><a herf="#">Select Engineer</a></span>
<el-input v-model="dataForm.engineer" readonly style="width: 130px" placeholder="请选择人员" ></el-input>
</el-form-item>
<el-form-item >
<span slot="label" @click="getUserList(8)"><a herf="#">Select Artwork</a></span>
<el-input v-model="dataForm.technician" readonly style="width: 130px" placeholder="请选择人员" ></el-input>
</el-form-item>
<el-form-item >
<span slot="label" @click="getUserList(6)"><a herf="#">Select Technical</a></span>
<el-input v-model="dataForm.mpOperatorName" ref="mpOperatorName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<!-- <span slot="label" @click="getUserList(1)"><a herf="#">Select CQC</a></span>-->
<span slot="label" @click="handleCqcOperator"><a >Select CQC</a></span>
<el-input v-model="dataForm.cqcOperatorName" @focus="handleCqcOperator()" ref="cqcOperatorName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<!-- <span slot="label" @click="getUserList(2)"><a herf="#">Select FAI</a></span>-->
<span slot="label" @click="handleFaiOperator"><a >Select FAI</a></span>
<el-input v-model="dataForm.faiOperatorName" @focus="handleFaiOperator" ref="faiOperatorName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
</el-form-item>
<!-- <el-form-item >-->
<!-- <span slot="label" style="" @click="quotationOfficerChooseModal()"><a herf="#">报价员</a></span>-->
<!-- <el-input v-model="dataForm.quotationOfficer" readonly style="width: 274px" @focus="quotationOfficerChooseModal()"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <el-form :inline="true" label-position="top" label-width="100px" >-->
<!-- <el-form-item >-->
<!-- <span slot="label" style="" @click="engineerChooseModal()"><a herf="#">Select PE Engineer</a></span>-->
<!-- <el-input v-model="dataForm.engineer" readonly style="width: 130px" @focus="engineerChooseModal()"></el-input>-->
<!-- </el-form-item>-->
<!-- 274px-->
<!-- <el-form-item >-->
<!-- <span slot="label" style="" @click="technicianModal()"><a herf="#">Select Artwork</a></span>-->
<!-- <el-input v-model="dataForm.technician" readonly style="width: 130px" @focus="technicianModal()"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item >-->
<!-- <span slot="label" style="" @click="getUserList(3)"><a herf="#">PE人员</a></span>-->
<!-- <el-input v-model="dataForm.peOperaterName" ref="peOperaterName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item >-->
<!-- <span slot="label" style="" @click="getUserList(5)"><a herf="#">DCC人员</a></span>-->
<!-- <el-input v-model="dataForm.dccOperaterName" ref="dccOperaterName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>-->
<!-- </el-form-item>-->
<el-form-item >
<span slot="label" @click="dccChooseModal()"><a herf="#">Select DCC</a></span>
<el-input v-model="dataForm.dcc" ref="dcc" readonly @focus="dccChooseModal()" style="width: 130px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" label-width="100px" >
<el-form-item :label="'备注'">
<el-input
type="textarea"
v-model="dataForm.remark "
:rows="3"
resize='none'
maxlength="120"
show-word-limit
style="width: 562px;height: 60px">
</el-input>
</el-form-item>
</el-form>
<el-form label-position="top" style="margin-top: 60px; margin-left: 0px;text-align:center">
<el-button type="primary" :loading="saveLoading" @click="dataFormSubmit()">{{'确定'}}</el-button>
<el-button type="primary" @click="visible = false">{{'关闭'}}</el-button>
</el-form>
</el-dialog>
<el-dialog width="530px" title="报价员" :close-on-click-modal="false" :visible.sync="quotationOfficerFlag">
<el-transfer
v-model="quotationOfficerList"
class="rq"
filterable
:props="{key: 'operatorId', label: 'operatorName'}"
:data="operatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveQuotationOfficerList()">确定</el-button>
<el-button @click="quotationOfficerFlag = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<el-dialog width="530px" title="工程师" :close-on-click-modal="false" :visible.sync="engineerFlag">
<el-transfer
v-model="engineerList"
class="rq"
filterable
:props="{key: 'operatorId', label: 'operatorName'}"
:data="operatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveEngineerList()">确定</el-button>
<el-button @click="engineerFlag = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<el-dialog
width="530px"
title="项目负责人"
:close-on-click-modal="false"
:visible.sync="ownerFlag">
<el-transfer
v-model="technicianList"
class="rq"
filterable
:props="{key: 'operatorId',label: 'operatorName'}"
:data="operatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="savetechnicianList()">确定</el-button>
<el-button @click="ownerFlag = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<el-dialog width="950px" title="选择打样单" :close-on-click-modal="false" :visible.sync="proofingModelFlag">
<el-form :inline="true" label-position="top" label-width="100px">
<el-form-item>
<span slot="label" @click="getBaseList(104,2)"><a herf="#">项目号</a></span>
<el-input v-model="proofingSearch.projectId" style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<span slot="label" @click="getBaseList(501,2)"><a herf="#">打样单</a></span>
<el-input v-model="proofingSearch.proofingNo" style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<span slot="label" @click="getBaseList(102,2)"><a herf="#">直接客户</a></span>
<el-input v-model="proofingSearch.customerId" style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<span slot="label" @click="getBaseList(102,3)"><a herf="#">最终客户</a></span>
<el-input v-model="proofingSearch.finalCustomerId" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="refreshProofingList()">{{'查询'}}</el-button>
</el-form-item>
</el-form>
<el-table
height="450"
:data="proofingList"
border
@row-dblclick="chooseProofingNo"
style="width: 100%;">
<el-table-column
prop="proofingNo"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="打样单">
</el-table-column>
<el-table-column
prop="projectId"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="项目号">
</el-table-column>
<el-table-column
prop="projectName"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="项目名称">
</el-table-column>
<el-table-column
prop="testPartNo"
header-align="center"
align="left"
min-width="120"
label="测试料号">
</el-table-column>
<el-table-column
prop="partDesc"
header-align="center"
align="left"
min-width="120"
label="物料名称">
</el-table-column>
<el-table-column
prop="buNo"
header-align="center"
align="left"
min-width="80"
label="BU">
</el-table-column>
<el-table-column
prop="customerDesc"
header-align="center"
align="left"
min-width="120"
label="直接客户">
</el-table-column>
<el-table-column
prop="finalCustomerDesc"
header-align="center"
align="left"
min-width="120"
label="最终客户">
</el-table-column>
</el-table>
</el-dialog>
<el-dialog width="788px" title="选择物料" v-drag :close-on-click-modal="false" :visible.sync="partModelFlag">
<el-form :inline="true" label-position="top" label-width="100px" >
<el-form-item label="项目号">
<el-input v-model="partSearch.projectId" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="PLM物料编码">
<el-input v-model="partSearch.testPartNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="IFS物料编码">
<el-input v-model="partSearch.finalPartNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label="客户料号">
<el-input v-model="partSearch.customerPartNo" style="width: 130px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" @click="refreshPartList()">{{'查询'}}</el-button>
</el-form-item>
</el-form>
<el-table
height="450"
:data="partList"
border
@row-dblclick="choosePartNo"
style="width: 100%;">
<el-table-column
prop="testPartNo"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="PLM物料编码">
</el-table-column>
<el-table-column
prop="finalPartNo"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="IFS物料编码">
</el-table-column>
<el-table-column
prop="projectId"
header-align="center"
align="left"
min-width="120"
style="font-size: 20px"
label="项目号">
</el-table-column>
<el-table-column
prop="customerPartNo"
header-align="center"
align="left"
min-width="120"
label="客户料号">
</el-table-column>
<el-table-column
prop="partDesc"
header-align="center"
align="left"
min-width="200"
label="物料名称">
</el-table-column>
<el-table-column
prop="buNo"
header-align="center"
align="left"
min-width="70"
label="BU">
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
</el-dialog>
<el-dialog
width="530px"
title="DCC人员"
:close-on-click-modal="false"
:visible.sync="dccFlag">
<el-transfer
v-model="dccList"
class="rq"
filterable
:props="{key: 'operatorId',label: 'operatorName'}"
:data="operatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="savetDccList()">确定</el-button>
<el-button @click="dccFlag = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<el-dialog title="CQC人员"
:visible.sync="cqcVisible"
:close-on-click-modal="false"
width="530px">
<el-transfer
v-model="dataForm.cqcOperatorList"
class="rq"
filterable
:props="operatorProp"
:data="cqcOperatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleSaveCqcOperator">确定</el-button>
<el-button type="primary" @click="cqcVisible = false">取消</el-button>
</div>
</el-dialog>
<el-dialog title="FAI人员"
:visible.sync="faiVisible"
:close-on-click-modal="false"
width="530px">
<el-transfer
v-model="dataForm.faiOperatorList"
class="rq"
filterable
:props="operatorProp"
:data="faiOperatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleSaveFaiOperator">确定</el-button>
<el-button type="primary" @click="faiVisible = false">取消</el-button>
</div>
</el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
<ChooseUser ref="userList" @getBaseData="getUserData"></ChooseUser>
</div>
</template>
<script>
import {
searchOperatorWithSite,
} from "@/api/project/project.js"
import {technicalSpecificationListSearch,
saveTechnicalSpecificationSheet,
searchTechnicalSpecificationTeamStr,
getTestPartChangeData,
getProofingDataByUserRole,
getFinalPartData,
searchBMUser,
} from "@/api/sampleManagement/technicalSpecificationList.js"
import Chooselist from '@/views/modules/common/Chooselist'
import ChooseUser from '@/views/modules/common/ChooseUser'
export default {
components: {
Chooselist,ChooseUser
},
data () {
return {
jumpFlag:true,
tagNo:'',
tagNo1:'',
visible: false,
treeVisible: false,
quotationOfficerFlag:false,
engineerFlag:false,
userRoleFlag:false,
ownerFlag:false,
operatorList:[],
dataForm: {
id: 0,
finalPartNo: '',
site: this.$store.state.user.site,
proofingNo: '',
projectId: '',
codeNo: '',
testPartNo: '',
partDesc: '',
status: '',
revNo: '',
remark: '',
technician: '',
quotationOfficer: '',
engineer: '',
quotationOfficerList: [],
engineerList: [],
technicianList: [],
engineerNo: '',
technicianNo: '',
oriCodeNo: '',
cqcOperator: '',
faiOperator: '',
cqcOperatorName: '',
cqcOperatorList:[],
faiOperatorName: '',
faiOperatorList: [],
peOperater: '',
peOperaterName: '',
csOperater: '',
csOperaterName: '',
dccOperater: '',
dccOperaterName: '',
mpOperatorName: '',
mpOperator: '',
buNo: '',
dcc: '',
dccList: [],
rev: '',
customerRev: ''
},
dccList:'',
dccFlag:false,
proofingSearch:{
projectId:'',
proofingNo:'',
customerId:'',
finalCustomerId:'',
site:this.$store.state.user.site,
username:this.$store.state.user.name,
},
pageIndex: 1,
pageSize: 100,
totalPage: 0,
partSearch:{
projectId:'',
finalPartNo:'',
testPartNo:'',
partDesc:'',
site:this.$store.state.user.site,
username:this.$store.state.user.name,
customerPartNo:'',
page: 1,
limit: 100,
},
quotationOfficerList:[],
engineerList:[],
technicianList:[],
dataRole: {
testPartNo: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
revNo: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
quotationOfficer: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
engineer: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
technician: [
{
required: true,
message: ' ',
trigger: 'change'
}
],
},
proofingList:[],
proofingModelFlag:false,
partList:[],
partModelFlag:false,
// 新增加载状态
saveLoading:false,
// 人员信息集合
operatorProp:{
key: 'operatorId',
label: 'operatorName'
},
cqcVisible:false,
cqcOperatorList:[],
faiVisible:false,
faiOperatorList:[],
}
},
created () {
},
methods: {
getUserList (type) {
this.tagNo1 = type
this.$nextTick(() => {
let strVal = ''
let roleId = ''
if(type==1) {
strVal = this.dataForm.cqcOperator
roleId = 'R008'
}
if(type==2) {
strVal = this.dataForm.faiOperator
roleId = 'R009'
}
if(type==4) {
strVal = this.dataForm.csOperater
roleId = 'R010'
}
if(type==6) {
strVal = this.dataForm.mpOperator
roleId = 'R021'
}
if(type==7) {
strVal = this.dataForm.engineerNo
roleId = 'R004'
}
if(type==8) {
strVal = this.dataForm.technicianNo
roleId = 'R014'
}
this.$refs.userList.init(this.$store.state.user.site,this.dataForm.buNo!==''?this.dataForm.buNo:'%%', strVal,roleId)
})
},
/* 列表方法的回调 */
getUserData (val) {
if(this.tagNo1==1) {
this.dataForm.cqcOperator = val.username
this.dataForm.cqcOperatorName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.cqcOperatorName);
// });
}
if(this.tagNo1==2) {
this.dataForm.faiOperator = val.username
this.dataForm.faiOperatorName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.faiOperatorName);
// });
}
if(this.tagNo1==3) {
this.dataForm.peOperater = val.username
this.dataForm.peOperaterName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.peOperaterName);
// });
}
if(this.tagNo1==4) {
this.dataForm.csOperater = val.username
this.dataForm.csOperaterName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.csOperaterName);
// });
}
if(this.tagNo1==5) {
this.dataForm.dccOperater = val.username
this.dataForm.dccOperaterName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.dccOperaterName);
// });
}
if(this.tagNo1==6) {
this.dataForm.mpOperator = val.username
this.dataForm.mpOperatorName = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.mpOperatorName);
// });
}
if(this.tagNo1==7) {
this.dataForm.engineerNo = val.username
this.dataForm.engineer = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.mpOperatorName);
// });
}
if(this.tagNo1==8) {
this.dataForm.technicianNo = val.username
this.dataForm.technician = val.userDisplay
// this.$nextTick(() => {
// this.$triggerInputEvent(this.$refs.mpOperatorName);
// });
}
},
// 获取基础数据列表S
getBaseList (val, type) {
this.tagNo = val
this.tagNo1 = type
this.$nextTick(() => {
let strVal = ''
if (val === 134) {
if(type==1) {
if(this.dataForm.id!=0){
return false
}
strVal = this.dataForm.testPartNo
}
}
if (val === 102) {
if(type==1) {
strVal = this.dataForm.customerId
}
if(type==2) {
strVal = this.proofingSearch.customerId
}
if(type==3) {
strVal = this.proofingSearch.finalCustomerId
}
}
if (val === 104) {
if(type==2) {
strVal = this.proofingSearch.projectId
}
}
if (val === 501) {
if(type==2) {
strVal = this.proofingSearch.proofingNo
}
}
if (val === 1011) {
if(type==1) {
strVal = this.dataForm.projectSource
}
}
if (val === 1012) {
if(type==1) {
strVal = this.dataForm.priority
}
}
this.$refs.baseList.init(val, strVal)
})
},
/* 列表方法的回调 */
getBaseData (val) {
if (this.tagNo === 134) {
if(this.tagNo1==1) {
this.dataForm.testPartNo = val.Test_part_no
this.dataForm.proofingNo = ''
this.changeTestDesc();
}
}
if (this.tagNo === 102) {
if(this.tagNo1==1) {
this.dataForm.customerId = val.Customer_no
this.dataForm.customerName = val.Customer_desc
}
if(this.tagNo1==2) {
this.proofingSearch.customerId = val.Customer_no
}
if(this.tagNo1==3) {
this.proofingSearch.finalCustomerId = val.Customer_no
}
}
if (this.tagNo === 104) {
if(this.tagNo1==2) {
this.proofingSearch.projectId = val.project_id
}
}
if (this.tagNo === 501) {
if(this.tagNo1==2) {
this.proofingSearch.proofingNo = val.Proofing_no
}
}
if (this.tagNo === 1011) {
if(this.tagNo1==1) {
this.dataForm.projectSource = val.Base_id
this.dataForm.projectSourceDesc = val.Base_desc
}
}
if (this.tagNo === 1012) {
if(this.tagNo1==1) {
this.dataForm.priority = val.Base_id
this.dataForm.priorityDesc = val.Base_desc
}
}
},
init (id) {
this.jumpFlag = true
this.dataForm.id = id || 0
if (this.dataForm.id !== 0) {
let inData={
page: 1,
limit: 10,
id:id,
userName:this.$store.state.user.name,
site:this.$store.state.user.site,
}
technicalSpecificationListSearch(inData).then(({data}) => {
if(data.page.list.length>0){
this.dataForm= data.page.list[0];
let inData={
site:this.dataForm.site,
codeNo:this.dataForm.codeNo,
type:'quotationOfficer',
}
searchTechnicalSpecificationTeamStr(inData).then(({data}) => {
this.dataForm.quotationOfficerList=data.rows
})
let inData2={
site:this.dataForm.site,
codeNo:this.dataForm.codeNo,
type:'technician',
}
searchTechnicalSpecificationTeamStr(inData2).then(({data}) => {
this.dataForm.technicianList=data.rows
})
let inData3={
site:this.dataForm.site,
codeNo:this.dataForm.codeNo,
type:'engineer',
}
searchTechnicalSpecificationTeamStr(inData3).then(({data}) => {
this.dataForm.engineerList=data.rows
})
let inData5 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'dcc',
}
searchTechnicalSpecificationTeamStr(inData5).then(({data}) => {
this.dataForm.dccList = data.rows
})
this.visible = true
}else {
this.$message.error('技术参数卡数据有误!')
}
})
} else {
this.dataForm = {
id: 0,
finalPartNo: '',
site: this.$store.state.user.site,
proofingNo: '',
projectId: '',
codeNo: '',
testPartNo: '',
partDesc: '',
status: '',
revNo: 1,
remark: '',
technician: '',
quotationOfficer: '',
engineer: '',
quotationOfficerList: [],
engineerList: [],
technicianList: [],
cqcOperator: '',
faiOperator: '',
cqcOperatorName: '',
cqcOperatorList:[],
faiOperatorName: '',
faiOperatorList: [],
peOperater: '',
peOperaterName: '',
csOperater: this.$store.state.user.name,
csOperaterName: this.$store.state.user.userDisplay,
dccOperater: '',
dccOperaterName: '',
mpOperatorName: '',
mpOperator: '',
oriCodeNo: '',
engineerNo: '',
technicianNo: '',
buNo: '',
dcc: '',
dccList: [],
rev:'',
customerRev:''
}
// 获取DCCList
this.visible = true
}
},
chooseProofingModel () {
if (this.dataForm.id !== 0 ) {
return false;
}
this.proofingSearch={
projectId:'',
proofingNo:'',
customerId:'',
finalCustomerId:'',
site:this.$store.state.user.site,
username:this.$store.state.user.name,
}
getProofingDataByUserRole(this.proofingSearch).then(({data}) => {
this.proofingList=data.rows
})
this.proofingModelFlag=true
},
choosePartModel () {
this.partSearch = {
projectId: '',
finalPartNo: '',
customerPartNo: '',
partDesc: '',
testPartNo: '',
site: this.$store.state.user.site,
username: this.$store.state.user.name,
}
this.pageIndex = 1
this.pageSize = 100
this.totalPage = 0
this.refreshPartList()
this.partModelFlag = true
},
refreshPartList () {
this.partSearch.limit = this.pageSize
this.partSearch.page = this.pageIndex
getFinalPartData(this.partSearch).then(({data}) => {
this.partList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
})
},
refreshProofingList(){
getProofingDataByUserRole(this.proofingSearch).then(({data}) => {
this.proofingList=data.rows
})
},
changeProofingNoChange(){
let inData={
site:this.dataForm.site,
username:this.$store.state.user.name,
proofingNo:this.dataForm.proofingNo,
}
getProofingDataByUserRole(inData).then(({data}) => {
let row={
projectId:'',
testPartNo:'',
partDesc:'',
}
if(data.rows.length>0){
row=data.rows[0]
}
this.changeProofingNo(row)
})
},
choosePartNo (row) {
this.dataForm.projectId = row.projectId
this.dataForm.testPartNo = row.testPartNo
this.dataForm.partDesc = row.partDesc
this.dataForm.finalPartNo = row.finalPartNo
this.dataForm.buNo = row.buNo
// 查询DCC人员
this.queryUserInfoByBM('R015').then(({data}) => {
if (data && data.code === 0){
this.$nextTick(() => {
this.operatorList = data.rows
this.dccList = data.rows.map(item=>item.operatorId)
this.savetDccList()
this.operatorList = []
})
}
})
// CQC
this.queryUserInfoByBM('R008').then(({data}) => {
if (data && data.code === 0){
this.$nextTick(() => {
this.cqcOperatorList = data.rows
this.dataForm.cqcOperatorList = data.rows.map(item=>item.operatorId)
this.handleSaveCqcOperator()
this.cqcOperatorList = []
})
}
})
// FAI
this.queryUserInfoByBM('R009').then(({data}) => {
if (data && data.code === 0){
this.$nextTick(() => {
this.faiOperatorList = data.rows
this.dataForm.faiOperatorList = data.rows.map(item=>item.operatorId)
this.handleSaveFaiOperator()
this.faiOperatorList = []
})
}
})
this.partModelFlag = false
},
chooseProofingNo (row) {
this.dataForm.proofingNo=row.proofingNo
this.dataForm.projectId=row.projectId
this.dataForm.testPartNo=row.testPartNo
this.dataForm.partDesc=row.partDesc
this.dataForm.buNo=row.buNo
let inData={
site:this.$store.state.user.site,
testPartNo: row.testPartNo
}
getTestPartChangeData(inData).then(({data}) => {
if (data && data.code === 0) {
if(data.row!=null){
this.dataForm.partDesc=data.row.partDesc
this.dataForm.finalPartNo=data.row.finalPartNo
}else {
this.dataForm.partDesc=''
}
}
})
this.proofingModelFlag=false
},
changeProofingNo(row){
this.dataForm.projectId=row.projectId
this.dataForm.testPartNo=row.testPartNo
this.dataForm.partDesc=row.partDesc
this.proofingModelFlag=false
},
quotationOfficerChooseModal(){
let inData={
site:this.dataForm.site,
}
searchOperatorWithSite(inData).then(({data}) => {
this.operatorList=data.rows
})
this.quotationOfficerList = JSON.parse(JSON.stringify(this.dataForm.quotationOfficerList));
this.quotationOfficerFlag=true
},
saveQuotationOfficerList () {
let quotationOfficerName = '';
for (let i = 0; i < this.quotationOfficerList.length; i++) {
let select= this.operatorList.filter(item => item.operatorId === this.quotationOfficerList[i])
if (select.length > 0) {
quotationOfficerName += select[0].operatorName + ';'
}
}
this.dataForm.quotationOfficer = quotationOfficerName
this.dataForm.quotationOfficerList = JSON.parse(JSON.stringify(this.quotationOfficerList));
this.quotationOfficerFlag = false
},
engineerChooseModal(){
let inData={
site:this.dataForm.site,
}
searchOperatorWithSite(inData).then(({data}) => {
this.operatorList=data.rows
})
this.engineerList = JSON.parse(JSON.stringify(this.dataForm.engineerList));
this.engineerFlag=true
},
saveEngineerList(){
let engineerName='';
for (let i = 0; i < this.engineerList.length; i++) {
let select= this.operatorList.filter(item => item.operatorId === this.engineerList[i])
if(select.length>0){
engineerName+=select[0].operatorName+';'
}
}
this.dataForm.engineer=engineerName
this.dataForm.engineerList=JSON.parse(JSON.stringify(this.engineerList));
this.engineerFlag=false
},
technicianModal(){
let inData={
site:this.dataForm.site,
}
searchOperatorWithSite(inData).then(({data}) => {
this.operatorList=data.rows
})
this.technicianList = JSON.parse(JSON.stringify(this.dataForm.technicianList));
this.ownerFlag=true
},
savetechnicianList(){
let technicianName='';
for (let i = 0; i < this.technicianList.length; i++) {
let select= this.operatorList.filter(item => item.operatorId === this.technicianList[i])
if(select.length>0){
technicianName+=select[0].operatorName+';'
}
}
this.dataForm.technician=technicianName
this.dataForm.technicianList=JSON.parse(JSON.stringify(this.technicianList));
this.ownerFlag=false
},
savetDccList(){
let dccName='';
for (let i = 0; i < this.dccList.length; i++) {
let select= this.operatorList.filter(item => item.operatorId === this.dccList[i])
if(select.length>0){
dccName+=select[0].operatorName+';'
}
}
this.dataForm.dcc=dccName
this.dataForm.dccList=JSON.parse(JSON.stringify(this.dccList));
this.dccFlag=false
},
// 表单提交
dataFormSubmit () {
if(this.dataForm.testPartNo===''){
this.$message.error('请输入测试料号!')
return false
}
if(this.dataForm.revNo===''){
this.$message.error('请输入版本号!')
return false
}
this.dataForm.engineerList = [];
this.dataForm.engineerList.push(this.dataForm.engineerNo);
this.dataForm.technicianList = [];
this.dataForm.technicianList.push(this.dataForm.technicianNo);
this.saveLoading = true
saveTechnicalSpecificationSheet(this.dataForm).then(({data}) => {
if (data && data.code === 0) {
this.$message.success( '操作成功')
this.visible = false
this.$emit('refreshDataList')
if(this.jumpFlag){
setTimeout(() => {
let now = Date.now();
let inData = {
site: this.$store.state.user.site,
codeNo: data.row.codeNo,
buNo: data.row.buNo,
username: this.$store.state.user.name,
uuid:now+'',
activeName:'baseInfo'
};
localStorage.setItem('tsfData', JSON.stringify(inData))
window.open('#/BMPage/'+now);
},500)
}
} else {
this.$message.error(data.msg)
}
this.saveLoading = false
}).catch((error)=>{
this.$message.error(error)
this.saveLoading = false
})
},
changeTestDesc(){
this.dataForm.proofingNo="";
let inData={
site:this.$store.state.user.site,
testPartNo: this.dataForm.testPartNo
}
getTestPartChangeData(inData).then(({data}) => {
if (data && data.code === 0) {
if(data.row!=null){
this.dataForm.projectId=data.row.projectId
this.dataForm.partDesc=data.row.partDesc
this.dataForm.finalPartNo=data.row.finalPartNo
}else {
this.dataForm.projectId=''
this.dataForm.partDesc=''
}
}
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.refreshPartList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.refreshPartList()
},
dccChooseModal(){
// let inData={
// site:this.dataForm.site,
// buNo:this.dataForm.buNo,
// roleNo:'R015'
// }
this.operatorList = [];
this.queryUserInfoByBM('R015').then(({data}) => {
this.operatorList = data.rows
})
this.dccList = JSON.parse(JSON.stringify(this.dataForm.dccList));
this.dccFlag=true
},
queryUserInfoByBM(roleNo){
let params = {
site:this.dataForm.site,
buNo:this.dataForm.buNo,
roleNo:roleNo,
}
return searchBMUser(params)
},
handleCqcOperator(){
this.cqcVisible = true;
this.cqcOperatorList = []
this.queryUserInfoByBM('R008').then(({data}) => {
if (data && data.code === 0){
this.cqcOperatorList = data.rows
}else {
this.$message.warning(data.msg)
}
}).catch((error)=>{
this.$message.error(error);
})
},
handleFaiOperator(){
this.faiVisible = true;
this.faiOperatorList = []
this.queryUserInfoByBM('R009').then(({data}) => {
if (data && data.code === 0){
this.faiOperatorList = data.rows
}else {
this.$message.warning(data.msg)
}
}).catch((error)=>{
this.$message.error(error);
})
},
handleSaveCqcOperator(){
this.dataForm.cqcOperatorName = this.cqcOperatorList.filter(item => this.dataForm.cqcOperatorList.includes(item.operatorId)).map(item=> item.operatorName).join(';');
this.cqcVisible = false;
},
handleSaveFaiOperator(){
this.dataForm.faiOperatorName = this.faiOperatorList.filter(item => this.dataForm.faiOperatorList.includes(item.operatorId)).map(item=> item.operatorName).join(';');
this.faiVisible = false;
},
},
watch:{
saveLoading(newVal,oldVal){
if (newVal){
setTimeout(()=>{
this.saveLoading = false
},30000)
}
},
visible(newVal,oldVal){
if (!newVal){
this.dataForm.cqcOperatorList = []
this.dataForm.faiOperatorList = []
}
},
cqcVisible(newVal,oldVal){
if (!newVal){
this.cqcOperatorList = []
}
},
faiVisible(newVal,oldVal){
if (!newVal){
this.faiOperatorList = []
}
},
},
}
</script>
<style >
.el-transfer-panel {
border: 2px solid #17b3a3;
border-radius: 4px;
overflow: hidden;
background: #fff;
display: inline-block;
vertical-align: middle;
width: 200px;
max-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.el-transfer-panel .el-transfer-panel__header {
height: 40px;
line-height: 40px;
background: #17b3a3;
margin: 0;
padding-left: 15px;
border-bottom: 1px solid #17b3a3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
font-size: 14px;
color: #303133;
font-weight: 400;
}
</style>