xiaozy_0517
xiaozhiyong
2 years ago
parent
2a419dde26
commit
dfc176c11c
3 changed files with 316 additions and 64 deletions
@ -0,0 +1,238 @@ |
|||||||
|
<template> |
||||||
|
<el-drawer |
||||||
|
title="确认下单" |
||||||
|
direction="ltr" |
||||||
|
size="60%" |
||||||
|
:visible.sync="controlWindows.confirmSubmit" |
||||||
|
:before-close="closeWindow" |
||||||
|
@opened="openDrawer" |
||||||
|
> |
||||||
|
<el-divider></el-divider> |
||||||
|
<div class="confirm-submit"> |
||||||
|
<h4 class="title">当前订单信息</h4> |
||||||
|
<el-divider></el-divider> |
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<p>购方客户信息</p> |
||||||
|
<p>{{ controlWindows.addInfo.customerName }}</p> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<p>炼厂</p> |
||||||
|
<p>{{ controlWindows.addInfo.refineryName }}</p> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<p>产品</p> |
||||||
|
<p>{{ controlWindows.addInfo.productName }}</p> |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<p>创建时间</p> |
||||||
|
<p>{{ controlWindows.addInfo.createTime }}</p> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
<el-descriptions style="width: 50%; margin: 0 auto" direction="vertical" :column="3" border> |
||||||
|
<el-descriptions-item label="价格">{{ controlWindows.addInfo.salePrice }}元</el-descriptions-item> |
||||||
|
<el-descriptions-item label="订单提货量"> |
||||||
|
{{ controlWindows.addInfo.preQuantity | toNumberFixed }} |
||||||
|
{{ controlWindows.addInfo.productMeasurement }} |
||||||
|
</el-descriptions-item> |
||||||
|
<el-descriptions-item label="订单金额"> |
||||||
|
{{ controlWindows.addInfo.preAmount | toNumberFixed }} |
||||||
|
元 |
||||||
|
</el-descriptions-item> |
||||||
|
</el-descriptions> |
||||||
|
<template v-if="undergoChanges"> |
||||||
|
<h4 class="title">订单变更信息</h4> |
||||||
|
<el-divider></el-divider> |
||||||
|
<p class="tip">因炼厂单价发生变化，请重新选择策略</p> |
||||||
|
<el-table :data="tableData" border style="width: 70%"> |
||||||
|
<el-table-column prop="date" label="" width="70px"> |
||||||
|
<template slot-scope="{ $index, row }"> |
||||||
|
<el-checkbox v-model="row.isChecked" @change="val => selectPolicy($index, val)"></el-checkbox> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="type" label="策略类型"> </el-table-column> |
||||||
|
<el-table-column label="价格"> |
||||||
|
<template slot-scope="{ row }"> {{ row.salePrice }}元 </template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="订单提货量"> |
||||||
|
<template slot-scope="{ row }"> {{ row.preQuantity | toNumberFixed }}{{ controlWindows.addInfo.productMeasurement }} </template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="订单金额"> |
||||||
|
<template slot-scope="{ row }"> {{ row.preAmount | toNumberFixed }}元 </template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</template> |
||||||
|
</div> |
||||||
|
<div class="footer-buttons"> |
||||||
|
<el-button @click="closeWindow">关闭 </el-button> |
||||||
|
<el-button @click="submit">审核 </el-button> |
||||||
|
</div> |
||||||
|
</el-drawer> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import serve from '@/api/order.js' |
||||||
|
export default { |
||||||
|
props: { |
||||||
|
controlWindows: Object |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
newSalePrice: '', |
||||||
|
undergoChanges: false, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
isChecked: false, |
||||||
|
type: '原策略', |
||||||
|
salePrice: 100, |
||||||
|
preQuantity: 100, |
||||||
|
preAmount: 10000 |
||||||
|
}, |
||||||
|
{ |
||||||
|
isChecked: false, |
||||||
|
type: '以提货量为准', |
||||||
|
salePrice: 100, |
||||||
|
preQuantity: 100, |
||||||
|
preAmount: 10000 |
||||||
|
}, |
||||||
|
{ |
||||||
|
isChecked: false, |
||||||
|
type: '以订单金额为准', |
||||||
|
salePrice: 100, |
||||||
|
preQuantity: 100, |
||||||
|
preAmount: 10000 |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
toNumberFixed(val) { |
||||||
|
if (val) { |
||||||
|
return Number(val).toFixed(2) |
||||||
|
} else { |
||||||
|
return '--' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
openDrawer() { |
||||||
|
let { productId, salePrice } = this.controlWindows.addInfo |
||||||
|
if (productId) { |
||||||
|
serve.getRefineryProduct(productId).then(res => { |
||||||
|
let { salePrice2company } = res.data |
||||||
|
if (salePrice2company != salePrice) { |
||||||
|
console.log('价格发生变化了捏') |
||||||
|
// 新的价格 |
||||||
|
this.newSalePrice = salePrice2company |
||||||
|
this.policyPopulation() |
||||||
|
} else console.log('芜湖 没变') |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
selectPolicy(index, val) { |
||||||
|
if (val) { |
||||||
|
this.tableData.map(item => (item.isChecked = false)) |
||||||
|
this.tableData[index].isChecked = true |
||||||
|
} |
||||||
|
}, |
||||||
|
policyPopulation() { |
||||||
|
let { salePrice, preQuantity, preAmount } = this.controlWindows.addInfo |
||||||
|
console.log(salePrice, preQuantity, preAmount) |
||||||
|
if ((salePrice, preQuantity, preAmount)) { |
||||||
|
// 原策略 |
||||||
|
Object.assign(this.tableData[0], { salePrice, preQuantity, preAmount }) |
||||||
|
// 以提货量为准 |
||||||
|
Object.assign(this.tableData[1], { salePrice: this.newSalePrice, preQuantity, preAmount: +this.newSalePrice * +preQuantity }) |
||||||
|
// 以订单金额为准 |
||||||
|
Object.assign(this.tableData[2], { salePrice: this.newSalePrice, preQuantity: +preAmount / +this.newSalePrice, preAmount }) |
||||||
|
this.undergoChanges = true |
||||||
|
} |
||||||
|
}, |
||||||
|
submit() { |
||||||
|
if (this.undergoChanges) { |
||||||
|
let targetPolicy = this.tableData.filter(item => item.isChecked) |
||||||
|
if (!targetPolicy.length) { |
||||||
|
this.$message.warning('炼厂单价发生变化，请选择变更策略') |
||||||
|
return |
||||||
|
} |
||||||
|
serve.orderSuccess({ id: this.controlWindows.addInfo.id, ...targetPolicy[0] }).then(res => { |
||||||
|
if (res.code == 20000) { |
||||||
|
this.getByPage() |
||||||
|
} |
||||||
|
}) |
||||||
|
return |
||||||
|
} |
||||||
|
serve.orderSuccess({ id: this.controlWindows.addInfo.id }).then(res => { |
||||||
|
if (res.code == 20000) { |
||||||
|
this.getByPage() |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
closeWindow() { |
||||||
|
console.log(1) |
||||||
|
this.$emit('closeWindow') |
||||||
|
this.undergoChanges = false |
||||||
|
this.controlWindows.addInfo = {} |
||||||
|
this.controlWindows.confirmSubmit = false |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
::v-deep { |
||||||
|
.el-drawer__header { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
.confirm-submit { |
||||||
|
padding: 0 30px; |
||||||
|
.title { |
||||||
|
} |
||||||
|
> ul { |
||||||
|
display: flex; |
||||||
|
margin: 0 auto 30px; |
||||||
|
width: 80%; |
||||||
|
|
||||||
|
li { |
||||||
|
flex: 1; |
||||||
|
// text-align: center; |
||||||
|
p { |
||||||
|
&:nth-of-type(1) { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
&:nth-of-type(2) { |
||||||
|
margin-top: 15px; |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.tip { |
||||||
|
// margin-top: 11px; |
||||||
|
margin-bottom: 24px; |
||||||
|
font-size: 14px; |
||||||
|
color: #3cb371; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.el-table { |
||||||
|
margin: 0 auto; |
||||||
|
} |
||||||
|
} |
||||||
|
.footer-buttons { |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
bottom: 0; |
||||||
|
padding-right: 40px; |
||||||
|
width: 100%; |
||||||
|
height: 80px; |
||||||
|
line-height: 80px; |
||||||
|
text-align: right; |
||||||
|
border-top: 1px solid #dcdfe6; |
||||||
|
.el-button { |
||||||
|
text-align: right; |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue