|
@@ -1,48 +1,58 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-dialog title="修改"
|
|
|
- width="500px"
|
|
|
- :visible.sync="soundVisible">
|
|
|
- <el-form :model="soundForm"
|
|
|
- label-position="right"
|
|
|
- label-width="120px"
|
|
|
- :inline="true"
|
|
|
- ref="soundForm">
|
|
|
+ <el-dialog title="修改" width="500px" :visible.sync="soundVisible">
|
|
|
+ <el-form
|
|
|
+ :model="soundForm"
|
|
|
+ label-position="right"
|
|
|
+ label-width="120px"
|
|
|
+ :inline="true"
|
|
|
+ ref="soundForm"
|
|
|
+ >
|
|
|
<el-form-item label="原乐器">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundForm.originalMusicalGoods"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ disabled
|
|
|
+ v-model="soundForm.originalMusicalGoods"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="原教辅">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundform.originalAccessories"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ disabled
|
|
|
+ v-model="soundForm.originalAccessories"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="更换乐器">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundForm.changeMusicalGoods"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ disabled
|
|
|
+ v-model="soundForm.changeMusicalGoods"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="更换教辅">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundForm.changeAccessories"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ disabled
|
|
|
+ v-model="soundForm.changeAccessories"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="支付差价">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundForm.money"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ disabled
|
|
|
+ v-model="soundForm.money"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="成本差(元)">
|
|
|
- <el-input style="width:330px"
|
|
|
- disabled
|
|
|
- v-model="soundForm.costMargin"></el-input>
|
|
|
+ <el-input
|
|
|
+ style="width: 330px"
|
|
|
+ v-model="soundForm.costMargin"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer"
|
|
|
- class="dialog-footer">
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="soundVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="resetCostMargin">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -50,9 +60,11 @@
|
|
|
<style lang="scss">
|
|
|
</style>
|
|
|
<script>
|
|
|
+import numeral from "numeral";
|
|
|
+import { updateCostMargin } from "@/api/businessManager";
|
|
|
export default {
|
|
|
- props: ['show', 'item'],
|
|
|
- data () {
|
|
|
+ props: ["show", "item"],
|
|
|
+ data() {
|
|
|
return {
|
|
|
soundForm: {
|
|
|
originalMusicalGoods: null,
|
|
@@ -61,46 +73,74 @@ export default {
|
|
|
changeAccessories: null,
|
|
|
money: null,
|
|
|
costMargin: null,
|
|
|
- id: null
|
|
|
+ id: null,
|
|
|
},
|
|
|
soundVisible: false,
|
|
|
- value1: null
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
- mounted () { },
|
|
|
+ mounted() {},
|
|
|
methods: {
|
|
|
- accessoriesFormatter (accessories) {
|
|
|
- let arr = accessories.map(res => {
|
|
|
- return res.name
|
|
|
+ accessoriesFormatter(accessories) {
|
|
|
+ let arr = accessories.map((res) => {
|
|
|
+ return res.name;
|
|
|
+ });
|
|
|
+ return arr.join(",");
|
|
|
+ },
|
|
|
+ resetCostMargin() {
|
|
|
+ updateCostMargin({id:this.soundForm.id,costMargin:this.soundForm.costMargin}).then(res=>{
|
|
|
+ if(res.code == 200){
|
|
|
+ this.$message.success('修改成功')
|
|
|
+ this.$emit('getList')
|
|
|
+ }
|
|
|
})
|
|
|
- return arr.join(',')
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
- show (val) {
|
|
|
- this.soundVisible = val
|
|
|
+ show(val) {
|
|
|
+ this.soundVisible = val;
|
|
|
},
|
|
|
- soundVisible (val) {
|
|
|
+ soundVisible(val) {
|
|
|
if (!val) {
|
|
|
- // this.
|
|
|
- this.$emit('closeReset')
|
|
|
+ this.$emit("closeReset");
|
|
|
}
|
|
|
},
|
|
|
item: {
|
|
|
immediate: true,
|
|
|
deep: true,
|
|
|
- handler (row) {
|
|
|
- this.soundForm = {
|
|
|
- originalMusicalGoods: row.originalMusicalGoods ? row.originalMusicalGoods.name : null,
|
|
|
- originalAccessories: this.accessoriesFormatter(row.originalAccessoriesGoods) || null,
|
|
|
- changeMusicalGoods: row.changeMusicalGoods ? row.changeMusicalGoods.name : null,
|
|
|
- changeAccessories: this.accessoriesFormatter(row.changeAccessoriesGoods) || null,
|
|
|
- money: ((row.changeMusicalPrice + row.changeAccessoriesPrice) - (row.originalMusicalPrice + row.originalAccessoriesPrice)) | moneyFormat,
|
|
|
- costMargin: row.costMargin,
|
|
|
- id: null
|
|
|
+ handler(row, oldValue) {
|
|
|
+ if (row) {
|
|
|
+ this.soundForm = {
|
|
|
+ originalMusicalGoods: row.originalMusicalGoods
|
|
|
+ ? row.originalMusicalGoods.name
|
|
|
+ : null,
|
|
|
+ originalAccessories:
|
|
|
+ this.accessoriesFormatter(row.originalAccessoriesGoods) || null,
|
|
|
+ changeMusicalGoods: row.changeMusicalGoods
|
|
|
+ ? row.changeMusicalGoods.name
|
|
|
+ : null,
|
|
|
+ changeAccessories:
|
|
|
+ this.accessoriesFormatter(row.changeAccessoriesGoods) || null,
|
|
|
+ money: numeral(
|
|
|
+ row.changeMusicalPrice +
|
|
|
+ row.changeAccessoriesPrice -
|
|
|
+ (row.originalMusicalPrice + row.originalAccessoriesPrice)
|
|
|
+ ).format("0,0.00"),
|
|
|
+ costMargin: numeral(row.costMargin).format("0,0.00"),
|
|
|
+ id: row.id,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ this.soundForm = {
|
|
|
+ originalMusicalGoods: null,
|
|
|
+ originalAccessories: null,
|
|
|
+ changeMusicalGoods: null,
|
|
|
+ changeAccessories: null,
|
|
|
+ money: null,
|
|
|
+ costMargin: null,
|
|
|
+ id: null,
|
|
|
+ };
|
|
|
}
|
|
|
},
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|