hemall.terabimsoft.com.cn/plugins/shop-statistics/views/backend/point.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')}}">

<div class="all">
    <div id="app">
        <panel>
            <statistics-card-title>
                数据情况
            </statistics-card-title>
            <ul class="statistics-overall">
                <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.usePoint">
                    </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.usedPoint">
                    </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.pointGivenCount">
                    </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.pointRechargeCount">
                    </statistics-card>
                </li>
            </ul>
        </panel>
        <panel>
            <el-row :gutter="20">
                <el-col :span="4">
                    <statistics-card :title="statisticsItem.title" :tip="statisticsItem.tip" :count="statisticsItem.count" v-for="statisticsItem in pointStatistics.data" :key="statisticsItem.title" style="margin-bottom:15px;" :decimals="statisticsItem.decimals">
                    </statistics-card>
                </el-col>
                <el-col :span="20">
                    <panel-form inline style="text-align: right;">
                        <el-form-item>
                            <el-date-picker v-model="pointStatistics.dataTime" type="date" placeholder="选择日期" @change="getPointStatisticsData">
                            </el-date-picker>
                        </el-form-item>
                    </panel-form>
                    <div ref="pointChart" style="width:100%;height:500px;"></div>
                </el-col>
            </el-row>
        </panel>
        <panel>
            <statistics-card-title>
                会员积分使用情况排名
                <panel-form inline slot="right">
                    <el-form-item>
                        <el-select v-model="pointRank.search.type">
                            <el-option :value="1" label="会员id"></el-option>
                            <el-option :value="2" label="手机昵称"></el-option>
                            <el-option :value="3" label="手机号"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item>
                        <el-input placholder="会员id" v-model="pointRank.search.value"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" plain @click="searchMemberPointUseData" :loading="pointRank.loading">搜索</el-button>
                    </el-form-item>
                </panel-form>
            </statistics-card-title>
            <el-table :data="pointRank.data">
                <el-table-column label="排行" prop="rank" width="100">
                    <template slot-scope="scope">
                        <div class="member-rank" :data-rank="scope.row.rank" plain mini>
                            [[ scope.row.rank ]]
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="会员id" prop="uid" width="100"></el-table-column>
                <el-table-column label="会员昵称/手机号" prop="nickname" width="400">
                    <template slot-scope="scope">
                        <div class="member-info">
                            <el-avatar class="member-avatar" :src="scope.row.avatar"></el-avatar>
                            [[ scope.row.nickname ]] / [[ scope.row.mobile ]]
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="可使用积分" prop="usePoint"></el-table-column>
                <el-table-column label="已使用积分" prop="usedPoint"></el-table-column>
                <el-table-column label="已赠送积分" prop="givenPoint"></el-table-column>
                <el-table-column label="充值积分" prop="recharge"></el-table-column>
            </el-table>
            <el-row style="margin-top:20px;">
                <el-col align="right">
                    <el-pagination :current-page="pointRank.pagination.pages" :total="pointRank.pagination.total" :page-size="pointRank.pagination.limit" @current-change="getPointUseData"></el-pagination>
                </el-col>
            </el-row>
        </panel>
    </div>
</div>

<script>
    const GetPointOverallDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.point.get-point-statistic') !!}"; //* 获取整体数据
    const GetPointStatisticsDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.point.search-point-statistic') !!}"; //* 获取积分统计数据
    const GetPointUseDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.point.search-point-ranking') !!}"; //* 获取积分使用情况数据
</script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/components.js')}}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/point.js')}}?timestamp={{ time() }}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/common.js')}}"></script>
@endsection