This commit is contained in:
cun-nan 2024-07-29 17:24:21 +08:00
parent f0b030a64c
commit 0e5461017e
7 changed files with 68 additions and 42 deletions

View File

@ -308,7 +308,7 @@ export default {
<template>
<div class="container">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="110px">
<div class="top-box">
<!-- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">-->
<div>

View File

@ -42,7 +42,7 @@
</el-form>
<div class="wrap-boxs">
<div class="k_" id="k_1">
<div class="size_" style="margin-bottom: 0px">交易金额汇总数万元/交易笔数</div>
<div class="size_">交易金额汇总数万元/交易笔数</div>
<div class="title_">{{ orderStatistics.payMoney?orderStatistics.payMoney/10000:0 }}/{{ orderStatistics.count }}</div>
</div>
<div class="k_" id="k_2" v-for="item in orderStatistics.fenxiByDaili2ByData">
@ -351,8 +351,8 @@ export default {
}
.k_ {
width: 200px;
height: 80px;
width: 240px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
@ -375,14 +375,16 @@ export default {
#k_1 {
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2 {
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3 {

View File

@ -45,11 +45,11 @@
<!-- <el-card class="box-card">-->
<div class="wrap-boxs">
<div class="k_" id="k_1">
<div class="size_" style="margin-bottom: 0px">活跃油站汇总总数/合作油站汇总总数</div>
<div class="size_" >活跃油站汇总总数/合作油站汇总总数</div>
<div class="title_">{{ orderStatistics.storeId?orderStatistics.storeId:0 }}/{{orderStatistics.sumOil}}</div>
</div>
<div class="k_" id="k_2">
<div class="size_" style="margin-bottom: 0px">交易金额汇总数万元/交易笔数</div>
<div class="size_" >交易金额汇总数万元/交易笔数</div>
<div class="title_">{{ orderStatistics.payMoney?orderStatistics.payMoney:0 }}/{{orderStatistics.count}}</div>
</div>
<div class="k_" id="k_3">
@ -314,8 +314,8 @@ export default {
}
.k_ {
width: 200px;
height: 80px;
width: 250px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
@ -338,26 +338,30 @@ export default {
#k_1 {
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2 {
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3 {
background: url("../imgs/k3.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_4 {
background: url("../imgs/k4.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_5 {

View File

@ -307,7 +307,7 @@ export default {
.k_ {
width: 200px;
height: 80px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
@ -329,26 +329,30 @@ export default {
#k_1 {
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2 {
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3 {
background: url("../imgs/k3.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_4 {
background: url("../imgs/k4.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_5 {

View File

@ -332,7 +332,7 @@ import {parseTime} from "@/utils/fuint";
}
.k_{
width: 200px;
height: 80px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
@ -351,28 +351,33 @@ import {parseTime} from "@/utils/fuint";
}
#k_1{
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2{
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3{
background: url("../imgs/k3.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_4{
background: url("../imgs/k4.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_5{
background: url("../imgs/k5.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_6{
background: url("../imgs/k6.png");

View File

@ -316,7 +316,7 @@ import {parseTime} from "@/utils/fuint";
}
.k_{
width: 200px;
height: 80px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 16px 10px;
@ -335,23 +335,27 @@ import {parseTime} from "@/utils/fuint";
}
#k_1{
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2{
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3{
background: url("../imgs/k3.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_4{
background: url("../imgs/k4.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_5{
background: url("../imgs/k5.png");

View File

@ -24,15 +24,15 @@
<div class="wrap-box">
<div class="k_" id="k_1">
<div class="size_">会员总数</div>
<div class="title_">{{orderStatistics.sumnum}}</div>
<div class="title_">{{orderStatistics.sumnum || 0}}</div>
</div>
<div class="k_" id="k_2">
<div class="size_">累计充值金额万元</div>
<div class="title_">{{orderStatistics.tongjMoney}}</div>
<div class="title_">{{orderStatistics.tongjMoney || 0}}</div>
</div>
<div class="k_" id="k_3">
<div class="size_">会员总消费万元</div>
<div class="title_">{{orderStatistics.tongjXfMoney}}</div>
<div class="title_">{{orderStatistics.tongjXfMoney || 0}}</div>
</div>
<div class="k_" id="k_4">
<div class="size_">会员总余额万元</div>
@ -48,7 +48,7 @@
</div>
<div class="k_" id="k_7">
<div class="size_">累计储值卡余额 </div>
<div class="title_">{{orderStatistics.balanceSum}}</div>
<div class="title_">{{orderStatistics.balanceSum || 0}}</div>
</div>
</div>
</el-card>
@ -245,7 +245,7 @@ import {getFenXiUserbalanceDataApi, getFenXiUserbalanceListApi} from "@/api/fina
}
.k_{
width: 200px;
height: 80px;
height: 75px;
margin-right: 20px;
box-sizing: border-box;
padding: 15px 10px;
@ -264,37 +264,44 @@ import {getFenXiUserbalanceDataApi, getFenXiUserbalanceListApi} from "@/api/fina
}
#k_1{
background: url("../imgs/k1.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_2{
background: url("../imgs/k2.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_3{
background: url("../imgs/k3.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_4{
background: url("../imgs/k4.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_5{
background: url("../imgs/k5.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_6{
background: url("../imgs/k6.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
#k_7{
background: url("../imgs/k7.png");
background-size: cover; /* 背景图片铺满盒子 */
background-repeat: no-repeat; /* 禁止背景图片重复 */
background-size:100% 100%;
box-sizing: border-box;
}
</style>