订单页美化
This commit is contained in:
parent
c3cabdcbd7
commit
c75b85dd55
@ -56,28 +56,32 @@
|
||||
<li class="ui-list">
|
||||
<div class="ui-list-title">订单状态:</div>
|
||||
<div class="ui-list-content">
|
||||
<Button type="primary">{{data.order_status_name}}</Button>
|
||||
<Button ghost size="small" type="primary">{{data.order_status_name}}</Button>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="ui-list">
|
||||
<div class="ui-list-title" v-if="data.order_status === 1">取消理由:</div>
|
||||
<li class="ui-list" v-if="data.order_status === 1">
|
||||
<div class="ui-list-title">取消理由:</div>
|
||||
<div class="ui-list-content">{{data.extends.cancel_remark}}</div>
|
||||
</li>
|
||||
|
||||
<li class="ui-list">
|
||||
<div class="ui-list-title">支付状态:</div>
|
||||
<div class="ui-list-content">
|
||||
<Button type="error" v-if="!data.transaction_status">{{data.transaction_status_name}}</Button>
|
||||
<Button type="success" v-else>{{data.transaction_status_name}}</Button>
|
||||
<Button ghost size="small" type="error" v-if="!data.transaction_status">{{data.transaction_status_name}}</Button>
|
||||
<Button ghost size="small" type="success" v-else>{{data.transaction_status_name}}</Button>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="ui-list" v-if="data.transaction_status === 2">
|
||||
<div class="ui-list-title">退款方式:</div>
|
||||
<div class="ui-list-content">{{data.extends.refund_channel}}</div>
|
||||
</li>
|
||||
<li class="ui-list" v-if="data.transaction_status === 2">
|
||||
<div class="ui-list-title">退款账号:</div>
|
||||
<div class="ui-list-content">{{data.extends.refund_account}}</div>
|
||||
</li>
|
||||
<li class="ui-list" v-if="data.transaction_status === 2">
|
||||
<div class="ui-list-title">退款备注:</div>
|
||||
<div class="ui-list-content">{{data.extends.refund_remark}}</div>
|
||||
</li>
|
||||
|
@ -61,26 +61,29 @@ export default {
|
||||
width: 110
|
||||
},
|
||||
{
|
||||
title: '套餐单价(元/周期)',
|
||||
title: '套餐单价',
|
||||
key: '',
|
||||
width: 160,
|
||||
width: 100,
|
||||
render: (h, { row, column, index }) => {
|
||||
let price = Number(row.unit_price / 100);
|
||||
return h('span', price.toFixed(2));
|
||||
return h('span', price.toFixed(2) + ' 元/周期');
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '订单卡量(张)',
|
||||
key: 'counts',
|
||||
width: 135
|
||||
title: '订单卡量',
|
||||
key: '',
|
||||
width: 100,
|
||||
render: (h, { row, column, index }) => {
|
||||
return h('span', Number(counts) + ' 张');
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '订单金额(元)',
|
||||
title: '订单金额',
|
||||
key: '',
|
||||
width: 135,
|
||||
width: 100,
|
||||
render: (h, { row, column, index }) => {
|
||||
let price = Number(row.custom_price / 100);
|
||||
return h('span', price.toFixed(2));
|
||||
return h('span', price.toFixed(2)) + '元';
|
||||
}
|
||||
},
|
||||
{
|
||||
|
2
public/js/app.412a05b9.js
Normal file
2
public/js/app.412a05b9.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/app.412a05b9.js.map
Normal file
1
public/js/app.412a05b9.js.map
Normal file
File diff suppressed because one or more lines are too long
2
public/js/app.72047f2a.js
Normal file
2
public/js/app.72047f2a.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/app.72047f2a.js.map
Normal file
1
public/js/app.72047f2a.js.map
Normal file
File diff suppressed because one or more lines are too long
2
public/js/app.fddba67f.js
Normal file
2
public/js/app.fddba67f.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/app.fddba67f.js.map
Normal file
1
public/js/app.fddba67f.js.map
Normal file
File diff suppressed because one or more lines are too long
2
public/js/chunk-6d306fd9.01578852.js
Normal file
2
public/js/chunk-6d306fd9.01578852.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/chunk-6d306fd9.01578852.js.map
Normal file
1
public/js/chunk-6d306fd9.01578852.js.map
Normal file
File diff suppressed because one or more lines are too long
2
public/js/chunk-6d306fd9.7c4db773.js
Normal file
2
public/js/chunk-6d306fd9.7c4db773.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/chunk-6d306fd9.7c4db773.js.map
Normal file
1
public/js/chunk-6d306fd9.7c4db773.js.map
Normal file
File diff suppressed because one or more lines are too long
2
public/js/chunk-6d306fd9.8199e64f.js
Normal file
2
public/js/chunk-6d306fd9.8199e64f.js
Normal file
File diff suppressed because one or more lines are too long
1
public/js/chunk-6d306fd9.8199e64f.js.map
Normal file
1
public/js/chunk-6d306fd9.8199e64f.js.map
Normal file
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=\favicon.ico><script src=\config.js></script><title></title><link href=/css/chunk-6d306fd9.729cc3c7.css rel=prefetch><link href=/js/chunk-00ae0766.4cb97496.js rel=prefetch><link href=/js/chunk-6d306fd9.4088e433.js rel=prefetch><link href=/css/app.36043160.css rel=preload as=style><link href=/css/chunk-vendors.3c3b2e85.css rel=preload as=style><link href=/js/app.21965031.js rel=preload as=script><link href=/js/chunk-vendors.02a4e5bc.js rel=preload as=script><link href=/css/chunk-vendors.3c3b2e85.css rel=stylesheet><link href=/css/app.36043160.css rel=stylesheet></head><body><noscript><strong>很抱歉,如果没有启用JavaScript,程序不能正常工作,若要继续使用请启用它。</strong></noscript><div id=app></div><script src=/js/chunk-vendors.02a4e5bc.js></script><script src=/js/app.21965031.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=\favicon.ico><script src=\config.js></script><title></title><link href=/css/chunk-6d306fd9.729cc3c7.css rel=prefetch><link href=/js/chunk-00ae0766.4cb97496.js rel=prefetch><link href=/js/chunk-6d306fd9.8199e64f.js rel=prefetch><link href=/css/app.36043160.css rel=preload as=style><link href=/css/chunk-vendors.3c3b2e85.css rel=preload as=style><link href=/js/app.72047f2a.js rel=preload as=script><link href=/js/chunk-vendors.02a4e5bc.js rel=preload as=script><link href=/css/chunk-vendors.3c3b2e85.css rel=stylesheet><link href=/css/app.36043160.css rel=stylesheet></head><body><noscript><strong>很抱歉,如果没有启用JavaScript,程序不能正常工作,若要继续使用请启用它。</strong></noscript><div id=app></div><script src=/js/chunk-vendors.02a4e5bc.js></script><script src=/js/app.72047f2a.js></script></body></html>
|
Loading…
x
Reference in New Issue
Block a user