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>
|
||||
198
src/views/modules/order/buyorder.vue
Normal file
198
src/views/modules/order/buyorder.vue
Normal file
@@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:buyorder:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:buyorder:delete')" type="danger" @click="deleteHandle()"
|
||||
:disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column type="selection" header-align="center" align="center" width="50">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" width="70" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderSn" header-align="center" align="center" label="订单编号">
|
||||
</el-table-column>
|
||||
<el-table-column prop="userId" header-align="center" align="center" label="下单人姓名">
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="shippingUser"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="收货人姓名">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="province"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="省">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="city"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="市">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="district"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="区">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="地址">
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="paymentMethod" header-align="center" align="center" label="支付方式">
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderMoney" header-align="center" align="center" label="订单金额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="districtMoney" header-align="center" align="center" label="优惠金额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="realMoney" header-align="center" align="center" label="实收金额">
|
||||
</el-table-column>
|
||||
<el-table-column prop="shippingMoney" header-align="center" align="center" label="运费">
|
||||
</el-table-column>
|
||||
<el-table-column prop="shippingCompName" header-align="center" align="center" label="物流公司名称">
|
||||
</el-table-column>
|
||||
<el-table-column prop="shippingSn" header-align="center" align="center" label="物流单号">
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" header-align="center" align="center" label="下单时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="shippingTime" header-align="center" align="center" label="发货时间">
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderStatus" header-align="center" align="center" label="订单状态">
|
||||
</el-table-column>
|
||||
<el-table-column prop="successTime" header-align="center" align="center" label="交易成功时间">
|
||||
</el-table-column>
|
||||
<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<router-link :to="{ path: 'order-buyorderdetail', query: { orderId: scope.row.orderId } }">
|
||||
<el-button type="text" size="small">购买商品详情</el-button>
|
||||
</router-link>
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.orderId)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.orderId)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './buyorder-add-or-update'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated() {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList() {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/buyorder/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({ data }) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle(val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle(val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle(val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle(id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle(id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.orderId
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/buyorder/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({ data }) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
155
src/views/modules/order/buyorderdetail-add-or-update.vue
Normal file
155
src/views/modules/order/buyorderdetail-add-or-update.vue
Normal file
@@ -0,0 +1,155 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.allOrderId ? '新增' : '修改'"
|
||||
: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="订单表id" prop="orderId">
|
||||
<el-input v-model="dataForm.orderId" placeholder="订单表id"></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="商品id" prop="productId">
|
||||
<el-input v-model="dataForm.productId" placeholder="商品id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品名称" prop="productName">
|
||||
<el-input v-model="dataForm.productName" placeholder="商品名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品数量" prop="quantity">
|
||||
<el-input v-model="dataForm.quantity" placeholder="商品数量"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品单价" prop="productPrice">
|
||||
<el-input v-model="dataForm.productPrice" placeholder="商品单价"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品重量" prop="weight">
|
||||
<el-input v-model="dataForm.weight" placeholder="商品重量"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品类型" prop="productType">
|
||||
<el-input v-model="dataForm.productType" placeholder="商品类型"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="下单时间" prop="creatTime">
|
||||
<el-input v-model="dataForm.creatTime" 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: {
|
||||
allOrderId: 0,
|
||||
orderId: '',
|
||||
userId: '',
|
||||
productId: '',
|
||||
productName: '',
|
||||
quantity: '',
|
||||
productPrice: '',
|
||||
weight: '',
|
||||
productType: '',
|
||||
creatTime: '' },
|
||||
dataRule: {
|
||||
orderId: [
|
||||
{ required: true, message: '订单表id不能为空', trigger: 'blur' }
|
||||
],
|
||||
userId: [
|
||||
{ required: true, message: '用户id不能为空', trigger: 'blur' }
|
||||
],
|
||||
productId: [
|
||||
{ required: true, message: '商品id不能为空', trigger: 'blur' }
|
||||
],
|
||||
productName: [
|
||||
{ required: true, message: '商品名称不能为空', trigger: 'blur' }
|
||||
],
|
||||
quantity: [
|
||||
{ required: true, message: '商品数量不能为空', trigger: 'blur' }
|
||||
],
|
||||
productPrice: [
|
||||
{ required: true, message: '商品单价不能为空', trigger: 'blur' }
|
||||
],
|
||||
weight: [
|
||||
{ required: true, message: '商品重量不能为空', trigger: 'blur' }
|
||||
],
|
||||
productType: [
|
||||
{ required: true, message: '商品类型不能为空', trigger: 'blur' }
|
||||
],
|
||||
creatTime: [
|
||||
{ required: true, message: '下单时间不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.allOrderId = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.allOrderId) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/buyorderdetail/info/${this.dataForm.allOrderId}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.orderId = data.buyOrderDetail.orderId
|
||||
this.dataForm.userId = data.buyOrderDetail.userId
|
||||
this.dataForm.productId = data.buyOrderDetail.productId
|
||||
this.dataForm.productName = data.buyOrderDetail.productName
|
||||
this.dataForm.quantity = data.buyOrderDetail.quantity
|
||||
this.dataForm.productPrice = data.buyOrderDetail.productPrice
|
||||
this.dataForm.weight = data.buyOrderDetail.weight
|
||||
this.dataForm.productType = data.buyOrderDetail.productType
|
||||
this.dataForm.creatTime = data.buyOrderDetail.creatTime
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/buyorderdetail/${!this.dataForm.allOrderId ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'allOrderId': this.dataForm.allOrderId || undefined,
|
||||
'orderId': this.dataForm.orderId,
|
||||
'userId': this.dataForm.userId,
|
||||
'productId': this.dataForm.productId,
|
||||
'productName': this.dataForm.productName,
|
||||
'quantity': this.dataForm.quantity,
|
||||
'productPrice': this.dataForm.productPrice,
|
||||
'weight': this.dataForm.weight,
|
||||
'productType': this.dataForm.productType,
|
||||
'creatTime': this.dataForm.creatTime
|
||||
})
|
||||
}).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>
|
||||
217
src/views/modules/order/buyorderdetail.vue
Normal file
217
src/views/modules/order/buyorderdetail.vue
Normal file
@@ -0,0 +1,217 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:buyorderdetail:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:buyorderdetail:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
@selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="allOrderId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="订单详情id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="订单表id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="用户id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productName"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品名称">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="quantity"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品数量">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productPrice"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品单价">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="weight"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品重量">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productType"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品类型">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="creatTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="下单时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.allOrderId)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.allOrderId)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="sizeChangeHandle"
|
||||
@current-change="currentChangeHandle"
|
||||
:current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
:total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './buyorderdetail-add-or-update'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false,
|
||||
query:{
|
||||
orderId:0
|
||||
}
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated () {
|
||||
this.query.orderId = this.$route.query.orderId;
|
||||
console.log(this.$route.query.orderId)
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList () {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/buyorderdetail/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'orderId': this.query.orderId,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle (val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle (val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle (id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.allOrderId
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/buyorderdetail/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
129
src/views/modules/order/ordercart-add-or-update.vue
Normal file
129
src/views/modules/order/ordercart-add-or-update.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.cartId ? '新增' : '修改'"
|
||||
: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="用户id" prop="userId">
|
||||
<el-input v-model="dataForm.userId" placeholder="用户id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品id" prop="productId">
|
||||
<el-input v-model="dataForm.productId" placeholder="商品id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品数量" prop="productAmount">
|
||||
<el-input v-model="dataForm.productAmount" placeholder="商品数量"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品单价" prop="price">
|
||||
<el-input v-model="dataForm.price" 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="updateTime">
|
||||
<el-input v-model="dataForm.updateTime" 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: {
|
||||
cartId: 0,
|
||||
userId: '',
|
||||
productId: '',
|
||||
productAmount: '',
|
||||
price: '',
|
||||
createTime: '',
|
||||
updateTime: ''
|
||||
},
|
||||
dataRule: {
|
||||
userId: [
|
||||
{ required: true, message: '用户id不能为空', trigger: 'blur' }
|
||||
],
|
||||
productId: [
|
||||
{ required: true, message: '商品id不能为空', trigger: 'blur' }
|
||||
],
|
||||
productAmount: [
|
||||
{ required: true, message: '商品数量不能为空', trigger: 'blur' }
|
||||
],
|
||||
price: [
|
||||
{ required: true, message: '商品单价不能为空', trigger: 'blur' }
|
||||
],
|
||||
createTime: [
|
||||
{ required: true, message: '创建时间不能为空', trigger: 'blur' }
|
||||
],
|
||||
updateTime: [
|
||||
{ required: true, message: '更新时间不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.cartId = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.cartId) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/ordercart/info/${this.dataForm.cartId}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.userId = data.orderCart.userId
|
||||
this.dataForm.productId = data.orderCart.productId
|
||||
this.dataForm.productAmount = data.orderCart.productAmount
|
||||
this.dataForm.price = data.orderCart.price
|
||||
this.dataForm.createTime = data.orderCart.createTime
|
||||
this.dataForm.updateTime = data.orderCart.updateTime
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/ordercart/${!this.dataForm.cartId ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'cartId': this.dataForm.cartId || undefined,
|
||||
'userId': this.dataForm.userId,
|
||||
'productId': this.dataForm.productId,
|
||||
'productAmount': this.dataForm.productAmount,
|
||||
'price': this.dataForm.price,
|
||||
'createTime': this.dataForm.createTime,
|
||||
'updateTime': this.dataForm.updateTime
|
||||
})
|
||||
}).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>
|
||||
193
src/views/modules/order/ordercart.vue
Normal file
193
src/views/modules/order/ordercart.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:ordercart:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:ordercart:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
@selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="cartId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="用户id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="productAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品数量">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="price"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="商品单价">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="创建时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="updateTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="更新时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.cartId)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.cartId)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="sizeChangeHandle"
|
||||
@current-change="currentChangeHandle"
|
||||
:current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
:total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './ordercart-add-or-update'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated () {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList () {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/ordercart/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle (val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle (val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle (id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.cartId
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/ordercart/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
147
src/views/modules/order/paypaymentorder-add-or-update.vue
Normal file
147
src/views/modules/order/paypaymentorder-add-or-update.vue
Normal file
@@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
: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="用户id" prop="userId">
|
||||
<el-input v-model="dataForm.userId" placeholder="用户id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值金额" prop="rechargeAmount">
|
||||
<el-input v-model="dataForm.rechargeAmount" placeholder="充值金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值渠道" prop="rechargeChannel">
|
||||
<el-input v-model="dataForm.rechargeChannel" placeholder="充值渠道"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单号" prop="orderId">
|
||||
<el-input v-model="dataForm.orderId" placeholder="订单号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="实际充值金额" prop="realAmount">
|
||||
<el-input v-model="dataForm.realAmount" placeholder="实际充值金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值状态" prop="rechargeStatus">
|
||||
<el-input v-model="dataForm.rechargeStatus" 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="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: {
|
||||
id: 0,
|
||||
userId: '',
|
||||
rechargeAmount: '',
|
||||
rechargeChannel: '',
|
||||
orderId: '',
|
||||
realAmount: '',
|
||||
rechargeStatus: '',
|
||||
createTime: '',
|
||||
successTime: ''
|
||||
},
|
||||
dataRule: {
|
||||
userId: [
|
||||
{ required: true, message: '用户id不能为空', trigger: 'blur' }
|
||||
],
|
||||
rechargeAmount: [
|
||||
{ required: true, message: '充值金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
rechargeChannel: [
|
||||
{ required: true, message: '充值渠道不能为空', trigger: 'blur' }
|
||||
],
|
||||
orderId: [
|
||||
{ required: true, message: '订单号不能为空', trigger: 'blur' }
|
||||
],
|
||||
realAmount: [
|
||||
{ required: true, message: '实际充值金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
rechargeStatus: [
|
||||
{ required: true, message: '充值状态不能为空', trigger: 'blur' }
|
||||
],
|
||||
createTime: [
|
||||
{ required: true, message: '下单时间不能为空', trigger: 'blur' }
|
||||
],
|
||||
successTime: [
|
||||
{ required: true, message: '支付成功时间不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.id = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.id) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/paypaymentorder/info/${this.dataForm.id}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.userId = data.payPaymentOrder.userId
|
||||
this.dataForm.rechargeAmount = data.payPaymentOrder.rechargeAmount
|
||||
this.dataForm.rechargeChannel = data.payPaymentOrder.rechargeChannel
|
||||
this.dataForm.orderId = data.payPaymentOrder.orderId
|
||||
this.dataForm.realAmount = data.payPaymentOrder.realAmount
|
||||
this.dataForm.rechargeStatus = data.payPaymentOrder.rechargeStatus
|
||||
this.dataForm.createTime = data.payPaymentOrder.createTime
|
||||
this.dataForm.successTime = data.payPaymentOrder.successTime
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/paypaymentorder/${!this.dataForm.id ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'id': this.dataForm.id || undefined,
|
||||
'userId': this.dataForm.userId,
|
||||
'rechargeAmount': this.dataForm.rechargeAmount,
|
||||
'rechargeChannel': this.dataForm.rechargeChannel,
|
||||
'orderId': this.dataForm.orderId,
|
||||
'realAmount': this.dataForm.realAmount,
|
||||
'rechargeStatus': this.dataForm.rechargeStatus,
|
||||
'createTime': this.dataForm.createTime,
|
||||
'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>
|
||||
205
src/views/modules/order/paypaymentorder.vue
Normal file
205
src/views/modules/order/paypaymentorder.vue
Normal file
@@ -0,0 +1,205 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:paypaymentorder:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:paypaymentorder:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
@selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="id"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="用户id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rechargeAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="充值金额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rechargeChannel"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="充值渠道">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="订单号">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="realAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="实际充值金额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rechargeStatus"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="充值状态">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="下单时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="successTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="支付成功时间">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="sizeChangeHandle"
|
||||
@current-change="currentChangeHandle"
|
||||
:current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
:total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './paypaymentorder-add-or-update'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated () {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList () {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/paypaymentorder/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle (val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle (val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle (id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.id
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/paypaymentorder/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
372
src/views/modules/order/payzfborder-add-or-update.vue
Normal file
372
src/views/modules/order/payzfborder-add-or-update.vue
Normal file
@@ -0,0 +1,372 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
: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="customerid">
|
||||
<el-input v-model="dataForm.customerid" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="outTradeNo">
|
||||
<el-input v-model="dataForm.outTradeNo" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="tradeNo">
|
||||
<el-input v-model="dataForm.tradeNo" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="notifyTime">
|
||||
<el-input v-model="dataForm.notifyTime" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="notifyType">
|
||||
<el-input v-model="dataForm.notifyType" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="notifyId">
|
||||
<el-input v-model="dataForm.notifyId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="appId">
|
||||
<el-input v-model="dataForm.appId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="authAppId">
|
||||
<el-input v-model="dataForm.authAppId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="charset">
|
||||
<el-input v-model="dataForm.charset" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="version">
|
||||
<el-input v-model="dataForm.version" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="signType">
|
||||
<el-input v-model="dataForm.signType" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="sign">
|
||||
<el-input v-model="dataForm.sign" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="outBizNo">
|
||||
<el-input v-model="dataForm.outBizNo" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="buyerId">
|
||||
<el-input v-model="dataForm.buyerId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="buyerLogonId">
|
||||
<el-input v-model="dataForm.buyerLogonId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="sellerId">
|
||||
<el-input v-model="dataForm.sellerId" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="sellerEmail">
|
||||
<el-input v-model="dataForm.sellerEmail" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="tradeStatus">
|
||||
<el-input v-model="dataForm.tradeStatus" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="totalAmount">
|
||||
<el-input v-model="dataForm.totalAmount" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="receiptAmount">
|
||||
<el-input v-model="dataForm.receiptAmount" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="invoiceAmount">
|
||||
<el-input v-model="dataForm.invoiceAmount" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="buyerPayAmount">
|
||||
<el-input v-model="dataForm.buyerPayAmount" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="pointAmount">
|
||||
<el-input v-model="dataForm.pointAmount" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="refundFee">
|
||||
<el-input v-model="dataForm.refundFee" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="subject">
|
||||
<el-input v-model="dataForm.subject" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="body">
|
||||
<el-input v-model="dataForm.body" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="gmtCreate">
|
||||
<el-input v-model="dataForm.gmtCreate" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="gmtPayment">
|
||||
<el-input v-model="dataForm.gmtPayment" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="gmtRefund">
|
||||
<el-input v-model="dataForm.gmtRefund" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="gmtClose">
|
||||
<el-input v-model="dataForm.gmtClose" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="fundBillList">
|
||||
<el-input v-model="dataForm.fundBillList" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="voucherDetailList">
|
||||
<el-input v-model="dataForm.voucherDetailList" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="relevanceoid">
|
||||
<el-input v-model="dataForm.relevanceoid" 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: {
|
||||
id: 0,
|
||||
customerid: '',
|
||||
outTradeNo: '',
|
||||
tradeNo: '',
|
||||
notifyTime: '',
|
||||
notifyType: '',
|
||||
notifyId: '',
|
||||
appId: '',
|
||||
authAppId: '',
|
||||
charset: '',
|
||||
version: '',
|
||||
signType: '',
|
||||
sign: '',
|
||||
outBizNo: '',
|
||||
buyerId: '',
|
||||
buyerLogonId: '',
|
||||
sellerId: '',
|
||||
sellerEmail: '',
|
||||
tradeStatus: '',
|
||||
totalAmount: '',
|
||||
receiptAmount: '',
|
||||
invoiceAmount: '',
|
||||
buyerPayAmount: '',
|
||||
pointAmount: '',
|
||||
refundFee: '',
|
||||
subject: '',
|
||||
body: '',
|
||||
gmtCreate: '',
|
||||
gmtPayment: '',
|
||||
gmtRefund: '',
|
||||
gmtClose: '',
|
||||
fundBillList: '',
|
||||
voucherDetailList: '',
|
||||
relevanceoid: ''
|
||||
},
|
||||
dataRule: {
|
||||
customerid: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
outTradeNo: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
tradeNo: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
notifyTime: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
notifyType: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
notifyId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
appId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
authAppId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
charset: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
version: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
signType: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
sign: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
outBizNo: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
buyerId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
buyerLogonId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
sellerId: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
sellerEmail: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
tradeStatus: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
totalAmount: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
receiptAmount: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
invoiceAmount: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
buyerPayAmount: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
pointAmount: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
refundFee: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
subject: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
body: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
gmtCreate: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
gmtPayment: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
gmtRefund: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
gmtClose: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
fundBillList: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
voucherDetailList: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
],
|
||||
relevanceoid: [
|
||||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.id = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.id) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/payzfborder/info/${this.dataForm.id}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.customerid = data.payZfbOrder.customerid
|
||||
this.dataForm.outTradeNo = data.payZfbOrder.outTradeNo
|
||||
this.dataForm.tradeNo = data.payZfbOrder.tradeNo
|
||||
this.dataForm.notifyTime = data.payZfbOrder.notifyTime
|
||||
this.dataForm.notifyType = data.payZfbOrder.notifyType
|
||||
this.dataForm.notifyId = data.payZfbOrder.notifyId
|
||||
this.dataForm.appId = data.payZfbOrder.appId
|
||||
this.dataForm.authAppId = data.payZfbOrder.authAppId
|
||||
this.dataForm.charset = data.payZfbOrder.charset
|
||||
this.dataForm.version = data.payZfbOrder.version
|
||||
this.dataForm.signType = data.payZfbOrder.signType
|
||||
this.dataForm.sign = data.payZfbOrder.sign
|
||||
this.dataForm.outBizNo = data.payZfbOrder.outBizNo
|
||||
this.dataForm.buyerId = data.payZfbOrder.buyerId
|
||||
this.dataForm.buyerLogonId = data.payZfbOrder.buyerLogonId
|
||||
this.dataForm.sellerId = data.payZfbOrder.sellerId
|
||||
this.dataForm.sellerEmail = data.payZfbOrder.sellerEmail
|
||||
this.dataForm.tradeStatus = data.payZfbOrder.tradeStatus
|
||||
this.dataForm.totalAmount = data.payZfbOrder.totalAmount
|
||||
this.dataForm.receiptAmount = data.payZfbOrder.receiptAmount
|
||||
this.dataForm.invoiceAmount = data.payZfbOrder.invoiceAmount
|
||||
this.dataForm.buyerPayAmount = data.payZfbOrder.buyerPayAmount
|
||||
this.dataForm.pointAmount = data.payZfbOrder.pointAmount
|
||||
this.dataForm.refundFee = data.payZfbOrder.refundFee
|
||||
this.dataForm.subject = data.payZfbOrder.subject
|
||||
this.dataForm.body = data.payZfbOrder.body
|
||||
this.dataForm.gmtCreate = data.payZfbOrder.gmtCreate
|
||||
this.dataForm.gmtPayment = data.payZfbOrder.gmtPayment
|
||||
this.dataForm.gmtRefund = data.payZfbOrder.gmtRefund
|
||||
this.dataForm.gmtClose = data.payZfbOrder.gmtClose
|
||||
this.dataForm.fundBillList = data.payZfbOrder.fundBillList
|
||||
this.dataForm.voucherDetailList = data.payZfbOrder.voucherDetailList
|
||||
this.dataForm.relevanceoid = data.payZfbOrder.relevanceoid
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/payzfborder/${!this.dataForm.id ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'id': this.dataForm.id || undefined,
|
||||
'customerid': this.dataForm.customerid,
|
||||
'outTradeNo': this.dataForm.outTradeNo,
|
||||
'tradeNo': this.dataForm.tradeNo,
|
||||
'notifyTime': this.dataForm.notifyTime,
|
||||
'notifyType': this.dataForm.notifyType,
|
||||
'notifyId': this.dataForm.notifyId,
|
||||
'appId': this.dataForm.appId,
|
||||
'authAppId': this.dataForm.authAppId,
|
||||
'charset': this.dataForm.charset,
|
||||
'version': this.dataForm.version,
|
||||
'signType': this.dataForm.signType,
|
||||
'sign': this.dataForm.sign,
|
||||
'outBizNo': this.dataForm.outBizNo,
|
||||
'buyerId': this.dataForm.buyerId,
|
||||
'buyerLogonId': this.dataForm.buyerLogonId,
|
||||
'sellerId': this.dataForm.sellerId,
|
||||
'sellerEmail': this.dataForm.sellerEmail,
|
||||
'tradeStatus': this.dataForm.tradeStatus,
|
||||
'totalAmount': this.dataForm.totalAmount,
|
||||
'receiptAmount': this.dataForm.receiptAmount,
|
||||
'invoiceAmount': this.dataForm.invoiceAmount,
|
||||
'buyerPayAmount': this.dataForm.buyerPayAmount,
|
||||
'pointAmount': this.dataForm.pointAmount,
|
||||
'refundFee': this.dataForm.refundFee,
|
||||
'subject': this.dataForm.subject,
|
||||
'body': this.dataForm.body,
|
||||
'gmtCreate': this.dataForm.gmtCreate,
|
||||
'gmtPayment': this.dataForm.gmtPayment,
|
||||
'gmtRefund': this.dataForm.gmtRefund,
|
||||
'gmtClose': this.dataForm.gmtClose,
|
||||
'fundBillList': this.dataForm.fundBillList,
|
||||
'voucherDetailList': this.dataForm.voucherDetailList,
|
||||
'relevanceoid': this.dataForm.relevanceoid
|
||||
})
|
||||
}).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>
|
||||
355
src/views/modules/order/payzfborder.vue
Normal file
355
src/views/modules/order/payzfborder.vue
Normal file
@@ -0,0 +1,355 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:payzfborder:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:payzfborder:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
@selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="id"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="customerid"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="outTradeNo"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tradeNo"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="notifyTime"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="notifyType"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="notifyId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="appId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="authAppId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="charset"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="version"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="signType"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sign"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="outBizNo"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="buyerId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="buyerLogonId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sellerId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sellerEmail"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="tradeStatus"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="totalAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="receiptAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="invoiceAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="buyerPayAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="pointAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="refundFee"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="subject"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="body"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="gmtCreate"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="gmtPayment"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="gmtRefund"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="gmtClose"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fundBillList"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="voucherDetailList"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="relevanceoid"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="sizeChangeHandle"
|
||||
@current-change="currentChangeHandle"
|
||||
:current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
:total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './payzfborder-add-or-update'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated () {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList () {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/payzfborder/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle (val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle (val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle (id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.id
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/payzfborder/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
129
src/views/modules/order/transactiondetails-add-or-update.vue
Normal file
129
src/views/modules/order/transactiondetails-add-or-update.vue
Normal file
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.transactionId ? '新增' : '修改'"
|
||||
: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="用户id" prop="userId">
|
||||
<el-input v-model="dataForm.userId" placeholder="用户id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="充值 支付 赠送优惠券....." prop="orderType">
|
||||
<el-input v-model="dataForm.orderType" placeholder="充值 支付 赠送优惠券....."></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="变动金额" prop="changeAmount">
|
||||
<el-input v-model="dataForm.changeAmount" placeholder="变动金额"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联id" prop="relationId">
|
||||
<el-input v-model="dataForm.relationId" placeholder="关联id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="dataForm.remark" placeholder="备注"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="余额" prop="userBalance">
|
||||
<el-input v-model="dataForm.userBalance" 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: {
|
||||
transactionId: 0,
|
||||
userId: '',
|
||||
orderType: '',
|
||||
changeAmount: '',
|
||||
relationId: '',
|
||||
remark: '',
|
||||
userBalance: ''
|
||||
},
|
||||
dataRule: {
|
||||
userId: [
|
||||
{ required: true, message: '用户id不能为空', trigger: 'blur' }
|
||||
],
|
||||
orderType: [
|
||||
{ required: true, message: '充值 支付 赠送优惠券.....不能为空', trigger: 'blur' }
|
||||
],
|
||||
changeAmount: [
|
||||
{ required: true, message: '变动金额不能为空', trigger: 'blur' }
|
||||
],
|
||||
relationId: [
|
||||
{ required: true, message: '关联id不能为空', trigger: 'blur' }
|
||||
],
|
||||
remark: [
|
||||
{ required: true, message: '备注不能为空', trigger: 'blur' }
|
||||
],
|
||||
userBalance: [
|
||||
{ required: true, message: '余额不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init (id) {
|
||||
this.dataForm.transactionId = id || 0
|
||||
this.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (this.dataForm.transactionId) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/transactiondetails/info/${this.dataForm.transactionId}`),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams()
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataForm.userId = data.transactionDetails.userId
|
||||
this.dataForm.orderType = data.transactionDetails.orderType
|
||||
this.dataForm.changeAmount = data.transactionDetails.changeAmount
|
||||
this.dataForm.relationId = data.transactionDetails.relationId
|
||||
this.dataForm.remark = data.transactionDetails.remark
|
||||
this.dataForm.userBalance = data.transactionDetails.userBalance
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
// 表单提交
|
||||
dataFormSubmit () {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(`/book/transactiondetails/${!this.dataForm.transactionId ? 'save' : 'update'}`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData({
|
||||
'transactionId': this.dataForm.transactionId || undefined,
|
||||
'userId': this.dataForm.userId,
|
||||
'orderType': this.dataForm.orderType,
|
||||
'changeAmount': this.dataForm.changeAmount,
|
||||
'relationId': this.dataForm.relationId,
|
||||
'remark': this.dataForm.remark,
|
||||
'userBalance': this.dataForm.userBalance
|
||||
})
|
||||
}).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>
|
||||
193
src/views/modules/order/transactiondetails.vue
Normal file
193
src/views/modules/order/transactiondetails.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
||||
<el-form-item>
|
||||
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getDataList()">查询</el-button>
|
||||
<el-button v-if="isAuth('book:transactiondetails:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
|
||||
<el-button v-if="isAuth('book:transactiondetails:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="dataList"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
@selection-change="selectionChangeHandle"
|
||||
style="width: 100%;">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="50">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="transactionId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="用户id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderType"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="充值 支付 赠送优惠券.....">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="changeAmount"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="变动金额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="relationId"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="关联id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="remark"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="备注">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="userBalance"
|
||||
header-align="center"
|
||||
align="center"
|
||||
label="余额">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
header-align="center"
|
||||
align="center"
|
||||
width="150"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.transactionId)">修改</el-button>
|
||||
<el-button type="text" size="small" @click="deleteHandle(scope.row.transactionId)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="sizeChangeHandle"
|
||||
@current-change="currentChangeHandle"
|
||||
:current-page="pageIndex"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
:page-size="pageSize"
|
||||
:total="totalPage"
|
||||
layout="total, sizes, prev, pager, next, jumper">
|
||||
</el-pagination>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AddOrUpdate from './transactiondetails-add-or-update'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
dataForm: {
|
||||
key: ''
|
||||
},
|
||||
dataList: [],
|
||||
pageIndex: 1,
|
||||
pageSize: 10,
|
||||
totalPage: 0,
|
||||
dataListLoading: false,
|
||||
dataListSelections: [],
|
||||
addOrUpdateVisible: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
AddOrUpdate
|
||||
},
|
||||
activated () {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList () {
|
||||
this.dataListLoading = true
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/transactiondetails/list'),
|
||||
method: 'get',
|
||||
params: this.$http.adornParams({
|
||||
'page': this.pageIndex,
|
||||
'limit': this.pageSize,
|
||||
'key': this.dataForm.key
|
||||
})
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.dataList = data.page.list
|
||||
this.totalPage = data.page.totalCount
|
||||
} else {
|
||||
this.dataList = []
|
||||
this.totalPage = 0
|
||||
}
|
||||
this.dataListLoading = false
|
||||
})
|
||||
},
|
||||
// 每页数
|
||||
sizeChangeHandle (val) {
|
||||
this.pageSize = val
|
||||
this.pageIndex = 1
|
||||
this.getDataList()
|
||||
},
|
||||
// 当前页
|
||||
currentChangeHandle (val) {
|
||||
this.pageIndex = val
|
||||
this.getDataList()
|
||||
},
|
||||
// 多选
|
||||
selectionChangeHandle (val) {
|
||||
this.dataListSelections = val
|
||||
},
|
||||
// 新增 / 修改
|
||||
addOrUpdateHandle (id) {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init(id)
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteHandle (id) {
|
||||
var ids = id ? [id] : this.dataListSelections.map(item => {
|
||||
return item.transactionId
|
||||
})
|
||||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/book/transactiondetails/delete'),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(ids, false)
|
||||
}).then(({data}) => {
|
||||
if (data && data.code === 0) {
|
||||
this.$message({
|
||||
message: '操作成功',
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.getDataList()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.error(data.msg)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user