zmj
/
multiStoreAdmin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新工作台页面，优化交易数据展示，修复核销订单金额等数据展示错误，并调整相关API接口路径

This commit is contained in:
zmj 2024-06-08 15:23:29 +08:00
parent 30c2940309
commit 80813bdab7
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/workbench/index.vue
View File

@ -24,25 +24,24 @@
</template>
<v-charts style="height: 350px" :option="visitorOption" :autoresize="true" />
</el-card>
<el-row :key="date">
<el-row :key="date" style="height: 500px;overflow-y: auto;">
<el-col :span="14">
<el-card class="h-[100%]">
<template #header>
交易数据
</template>
<!-- <tradData></tradData> -->
<el-table :data="[{}]">
<el-table :data="formData.order_list">
<el-table-column label="头像" prop="build_area_text" show-overflow-tooltip>
<template #default="{ row }">
<!-- <el-image style="width: 50px; height: 50px" :src="url" /> -->
<el-image style="width: 50px; height: 50px" :src="row.avatar" />
</template>
</el-table-column>
<el-table-column label="用户名称" prop="project_level_text" show-overflow-tooltip />
<el-table-column label="订单号" prop="total_investment" show-overflow-tooltip />
<el-table-column label="交易金额" prop="total_investment" show-overflow-tooltip />
<el-table-column label="成交时间" prop="total_investment" show-overflow-tooltip />
<el-table-column label="用户名称" prop="nickname" show-overflow-tooltip />
<el-table-column label="订单号" prop="order_id" show-overflow-tooltip />
<el-table-column label="交易金额" prop="pay_price" show-overflow-tooltip />
<el-table-column label="成交时间" prop="pay_time" show-overflow-tooltip />
</el-table>
</el-card>
</el-col>
<el-col :span="10">
@ -50,7 +49,7 @@
<template #header>
交易类型
</template>
<v-charts style="height: 350px" :option="tradTypeOption" :autoresize="true" />
<v-charts style="height: 500px" :option="tradTypeOption" :autoresize="true" />
</el-card>
</el-col>
</el-row>
@ -106,49 +105,49 @@ const statisticLists = reactive([
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701552002039.png',
title: "核销订单金额",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.verify_amount)
}
},
{
src: "https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170150a511510.png",
title: "余额消费金额",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.balance_amount)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701594ff8897.png',
title: "门店收益金额",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.income_amount)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717018a22e1161.png',
title: "线下收银订单金额",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.cashier_amount)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717013a08c6793.png',
title: "现金收银订单金额",
value: () => {
return String(formData.value.order_amount)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170103b0a9686.png',
title: "门店新增用户数",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.cash_amount)
}
},
// {
// src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170103b0a9686.png',
// title: "门店新增用户数",
// value: () => {
// return String(formData.value.order_amount)
// }
// },
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701469b91377.png',
title: "门店成交用户数",
value: () => {
return String(formData.value.order_amount)
return String(formData.value.user_number)
}
},
{
@ -230,6 +229,7 @@ const getData = async () => {
visitorOption.xAxis.data = res.statistics.range
visitorOption.series[0].data = res.statistics.data.order_amount
visitorOption.series[1].data = res.statistics.data.user_number
tradTypeOption.series[0].data = res.pay_type
}