youngS
4 years ago
parent
1fcf10575d
commit
fb973da90e
@ -0,0 +1,352 @@ |
||||
<template> |
||||
<el-main> |
||||
|
||||
|
||||
<el-dialog |
||||
:visible.sync="show_order_info" |
||||
width="780px" |
||||
:close-on-click-modal="false" |
||||
:close-on-press-escape="false" |
||||
title="订单详情" |
||||
top="6vh" |
||||
center> |
||||
|
||||
<div> |
||||
|
||||
<el-form :model="current_order_info" |
||||
label-width="80px" style="margin:0 auto;"> |
||||
|
||||
<el-form-item label-width="110px" label="平台订单ID"> |
||||
<el-input :value="current_order_info.order_number"/> |
||||
</el-form-item> |
||||
|
||||
|
||||
<el-form-item label-width="110px" label="第三方订单ID"> |
||||
<el-input :value="current_order_info.payment_number"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="付款方式"> |
||||
<el-input :value="format_payment_type(current_order_info)"/> |
||||
</el-form-item> |
||||
<el-form-item label-width="110px" label="订单状态"> |
||||
<el-input :value="format_status_type(current_order_info)"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="订单类型"> |
||||
<el-input :value="format_order_type(current_order_info)"/> |
||||
</el-form-item> |
||||
<el-form-item label-width="110px" label="实付金额"> |
||||
<el-input :value="format_actual_amount(current_order_info)"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="购买数量"> |
||||
<el-input |
||||
v-model="current_order_info.actual_download_times"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="赠送数量"> |
||||
<el-input |
||||
v-model="current_order_info.actual_download_gift_times"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="订单创建时间"> |
||||
<el-input :value="format_create_time(current_order_info)"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="订单支付时间"> |
||||
<el-input :value="format_pay_time(current_order_info)"/> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label-width="110px" label="订单取消时间"> |
||||
<el-input :value="format_cancel_time(current_order_info)"/> |
||||
</el-form-item> |
||||
|
||||
|
||||
<el-form-item label-width="110px" label="备注"> |
||||
<el-input :value="current_order_info.description"/> |
||||
</el-form-item> |
||||
|
||||
</el-form> |
||||
|
||||
|
||||
</div> |
||||
|
||||
|
||||
<span slot="footer"> |
||||
如对订单有疑问，请联系 nineven@qq.com |
||||
</span> |
||||
</el-dialog> |
||||
|
||||
|
||||
<div> |
||||
<el-input |
||||
style="width: 30%;margin-right: 30px;margin-bottom: 10px" |
||||
v-model="order_id_seach" |
||||
clearable |
||||
placeholder="输入订单ID"/> |
||||
<el-button type="primary" icon="el-icon-search" @click="handleCurrentChange(pagination.currentPage)"> |
||||
搜索 |
||||
</el-button> |
||||
|
||||
<el-table |
||||
:data="order_info_list" |
||||
border |
||||
stripe |
||||
style="width: 100%"> |
||||
|
||||
<el-table-column |
||||
fixed |
||||
prop="order_number" |
||||
label="系统订单ID"> |
||||
|
||||
</el-table-column> |
||||
|
||||
<el-table-column |
||||
prop="status" |
||||
label="状态" |
||||
align="center" |
||||
width="130"> |
||||
|
||||
<template slot-scope="scope"> |
||||
<div v-if="scope.row.status === 1"> |
||||
<el-button @click="goto_pay(scope.row)" |
||||
type="primary" size="small"> 去支付 |
||||
</el-button> |
||||
</div> |
||||
<div v-else-if="scope.row.status === 0"> |
||||
<el-button @click="click_order_info(scope.row)" |
||||
type="success" size="small"> {{ format_status_type(scope.row)}} |
||||
</el-button> |
||||
</div> |
||||
<div v-else-if="scope.row.status === 4 || scope.row.status ===5"> |
||||
<el-button @click="click_order_info(scope.row)" |
||||
type="danger" size="small"> {{ format_status_type(scope.row)}} |
||||
</el-button> |
||||
</div> |
||||
<div v-else> |
||||
<el-button @click="click_order_info(scope.row)" |
||||
type="warning" size="small"> {{ format_status_type(scope.row)}} |
||||
</el-button> |
||||
</div> |
||||
|
||||
|
||||
</template> |
||||
|
||||
|
||||
</el-table-column> |
||||
|
||||
<el-table-column |
||||
:formatter="format_actual_amount" |
||||
prop="actual_amount" |
||||
label="实付金额" |
||||
width="100"> |
||||
</el-table-column> |
||||
|
||||
|
||||
<el-table-column |
||||
prop="actual_download_times" |
||||
label="购买数量" |
||||
width="120"> |
||||
</el-table-column> |
||||
|
||||
<el-table-column |
||||
prop="actual_download_gift_times" |
||||
label="赠送数量" |
||||
width="100"> |
||||
</el-table-column> |
||||
|
||||
<el-table-column |
||||
:formatter="format_create_time" |
||||
prop="created_time" |
||||
label="订单创建时间" |
||||
> |
||||
</el-table-column> |
||||
|
||||
<el-table-column |
||||
fixed="right" |
||||
label="查看详细" |
||||
width="100"> |
||||
<template slot-scope="scope"> |
||||
|
||||
<el-button |
||||
size="mini" |
||||
@click="click_order_info(scope.row)">详情 |
||||
</el-button> |
||||
|
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
|
||||
|
||||
</div> |
||||
<div style="margin-top: 20px;margin-bottom: 20px"> |
||||
<el-pagination |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:current-page.sync="pagination.currentPage" |
||||
:page-sizes="[10, 20, 50, 100]" |
||||
:page-size="pagination.pagesize" |
||||
layout="total,sizes, prev, pager, next" |
||||
:total="pagination.total"> |
||||
</el-pagination> |
||||
</div> |
||||
</el-main> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import {my_order, userinfos} from "../restful"; |
||||
|
||||
export default { |
||||
name: "FirUserOrders", |
||||
data() { |
||||
return { |
||||
order_info_list: [], |
||||
order_id_seach: "", |
||||
pagination: {"currentPage": 1, "total": 0, "pagesize": 10}, |
||||
order_type_choices: [], |
||||
status_choices: [], |
||||
payment_type_choices: [], |
||||
show_order_info: false, |
||||
current_order_info: {}, |
||||
} |
||||
}, |
||||
methods: { |
||||
goto_pay(order) { |
||||
// eslint-disable-next-line no-console |
||||
console.log(order) |
||||
my_order(res => { |
||||
// 应该跳转到第三方平台进行支付，然后第三方回调 |
||||
if (res.code === 1000) { |
||||
this.$message.success("支付成功"); |
||||
this.get_data_from_tabname(); |
||||
} else { |
||||
this.$message.error("失败了 " + res.msg) |
||||
} |
||||
}, { |
||||
methods: 'PUT', data: {order_number: order.order_number}, |
||||
}) |
||||
}, |
||||
click_order_info(order) { |
||||
this.show_order_info = true; |
||||
this.current_order_info = order; |
||||
|
||||
}, |
||||
handleSizeChange(val) { |
||||
this.pagination.pagesize = val; |
||||
this.get_data_from_tabname({ |
||||
"size": this.pagination.pagesize, |
||||
"page": this.pagination.currentPage |
||||
}) |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.pagination.currentPage = val; |
||||
this.get_data_from_tabname({ |
||||
"size": this.pagination.pagesize, |
||||
"page": this.pagination.currentPage |
||||
}) |
||||
}, |
||||
|
||||
get_data_from_tabname(data = {}) { |
||||
data.order_id = this.order_id_seach.replace(/^\s+|\s+$/g, ""); |
||||
this.MyOrderFun(data) |
||||
}, |
||||
|
||||
format_choices(key, obj) { |
||||
for (let i = 0; i < obj.length; i++) { |
||||
if (key === obj[i].id) { |
||||
return obj[i].name |
||||
} |
||||
} |
||||
return "未知" |
||||
}, |
||||
|
||||
format_payment_type(row) { |
||||
return this.format_choices(row.payment_type, this.payment_type_choices) |
||||
}, |
||||
|
||||
format_status_type(row) { |
||||
return this.format_choices(row.status, this.status_choices) |
||||
}, |
||||
|
||||
format_order_type(row) { |
||||
return this.format_choices(row.order_type, this.order_type_choices) |
||||
}, |
||||
|
||||
format_actual_amount(row) { |
||||
return '￥ ' + (row.actual_amount / 100).toString() |
||||
}, |
||||
|
||||
format_create_time(row) { |
||||
return this.format_time(row.created_time) |
||||
}, |
||||
|
||||
format_pay_time(row) { |
||||
return this.format_time(row.pay_time) |
||||
}, |
||||
|
||||
format_cancel_time(row) { |
||||
return this.format_time(row.cancel_time) |
||||
}, |
||||
|
||||
format_time(stime) { |
||||
if (stime) { |
||||
stime = stime.split(".")[0].split("T"); |
||||
return stime[0] + " " + stime[1] |
||||
} else |
||||
return ''; |
||||
}, |
||||
MyOrderFun(params) { |
||||
const loading = this.$loading({ |
||||
lock: true, |
||||
text: '执行中,请耐心等待...', |
||||
spinner: 'el-icon-loading', |
||||
background: 'rgba(0, 0, 0, 0.7)' |
||||
}); |
||||
my_order(data => { |
||||
if (data.code === 1000) { |
||||
this.order_info_list = data.data; |
||||
this.pagination.total = data.count; |
||||
this.payment_type_choices = data.payment_type_choices; |
||||
this.status_choices = data.status_choices; |
||||
this.order_type_choices = data.order_type_choices; |
||||
|
||||
} else if (data.code === 1008) { |
||||
this.$message.error(data.msg); |
||||
} else { |
||||
this.$message.error("操作失败") |
||||
} |
||||
|
||||
loading.close(); |
||||
}, {methods: 'GET', data: params}) |
||||
}, |
||||
getUserInfoFun() { |
||||
userinfos(data => { |
||||
if (data.code === 1000) { |
||||
this.$store.dispatch("doUserinfo", data.data); |
||||
} else { |
||||
this.$message.error("用户信息获取失败") |
||||
} |
||||
}, {"methods": "GET"}) |
||||
}, |
||||
|
||||
}, mounted() { |
||||
this.getUserInfoFun(); |
||||
this.get_data_from_tabname() |
||||
}, filters: {} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.el-main { |
||||
margin: 10px auto 100px; |
||||
width: 1166px; |
||||
position: relative; |
||||
padding-bottom: 1px; |
||||
background-color: #bfe7f9; |
||||
color: #9b9b9b; |
||||
-webkit-font-smoothing: antialiased; |
||||
border-radius: 1%; |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,135 @@ |
||||
#!/usr/bin/env python |
||||
# -*- coding:utf-8 -*- |
||||
# project: 3月 |
||||
# author: NinEveN |
||||
# date: 2021/3/29 |
||||
|
||||
from rest_framework.views import APIView |
||||
from api.utils.response import BaseResponse |
||||
from api.utils.auth import ExpiringTokenAuthentication |
||||
from rest_framework.response import Response |
||||
from api.models import UserInfo, Price, Order |
||||
from api.utils.serializer import PriceSerializer, OrdersSerializer |
||||
from rest_framework.pagination import PageNumberPagination |
||||
from api.utils.utils import get_order_num |
||||
from api.utils.storage.caches import add_user_download_times |
||||
import logging |
||||
from django.utils import timezone |
||||
|
||||
logger = logging.getLogger(__name__) |
||||
|
||||
|
||||
class PageNumber(PageNumberPagination): |
||||
page_size = 10 # 每页显示多少条 |
||||
page_size_query_param = 'size' # URL中每页显示条数的参数 |
||||
page_query_param = 'page' # URL中页码的参数 |
||||
max_page_size = None # 最大页码数限制 |
||||
|
||||
|
||||
class OrderView(APIView): |
||||
authentication_classes = [ExpiringTokenAuthentication, ] |
||||
|
||||
def get(self, request): |
||||
res = BaseResponse() |
||||
order_id = request.query_params.get("order_id", None) |
||||
order_obj_lists = Order.objects.filter(account=request.user) |
||||
if order_id: |
||||
order_obj_lists = order_obj_lists.filter(order_number=order_id) |
||||
page_obj = PageNumber() |
||||
order_info_serializer = page_obj.paginate_queryset(queryset=order_obj_lists.order_by("-created_time"), |
||||
request=request, |
||||
view=self) |
||||
order_info = OrdersSerializer(order_info_serializer, many=True, ) |
||||
res.data = order_info.data |
||||
res.count = order_obj_lists.count() |
||||
|
||||
res.payment_type_choices = [] |
||||
choices_list = list(Order.payment_type_choices) |
||||
for auth_t in choices_list: |
||||
res.payment_type_choices.append({'id': auth_t[0], 'name': auth_t[1]}) |
||||
|
||||
res.status_choices = [] |
||||
choices_list = list(Order.status_choices) |
||||
for auth_t in choices_list: |
||||
res.status_choices.append({'id': auth_t[0], 'name': auth_t[1]}) |
||||
|
||||
res.order_type_choices = [] |
||||
choices_list = list(Order.order_type_choices) |
||||
for auth_t in choices_list: |
||||
res.order_type_choices.append({'id': auth_t[0], 'name': auth_t[1]}) |
||||
|
||||
return Response(res.dict) |
||||
|
||||
def post(self, request): |
||||
res = BaseResponse() |
||||
price_id = request.data.get("price_id", None) |
||||
if price_id: |
||||
price_obj = Price.objects.filter(name=price_id).first() |
||||
if price_obj: |
||||
try: |
||||
Order.objects.create(payment_type=0, order_number=get_order_num(), |
||||
account=request.user, status=1, order_type=0, actual_amount=price_obj.price, |
||||
actual_download_times=price_obj.package_size, |
||||
actual_download_gift_times=price_obj.download_count_gift) |
||||
return Response(res.dict) |
||||
except Exception as e: |
||||
logger.error("%s 订单 %s 保存失败 Exception：%s" % (request.user, price_id, e)) |
||||
res.code = 1003 |
||||
res.msg = "订单保存失败" |
||||
else: |
||||
logger.error("%s 价格 %s 获取失败" % (request.user, price_id)) |
||||
res.code = 1002 |
||||
res.msg = "价格获取失败" |
||||
else: |
||||
res.code = 1001 |
||||
res.msg = "错误的价格" |
||||
return Response(res.dict) |
||||
|
||||
def put(self, request): |
||||
res = BaseResponse() |
||||
order_number = request.data.get("order_number", None) |
||||
if order_number: |
||||
order_obj = Order.objects.filter(account=request.user, order_number=order_number, status=1).first() |
||||
if order_obj: |
||||
download_times = order_obj.actual_download_times + order_obj.actual_download_gift_times |
||||
try: |
||||
order_obj.status = 0 |
||||
now = timezone.now() |
||||
if not timezone.is_naive(now): |
||||
now = timezone.make_naive(now, timezone.utc) |
||||
order_obj.pay_time = now |
||||
n_download_times = UserInfo.objects.filter(pk=request.user.id).values('download_times').first() |
||||
order_obj.description = "充值成功，充值下载次数 %s ，现总共可用次数 %s" % ( |
||||
download_times, n_download_times.get("download_times", 0)) |
||||
order_obj.save() |
||||
add_user_download_times(request.user.id, download_times) |
||||
except Exception as e: |
||||
logger.error("%s 订单 %s 更新失败 Exception：%s" % (request.user, order_number, e)) |
||||
res.code = 1003 |
||||
return Response(res.dict) |
||||
else: |
||||
logger.error("%s 订单 %s 获取失败" % (request.user, order_number)) |
||||
res.code = 1003 |
||||
res.msg = "订单获取失败，或订单已经支付" |
||||
else: |
||||
res.code = 1001 |
||||
res.msg = "订单有误" |
||||
return Response(res.dict) |
||||
|
||||
|
||||
class PriceView(APIView): |
||||
authentication_classes = [ExpiringTokenAuthentication, ] |
||||
|
||||
def get(self, request): |
||||
res = BaseResponse() |
||||
price_obj_lists = Price.objects.filter(is_enable=True).all().order_by("updated_time").order_by("price") |
||||
res.data = PriceSerializer(price_obj_lists, many=True).data |
||||
return Response(res.dict) |
||||
|
||||
def delete(self, request, price_id): |
||||
res = BaseResponse() |
||||
return Response(res.dict) |
||||
|
||||
def put(self, request, price_id): |
||||
res = BaseResponse() |
||||
return Response(res.dict) |
||||
Loading…
Reference in new issue