hemall.terabimsoft.com.cn/plugins/shop-statistics/views/backend/member_income.blade.php

<script src="{{static_url('js/echarts.js')}}" type="text/javascript"></script>
@extends('layouts.base')
@section('title', '会员收入统计')
<script src="{{resource_get('plugins/shop-statistics/assets/js/echarts.min.js')}}"></script>
@section('content')
<link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}" />
<link rel="stylesheet" href="{{resource_get('plugins/shop-statistics/assets/css/common.css')}}">
<link rel="stylesheet" href="{{resource_get('plugins/shop-statistics/assets/css/statistics.css?time='.time())}}">
<style>
.keyword-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50px;
  line-height: 1;
  margin-left: 10px;
  text-align: left;
}
.keyword-card .keyword-card-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.export-income {
    border: solid 1px #29ba9c;
    color: #29ba9c;
}
</style>
<div class="all">
    <div id="app">
        <panel >
            <!-- <statistics-card-title>
                数据情况
            </statistics-card-title> -->
            <ul class="statistics-overall">
                <li>
                    <statistics-card colorful count-color="#fba04b" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_7.png') !!}" :border="false" title="累计收入: 元" tip="系统产生的所有收入明细总和，等于已提现收入+未提现收入" :count="overall.grand_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#43bae0" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_8.png') !!}" :border="false" title="已提现收入: 元" tip="系统发起的所有已提现的收入记录总和，等于未审核提现收入+无效提现收入+未打款提现收入+已打款提现收入" :count="overall.grand_withdraw_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#28b183" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_4.png') !!}" :border="false" title="未提现收入: 元" tip="等于累计收入-已提现收入" :count="overall.grand_no_withdraw_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#da9a01" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_6.png') !!}" :border="false" title="累计劳务税: 元" tip="未审核收入+未打款收入+已打款收入部分扣除的劳务税总和" :count="overall.grand_service" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#4652a9" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_2.png') !!}" :border="false" title="累计提现手续费: 元" tip="未审核收入+未打款收入+已打款收入部分扣除的手续费总和" :count="overall.grand_poundage" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#f26163" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_1.png') !!}" :border="false" title="未审核提现收入: 元" tip="已提现收入中后台未审核的收入总和" :count="overall.grand_no_audit_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#36c3a7" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_5.png') !!}" :border="false" title="无效提现收入" tip="已提现收入中审核时判定为无效的收入总和" :count="overall.grand_invalid_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#43bae0" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_3.png') !!}" :border="false" title="未打款提现收入" tip="已提现收入中通过审核但是未打款的收入总和" :count="overall.grand_no_pay_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#4652a9" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_9.png') !!}" :border="false" title="已打款提现收入" tip="已提现收入中已经通过审核并且已经打款的收入总和" :count="overall.grand_payed_income" :decimals="2">
                    </statistics-card>
                </li>
                <li>
                    <statistics-card colorful count-color="#4652a9" background="{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_10.png') !!}" :border="false" title="已驳回提现收入" tip="提现后审核过程中被驳回的收入，驳回后转入未提现收入" :count="overall.grand_rebut_income" :decimals="2">
                    </statistics-card>
                </li>
            </ul>
        </panel>
        <panel>

            <el-row :gutter="20">
                <el-col :span="4">
                    <statistics-card :title="dataItem.title" :tip="dataItem.tip" :count="dataItem.count" v-for="dataItem in memberIncome.data" :key="dataItem.key" style="margin-bottom:15px;">
                    </statistics-card>
                </el-col>
                <el-col :span="20">
                    <panel-form inline style="text-align:right;">
                        <statistics-time-range @changed="getCouponStatisticsData"></statistics-time-range>
                    </panel-form>
                    <div ref="couponChart" style="margin-top:20px;width:100%;height:575px;"></div>
                </el-col>
            </el-row>
        </panel>
        <panel id="couponRankPanel">
            <statistics-card-title>
                会员收入汇总
            </statistics-card-title>
            <panel-form :inline="true">
                <el-form-item label="">
                    <el-input v-model="search.member_id" placeholder="会员ID"></el-input>
                </el-form-item>
                <el-form-item label="">
                    <el-input v-model="search.member" placeholder="昵称/姓名/手机号"></el-input>
                </el-form-item>
                <el-form-item label="">
                    <el-date-picker  value-format="timestamp" v-model="date" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
                </el-form-item>  
                <el-form-item label="">
                    <el-button type="primary" @click="selectField">选择列表字段</el-button>
                </el-form-item>
                <el-form-item label="">
                    <el-button type="primary" @click="getCouponRankData(1)">搜索</el-button>
                </el-form-item>
                <el-form-item label="">
                    <el-button plain class="export-income" @click="exportData">导出</el-button>
                </el-form-item>
            </panel-form>
            <el-table :data="memberIncomeRank.data">
                <el-table-column  label="排名" align="center">
                    <template slot-scope="scope">
                        <div class="member-rank" plain mini :data-rank="scope.row.rank" round mini>[[ scope.row.rank ]]</div>
                    </template>
                </el-table-column>
                <el-table-column  label="会员头像/昵称/手机号" prop="keyword" align="center" width="200">
                    <template slot-scope="scope">
                        <div style="display: flex;justify-content: flex-start;">
                            <img :src="scope.row.member !== null ? scope.row.member.avatar_image : ''" alt="" style="width: 50px;height: 50px;">
                            <div class="keyword-card">
                                <span class="keyword-card-name">[[scope.row.member !== null ? scope.row.member.nickname : '']]</span>
                                <span>[[scope.row.member !== null ? scope.row.member.mobile : '']]</span>
                            </div>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="累计收入" prop="grand_income" align="center"></el-table-column>
                <el-table-column prop="withdrawalIncome" align="center">
                    <template slot="header" slot-scope="scope">
                        <div>未提现收入</div>
                        <div>已提现收入</div>
                    </template>
                    <template slot-scope="scope">
                        <div>[[scope.row.grand_no_withdraw_income]]</div>
                        <div>[[scope.row.grand_withdraw_income]]</div>
                    </template>
                </el-table-column>
                <el-table-column prop="allIncome" align="center">
                    <template slot="header" slot-scope="scope">
                        <div>劳务税总和</div>
                        <div>手续费总和</div>
                    </template>
                    <template slot-scope="scope">
                        <div>[[scope.row.withdraw !== null ? scope.row.withdraw.grand_service : '']]</div>
                        <div>[[scope.row.withdraw !== null ? scope.row.withdraw.grand_poundage : '']]</div>
                    </template>
                </el-table-column>
                <el-table-column align="center" :prop="columnItem.type" :label="columnItem.title" v-for="(columnItem,columnIndex) in selectFielList" :key="columnIndex"></el-table-column>
                <el-table-column label="收入明细" align="center">
                    <template slot-scope="scope">
                        <el-button type="primary"  size="mini" @click="goIncomeDetail(scope.row.member_id)">收入详情</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-row style="margin-top:20px;">
                <el-col align="right">
                    <el-pagination :total="memberIncomeRank.pagination.total" :page-size="memberIncomeRank.pagination.limit" :current-page="memberIncomeRank.pagination.pages" @current-change="getCouponRankData"></el-pagination>
                </el-col>
            </el-row>
        </panel>
        <field-dialog v-if="dialogVisible" :select-fiel-list="selectFielList" :choose_income="choose_income" :field-dialog-visible="dialogVisible" @checkfiellist="getCheckFielList" :income_comment="income_comment"></field-dialog>
    </div>
</div>
<script>
    const GetIncomeOverallDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.member-income.statistics') !!}"; 
    const GetIncomeStatisticsDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.member-income.chart') !!}"; 
    const GetIncomeRankDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.member-income.income-list') !!}"; 
    const GetExportDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.member-income.export-list') !!}";
    const GoIncomeDetailUrl = "{!! yzWebFullUrl('income.income-records.index') !!}";
</script>
@include('Yunshop\ShopStatistics::backend.field_dialog')
<script src="{{resource_get('plugins/shop-statistics/assets/js/components.js')}}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/member_income.js')}}?timestamp={{ time() }}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/common.js')}}"></script>
@endsection