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

@include('layouts.newTabs')
<div class="all">
    <div id="app">
        <panel>
            <statistics-card-title>
                数据情况
            </statistics-card-title>
            <ul class="statistics-overall">
                <li v-for="(statisticsItem,itemIndex) in statistics" :key="itemIndex">
                    <statistics-card colorful :count-color="statisticsItem['color']" :background="statisticsItem['background']" :border="false" :title="statisticsItem['title']" :tip="statisticsItem['tip']" :count="statisticsItem['counts']" :decimals="statisticsItem.decimals">
                    </statistics-card>
                </li>
            </ul>
        </panel>
        <panel>
            <el-row :gutter="20">
                <el-col :span="4">
                    <statistics-card :title="statisticsItem['title']" :tip="statisticsItem['tip']" :count="statisticsItem['counts']" v-for="(statisticsItem,itemIndex) in chartStatistics" :key="itemIndex" style="margin-bottom:15px;">
                    </statistics-card>
                </el-col>
                <el-col :span="20">
                    <panel-form inline style="text-align:right;">
                        <statistics-time-range @changed="incomeTimerangeChanged" :custom="true"></statistics-time-range>
                    </panel-form>
                    <div ref="incomeChart" style="width:100%;height:500px;"></div>
                </el-col>
            </el-row>

        </panel>
        <panel id="rankPanel">
            <statistics-card-title>[[ chartPanelTitle ]]</statistics-card-title>
            <el-table :data="rank.data">
                <el-table-column prop="rank" label="排名">
                    <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 :prop="columnItem.prop" :label="columnItem.label" v-for="columnItem in rankTableColumns" :key="columnItem.label"></el-table-column>
            </el-table>
            <el-row style="margin-top:20px;">
                <el-col align="right">
                    <el-pagination :total="rank.pagination.total" :page-size="rank.pagination.limit" :current-page="rank.pagination.pages" @current-change="getRankData"></el-pagination>
                </el-col>
            </el-row>
        </panel>
    </div>
</div>

<script>
    const GetSupplierOverallDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.get-supplier-statistic') !!}"; //* 获取供应商整体数据
    const GetStoreOverallDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.get-store-statistic') !!}"; //* 获取门店整体数据
    const GetCashierOverallDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.get-cashier-statistic') !!}"; //* 获取收银台整体数据

    const GetSupplierStatisticsDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.search-supplier-charts') !!}"; //* 获取供应商统计图数据
    const GetStoreStatisticsDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.search-store-charts') !!}"; //* 获取门店统计图数据
    const GetCashieStatisticsDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.search-cashier-charts') !!}"; //* 获取收银台统计图数据

    const GetSupplierRankDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.supplier-income-ranking') !!}"; //* 获取供应商排行数据
    const GetStoreRankDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.store-income-ranking') !!}"; //* 获取门店排行数据
    const GetCashieRankDataUrl = "{!! yzWebFullUrl('plugin.shop-statistics.backend.income.cashier-income-ranking') !!}"; //* 获取门店排行数据

    const cardImage1Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_1.png') !!}";
    const cardImage2Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_2.png') !!}";
    const cardImage3Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_3.png') !!}";
    const cardImage4Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_4.png') !!}";
    const cardImage5Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_5.png') !!}";
    const cardImage6Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_6.png') !!}";
    const cardImage7Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_7.png') !!}";
    const cardImage8Url = "{!! resource_get('plugins/shop-statistics/assets/images/statistics_card_8.png') !!}";
</script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/components.js')}}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/income.js')}}?timestamp={{ random_int(0,12) }}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/'.$type.'.js')}}"></script>
<script src="{{resource_get('plugins/shop-statistics/assets/js/common.js')}}"></script>
@endsection