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

This commit is contained in:
zmj 2024-06-25 16:28:03 +08:00
parent 5d6601ed66
commit 7abcb0bf01
1 changed files with 14 additions and 3 deletions

View File

@ -12,7 +12,8 @@
<div class="flex flex-wrap box-border mt-4">
<div class="box-border w-1/5" v-for="(item, index) in statisticLists" :key="index">
<el-card class="!border-none ml-4 mb-4 flex" :class="{ '!ml-0': index % 5 === 0 }" shadow="never">
<el-card class="!border-none ml-4 mb-4 flex" style="position: relative;" :class="{ '!ml-0': index % 5 === 0 }"
shadow="never">
<div class="flex">
<div class="mr-2">
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
@ -22,6 +23,7 @@
<div class="text-6xl">{{ item.value() }}</div>
</div>
</div>
<div v-if="item.footer" class="card-footer">{{ item.footer }}</div>
</el-card>
</div>
</div>
@ -114,7 +116,8 @@ const statisticLists = reactive([
value: () => {
return String(formData.value.receipt_amount || 0)
},
row: 1
row: 1,
footer: "今日门店所有交易的合计金额"
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
@ -247,4 +250,12 @@ onMounted(() => {
deteToQuery()
})
</script>
</script>
<style>
.card-footer {
position: absolute;
font-size: 14px;
color: #FFA731;
}
</style>