update
This commit is contained in:
aaron
parent
45c23bccc8
commit
8ba5014fd7
@ -45,11 +45,17 @@
|
|||||||
/>
|
/>
|
||||||
<div class="sub-stats">
|
<div class="sub-stats">
|
||||||
<a-statistic
|
<a-statistic
|
||||||
title="已下单用户"
|
title="下单用户数"
|
||||||
:value="dashboardData.has_order_user_count || 0"
|
:value="dashboardData.has_order_user_count || 0"
|
||||||
|
:value-style="{ color: '#722ed1' }"
|
||||||
/>
|
/>
|
||||||
<a-statistic
|
<a-statistic
|
||||||
title="付费用户"
|
title="完成配送用户数"
|
||||||
|
:value="dashboardData.has_order_completed_user_count || 0"
|
||||||
|
:value-style="{ color: '#722ed1' }"
|
||||||
|
/>
|
||||||
|
<a-statistic
|
||||||
|
title="付费用户数"
|
||||||
:value="dashboardData.has_paid_user_count || 0"
|
:value="dashboardData.has_paid_user_count || 0"
|
||||||
:value-style="{ color: '#722ed1' }"
|
:value-style="{ color: '#722ed1' }"
|
||||||
/>
|
/>
|
||||||
@ -67,25 +73,38 @@
|
|||||||
<path d="M832 312H696v-16c0-101.6-82.4-184-184-184s-184 82.4-184 184v16H192c-17.7 0-32 14.3-32 32v536c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V344c0-17.7-14.3-32-32-32z m-432-16c0-61.9 50.1-112 112-112s112 50.1 112 112v16H400v-16z m392 544H232V384h96v88c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-88h224v88c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-88h96v456z" fill="currentColor"></path>
|
<path d="M832 312H696v-16c0-101.6-82.4-184-184-184s-184 82.4-184 184v16H192c-17.7 0-32 14.3-32 32v536c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V344c0-17.7-14.3-32-32-32z m-432-16c0-61.9 50.1-112 112-112s112 50.1 112 112v16H400v-16z m392 544H232V384h96v88c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-88h224v88c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-88h96v456z" fill="currentColor"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
配送订单
|
配送订单数
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
<a-statistic
|
<div class="main-stat-row">
|
||||||
title="配送订单数"
|
<a-statistic
|
||||||
:value="dashboardData.order_count || 0"
|
title="配送订单数"
|
||||||
class="main-stat"
|
:value="dashboardData.order_count || 0"
|
||||||
:value-style="{ color: '#fa8c16' }"
|
class="main-stat"
|
||||||
/>
|
:value-style="{ color: '#fa8c16' }"
|
||||||
|
/>
|
||||||
|
<a-statistic
|
||||||
|
title="完成配送订单数"
|
||||||
|
:value="dashboardData.order_completed_count || 0"
|
||||||
|
class="main-stat"
|
||||||
|
:value-style="{ color: '#fa8c16' }"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<div class="sub-stats">
|
<div class="sub-stats">
|
||||||
<a-statistic
|
<a-statistic
|
||||||
title="付费订单数"
|
title="付费订单数"
|
||||||
:value="dashboardData.order_pay_count || 0"
|
:value="dashboardData.order_pay_count || 0"
|
||||||
:value-style="{ color: '#fa8c16' }"
|
:value-style="{ color: '#fa8c16' }"
|
||||||
/>
|
/>
|
||||||
|
<a-statistic
|
||||||
|
title="未支付订单数"
|
||||||
|
:value="dashboardData.order_unpaid_count || 0"
|
||||||
|
:value-style="{ color: '#fa8c16' }"
|
||||||
|
/>
|
||||||
<a-statistic
|
<a-statistic
|
||||||
title="付费率"
|
title="付费率"
|
||||||
:value="paymentRate"
|
:value="paymentRate"
|
||||||
:precision="2"
|
:precision="1"
|
||||||
suffix="%"
|
suffix="%"
|
||||||
:value-style="{ color: '#fa8c16' }"
|
:value-style="{ color: '#fa8c16' }"
|
||||||
/>
|
/>
|
||||||
@ -104,23 +123,36 @@
|
|||||||
<path d="M426.6 599.7V521H344c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h82.6v-78.7c0-4.4 3.6-8 8-8h52c4.4 0 8 3.6 8 8V457H592c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8h-97.4v78.7c0 4.4-3.6 8-8 8h-52c-4.4 0-8-3.6-8-8z" fill="currentColor"></path>
|
<path d="M426.6 599.7V521H344c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h82.6v-78.7c0-4.4 3.6-8 8-8h52c4.4 0 8 3.6 8 8V457H592c4.4 0 8 3.6 8 8v48c0 4.4-3.6 8-8 8h-97.4v78.7c0 4.4-3.6 8-8 8h-52c-4.4 0-8-3.6-8-8z" fill="currentColor"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
订单金额
|
配送订单金额
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
<a-statistic
|
<div class="main-stat-row">
|
||||||
title="配送订单总金额"
|
<a-statistic
|
||||||
:value="dashboardData.order_amount || 0"
|
title="总配送订单"
|
||||||
:precision="2"
|
:value="dashboardData.order_amount || 0"
|
||||||
prefix="¥"
|
:precision="1"
|
||||||
class="main-stat"
|
class="main-stat"
|
||||||
:value-style="{ color: '#52c41a' }"
|
:value-style="{ color: '#52c41a' }"
|
||||||
/>
|
/>
|
||||||
|
<a-statistic
|
||||||
|
title="完成配送订单"
|
||||||
|
:value="dashboardData.completed_order_amount || 0"
|
||||||
|
:precision="1"
|
||||||
|
class="main-stat"
|
||||||
|
:value-style="{ color: '#52c41a' }"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<div class="sub-stats">
|
<div class="sub-stats">
|
||||||
<a-statistic
|
<a-statistic
|
||||||
title="付费订单总金额"
|
title="付费订单"
|
||||||
:value="dashboardData.pay_amount || 0"
|
:value="dashboardData.pay_amount || 0"
|
||||||
:precision="2"
|
:precision="1"
|
||||||
prefix="¥"
|
:value-style="{ color: '#52c41a' }"
|
||||||
|
/>
|
||||||
|
<a-statistic
|
||||||
|
title="未支付订单"
|
||||||
|
:value="dashboardData.unpaid_amount || 0"
|
||||||
|
:precision="1"
|
||||||
:value-style="{ color: '#52c41a' }"
|
:value-style="{ color: '#52c41a' }"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -204,11 +236,16 @@ export default defineComponent({
|
|||||||
total_user_count: 0,
|
total_user_count: 0,
|
||||||
has_order_user_count: 0,
|
has_order_user_count: 0,
|
||||||
has_paid_user_count: 0,
|
has_paid_user_count: 0,
|
||||||
|
has_order_completed_user_count: 0,
|
||||||
order_count: 0,
|
order_count: 0,
|
||||||
order_pay_count: 0,
|
order_pay_count: 0,
|
||||||
|
order_unpaid_count: 0,
|
||||||
|
order_completed_count: 0,
|
||||||
pay_rate: 0,
|
pay_rate: 0,
|
||||||
order_amount: 0,
|
order_amount: 0,
|
||||||
pay_amount: 0
|
pay_amount: 0,
|
||||||
|
completed_order_amount: 0,
|
||||||
|
unpaid_amount: 0
|
||||||
})
|
})
|
||||||
|
|
||||||
const deliverymanList = ref([])
|
const deliverymanList = ref([])
|
||||||
@ -525,6 +562,20 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-stat-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
|
||||||
|
.main-stat {
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
:deep(.ant-statistic-content) {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sub-stats {
|
.sub-stats {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user