add
This commit is contained in:
parent
490f9d3bfe
commit
5c9659c156
|
@ -12,6 +12,10 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card> -->
|
</el-card> -->
|
||||||
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
<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">
|
<div class="mt-4">
|
||||||
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
<el-table-column label="id" prop="store_id" show-overflow-tooltip />
|
<el-table-column label="id" prop="store_id" show-overflow-tooltip />
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card>
|
<el-card>
|
||||||
{{ formData }}
|
|
||||||
<div class="w-[900px]">
|
<div class="w-[900px]">
|
||||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||||
<el-tabs v-model="activeName" class="demo-tabs">
|
<el-tabs v-model="activeName" class="demo-tabs">
|
||||||
|
|
|
@ -2,20 +2,13 @@
|
||||||
<el-card>
|
<el-card>
|
||||||
<template #header>今日</template>
|
<template #header>今日</template>
|
||||||
<el-row class="flex">
|
<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="flex " style="flex:1" v-for="(item, index) in statisticLists" :key="index">
|
||||||
<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" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="text-info">{{ item.title }}</div>
|
<div class="text-info text-3xl">{{ item.title }}</div>
|
||||||
<div class="text-6xl">{{ item.value() }}</div>
|
<div class="text-3xl">{{ item.value() }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
@ -34,8 +27,8 @@
|
||||||
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
|
<img class="w-[50px] h-[50px] mr-2" :src="item.src" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="text-info">{{ item.title }}</div>
|
<div class="text-info text-3xl">{{ item.title }}</div>
|
||||||
<div class="text-6xl">{{ item.value() }}</div>
|
<div class="text-3xl">{{ item.value() }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
|
@ -11,13 +11,24 @@
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card :key="date">
|
<el-card :key="date">
|
||||||
<div class="flex flex-wrap">
|
<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">
|
<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" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="text-info">{{ item.title }}</div>
|
<div class="text-info text-3xl">{{ item.title }}</div>
|
||||||
<div class="text-6xl">{{ item.value() }}</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -103,34 +114,44 @@ const formData = ref({
|
||||||
|
|
||||||
|
|
||||||
const statisticLists = reactive([
|
const statisticLists = reactive([
|
||||||
|
|
||||||
{
|
{
|
||||||
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701552002039.png',
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
|
||||||
icon: 'RectangleCopy12',
|
title: "门店收款金额",
|
||||||
title: "核销订单金额",
|
|
||||||
value: () => {
|
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",
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701fbb680115.png',
|
||||||
icon: 'RectangleCopy12',
|
title: "门店营业额",
|
||||||
title: "余额消费金额",
|
|
||||||
value: () => {
|
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',
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701594ff8897.png',
|
||||||
title: "门店收益金额",
|
title: "门店收益金额",
|
||||||
icon: 'RectangleCopy12',
|
|
||||||
value: () => {
|
value: () => {
|
||||||
return String(formData.value.income_amount || 0)
|
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',
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717018a22e1161.png',
|
||||||
title: "线下收银订单金额",
|
title: "线下收银订单金额",
|
||||||
icon: 'RectangleCopy12',
|
|
||||||
value: () => {
|
value: () => {
|
||||||
return String(formData.value.cashier_amount || 0)
|
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',
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/202406041717013a08c6793.png',
|
||||||
title: "现金收银订单金额",
|
title: "现金收银订单金额",
|
||||||
icon: 'RectangleCopy12',
|
|
||||||
value: () => {
|
value: () => {
|
||||||
return String(formData.value.cash_amount || 0)
|
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',
|
src: 'https://ceshi-engineering.lihaink.cn/uploads/files/20240604/20240604171701469b91377.png',
|
||||||
title: "门店成交用户数",
|
title: "门店成交用户数",
|
||||||
icon: 'RectangleCopy12',
|
|
||||||
value: () => {
|
value: () => {
|
||||||
return String(formData.value.user_number || 0)
|
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)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
])
|
])
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue