chuangte/easypay-admin
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页渠道统计调整

Browse Source
This commit is contained in:
邱贞招 2024-02-05 09:55:21 +08:00
parent b6feb2c011
commit dab9cd1be6
2 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/statistic/channel/components/channel.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="divBox" style="padding-top: 0"> <div class="divBox" style="padding-top: 0">
<el-card class="box-card"> <el-card class="box-card">
<div class="flex justify-between mb46"> <div class="flex justify-between mb46 padtop20">
<div class="header_title">渠道状况</div> <div class="header_title">渠道状况</div>
<div class="acea-row"> <div class="acea-row">
<div class="mr-20"> <div class="mr-20">
@ -41,8 +41,8 @@
<el-button type="default" size="small" icon="el-icon-upload2" @click="exports">导出</el-button> <el-button type="default" size="small" icon="el-icon-upload2" @click="exports">导出</el-button>
</div> </div>
</div> </div>
<div class="flex flex-wrap mb20" v-if="checkPermi(['admin:statistics:channel:overview'])"> <div class="flex flex-wrap" v-if="checkPermi(['admin:statistics:channel:overview'])">
<div class="infoBox acea-row mb30" v-for="(item, index) in list" :key="index"> <div class="infoBox acea-row" v-for="(item, index) in list" :key="index">
<div class="iconCrl mr15" :class="item.class"> <div class="iconCrl mr15" :class="item.class">
<i :class="item.icon" class="iconfont" :style="{ color: item.color }"></i> <i :class="item.icon" class="iconfont" :style="{ color: item.color }"></i>
</div> </div>
@ -66,13 +66,13 @@
</div> </div>
</div> </div>
</div> </div>
<echarts-new <!-- <echarts-new-->
:option-data="optionData" <!-- :option-data="optionData"-->
:styles="style" <!-- :styles="style"-->
height="100%" <!-- height="100%"-->
width="100%" <!-- width="100%"-->
v-if="optionData && checkPermi(['admin:statistics:channel:trend'])" <!-- v-if="optionData && checkPermi(['admin:statistics:channel:trend'])"-->
></echarts-new> <!-- ></echarts-new>-->
</el-card> </el-card>
</div> </div>
</template> </template>
@ -231,14 +231,14 @@ export default {
class: 'five', class: 'five',
list: { num: res.totalConversionRatio, percent: res.balanceAmountRatio }, list: { num: res.totalConversionRatio, percent: res.balanceAmountRatio },
}, },
{ // {
name: '回款率', // name: '回款率',
icon: 'iconzhifuyongjinjine1', // icon: 'iconzhifuyongjinjine1',
info: '该渠道下的所有用户回款金额 / 该渠道下的所有用户分期金额', // info: '该渠道下的所有用户回款金额 / 该渠道下的所有用户分期金额',
color: '#EF9C20', // color: '#EF9C20',
class: 'six', // class: 'six',
list: { num: res.totalReturnRate, percent: res.payoutBrokerageAmountRatio }, // list: { num: res.totalReturnRate, percent: res.payoutBrokerageAmountRatio },
} // }
// { // {
// name: '商品退款金额', // name: '商品退款金额',
// icon: 'iconshangpintuikuanjine', // icon: 'iconshangpintuikuanjine',
@ -493,7 +493,9 @@ export default {
width: 50%; width: 50%;
} }
} }
.padtop20{
padding-top: 20px;
}
.info { .info {
.sp1 { .sp1 {
color: #666; color: #666;

2
src/views/statistic/channel/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class=""> <div class="">
<to-day></to-day> <!-- <to-day></to-day>-->
<channel-from></channel-from> <channel-from></channel-from>
</div> </div>
</template> </template>