7 changed files with 954 additions and 20 deletions
-
12src/api/quote/quoteGroupDetail.js
-
1src/main.js
-
4src/views/modules/quote/detail/primary/quoteDetailRouting.vue
-
122src/views/modules/quote/detail/quoteDetail.vue
-
803src/views/modules/quote/detail/quoteGroupDetail.vue
-
15src/views/modules/quote/index.vue
-
17src/views/modules/quote/primary/quoteTable.vue
@ -0,0 +1,12 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
|
|||
export const queryQuoteGroupDetail = (data) => createAPI('/quote/group/detail','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,803 @@ |
|||
<script> |
|||
import ProjectPartTable from "../../../../components/selector/table/projectPartTable.vue"; |
|||
import { |
|||
updateQuoteDetail |
|||
} from "../../../../api/quote/quoteDetail"; |
|||
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 QuoteDetailOther from "./primary/quoteDetailOther.vue"; |
|||
import PartTable from "../../../../components/selector/table/partTable.vue"; |
|||
import {handleQueryPart} from "../../../../api/part/partInformation"; |
|||
import { |
|||
queryQuoteGroupDetail, |
|||
removeQuoteGroupDetail, |
|||
saveQuoteGroupDetail, updateCurrentQuoteGroupDetailItemNo |
|||
} from "../../../../api/quote/quoteGroupDetail"; |
|||
import QuoteDetail from "./quoteDetail.vue"; |
|||
|
|||
export default { |
|||
name: "quoteGroupDetail", |
|||
components: { |
|||
QuoteDetail, |
|||
PartTable, |
|||
QuoteDetailOther, QuoteDetailRouting, QuoteDetailBom, QuoteDetailTool, QuoteDetailCost, ProjectPartTable}, |
|||
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:'', |
|||
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', |
|||
type:'Standard TP', |
|||
costModel:'UFIDA', |
|||
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']}], |
|||
type: [{required: true, message: '请选择TP类型', trigger: ['blur','change']}], |
|||
costModel: [{required: true, message: '请选择Cost Model', 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: 320 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Qty', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'qty', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: '报价数量', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustBomUnYield', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'adjustBomUnYield', |
|||
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: 'DL', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustFabricateCost', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'adjustFabricateCost', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'VOH', |
|||
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: 'FOH', |
|||
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: 'Total Cost(RMB.KCT)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2QuoteProfitRate', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'quoteProfitRate', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'markup(%)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Weighted', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'weighted', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'Weighted TP for MOQ>250K(USD/KCT)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 260 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Weighted2', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'weighted2', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'Weighted TP for MOQ>5M(USD/KCT)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 260 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Weighted', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'weighted', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'Standard TP for MOQ>250K(USD/KCT)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 260 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Weighted2', |
|||
tableId: '5011Table2', |
|||
tableName: '报价详情信息表', |
|||
columnProp: 'weighted2', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: 'Standard TP for MOQ>5M(USD/KCT)', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 260 |
|||
}, |
|||
{ |
|||
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: 200 |
|||
}, |
|||
], |
|||
partVisible:false, |
|||
activeName:'bom', |
|||
|
|||
quoteGroupDetail:{}, |
|||
drawerVisible:false, |
|||
} |
|||
}, |
|||
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; |
|||
}, |
|||
handleDetail(row){ |
|||
this.saveQuoteDetail = { |
|||
...row |
|||
} |
|||
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(() => { |
|||
}) |
|||
}, |
|||
handleDblClick(row){ |
|||
this.saveQuoteDetail.partId = row.id; |
|||
this.saveQuoteDetail.partNo = row.partNo; |
|||
this.saveQuoteDetail.partDesc = row.partDesc; |
|||
this.partVisible = false; |
|||
}, |
|||
handlePartNoBlur(){ |
|||
let params = { |
|||
userName: this.$store.state.user.name, |
|||
partNo: this.saveQuoteDetail.partNo, |
|||
} |
|||
handleQueryPart(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
if (data.rows.length === 1){ |
|||
this.saveQuoteDetail.partId = data.rows[0].id; |
|||
this.saveQuoteDetail.partNo = data.rows[0].partNo; |
|||
this.saveQuoteDetail.partDesc = data.rows[0].partDesc; |
|||
}else { |
|||
this.saveQuoteDetail.partId = undefined; |
|||
this.saveQuoteDetail.partDesc = ''; |
|||
} |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
}) |
|||
}, |
|||
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.cost.handleValidate(); |
|||
this.$refs.saveQuoteDetailForm.validate((valid,obj) => { |
|||
if (valid){ |
|||
if (this.saveQuoteDetail.id){ |
|||
this.handleUpdate(); |
|||
}else { |
|||
this.handleSave(); |
|||
} |
|||
}else { |
|||
let i = 1; |
|||
for (let item in obj){ |
|||
this.$message.error(obj[item][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() |
|||
} |
|||
}, |
|||
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; |
|||
}) |
|||
}, |
|||
handleClose(){ |
|||
this.drawerVisible = false |
|||
this.saveVisible = false |
|||
}, |
|||
}, |
|||
watch:{ |
|||
quote(newVal,oldVal){ |
|||
if (newVal.id){ |
|||
this.quoteDetail.profitRate = this.quote.markup |
|||
this.quoteDetail.quoteProfitRate = this.quote.markup |
|||
this.handleQueryQuoteDetail(); |
|||
}else { |
|||
this.dataList = []; |
|||
} |
|||
}, |
|||
"saveQuoteDetail.partNo"(newVal,oldVal){ |
|||
if (newVal){ |
|||
this.saveQuoteDetail.partNo = newVal.toUpperCase(); |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div class="rq"> |
|||
<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"> |
|||
<template v-if="item.columnLabel === 'Weighted TP for MOQ>250K(USD/KCT)' || item.columnLabel === 'Weighted TP for MOQ>5M(USD/KCT)'"> |
|||
<span v-if="scope.row.type && scope.row.type === 'Weighted TP'"> {{scope.row[item.columnProp] }}</span> |
|||
</template> |
|||
<template v-else-if="item.columnLabel === 'Standard TP for MOQ>250K(USD/KCT)' || item.columnLabel === 'Standard TP for MOQ>5M(USD/KCT)'"> |
|||
<span v-if="!scope.row.type || scope.row.type === 'Standard TP'">{{scope.row[item.columnProp] }}</span> |
|||
</template> |
|||
<template v-else> |
|||
<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> |
|||
</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="partVisible = true">物料名称</a> |
|||
</span> |
|||
<el-input v-model="saveQuoteDetail.partNo" @blur="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="报价数量" 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="6"> |
|||
<el-form-item label="TP类型" prop="type" :show-message="false"> |
|||
<el-select v-model="saveQuoteDetail.type" placeholder="请选择" style="width: 100%;"> |
|||
<el-option label="Standard TP" value="Standard TP"></el-option> |
|||
<el-option label="Weighted TP" value="Weighted TP"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="Cost Model" prop="costModel" :show-message="false"> |
|||
<el-select v-model="saveQuoteDetail.costModel" style="width: 100%;"> |
|||
<el-option label="2020" value="2020"></el-option> |
|||
<el-option label="UFIDA" value="UFIDA"></el-option> |
|||
</el-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="报价数量" 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="TP类型" prop="type" :show-message="false"> |
|||
<el-select v-model="saveQuoteDetail.type" placeholder="请选择" style="width: 100%;"> |
|||
<el-option label="Standard TP" value="Standard TP"></el-option> |
|||
<el-option label="Weighted TP" value="Weighted TP"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item label="Cost Model" prop="costModel" :show-message="false"> |
|||
<el-select v-model="saveQuoteDetail.costModel" style="width: 100%;"> |
|||
<el-option label="2020" value="2020"></el-option> |
|||
<el-option label="UFIDA" value="UFIDA"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="19"> |
|||
<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="handleClose" 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="handleClose" v-model:quoteDetail="saveQuoteDetail"></quote-detail-routing> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="工具" name="tool"> |
|||
<quote-detail-tool v-if="saveVisible" v-model:quoteDetail="saveQuoteDetail"></quote-detail-tool> |
|||
</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="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 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" |
|||
@close="handleClose" |
|||
: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> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
.auto /deep/ .el-form-item__content{ |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue