1
This commit is contained in:
Sakura9701
237
src/views/modules/order/buyorder-add-or-update.vue
Normal file
237
src/views/modules/order/buyorder-add-or-update.vue
Normal file
@@ -0,0 +1,237 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.orderId ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="visible">
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
|
||||
<el-form-item label="订单编号" prop="orderSn">
|
||||
<el-input v-model="dataForm.orderSn" placeholder="订单编号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="下单人ID" prop="userId">
|
||||
<el-input v-model="dataForm.userId" placeholder="下单人ID"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="收货人姓名" prop="shippingUser">
|
||||
<el-input v-model="dataForm.shippingUser" placeholder="收货人姓名"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="省" prop="province">
|
||||
<el-input v-model="dataForm.province" placeholder="省"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="市" prop="city">
|
||||
<el-input v-model="dataForm.city" placeholder="市"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="区" prop="district">
|
||||
<el-input v-model="dataForm.district" placeholder="区"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址" prop="address">
|
||||
<el-input v-model="dataForm.address" placeholder="地址"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付方式">
|
||||
<el-input v-model="dataForm.paymentMethod" placeholder="支付方式"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单金额" prop="orderMoney">
|
||||
<el-input v-model="dataForm.orderMoney" placeholder="订单金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="优惠金额" prop="districtMoney">
|
||||
<el-input v-model="dataForm.districtMoney" placeholder="优惠金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="实收金额" prop="realMoney">
|
||||
<el-input v-model="dataForm.realMoney" placeholder="实收金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="运费" prop="shippingMoney">
|
||||
<el-input v-model="dataForm.shippingMoney" placeholder="运费"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="物流公司名称" prop="shippingCompName">
|
||||
<el-input v-model="dataForm.shippingCompName" placeholder="物流公司名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="物流单号" prop="shippingSn">
|
||||
<el-input v-model="dataForm.shippingSn" placeholder="物流单号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="下单时间" prop="createTime">
|
||||
<el-input v-model="dataForm.createTime" placeholder="下单时间"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发货时间" prop="shippingTime">
|
||||
<el-input v-model="dataForm.shippingTime" placeholder="发货时间"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单状态" prop="orderStatus">
|
||||
<el-input v-model="dataForm.orderStatus" placeholder="订单状态"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易成功时间" prop="successTime">
|
||||
<el-input v-model="dataForm.successTime" placeholder="交易成功时间"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
visible: false,
|
||||
dataForm: {
|
||||
orderId: 0,
|
||||
orderSn: '',
|
||||
userId: '',
|
||||
shippingUser: '',
|
||||
province: '',
|
||||
city: '',
|
||||
district: '',
|
||||
address: '',
|
||||
paymentMethod: '',
|
||||
orderMoney: '',
|
||||
districtMoney: '',
|
||||
realMoney: '',
|
||||
shippingMoney: '',
|
||||
shippingCompName: '',
|
||||
shippingSn: '',
|
||||
createTime: '',
|
||||
shippingTime: '',
|
||||
orderStatus: '',
|
||||
successTime: ''
|
||||
},
|
||||
dataRule: {
|
||||
orderSn: [
|
||||
{ required: true, message: '订单编号 yyyymmddnnnnnnnn’不能为空', trigger: 'blur' }
|
||||
],
|
||||
userId: [
|
||||
{ required: true, message: '下单人ID不能为空', trigger: 'blur' }
|
||||
],
|
||||
shippingUser: [
|
||||
{ required: true, message: '收货人姓名不能为空', trigger: 'blur' }
|
||||
],
|
||||
province: [
|
||||
{ required: true, message: '省不能为空', trigger: 'blur' }
|
||||
],
|
||||
city: [
|
||||
{ required: true, message: '市不能为空', trigger: 'blur' }
|
||||
],
|
||||
district: [
|
||||
{ required: true, message: '区不能为空', trigger: 'blur' }
|
||||
],
|
||||
address: [
|
||||
{ required: true, message: '地址不能为空', trigger: 'blur' }
|
||||
],
|
||||
paymentMethod: [
|
||||
{ required: true, message: '支付方式 1支付宝，2微信，3ios内购不能为空', trigger: 'blur' }
|
||||
],
|
||||
orderMoney: [
|
||||
{ required: true, message: '订单金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
districtMoney: [
|
||||
{ required: true, message: '优惠金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
realMoney: [
|
||||
{ required: true, message: '实收金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
shippingMoney: [
|
||||
{ required: true, message: '运费不能为空', trigger: 'blur' }
|
||||
],
|
||||
shippingCompName: [
|
||||
{ required: true, message: '物流公司名称不能为空', trigger: 'blur' }
|
||||
],
|
||||
shippingSn: [
|
||||
{ required: true, message: '物流单号不能为空', trigger: 'blur' }
|
||||
],
|
||||
createTime: [
|
||||
{ required: true, message: '下单时间不能为空', trigger: 'blur' }
|
||||
],
|
||||
shippingTime: [
|
||||
{ required: true, message: '发货时间不能为空', trigger: 'blur' }
|
||||
],
|
||||
orderStatus: [
|
||||
{ required: true, message: '订单状态不能为空', trigger: 'blur' }
|
||||
],
|
||||
successTime: [
|
||||
{ required: true, message: '交易成功时间不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.orderId = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.orderId) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/buyorder/info/${this.dataForm.orderId}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.orderSn = data.buyOrder.orderSn
|
||||
this.dataForm.userId = data.buyOrder.userId
|
||||
this.dataForm.shippingUser = data.buyOrder.shippingUser
|
||||
this.dataForm.province = data.buyOrder.province
|
||||
this.dataForm.city = data.buyOrder.city
|
||||
this.dataForm.district = data.buyOrder.district
|
||||
this.dataForm.address = data.buyOrder.address
|
||||
this.dataForm.paymentMethod = data.buyOrder.paymentMethod
|
||||
this.dataForm.orderMoney = data.buyOrder.orderMoney
|
||||
this.dataForm.districtMoney = data.buyOrder.districtMoney
|
||||
this.dataForm.realMoney = data.buyOrder.realMoney
|
||||
this.dataForm.shippingMoney = data.buyOrder.shippingMoney
|
||||
this.dataForm.shippingCompName = data.buyOrder.shippingCompName
|
||||
this.dataForm.shippingSn = data.buyOrder.shippingSn
|
||||
this.dataForm.createTime = data.buyOrder.createTime
|
||||
this.dataForm.shippingTime = data.buyOrder.shippingTime
|
||||
this.dataForm.orderStatus = data.buyOrder.orderStatus
|
||||
this.dataForm.successTime = data.buyOrder.successTime
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/buyorder/${!this.dataForm.orderId ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'orderId': this.dataForm.orderId || undefined,
|
||||
'orderSn': this.dataForm.orderSn,
|
||||
'userId': this.dataForm.userId,
|
||||
'shippingUser': this.dataForm.shippingUser,
|
||||
'province': this.dataForm.province,
|
||||
'city': this.dataForm.city,
|
||||
'district': this.dataForm.district,
|
||||
'address': this.dataForm.address,
|
||||
'paymentMethod': this.dataForm.paymentMethod,
|
||||
'orderMoney': this.dataForm.orderMoney,
|
||||
'districtMoney': this.dataForm.districtMoney,
|
||||
'realMoney': this.dataForm.realMoney,
|
||||
'shippingMoney': this.dataForm.shippingMoney,
|
||||
'shippingCompName': this.dataForm.shippingCompName,
|
||||
'shippingSn': this.dataForm.shippingSn,
|
||||
'createTime': this.dataForm.createTime,
|
||||
'shippingTime': this.dataForm.shippingTime,
|
||||
'orderStatus': this.dataForm.orderStatus,
|
||||
'successTime': this.dataForm.successTime
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.visible = false
|
||||
this.$emit('refreshDataList')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user