订单页美化

This commit is contained in:
邓皓元 2018-12-21 18:37:20 +08:00
parent c3cabdcbd7
commit c75b85dd55
15 changed files with 40 additions and 15 deletions

View File

@ -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>

View File

@ -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)) + '元';
}
},
{

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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>