211 lines
8.0 KiB
HTML
211 lines
8.0 KiB
HTML
|
{{template "header" }}
|
||
|
|
<div id="payBox" style="width:100%">
|
||
|
|
<template>
|
||
|
|
<el-tabs type="border-card" >
|
||
|
|
<el-tab-pane label="充值订单">
|
||
|
|
<el-table
|
||
|
|
:data="orderList.list"
|
||
|
|
border
|
||
|
|
style="width: 100%">
|
||
|
|
<el-table-column
|
||
|
|
prop="order_sn"
|
||
|
|
label="订单编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="money"
|
||
|
|
label="金额">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<{scope.row.money/100}>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="comment"
|
||
|
|
label="备注">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="kefu_name"
|
||
|
|
label="账号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="type"
|
||
|
|
label="状态">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-tag type='info' v-show="scope.row.type==1">未支付</el-tag>
|
||
|
|
<el-tag type='success' v-show="scope.row.type==2">已支付</el-tag>
|
||
|
|
<el-tag type='error' v-show="scope.row.type==3">已取消</el-tag>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="operator"
|
||
|
|
label="操作人">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="created_at"
|
||
|
|
label="添加时间">
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
<el-pagination
|
||
|
|
background
|
||
|
|
@current-change="getOrderList"
|
||
|
|
:current-page="orderList.page"
|
||
|
|
layout="prev,pager, next"
|
||
|
|
:page-size="orderList.pagesize"
|
||
|
|
:total="orderList.count">
|
||
|
|
</el-pagination>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="付费订单">
|
||
|
|
<el-descriptions title="账户信息">
|
||
|
|
<el-descriptions-item label="总金额"><{money/100}></el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
<el-table
|
||
|
|
:data="productOrderList.list"
|
||
|
|
border
|
||
|
|
style="width: 100%">
|
||
|
|
<el-table-column
|
||
|
|
prop="order_sn"
|
||
|
|
label="订单编号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="money"
|
||
|
|
label="金额">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<{scope.row.total_amount/100}>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="order_desc"
|
||
|
|
label="描述">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="kefu_name"
|
||
|
|
label="商家账号">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="shipping_address"
|
||
|
|
label="发货信息">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="type"
|
||
|
|
label="支付状态">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<el-tag type='info' v-show="scope.row.payment_status=='unpaid'">未支付</el-tag>
|
||
|
|
<el-tag type='success' v-show="scope.row.payment_status=='paid'">已支付</el-tag>
|
||
|
|
<el-tag type='error' v-show="scope.row.payment_status=='refunded'">已退款</el-tag>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="user_id"
|
||
|
|
label="用户ID">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="contact"
|
||
|
|
label="联系人">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="tel"
|
||
|
|
label="手机">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="email"
|
||
|
|
label="邮箱">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="created_at"
|
||
|
|
label="下单时间">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="updated_at"
|
||
|
|
label="更新时间">
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
<el-pagination
|
||
|
|
background
|
||
|
|
@current-change="getProductOrderList"
|
||
|
|
:current-page="productOrderList.page"
|
||
|
|
layout="prev,pager, next"
|
||
|
|
:page-size="productOrderList.pagesize"
|
||
|
|
:total="productOrderList.count">
|
||
|
|
</el-pagination>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
{{template "setting_bottom" .}}
|
||
|
|
<script>
|
||
|
|
new Vue({
|
||
|
|
el: '#payBox',
|
||
|
|
delimiters:["<{","}>"],
|
||
|
|
data: {
|
||
|
|
window:window,
|
||
|
|
host:getBaseUrl(),
|
||
|
|
alipayImageUrl:"",
|
||
|
|
wechatImageUrl:"",
|
||
|
|
bankInfo:"",
|
||
|
|
money:0,
|
||
|
|
orderList:{
|
||
|
|
page:1,
|
||
|
|
count:0,
|
||
|
|
pagesize:0,
|
||
|
|
list:[],
|
||
|
|
},
|
||
|
|
productOrderList:{
|
||
|
|
page:1,
|
||
|
|
count:0,
|
||
|
|
pagesize:0,
|
||
|
|
list:[],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getPayImage(){
|
||
|
|
var _this=this;
|
||
|
|
sendAjax("/other/systemConfig","get",{},function (data) {
|
||
|
|
var result=data.result;
|
||
|
|
_this.alipayImageUrl=result.alipayImageUrl;
|
||
|
|
_this.wechatImageUrl=result.wechatImageUrl;
|
||
|
|
_this.bankInfo=result.bankInfo;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleTabClick(tab, event){
|
||
|
|
let _this=this;
|
||
|
|
if(tab.name=="wechat"){
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getOrderList(page){
|
||
|
|
var _this=this;
|
||
|
|
var params={};
|
||
|
|
params={pagesize:20,page:page};
|
||
|
|
sendAjax("/kefu/orders","get",params,function(result){
|
||
|
|
_this.orderList=result.result;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
getProductOrderList(page){
|
||
|
|
var _this=this;
|
||
|
|
var params={};
|
||
|
|
params={pagesize:20,page:page};
|
||
|
|
sendAjax("/kefu/productOrders","get",params,function(result){
|
||
|
|
_this.productOrderList=result.result;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
//账户信息
|
||
|
|
getUserAttr(){
|
||
|
|
let _this=this;
|
||
|
|
sendAjax("/kefu/commentStatistics","get",{},function(result) {
|
||
|
|
_this.money = result.result.money;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
mounted:function(){
|
||
|
|
},
|
||
|
|
created: function () {
|
||
|
|
this.getPayImage();
|
||
|
|
this.getOrderList(1);
|
||
|
|
this.getProductOrderList(1);
|
||
|
|
this.getUserAttr();
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|