This commit is contained in:
zmj 2024-06-18 15:53:28 +08:00
parent 490f9d3bfe
commit 5c9659c156
4 changed files with 51 additions and 38 deletions

View File

@ -12,6 +12,10 @@
</el-form>
</el-card> -->
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<template #header>
<span style="color: #FFD767;">结算时间于每月 10 号开启需在 18 号之前完成结算金额的确认确认完毕后收益将会在 25
号入账倘若遇到周末或者节假日收益的到账时间则会顺延</span>
</template>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column label="id" prop="store_id" show-overflow-tooltip />

View File

@ -1,6 +1,5 @@
<template>
<el-card>
{{ formData }}
<div class="w-[900px]">
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
<el-tabs v-model="activeName" class="demo-tabs">

View File

@ -2,20 +2,13 @@
<el-card>
<template #header>今日</template>
<el-row class="flex">
<!-- <el-col class="flex" style="flex:1" v-for="(item, index) in statisticLists" :key="index">
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
<div>
<el-statistic :title="item.title" :value="item.value()" />
<p style="font-size: 11px;color: #FBCE6B;" v-if="item.footer">{{ item.footer }}</p>
</div>
</el-col> -->
<div class="flex " style="flex:1" v-for="(item, index) in statisticLists" :key="index">
<div class="mr-2">
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
</div>
<div>
<div class="text-info">{{ item.title }}</div>
<div class="text-6xl">{{ item.value() }}</div>
<div class="text-info text-3xl">{{ item.title }}</div>
<div class="text-3xl">{{ item.value() }}</div>
</div>
</div>
</el-row>
@ -34,8 +27,8 @@
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
</div>
<div>
<div class="text-info">{{ item.title }}</div>
<div class="text-6xl">{{ item.value() }}</div>
<div class="text-info text-3xl">{{ item.title }}</div>
<div class="text-3xl">{{ item.value() }}</div>
</div>
</div>
</el-row>

View File

@ -11,13 +11,24 @@
</el-card>
<el-card :key="date">
<div class="flex flex-wrap">
<div class="w-1/5 flex mb-6" v-for="(item, index) in statisticLists" :key="index">
<div class="w-1/5 flex mb-6" v-for="(item, index) in statisticLists.filter(item => item.row == 1)" :key="index">
<div class="mr-2">
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
</div>
<div>
<div class="text-info">{{ item.title }}</div>
<div class="text-6xl">{{ item.value() }}</div>
<div class="text-info text-3xl">{{ item.title }}</div>
<div class="text-3xl">{{ item.value() }}</div>
</div>
</div>
</div>
<div class="flex flex-wrap">
<div class="w-1/5 flex mb-6" v-for="(item, index) in statisticLists.filter(item => item.row != 1)" :key="index">
<div class="mr-2">
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
</div>
<div>
<div class="text-info text-3xl">{{ item.title }}</div>
<div class="text-3xl">{{ item.value() }}</div>
</div>
</div>
</div>
@ -103,34 +114,44 @@ const formData = ref({
const statisticLists = reactive([
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701552002039.png',
icon: 'RectangleCopy12',
title: "核销订单金额",
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
title: "门店收款金额",
value: () => {
return String(formData.value.verify_amount || 0)
}
return String(formData.value.receipt_amount || 0)
},
row: 1
},
{
src: "https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170150a511510.png",
icon: 'RectangleCopy12',
title: "余额消费金额",
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
title: "门店营业额",
value: () => {
return String(formData.value.balance_amount || 0)
}
return String(formData.value.order_amount || 0)
},
row: 1
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701594ff8897.png',
title: "门店收益金额",
icon: 'RectangleCopy12',
value: () => {
return String(formData.value.income_amount || 0)
},
row: 1
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701552002039.png',
title: "核销订单金额",
value: () => {
return String(formData.value.verify_amount || 0)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717018a22e1161.png',
title: "线下收银订单金额",
icon: 'RectangleCopy12',
value: () => {
return String(formData.value.cashier_amount || 0)
}
@ -138,28 +159,24 @@ const statisticLists = reactive([
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717013a08c6793.png',
title: "现金收银订单金额",
icon: 'RectangleCopy12',
value: () => {
return String(formData.value.cash_amount || 0)
}
},
{
src: "https://ceshi-engineering.lihaink.cn/uploads/files/20240604/2024060417170150a511510.png",
title: "余额消费金额",
value: () => {
return String(formData.value.balance_amount || 0)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701469b91377.png',
title: "门店成交用户数",
icon: 'RectangleCopy12',
value: () => {
return String(formData.value.user_number || 0)
}
},
{
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
title: "门店营业额",
icon: 'RectangleCopy12',
value: () => {
return String(formData.value.order_amount || 0)
}
},
])