hupeng
5 years ago
5 changed files with 571 additions and 17 deletions
@ -0,0 +1,196 @@
|
||||
<template> |
||||
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="500px"> |
||||
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
||||
<el-form-item label="订单号" > |
||||
<el-input v-model="form.orderId" :disabled="true" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="原始邮费" > |
||||
<el-input v-model="form.totalPostage" :disabled="true" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="实际支付" > |
||||
<el-input v-model="form.payPrice" style="width: 370px;"/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<el-button type="text" @click="cancel">取消</el-button> |
||||
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import { add, editOrder } from '@/api/yxStoreOrder' |
||||
export default { |
||||
props: { |
||||
isAdd: { |
||||
type: Boolean, |
||||
required: true |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
loading: false, dialog: false, |
||||
form: { |
||||
id: '', |
||||
orderId: '', |
||||
uid: '', |
||||
realName: '', |
||||
userPhone: '', |
||||
userAddress: '', |
||||
cartId: '', |
||||
freightPrice: '', |
||||
totalNum: '', |
||||
totalPrice: '', |
||||
totalPostage: '', |
||||
payPrice: '', |
||||
payPostage: '', |
||||
deductionPrice: '', |
||||
couponId: '', |
||||
couponPrice: '', |
||||
paid: '', |
||||
payTime: '', |
||||
payType: '', |
||||
addTime: '', |
||||
status: '', |
||||
refundStatus: '', |
||||
refundReasonWapImg: '', |
||||
refundReasonWapExplain: '', |
||||
refundReasonTime: '', |
||||
refundReasonWap: '', |
||||
refundReason: '', |
||||
refundPrice: '', |
||||
deliveryName: '', |
||||
deliveryType: '', |
||||
deliveryId: '', |
||||
gainIntegral: '', |
||||
useIntegral: '', |
||||
backIntegral: '', |
||||
mark: '', |
||||
isDel: '', |
||||
unique: '', |
||||
remark: '', |
||||
merId: '', |
||||
isMerCheck: '', |
||||
combinationId: '', |
||||
pinkId: '', |
||||
cost: '', |
||||
seckillId: '', |
||||
bargainId: '', |
||||
verifyCode: '', |
||||
storeId: '', |
||||
shippingType: '', |
||||
isChannel: '', |
||||
isRemind: '', |
||||
isSystemDel: '' |
||||
}, |
||||
rules: { |
||||
unique: [ |
||||
{ required: true, message: 'please enter', trigger: 'blur' } |
||||
], |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
cancel() { |
||||
this.resetForm() |
||||
}, |
||||
doSubmit() { |
||||
this.loading = true |
||||
if (this.isAdd) { |
||||
this.doAdd() |
||||
} else this.doEdit() |
||||
}, |
||||
doAdd() { |
||||
add(this.form).then(res => { |
||||
this.resetForm() |
||||
this.$notify({ |
||||
title: '添加成功', |
||||
type: 'success', |
||||
duration: 2500 |
||||
}) |
||||
this.loading = false |
||||
this.$parent.init() |
||||
}).catch(err => { |
||||
this.loading = false |
||||
console.log(err.response.data.message) |
||||
}) |
||||
}, |
||||
doEdit() { |
||||
editOrder(this.form).then(res => { |
||||
this.resetForm() |
||||
this.$notify({ |
||||
title: '修改成功', |
||||
type: 'success', |
||||
duration: 2500 |
||||
}) |
||||
this.loading = false |
||||
this.$parent.init() |
||||
}).catch(err => { |
||||
this.loading = false |
||||
console.log(err.response.data.message) |
||||
}) |
||||
}, |
||||
resetForm() { |
||||
this.dialog = false |
||||
this.$refs['form'].resetFields() |
||||
this.form = { |
||||
id: '', |
||||
orderId: '', |
||||
uid: '', |
||||
realName: '', |
||||
userPhone: '', |
||||
userAddress: '', |
||||
cartId: '', |
||||
freightPrice: '', |
||||
totalNum: '', |
||||
totalPrice: '', |
||||
totalPostage: '', |
||||
payPrice: '', |
||||
payPostage: '', |
||||
deductionPrice: '', |
||||
couponId: '', |
||||
couponPrice: '', |
||||
paid: '', |
||||
payTime: '', |
||||
payType: '', |
||||
addTime: '', |
||||
status: '', |
||||
refundStatus: '', |
||||
refundReasonWapImg: '', |
||||
refundReasonWapExplain: '', |
||||
refundReasonTime: '', |
||||
refundReasonWap: '', |
||||
refundReason: '', |
||||
refundPrice: '', |
||||
deliveryName: '', |
||||
deliveryType: '', |
||||
deliveryId: '', |
||||
gainIntegral: '', |
||||
useIntegral: '', |
||||
backIntegral: '', |
||||
mark: '', |
||||
isDel: '', |
||||
unique: '', |
||||
remark: '', |
||||
merId: '', |
||||
isMerCheck: '', |
||||
combinationId: '', |
||||
pinkId: '', |
||||
cost: '', |
||||
seckillId: '', |
||||
bargainId: '', |
||||
verifyCode: '', |
||||
storeId: '', |
||||
shippingType: '', |
||||
isChannel: '', |
||||
isRemind: '', |
||||
isSystemDel: '' |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,193 @@
|
||||
<template> |
||||
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="500px"> |
||||
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
||||
<el-form-item label="订单号" > |
||||
<el-input v-model="form.orderId" :disabled="true" style="width: 370px;" /> |
||||
</el-form-item> |
||||
<el-form-item label="订单备注" > |
||||
<el-input v-model="form.remark" style="width: 370px;" rows="5" type="textarea"/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<el-button type="text" @click="cancel">取消</el-button> |
||||
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import { add, remark } from '@/api/yxStoreOrder' |
||||
export default { |
||||
props: { |
||||
isAdd: { |
||||
type: Boolean, |
||||
required: true |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
loading: false, dialog: false, |
||||
form: { |
||||
id: '', |
||||
orderId: '', |
||||
uid: '', |
||||
realName: '', |
||||
userPhone: '', |
||||
userAddress: '', |
||||
cartId: '', |
||||
freightPrice: '', |
||||
totalNum: '', |
||||
totalPrice: '', |
||||
totalPostage: '', |
||||
payPrice: '', |
||||
payPostage: '', |
||||
deductionPrice: '', |
||||
couponId: '', |
||||
couponPrice: '', |
||||
paid: '', |
||||
payTime: '', |
||||
payType: '', |
||||
addTime: '', |
||||
status: '', |
||||
refundStatus: '', |
||||
refundReasonWapImg: '', |
||||
refundReasonWapExplain: '', |
||||
refundReasonTime: '', |
||||
refundReasonWap: '', |
||||
refundReason: '', |
||||
refundPrice: '', |
||||
deliveryName: '', |
||||
deliveryType: '', |
||||
deliveryId: '', |
||||
gainIntegral: '', |
||||
useIntegral: '', |
||||
backIntegral: '', |
||||
mark: '', |
||||
isDel: '', |
||||
unique: '', |
||||
remark: '', |
||||
merId: '', |
||||
isMerCheck: '', |
||||
combinationId: '', |
||||
pinkId: '', |
||||
cost: '', |
||||
seckillId: '', |
||||
bargainId: '', |
||||
verifyCode: '', |
||||
storeId: '', |
||||
shippingType: '', |
||||
isChannel: '', |
||||
isRemind: '', |
||||
isSystemDel: '' |
||||
}, |
||||
rules: { |
||||
unique: [ |
||||
{ required: true, message: 'please enter', trigger: 'blur' } |
||||
], |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
cancel() { |
||||
this.resetForm() |
||||
}, |
||||
doSubmit() { |
||||
this.loading = true |
||||
if (this.isAdd) { |
||||
this.doAdd() |
||||
} else this.doEdit() |
||||
}, |
||||
doAdd() { |
||||
add(this.form).then(res => { |
||||
this.resetForm() |
||||
this.$notify({ |
||||
title: '添加成功', |
||||
type: 'success', |
||||
duration: 2500 |
||||
}) |
||||
this.loading = false |
||||
this.$parent.init() |
||||
}).catch(err => { |
||||
this.loading = false |
||||
console.log(err.response.data.message) |
||||
}) |
||||
}, |
||||
doEdit() { |
||||
remark(this.form).then(res => { |
||||
this.resetForm() |
||||
this.$notify({ |
||||
title: '修改成功', |
||||
type: 'success', |
||||
duration: 2500 |
||||
}) |
||||
this.loading = false |
||||
this.$parent.init() |
||||
}).catch(err => { |
||||
this.loading = false |
||||
console.log(err.response.data.message) |
||||
}) |
||||
}, |
||||
resetForm() { |
||||
this.dialog = false |
||||
this.$refs['form'].resetFields() |
||||
this.form = { |
||||
id: '', |
||||
orderId: '', |
||||
uid: '', |
||||
realName: '', |
||||
userPhone: '', |
||||
userAddress: '', |
||||
cartId: '', |
||||
freightPrice: '', |
||||
totalNum: '', |
||||
totalPrice: '', |
||||
totalPostage: '', |
||||
payPrice: '', |
||||
payPostage: '', |
||||
deductionPrice: '', |
||||
couponId: '', |
||||
couponPrice: '', |
||||
paid: '', |
||||
payTime: '', |
||||
payType: '', |
||||
addTime: '', |
||||
status: '', |
||||
refundStatus: '', |
||||
refundReasonWapImg: '', |
||||
refundReasonWapExplain: '', |
||||
refundReasonTime: '', |
||||
refundReasonWap: '', |
||||
refundReason: '', |
||||
refundPrice: '', |
||||
deliveryName: '', |
||||
deliveryType: '', |
||||
deliveryId: '', |
||||
gainIntegral: '', |
||||
useIntegral: '', |
||||
backIntegral: '', |
||||
mark: '', |
||||
isDel: '', |
||||
unique: '', |
||||
remark: '', |
||||
merId: '', |
||||
isMerCheck: '', |
||||
combinationId: '', |
||||
pinkId: '', |
||||
cost: '', |
||||
seckillId: '', |
||||
bargainId: '', |
||||
verifyCode: '', |
||||
storeId: '', |
||||
shippingType: '', |
||||
isChannel: '', |
||||
isRemind: '', |
||||
isSystemDel: '' |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
Loading…
Reference in new issue