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

更新工作台页面，优化交易数据展示，修复核销订单金额等数据展示错误，并调整相关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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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