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.
 
 
 
 

1355 lines
46 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.finalPartNo">
<span slot="label" @click="choosePartModel()"><a herf="#">IFS物料编码</a></span>
<el-input v-model="dataForm.finalPartNo" style="width: 130px" readonly></el-input>
</el-form-item>
<el-form-item :label="'PLM物料编码'">
<el-input v-model="dataForm.testPartNo" 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="#">客服人员</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="#">工程人员</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="#">设计制图人员</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="handleMpOperator"><a>技术员</a></span>
<el-input v-model="dataForm.mpOperatorName" @focus="handleMpOperator()" ref="mpOperatorName" placeholder="请选择人员" readonly style="width: 130px" ></el-input>
</el-form-item>
<el-form-item>
<span slot="label" @click="getUserList(9)"><a herf="#">计划人员</a></span>
<el-input v-model="dataForm.planOperatorName" ref="planOperatorName" 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>质检人员</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>首件检测</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="#">文件管控专员</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.remarkPage"
: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="operatorProp" :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="operatorProp" :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="operatorProp" :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="operatorProp" :data="operatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveDccList()">确定</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>
<el-dialog title="Technical人员" :visible.sync="mpVisible" :close-on-click-modal="false" width="530px">
<el-transfer
v-model="dataForm.mpOperatorList" class="rq" filterable
:props="operatorProp" :data="mpOperatorList"
:titles="['未选择', '已选择']">
</el-transfer>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleSaveMpOperator">确定</el-button>
<el-button type="primary" @click="mpVisible = 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: '',
remarkPage: '',
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: '',
mpOperatorList: [],
csOperatorList: [],
planOperator: '',
planOperatorName: '',
planOperatorList: [],
},
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: {
finalPartNo: [
{
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,
faiVisible: false,
mpVisible: false,
cqcOperatorList: [],
faiOperatorList: [],
mpOperatorList: []
}
},
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'
}
if(type === 9) {
strVal = this.dataForm.planOperator
roleId = 'R023'
}
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);
// });
}
if(this.tagNo1 === 9) {
this.dataForm.planOperator = val.username
this.dataForm.planOperatorName = val.userDisplay
}
},
// 获取基础数据列表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: 'cs',
}
searchTechnicalSpecificationTeamStr(inData).then(({data}) => {
this.dataForm.csOperatorList = data.rows
})
let inData2 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'engineer',
}
searchTechnicalSpecificationTeamStr(inData2).then(({data}) => {
this.dataForm.engineerList = data.rows
})
let inData3 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'technician',
}
searchTechnicalSpecificationTeamStr(inData3).then(({data}) => {
this.dataForm.technicianList = data.rows
})
let inData4 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'mp',
}
searchTechnicalSpecificationTeamStr(inData4).then(({data}) => {
this.dataForm.mpOperatorList = data.rows
})
let inData5 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'dcc',
}
searchTechnicalSpecificationTeamStr(inData5).then(({data}) => {
this.dataForm.dccList = data.rows
})
let inData6 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'cqc',
}
searchTechnicalSpecificationTeamStr(inData6).then(({data}) => {
this.dataForm.cqcOperatorList = data.rows
})
let inData7 = {
site: this.dataForm.site,
codeNo: this.dataForm.codeNo,
type: 'fai',
}
searchTechnicalSpecificationTeamStr(inData7).then(({data}) => {
this.dataForm.faiOperatorList = 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,
remarkPage: '',
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: '',
mpOperatorList: [],
csOperatorList: [],
planOperator: '',
planOperatorName: '',
planOperatorList: [],
}
// 获取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.saveDccList()
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
},
// 表单提交
dataFormSubmit () {
if (this.dataForm.testPartNo === '') {
this.$message.error('请输入测试料号!')
return false
}
if (this.dataForm.revNo === '') {
this.$message.error('请输入版本号!')
return false
}
this.dataForm.engineerList = []
if (this.dataForm.engineerNo !== '') {
this.dataForm.engineerList.push(this.dataForm.engineerNo) // Engineer
}
this.dataForm.technicianList = []
if (this.dataForm.technicianNo !== '') {
this.dataForm.technicianList.push(this.dataForm.technicianNo) // Artwork
}
this.dataForm.csOperatorList = []
if (this.dataForm.csOperater !== '') {
this.dataForm.csOperatorList.push(this.dataForm.csOperater) // CS
}
this.dataForm.planOperatorList = []
if (this.dataForm.planOperator !== '') {
this.dataForm.planOperatorList.push(this.dataForm.planOperator) // Planner
}
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()
},
queryUserInfoByBM (roleNo) {
let params = {
site: this.dataForm.site,
buNo: this.dataForm.buNo,
roleNo: roleNo,
}
return searchBMUser(params)
},
// Select Technical
handleMpOperator () {
this.mpVisible = true
this.mpOperatorList = []
this.queryUserInfoByBM('R021').then(({data}) => {
if (data && data.code === 0) {
this.mpOperatorList = data.rows
} else {
this.$message.warning(data.msg)
}
}).catch((error)=>{
this.$message.error(error)
})
},
// Select CQC
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)
})
},
// Select FAI
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)
})
},
// Select DCC
dccChooseModal () {
this.operatorList = []
this.queryUserInfoByBM('R015').then(({data}) => {
this.operatorList = data.rows
})
this.dccList = JSON.parse(JSON.stringify(this.dataForm.dccList))
this.dccFlag = true
},
handleSaveMpOperator () {
this.dataForm.mpOperatorName = this.mpOperatorList.filter(item => this.dataForm.mpOperatorList.includes(item.operatorId)).map(item=> item.operatorName).join(';')
this.mpVisible = false
},
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
},
saveDccList () {
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
},
},
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 = []
}
},
mpVisible (newVal,oldVal) {
if (!newVal) {
this.mpOperatorList = []
}
},
},
}
</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;
}
input[readonly] {
cursor: text;
}
</style>