7 changed files with 1611 additions and 10 deletions
-
13src/api/quote/quoteDetail.js
-
7src/api/quote/quoteDetailTool.js
-
56src/views/modules/quote/detail/primary/quoteDetailBom.vue
-
323src/views/modules/quote/detail/primary/quoteDetailCost.vue
-
363src/views/modules/quote/detail/primary/quoteDetailTool.vue
-
759src/views/modules/quote/detail/quoteDetail.vue
-
100src/views/modules/quote/index.vue
@ -0,0 +1,13 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
export const queryQuoteDetail = (data) => createAPI(`/quote/detail`,'post',data) |
||||
|
|
||||
|
export const queryQuoteDetailByPage = (data) => createAPI(`/quote/detail/${data.no}/${data.size}`,'post',data) |
||||
|
|
||||
|
export const saveQuoteDetail = (data) => createAPI(`/quote/detail/save`,'post',data) |
||||
|
|
||||
|
export const updateQuoteDetail = (data) => createAPI(`/quote/detail/update`,'post',data) |
||||
|
|
||||
|
export const deleteQuoteDetail = (data) => createAPI(`/quote/detail/remove/${data.id}`,'post',data) |
||||
|
|
||||
|
export const queryQuoteDetailAllCost = (data) => createAPI(`/quote/detail/cost`,'post',data) |
||||
@ -0,0 +1,7 @@ |
|||||
|
import {createAPI} from "../../utils/httpRequest"; |
||||
|
|
||||
|
export const queryToolList = (data) => createAPI('/quote/detail/tool/list', 'post', data) |
||||
|
export const queryQuoteDetailTool = (data) =>createAPI(`/quote/detail/tool`,'post',data) |
||||
|
export const removeQuoteDetailTool = (data) => createAPI(`quote/detail/tool/remove/${data.id}`,'post',data) |
||||
|
export const saveQuoteDetailTool = (data) => createAPI(`quote/detail/tool/save`,'post',data) |
||||
|
export const updateQuoteDetailTool = (data) => createAPI(`quote/detail/tool/update`,'post',data) |
||||
@ -0,0 +1,56 @@ |
|||||
|
<script> |
||||
|
export default { |
||||
|
name: "quoteDetailBom", |
||||
|
props:{ |
||||
|
quoteDetail:{ |
||||
|
type:Object, |
||||
|
required:true |
||||
|
}, |
||||
|
}, |
||||
|
model:{ |
||||
|
prop: "quoteDetail", |
||||
|
event: "update" |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
isAllBom:false, |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryQuoteDetailBom(){ |
||||
|
console.log(this.quoteDetail.id) |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.quoteDetail && this.quoteDetail.id){ |
||||
|
this.handleQueryQuoteDetailBom(); |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'quoteDetail.id'(newVal,oldVal){ |
||||
|
this.handleQueryQuoteDetailBom(); |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<div style="margin-bottom: 10px"> |
||||
|
<el-link style="margin-right: 20px">切换版本</el-link> |
||||
|
<el-checkbox v-model="isAllBom">全级BOM结构</el-checkbox> |
||||
|
</div> |
||||
|
<el-container> |
||||
|
<el-aside width="300px"> |
||||
|
|
||||
|
</el-aside> |
||||
|
<el-main style="padding: 0"> |
||||
|
|
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,323 @@ |
|||||
|
<script> |
||||
|
import {queryQuoteDetailAllCost} from "../../../../../api/quote/quoteDetail"; |
||||
|
|
||||
|
export default { |
||||
|
name: "quoteDetailCost", |
||||
|
props: { |
||||
|
quoteDetail: { |
||||
|
type: Object, |
||||
|
required: true |
||||
|
}, |
||||
|
}, |
||||
|
model: { |
||||
|
prop: "quoteDetail", |
||||
|
event: "update", |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
rules:{ |
||||
|
adjustPartCost: [ |
||||
|
{ required: true, message: "请输入材料成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
adjustMachineCost: [ |
||||
|
{ required: true, message: "请输入机器成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
adjustFabricateCost: [ |
||||
|
{ required: true, message: "请输入制造费用成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
adjustLabourCost: [ |
||||
|
{ required: true, message: "请输入人工成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
adjustToolCost: [ |
||||
|
{ required: true, message: "请输入工具成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
manageCost: [ |
||||
|
{ required: true, message: "请输入管理成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
otherCost: [ |
||||
|
{ required: true, message: "请输入其他成本", trigger: ["blur","change"] } |
||||
|
], |
||||
|
profitRate: [ |
||||
|
{ required: true, message: "请输入利润率", trigger: ["blur","change"] } |
||||
|
], |
||||
|
taxRate: [ |
||||
|
{ required: true, message: "请输入税率", trigger: ["blur","change"] } |
||||
|
], |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
computeTotalCost(){ |
||||
|
this.quoteDetail.totalCost = |
||||
|
this.quoteDetail.adjustPartCost + |
||||
|
this.quoteDetail.adjustMachineCost + |
||||
|
this.quoteDetail.adjustFabricateCost + |
||||
|
this.quoteDetail.adjustLabourCost + |
||||
|
this.quoteDetail.adjustToolCost + |
||||
|
this.quoteDetail.manageCost + |
||||
|
this.quoteDetail.otherCost; |
||||
|
this.computeProfitAmount(); |
||||
|
}, |
||||
|
computeProfitAmount(){ |
||||
|
this.quoteDetail.profitAmount = |
||||
|
this.quoteDetail.totalCost * (this.quoteDetail.profitRate / 100); |
||||
|
this.computeTaxCost(); |
||||
|
}, |
||||
|
computeTaxCost(){ |
||||
|
this.quoteDetail.totalPrice = |
||||
|
this.quoteDetail.totalCost + this.quoteDetail.profitAmount; |
||||
|
this.quoteDetail.unitPrice = |
||||
|
this.quoteDetail.totalPrice / this.quoteDetail.qty; |
||||
|
this.quoteDetail.taxTotalPrice = |
||||
|
this.quoteDetail.totalPrice + this.quoteDetail.totalPrice * (this.quoteDetail.taxRate / 100); |
||||
|
this.quoteDetail.taxUnitPrice = |
||||
|
this.quoteDetail.taxTotalPrice / this.quoteDetail.qty; |
||||
|
}, |
||||
|
handleQueryAllCost(){ |
||||
|
let params = { |
||||
|
...this.quoteDetail |
||||
|
} |
||||
|
queryQuoteDetailAllCost(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.quoteDetail.toolCost = data.row.toolCost; |
||||
|
this.quoteDetail.adjustToolCost = data.row.toolCost; |
||||
|
}else { |
||||
|
this.$message.warning(data.msg); |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error); |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'quoteDetail.adjustPartCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.adjustPartCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.adjustMachineCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.adjustMachineCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.adjustFabricateCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.adjustFabricateCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.adjustLabourCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.adjustLabourCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.adjustToolCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.adjustToolCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.manageCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.manageCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.otherCost'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.otherCost = 0; |
||||
|
} |
||||
|
this.computeTotalCost(); |
||||
|
}, |
||||
|
'quoteDetail.profitRate'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.profitRate = 0; |
||||
|
} |
||||
|
this.computeProfitAmount(); |
||||
|
}, |
||||
|
'quoteDetail.taxRate'(newValue, oldValue){ |
||||
|
if (newValue === undefined || newValue === null){ |
||||
|
this.quoteDetail.taxRate = 0; |
||||
|
} |
||||
|
this.computeTaxCost(); |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="primary" @click="handleQueryAllCost"> 计 算</el-button> |
||||
|
<!--系统自动计算结果--> |
||||
|
<el-form :model="quoteDetail" ref="costForm" :rules="rules" label-position="top" label-width="120px"> |
||||
|
<fieldset |
||||
|
style="height:80px;margin-top: 2px;border-color: rgb(255,255,255);"> |
||||
|
<legend>系统自动计算结果(料工费/工具)</legend> |
||||
|
<el-row :gutter=" 10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="材料成本:" prop="partCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%; " :controls="false" |
||||
|
v-model="quoteDetail.partCost" :precision="4" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="机器成本:" prop="machineCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%; " :controls="false" |
||||
|
v-model="quoteDetail.machineCost" :precision="4" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="制造费用成本:" prop="fabricateCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%; " :controls="false" |
||||
|
v-model="quoteDetail.fabricateCost" :precision="4" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="人工成本:" prop="labourCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.labourCost" :precision="4" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="工具成本:" prop="toolCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.toolCost" :precision="4" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</fieldset> |
||||
|
<fieldset |
||||
|
style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);"> |
||||
|
<legend>调整后成本(料工费/工具)</legend> |
||||
|
<el-row :gutter=" 10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="材料成本:" prop="adjustPartCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.adjustPartCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="机器成本:" prop="adjustMachineCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.adjustMachineCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="制造费用成本:" prop="adjustFabricateCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.adjustFabricateCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="人工成本:" prop="adjustLabourCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.adjustLabourCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="工具成本:" prop="adjustToolCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.adjustToolCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</fieldset> |
||||
|
<fieldset |
||||
|
style="height:80px;margin-top: 5px;border-color: rgb(255,255,255)"> |
||||
|
<legend>其他成本</legend> |
||||
|
<el-row :gutter=" 10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="管理成本:" prop="manageCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.manageCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<!-- <el-col :span="4">--> |
||||
|
<!-- <el-form-item label="包装成本:">--> |
||||
|
<!-- <el-input-number style="width: 100%;" :controls="false"--> |
||||
|
<!-- v-model="copyPackCost" :step="0" :precision="4" :min="0" disabled/>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<!-- <el-col :span="4">--> |
||||
|
<!-- <el-form-item label="运输成本:">--> |
||||
|
<!-- <el-input-number style="width: 100%; " :controls="false"--> |
||||
|
<!-- v-model="copyShippingCost" :step="0" :precision="4" :min="0" disabled/>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- </el-col>--> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="其他成本:" prop="otherCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%; " :controls="false" |
||||
|
v-model="quoteDetail.otherCost" :step="0" :precision="4" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="总成本:" prop="totalCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.totalCost" :step="0" :precision="4" :min="0" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</fieldset> |
||||
|
<fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);"> |
||||
|
<legend>利润</legend> |
||||
|
<el-row :gutter=" 10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="利润率%:" prop="profitRate" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.profitRate" :step="0" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="利润额:" prop="profitAmount" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.profitAmount" :step="0" :precision="4" :min="0" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</fieldset> |
||||
|
<fieldset style="height:80px;margin-top: 5px;border-color: rgb(255,255,255);"> |
||||
|
<legend>最终价格</legend> |
||||
|
<el-row :gutter=" 10"> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="未税总额:" prop="totalPrice" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.totalPrice" :step="0" :precision="4" :min="0" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="未税单价:" prop="unitPrice" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.unitPrice" :step="0" :min="0" :precision="6" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="税率%:" prop="taxRate" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.taxRate" :step="0" :min="0"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="含税总额:" prop="taxTotalPrice" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.taxTotalPrice" :step="0" :precision="4" :min="0" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="含税单价:" prop="taxUnitPrice" :show-message="false"> |
||||
|
<el-input-number style="width: 100%;" :controls="false" |
||||
|
v-model="quoteDetail.taxUnitPrice" :step="0" :precision="6" :min="0" disabled/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</fieldset> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,363 @@ |
|||||
|
<script> |
||||
|
import { |
||||
|
queryQuoteDetailTool, |
||||
|
queryToolList, |
||||
|
removeQuoteDetailTool, |
||||
|
saveQuoteDetailTool, updateQuoteDetailTool |
||||
|
} from "../../../../../api/quote/quoteDetailTool"; |
||||
|
|
||||
|
export default { |
||||
|
name: "quoteDetailTool", |
||||
|
props:{ |
||||
|
quoteDetail:{ |
||||
|
type: Object, |
||||
|
required: true |
||||
|
}, |
||||
|
}, |
||||
|
model:{ |
||||
|
prop:"quoteDetail", |
||||
|
event:"update", |
||||
|
}, |
||||
|
data(){ |
||||
|
return{ |
||||
|
queryLoading:false, |
||||
|
dataList:[], |
||||
|
tool:{ |
||||
|
toolNo:"", |
||||
|
toolDesc:"", |
||||
|
toolQty:1, |
||||
|
unitCost:0, |
||||
|
expectedServiceLife:0, |
||||
|
quoteUnitCost:0, |
||||
|
remark:"" |
||||
|
}, |
||||
|
saveTool:{ |
||||
|
|
||||
|
}, |
||||
|
saveVisible:false, |
||||
|
saveLoading:false, |
||||
|
toolVisible:false, |
||||
|
toolRules:{ |
||||
|
toolNo: [ |
||||
|
{ required: true, message: '请输入工具编码', trigger: ['blur','change'] } |
||||
|
], |
||||
|
toolDesc: [ |
||||
|
{ required: true, message: '请输入工具描述', trigger: ['blur','change'] } |
||||
|
], |
||||
|
toolQty: [ |
||||
|
{ required: true, message: '请输入工具数量', trigger: ['blur','change'] } |
||||
|
], |
||||
|
unitCost: [ |
||||
|
{ required: true, message: '请输入单位成本', trigger: ['blur','change'] } |
||||
|
], |
||||
|
expectedServiceLife: [ |
||||
|
{ required: true, message: '请输入预计使用寿命', trigger: ['blur','change'] } |
||||
|
], |
||||
|
quoteUnitCost: [ |
||||
|
{ required: true, message: '请输入单位报价成本', trigger: ['blur','change'] } |
||||
|
] |
||||
|
}, |
||||
|
toolList:[], |
||||
|
queryTool:{ |
||||
|
toolNo: "", |
||||
|
toolDesc: "", |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryQuoteDetailTool(){ |
||||
|
let params = { |
||||
|
quoteDetailId: this.quoteDetail.id |
||||
|
} |
||||
|
this.queryLoading = true |
||||
|
queryQuoteDetailTool(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 |
||||
|
}) |
||||
|
}, |
||||
|
handleSave(row){ |
||||
|
if (row){ |
||||
|
this.saveTool = {...row}; |
||||
|
}else { |
||||
|
this.saveTool = {...this.tool}; |
||||
|
} |
||||
|
this.saveVisible = true; |
||||
|
}, |
||||
|
handleRemove(row){ |
||||
|
this.$alert("确定删除该工具吗？", "提示", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning" |
||||
|
}).then(() => { |
||||
|
let params = { |
||||
|
id: row.id |
||||
|
} |
||||
|
removeQuoteDetailTool(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success("删除成功") |
||||
|
this.handleQueryQuoteDetailTool(); |
||||
|
}else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}).catch(() => {}); |
||||
|
}, |
||||
|
computedQuoteUnitCost(){ |
||||
|
let quoteUnitCost = this.saveTool.unitCost * this.saveTool.toolQty; |
||||
|
if (isNaN(quoteUnitCost)){ |
||||
|
this.saveTool.quoteUnitCost = 0; |
||||
|
return |
||||
|
} |
||||
|
this.saveTool.quoteUnitCost = quoteUnitCost/this.saveTool.expectedServiceLife; |
||||
|
}, |
||||
|
handleQueryToolList(flag){ |
||||
|
let params = { |
||||
|
site:this.quoteDetail.site, |
||||
|
toolNo:this.queryTool.toolNo, |
||||
|
toolDesc:this.queryTool.toolDesc, |
||||
|
} |
||||
|
queryToolList(params).then(({data})=>{ |
||||
|
if (data && data.code === 0){ |
||||
|
this.toolList = data.rows; |
||||
|
if (flag){ |
||||
|
if (this.toolList.length === 1){ |
||||
|
this.handleToolDblClick(this.toolList[0]) |
||||
|
} |
||||
|
} |
||||
|
}else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
handleToolDblClick(row){ |
||||
|
this.saveTool.toolNo = row.toolNo; |
||||
|
this.saveTool.toolDesc = row.toolDesc; |
||||
|
this.saveTool.unitCost = row.unitCost; |
||||
|
this.toolVisible = false |
||||
|
}, |
||||
|
handleToolNoBlur(){ |
||||
|
this.queryTool.toolNo = this.saveTool.toolNo |
||||
|
this.handleQueryToolList(true) |
||||
|
}, |
||||
|
handleSaveOrUpdate(){ |
||||
|
this.$refs.saveToolForm.validate((valid,obj) => { |
||||
|
if (valid){ |
||||
|
if (this.saveTool.id){ |
||||
|
this.handleUpdateTool(); |
||||
|
}else { |
||||
|
this.handleSaveTool(); |
||||
|
} |
||||
|
}else { |
||||
|
let i = 1; |
||||
|
for (let key in obj) { |
||||
|
this.$message.error(obj[key][0].message); |
||||
|
if (i === 1){ |
||||
|
return |
||||
|
} |
||||
|
i++; |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleUpdateTool(){ |
||||
|
let params ={ |
||||
|
...this.saveTool, |
||||
|
updateBy:this.$store.state.user.name, |
||||
|
} |
||||
|
this.saveLoading = true |
||||
|
updateQuoteDetailTool(params).then(({data})=>{ |
||||
|
this.saveLoading = false |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg) |
||||
|
this.handleQueryQuoteDetailTool(); |
||||
|
this.saveVisible = false |
||||
|
}else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.saveLoading = false |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
handleSaveTool(){ |
||||
|
let params = { |
||||
|
...this.saveTool, |
||||
|
createBy: this.$store.state.user.name, |
||||
|
quoteDetailId: this.quoteDetail.id, |
||||
|
quoteId: this.quoteDetail.quoteId, |
||||
|
quoteNo:this.quoteDetail.quoteNo, |
||||
|
site: this.quoteDetail.site, |
||||
|
buNo: this.quoteDetail.buNo, |
||||
|
versionNo:this.quoteDetail.versionNo, |
||||
|
quoteDetailItemNo:this.quoteDetail.itemNo, |
||||
|
} |
||||
|
if (isNaN(this.saveTool.quoteUnitCost)){ |
||||
|
params.quoteUnitCost = 0; |
||||
|
} |
||||
|
this.saveLoading = true |
||||
|
saveQuoteDetailTool(params).then(({data})=>{ |
||||
|
this.saveLoading = false |
||||
|
if (data && data.code === 0){ |
||||
|
this.$message.success(data.msg) |
||||
|
this.handleQueryQuoteDetailTool() |
||||
|
this.saveVisible = false |
||||
|
}else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((error)=>{ |
||||
|
this.saveLoading = false |
||||
|
this.$message.error(error) |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.quoteDetail && this.quoteDetail.id){ |
||||
|
this.handleQueryQuoteDetailTool(); |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'quoteDetail.id'(newVal,oldVal){ |
||||
|
this.handleQueryQuoteDetailTool(); |
||||
|
}, |
||||
|
'saveTool.toolQty'(newVal, oldVal){ |
||||
|
this.computedQuoteUnitCost(); |
||||
|
}, |
||||
|
'saveTool.unitCost'(newVal,oldVal){ |
||||
|
this.computedQuoteUnitCost(); |
||||
|
}, |
||||
|
'saveTool.expectedServiceLife'(newVal,oldVal){ |
||||
|
this.computedQuoteUnitCost(); |
||||
|
}, |
||||
|
'toolVisible'(newVal,oldVal){ |
||||
|
if (newVal){ |
||||
|
this.queryTool={ |
||||
|
toolNo: this.saveTool.toolNo, |
||||
|
toolDesc: "", |
||||
|
} |
||||
|
this.handleQueryToolList(); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div> |
||||
|
<el-button type="primary" @click="handleSave(null)">新增</el-button> |
||||
|
<el-table :data="dataList" v-loading="queryLoading" :height="420" border style="width: 100%;margin-top: 5px" > |
||||
|
<el-table-column label="工具编码" align="left" header-align="center" width="120" prop="toolNo"></el-table-column> |
||||
|
<el-table-column label="工具描述" align="left" header-align="center" width="180" prop="toolDesc"></el-table-column> |
||||
|
<el-table-column label="工具数量" align="right" header-align="center" width="100" prop="toolQty"></el-table-column> |
||||
|
<el-table-column label="单位成本" align="right" header-align="center" prop="unitCost"></el-table-column> |
||||
|
<el-table-column label="预计使用寿命" align="right" header-align="center" prop="expectedServiceLife"></el-table-column> |
||||
|
<el-table-column label="单位报价成本" align="right" header-align="center" prop="quoteUnitCost"></el-table-column> |
||||
|
<el-table-column label="备注" align="left" header-align="center" prop="remark"></el-table-column> |
||||
|
<el-table-column label="操作" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="handleSave(scope.row)">编辑</a> |
||||
|
<a @click="handleRemove(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-dialog title="工具信息" :visible.sync="saveVisible" v-drag width="600px" append-to-body :close-on-click-modal="false"> |
||||
|
<el-form :model="saveTool" label-position="top" :rules="toolRules" ref="saveToolForm"> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="工具编码" prop="toolNo" :show-message="false"> |
||||
|
<span slot="label"> |
||||
|
<a @click="toolVisible = true">工具编码</a> |
||||
|
</span> |
||||
|
<el-input v-model="saveTool.toolNo" @blur="handleToolNoBlur"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="16"> |
||||
|
<el-form-item label="工具描述" prop="toolDesc" :show-message="false"> |
||||
|
<el-input v-model="saveTool.toolDesc" disabled></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="工具数量" prop="toolQty" :show-message="false"> |
||||
|
<el-input-number style="width: 100%" :controls="false" :step="0" :precision="0" v-model="saveTool.toolQty"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="预计使用寿命" prop="expectedServiceLife" :show-message="false"> |
||||
|
<el-input-number style="width: 100%" :controls="false" :step="0" :precision="0" v-model="saveTool.expectedServiceLife"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="单位成本" prop="unitCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%" :controls="false" :step="0" :precision="4" v-model="saveTool.unitCost"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item label="单位报价成本" prop="quoteUnitCost" :show-message="false"> |
||||
|
<el-input-number style="width: 100%" :controls="false" disabled :step="0" :precision="4" v-model="saveTool.quoteUnitCost"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="备注" prop="remark" class="auto" :show-message="false"> |
||||
|
<el-input type="textarea" v-model="saveTool.remark" :autosize="{minRows: 3, maxRows: 3}"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="saveLoading" @click="handleSaveOrUpdate">确 定</el-button> |
||||
|
<el-button @click="saveVisible = false">取 消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog title="工具列表" v-drag :visible.sync="toolVisible" width="600px" append-to-body :close-on-click-modal="false"> |
||||
|
<el-form :model="queryTool" label-position="top"> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label="工具编码" prop="toolNo" :show-message="false"> |
||||
|
<el-input v-model="queryTool.toolNo"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label="工具描述" prop="toolDesc" :show-message="false"> |
||||
|
<el-input v-model="queryTool.toolDesc"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label=" " :show-message="false"> |
||||
|
<el-button type="primary" @click="handleQueryToolList(null)">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<el-table :data="toolList" :height="300" border style="width: 100%;margin-top: 5px" @row-dblclick="handleToolDblClick"> |
||||
|
<el-table-column label="工具编码" align="left" header-align="center" min-width="120" prop="toolNo"></el-table-column> |
||||
|
<el-table-column label="工具描述" align="left" header-align="center" min-width="180" prop="toolDesc"></el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
</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