8 changed files with 1017 additions and 11 deletions
-
2package.json
-
14src/api/quote/quoteGroupDetail.js
-
2src/main.js
-
4src/views/modules/project/projectPart/projectPartQuote.vue
-
4src/views/modules/quotation/inquiry/inquiryQuoteDetail.vue
-
62src/views/modules/quote/detail/quoteDetail.vue
-
933src/views/modules/quote/detail/quoteGroupDetail.vue
-
7src/views/modules/quote/index.vue
@ -0,0 +1,14 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
|
||||
|
export const queryQuoteGroupDetail = (data) => createAPI('/quote/group/detail','post',data) |
||||
|
|
||||
|
export const queryQuoteGroupDetailByInquiry = (data) => createAPI('/quote/group/detail/inquiry','post',data) |
||||
|
|
||||
|
export const saveQuoteGroupDetail = (data) => createAPI('/quote/group/detail/save','post',data) |
||||
|
|
||||
|
export const removeQuoteGroupDetail = (data) => createAPI(`/quote/group/detail/remove/${data.id}`,'post',data) |
||||
|
|
||||
|
export const updateCurrentQuoteGroupDetailItemNo = (data) => createAPI('/quote/group/detail/current','post',data) |
||||
|
|
||||
|
|
||||
@ -0,0 +1,933 @@ |
|||||
|
<script> |
||||
|
import { |
||||
|
updateQuoteDetail |
||||
|
} from "../../../../api/quote/quoteDetail"; |
||||
|
import {getProjectPartList} from "../../../../api/project/project"; |
||||
|
import QuoteDetailCost from "./primary/quoteDetailCost.vue"; |
||||
|
import QuoteDetailTool from "./primary/quoteDetailTool.vue"; |
||||
|
import QuoteDetailBom from "./primary/quoteDetailBom.vue"; |
||||
|
import QuoteDetailRouting from "./primary/quoteDetailRouting.vue"; |
||||
|
import QuoteDetailOtherCost from "./primary/quoteDetailOtherCost.vue"; |
||||
|
import DictDataSelect from "../../sys/dict-data-select.vue"; |
||||
|
import QuoteDetailTest from "./primary/quoteDetailTest.vue"; |
||||
|
import QuoteDetailOther from "./primary/quoteDetailOther.vue"; |
||||
|
import { |
||||
|
queryQuoteGroupDetail, |
||||
|
removeQuoteGroupDetail, |
||||
|
saveQuoteGroupDetail, updateCurrentQuoteGroupDetailItemNo |
||||
|
} from "../../../../api/quote/quoteGroupDetail"; |
||||
|
import QuoteDetail from "./quoteDetail.vue"; |
||||
|
|
||||
|
export default { |
||||
|
name: "quoteGroupDetail", |
||||
|
components: { |
||||
|
QuoteDetail, |
||||
|
QuoteDetailOther, |
||||
|
QuoteDetailTest, |
||||
|
DictDataSelect, |
||||
|
QuoteDetailOtherCost, |
||||
|
QuoteDetailRouting, |
||||
|
QuoteDetailBom, |
||||
|
QuoteDetailTool, |
||||
|
QuoteDetailCost, |
||||
|
}, |
||||
|
props:{ |
||||
|
quote:{ |
||||
|
type:Object, |
||||
|
required:true |
||||
|
}, |
||||
|
height:{ |
||||
|
type:[Number,String], |
||||
|
default:300 |
||||
|
}, |
||||
|
authFlag:{ |
||||
|
type:Boolean, |
||||
|
default:false |
||||
|
} |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
quoteDetail:{ |
||||
|
id:null, |
||||
|
partNo:'', |
||||
|
partDesc:'', |
||||
|
projectNo:'', |
||||
|
projectDesc:'', |
||||
|
buNo: '*', |
||||
|
qty:null, |
||||
|
quoteCount:1, |
||||
|
partCost:0, |
||||
|
adjustPartCost:0, |
||||
|
labourCost:0, |
||||
|
adjustLabourCost:0, |
||||
|
fabricateCost:0, |
||||
|
adjustFabricateCost:0, |
||||
|
toolCost:0, |
||||
|
adjustToolCost:0, |
||||
|
machineCost:0, |
||||
|
adjustMachineCost:0, |
||||
|
otherCost:0, |
||||
|
manageCost:0, |
||||
|
totalCost:0, |
||||
|
profitRate:0, |
||||
|
profitAmount:0, |
||||
|
totalPrice:0, |
||||
|
unitPrice:0, |
||||
|
taxRate:13, |
||||
|
taxTotalPrice:0, |
||||
|
taxUnitPrice:0, |
||||
|
quoteTotalCost:0, |
||||
|
quoteProfitRate:0, |
||||
|
quoteProfitAmount:0, |
||||
|
quoteTotalPrice:0, |
||||
|
quoteUnitPrice:0, |
||||
|
quoteTaxRate:0, |
||||
|
quoteTaxTotalPrice:0, |
||||
|
quoteTaxUnitPrice:0, |
||||
|
currency1:undefined, |
||||
|
currency2:undefined, |
||||
|
exchangeRate1:undefined, |
||||
|
exchangeRate2:undefined, |
||||
|
currencyTotalCost1:0, |
||||
|
currencyTotalCost2:0, |
||||
|
quoteCurrencyTotalCost1:0, |
||||
|
quoteCurrencyTotalCost2:0, |
||||
|
// moq:'Standard 250K', |
||||
|
moq:'', |
||||
|
calculatedItems:'工具,测试,其他,包装&运输', |
||||
|
testCost:0, |
||||
|
adjustTestCost:0, |
||||
|
elseCost:0, |
||||
|
adjustElseCost:0, |
||||
|
remark:'', |
||||
|
}, |
||||
|
saveQuoteDetail:{ |
||||
|
|
||||
|
}, |
||||
|
dataList:[], |
||||
|
saveLoading:false, |
||||
|
queryLoading:false, |
||||
|
saveVisible:false, |
||||
|
saveQuoteDetailRules:{ |
||||
|
partNo: [{required: true, message: '请输入物料编码', trigger: ['blur','change']}], |
||||
|
partDesc: [{required: true, message: '请输入物料名称', trigger: ['blur','change']}], |
||||
|
qty: [{required: true, message: '请输入数量', trigger: ['blur','change']}], |
||||
|
currency1: [{required: true, message: '请选择币种', trigger: ['blur','change']}], |
||||
|
}, |
||||
|
columns: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2PartNo', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'partNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '物料编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2PartDesc', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'partDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '物料名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 240 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2Qty', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'qty', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: 'MOQ', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustPartCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustPartCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '材料成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 130 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustLabourCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustLabourCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '人工成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustMachineCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustMachineCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '机器成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustToolCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustToolCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '工具成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustTestCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustTestCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '测试成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2AdjustElseCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'adjustElseCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '其他成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2TotalCost', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'totalCost', |
||||
|
headerAlign: 'center', |
||||
|
align: 'right', |
||||
|
columnLabel: '总成本', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table2Remark', |
||||
|
tableId: '5011Table2', |
||||
|
tableName: '报价详情信息表', |
||||
|
columnProp: 'remark', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '备注', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
], |
||||
|
partVisible:false, |
||||
|
activeName:'bom', |
||||
|
|
||||
|
projectPart:{ |
||||
|
|
||||
|
}, |
||||
|
projectPartList:[], |
||||
|
pageNo:1, |
||||
|
pageSize:20, |
||||
|
pageTotal:0, |
||||
|
partQueryLoading:false, |
||||
|
|
||||
|
projectPartColumns:[ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3TestPartNo', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'testPartNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '物料编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 150 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3PartDesc', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'partDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '物料名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3FinalPartNo', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'finalPartNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: 'IFS物料编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 150 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3CustomerPartNo', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'customerPartNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '客户物料编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 150 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3Type', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'type', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '制造类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 5011, |
||||
|
serialNumber: '5011Table3UmId', |
||||
|
tableId: '5011Table3', |
||||
|
tableName: '项目物料表', |
||||
|
columnProp: 'umId', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '单位', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
], |
||||
|
|
||||
|
drawerVisible: false, |
||||
|
quoteGroupDetail:{ |
||||
|
id:-1, |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleSaveQuoteDetail(row){ |
||||
|
this.$nextTick(()=>{ |
||||
|
if (this.$refs.handleSaveQuoteDetailClick){ |
||||
|
this.$refs.saveQuoteDetailForm.clearValidate(); |
||||
|
} |
||||
|
}) |
||||
|
if (row){ |
||||
|
this.saveQuoteDetail = { |
||||
|
...row |
||||
|
} |
||||
|
}else { |
||||
|
this.saveQuoteDetail = { |
||||
|
...this.quoteDetail, |
||||
|
createBy:this.$store.state.user.name, |
||||
|
status:'草稿', |
||||
|
active:'Y', |
||||
|
qty:1, |
||||
|
isDetail:false, |
||||
|
} |
||||
|
this.$nextTick(()=>{ |
||||
|
this.saveQuoteDetail.projectNo = this.quote.projectNo |
||||
|
}) |
||||
|
} |
||||
|
this.activeName = 'bom'; |
||||
|
this.saveVisible = true; |
||||
|
}, |
||||
|
handleDeleteQuoteDetail(row){ |
||||
|
this.$alert('确认删除该条报价明细吗？', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
let params = { |
||||
|
id: row.id, |
||||
|
} |
||||
|
removeQuoteGroupDetail(params).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success(data.msg); |
||||
|
this.handleQueryQuoteDetail(); |
||||
|
} else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}).catch((error) => { |
||||
|
this.$message.error(error); |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
handlePartNoBlur(){ |
||||
|
let params = { |
||||
|
site:this.$store.state.user.site, |
||||
|
testPartNo:this.saveQuoteDetail.partNo, |
||||
|
projectId: this.quote.projectNo, |
||||
|
no:1, |
||||
|
size:20, |
||||
|
} |
||||
|
getProjectPartList(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
if (data.rows && data.rows.length === 1){ |
||||
|
this.dblClickProjectPartTable(data.rows[0]) |
||||
|
}else { |
||||
|
this.saveQuoteDetail.partDesc = '' |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleQueryQuoteDetail(val){ |
||||
|
let params = { |
||||
|
quoteId: this.quote.id, |
||||
|
} |
||||
|
if (!val){ |
||||
|
this.queryLoading = true; |
||||
|
} |
||||
|
queryQuoteGroupDetail(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.dataList = data.rows |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
this.queryLoading = false; |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.queryLoading = false; |
||||
|
}) |
||||
|
}, |
||||
|
handleSaveQuoteDetailClick(){ |
||||
|
this.$refs.saveQuoteDetailForm.validate((valid,obj) => { |
||||
|
if (valid){ |
||||
|
if (this.saveQuoteDetail.id){ |
||||
|
this.handleUpdate(); |
||||
|
}else { |
||||
|
this.handleSave(); |
||||
|
} |
||||
|
}else { |
||||
|
let i = 1; |
||||
|
for (let key in obj) { |
||||
|
this.$message.error(obj[key][0].message); |
||||
|
if (i === 1){ |
||||
|
return |
||||
|
} |
||||
|
i++; |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleSave(){ |
||||
|
let params = { |
||||
|
...this.saveQuoteDetail, |
||||
|
quoteId: this.quote.id, |
||||
|
quoteNo:this.quote.quoteNo, |
||||
|
site:this.quote.site, |
||||
|
buNo:this.quote.buNo, |
||||
|
versionNo:this.quote.versionNo, |
||||
|
createBy:this.saveQuoteDetail.createBy, |
||||
|
active:'Y', |
||||
|
status:'草稿', |
||||
|
internalInquiryNo:this.quote.insideInquiryNo, |
||||
|
} |
||||
|
this.saveLoading = true; |
||||
|
saveQuoteGroupDetail(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg); |
||||
|
this.handleQueryQuoteDetail(); |
||||
|
if (this.saveQuoteDetail.isDetail){ |
||||
|
this.saveQuoteDetail = { |
||||
|
...data.row, |
||||
|
} |
||||
|
}else { |
||||
|
this.saveVisible = false; |
||||
|
} |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
this.saveLoading = false |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.saveLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
handleUpdate(){ |
||||
|
let params = { |
||||
|
...this.saveQuoteDetail, |
||||
|
updateBy:this.$store.state.user.name, |
||||
|
} |
||||
|
updateQuoteDetail(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg); |
||||
|
this.handleQueryQuoteDetail(); |
||||
|
this.saveVisible = false; |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
}) |
||||
|
}, |
||||
|
handleClickTab(tab){ |
||||
|
if (this.activeName === 'routing'){ |
||||
|
this.$refs.routing.handleQueryQuoteDetailBomTree() |
||||
|
}else if (this.activeName === 'tool'){ |
||||
|
this.$refs.tool.handleQueryQuoteDetailTool(); |
||||
|
} |
||||
|
}, |
||||
|
handleQueryPartList(){ |
||||
|
this.projectPart = { |
||||
|
testPartNo:this.saveQuoteDetail.partNo, |
||||
|
partDesc:'', |
||||
|
finalPartNo:'', |
||||
|
customerPartNo:'', |
||||
|
site:this.$store.state.user.site, |
||||
|
} |
||||
|
this.partVisible = true; |
||||
|
this.getProjectPartList(); |
||||
|
}, |
||||
|
getProjectPartList(){ |
||||
|
let params = { |
||||
|
...this.projectPart, |
||||
|
no:this.pageNo, |
||||
|
size:this.pageSize, |
||||
|
} |
||||
|
params.projectId = this.quote.projectNo |
||||
|
this.partQueryLoading = true; |
||||
|
getProjectPartList(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.projectPartList = data.rows; |
||||
|
this.pageTotal = data.total; |
||||
|
} |
||||
|
this.partQueryLoading = false; |
||||
|
}).catch((error)=>{ |
||||
|
this.partQueryLoading = false; |
||||
|
}) |
||||
|
}, |
||||
|
handleSizeChange(val){ |
||||
|
this.pageSize = val; |
||||
|
this.getProjectPartList(); |
||||
|
}, |
||||
|
handleCurrentChange(val){ |
||||
|
this.pageNo = val; |
||||
|
this.getProjectPartList(); |
||||
|
}, |
||||
|
dblClickProjectPartTable(row){ |
||||
|
this.saveQuoteDetail.partNo = row.testPartNo; |
||||
|
this.saveQuoteDetail.partDesc = row.partDesc; |
||||
|
this.partVisible = false; |
||||
|
}, |
||||
|
handleQueryQuoteDetailByDetailId(row){ |
||||
|
this.quoteGroupDetail = { |
||||
|
...row |
||||
|
} |
||||
|
this.drawerVisible = true; |
||||
|
}, |
||||
|
rowStyle({row}){ |
||||
|
if (row.id === this.quoteGroupDetail.id){ |
||||
|
return {background:'#E8F7F6'} |
||||
|
} |
||||
|
}, |
||||
|
quoteGroupDetailRowClick(row){ |
||||
|
this.quoteGroupDetail = { |
||||
|
...row |
||||
|
} |
||||
|
}, |
||||
|
handleCurrentQuoteDetailItemNo(val){ |
||||
|
updateCurrentQuoteGroupDetailItemNo(this.quoteGroupDetail).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
// this.$message.success(data.msg); |
||||
|
this.handleQueryQuoteDetail(true); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
this.quoteGroupDetail.currentQuoteDetailItemNo = val; |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
this.quoteGroupDetail.currentQuoteDetailItemNo = val; |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
watch:{ |
||||
|
quote(newVal,oldVal){ |
||||
|
if (newVal.id){ |
||||
|
this.quoteDetail.profitRate = this.quote.markup |
||||
|
this.quoteDetail.quoteProfitRate = this.quote.markup |
||||
|
this.handleQueryQuoteDetail(); |
||||
|
}else { |
||||
|
this.dataList = []; |
||||
|
} |
||||
|
}, |
||||
|
partVisible(newVal,oldVal){ |
||||
|
if (newVal === false){ |
||||
|
this.partQueryLoading = false |
||||
|
this.pageNo = 1; |
||||
|
this.projectPartList = []; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="primary" v-if="!authFlag" :disabled="quote.status === '下达' || !quote.status" @click="handleSaveQuoteDetail(null)">新增</el-button> |
||||
|
<el-table v-loading="queryLoading" border :data="dataList" style="width: 100%;margin-top: 5px" :height="height"> |
||||
|
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed === ''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
||||
|
style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" v-if="!authFlag" fixed="right" align="center" width="120"> |
||||
|
<template slot-scope="{row,$index}"> |
||||
|
<a type="text" v-if="row.status === '草稿'" @click="handleDeleteQuoteDetail(row)">删除</a> |
||||
|
<a @click="handleQueryQuoteDetailByDetailId(row)">条目明细</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-dialog :title="`报价明细`" top="10vh" v-drag :visible.sync="saveVisible" append-to-body :width="`${saveQuoteDetail.id?1200:600}px`" :close-on-click-modal="false"> |
||||
|
<el-form :model="saveQuoteDetail" ref="saveQuoteDetailForm" :rules="saveQuoteDetailRules" label-position="top" v-if="!saveQuoteDetail.id"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="物料编码" prop="partNo" :show-message="false"> |
||||
|
<span slot="label"> |
||||
|
<a @click="handleQueryPartList">物料编码</a> |
||||
|
</span> |
||||
|
<el-input v-model="saveQuoteDetail.partNo" @change="handlePartNoBlur"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="物料描述" prop="partDesc" :show-message="false"> |
||||
|
<el-input v-model="saveQuoteDetail.partDesc" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="MOQ" prop="qty" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" v-model="saveQuoteDetail.qty" :min="1" :step="0" :precision="0" :controls="false"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="币种" prop="currency1" :show-message="false"> |
||||
|
<dict-data-select style="width: 100%" v-if="saveVisible" dict-type="plm_customer_information_customer_customer_currency" v-model="saveQuoteDetail.currency1"></dict-data-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="" :show-message="false"> |
||||
|
<el-checkbox v-model="saveQuoteDetail.isDetail">保存进入报价页面</el-checkbox> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="备注" class="auto" :show-message="false"> |
||||
|
<el-input type="textarea" v-model="saveQuoteDetail.remark" :autosize="{minRows: 3, maxRows: 3}"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<el-form v-else :model="saveQuoteDetail" ref="saveQuoteDetailForm" :rules="saveQuoteDetailRules" label-position="top"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="物料名称" prop="partNo" :show-message="false"> |
||||
|
<el-input v-model="saveQuoteDetail.partNo" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label="物料描述" prop="partDesc" :show-message="false"> |
||||
|
<el-input v-model="saveQuoteDetail.partDesc" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="MOQ" prop="qty" :show-message="false"> |
||||
|
<el-input-number v-model="saveQuoteDetail.qty" style="width: 100%;" :controls="false" :disabled="saveQuoteDetail.status === '下达'"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="币种" prop="currency1" :show-message="false"> |
||||
|
<dict-data-select :disabled="saveQuoteDetail.status === '下达'" style="width: 100%" dict-type="plm_customer_information_customer_customer_currency" v-model="saveQuoteDetail.currency1"></dict-data-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="备注" class="auto" :show-message="false"> |
||||
|
<el-input type="textarea" resize="none" :autosize="{minRows: 3, maxRows: 3}" v-model="saveQuoteDetail.remark" :disabled="saveQuoteDetail.status === '下达'"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-tabs v-model="activeName" v-if="saveQuoteDetail.id" @tab-click="handleClickTab"> |
||||
|
<el-tab-pane label="材料" name="bom"> |
||||
|
<quote-detail-bom v-if="saveVisible" @close="()=>{this.saveVisible = false}" v-model:quoteDetail="saveQuoteDetail"></quote-detail-bom> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="工艺" name="routing"> |
||||
|
<quote-detail-routing ref="routing" v-if="saveVisible" @close="()=>{this.saveVisible = false}" v-model:quoteDetail="saveQuoteDetail"></quote-detail-routing> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="工具" name="tool"> |
||||
|
<quote-detail-tool ref="tool" v-if="saveVisible" v-model:quoteDetail="saveQuoteDetail"></quote-detail-tool> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="测试" name="test"> |
||||
|
<quote-detail-test v-if="saveVisible" v-model:quoteDetail="saveQuoteDetail"></quote-detail-test> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="其他" name="other"> |
||||
|
<quote-detail-other v-if="saveVisible" v-model:quoteDetail="saveQuoteDetail"></quote-detail-other> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="包装&运输" name="otherCost"> |
||||
|
<quote-detail-other-cost v-if="saveVisible" v-model:quoteDetail="saveQuoteDetail"></quote-detail-other-cost> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane label="成本&价格" name="cost"> |
||||
|
<quote-detail-cost v-if="saveVisible" ref="cost" v-model:quoteDetail="saveQuoteDetail"></quote-detail-cost> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" v-if="saveQuoteDetail.status === '草稿'" :loading="saveLoading" @click="handleSaveQuoteDetailClick">确 定</el-button> |
||||
|
<el-button @click="saveVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog v-drag title="物料信息" append-to-body :close-on-click-modal="false" :visible.sync="partVisible"> |
||||
|
<!--搜索条件--> |
||||
|
<el-form :model="projectPart" ref="projectPartDataForm" :inline="true" label-position="top"> |
||||
|
<el-form-item label="物料编码" prop="testPartNo"> |
||||
|
<el-input v-model="projectPart.testPartNo" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="物料名称" prop="partDesc"> |
||||
|
<el-input v-model="projectPart.partDesc" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="IFS物料编码" prop="finalPartNo"> |
||||
|
<el-input v-model="projectPart.finalPartNo" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户物料编码" prop="customerPartNo"> |
||||
|
<el-input v-model="projectPart.customerPartNo" clearable/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button @click="getProjectPartList" type="primary">查 询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table height="300px" v-loading="partQueryLoading" stripe border @row-dblclick="dblClickProjectPartTable" :data="projectPartList" ref="projectPartDataTable" :style="{marginTop:'10px'}"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in projectPartColumns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed===''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination style="margin-top: 0" |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page="pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200, 500]" |
||||
|
:page-size="pageSize" |
||||
|
:total="pageTotal" |
||||
|
layout="total,sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
</el-dialog> |
||||
|
|
||||
|
|
||||
|
<el-dialog title="报价明细" :visible.sync="drawerVisible" top="10vh" width="1200px" append-to-body :close-on-click-modal="false"> |
||||
|
<el-table v-loading="queryLoading" |
||||
|
@row-click="quoteGroupDetailRowClick" :row-style="rowStyle" border :data="dataList" style="width: 100%;margin-top: 5px;" :height="'30vh'"> |
||||
|
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
:sortable="item.columnSortable" |
||||
|
:prop="item.columnProp" |
||||
|
:header-align="item.headerAlign" |
||||
|
:show-overflow-tooltip="item.showOverflowTooltip" |
||||
|
:align="item.align" |
||||
|
:fixed="item.fixed === ''?false:item.fixed" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
||||
|
style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<quote-detail |
||||
|
v-if="drawerVisible" |
||||
|
style="margin-top: 20px" |
||||
|
:quote="quote" |
||||
|
:quote-group-detail="quoteGroupDetail" |
||||
|
:auth-flag="false" |
||||
|
:height="'33vh'" |
||||
|
@currentQuoteDetailItemNo="handleCurrentQuoteDetailItemNo"> |
||||
|
|
||||
|
</quote-detail> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="drawerVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- <part-table v-if="saveVisible" v-model="partVisible" :is-page="true" :part-no="saveQuoteDetail.partNo" @dblclick="handleDblClick"></part-table>--> |
||||
|
<!-- <project-part-table v-if="saveVisible" v-model="partVisible" :project-no="saveQuoteDetail.projectNo" :part-no="saveQuoteDetail.partNo" @dblclick="handleDblClick"></project-part-table>--> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
.el-table /deep/ .cell{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
|
||||
|
.auto /deep/ .el-form-item__content{ |
||||
|
height: auto; |
||||
|
line-height: 1.5; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue