qimall/addons/Happiness/backend/views/store-expenses/detail.php

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0;min-width: 1000px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <span>支出统计</span>
        </div>
        <div class="table-body">

            <el-table :data="list" stripe v-loading="loading" size="small" style="margin-bottom: 15px; width: 100%">

                <el-table-column prop="store_info" label="小店名称" width="200">
                    <template slot-scope="scope">
                        <com-image style="float: left;margin-right: 10px;" mode="aspectFill" :src="scope.row.store.logo_img"></com-image>
                        <div>{{scope.row.store.store_name}}</div>
                    </template>
                </el-table-column>

                <el-table-column prop="order_no" label="订单编号" width="180" align="center"></el-table-column>
                <el-table-column label="小店收益" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.store_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column label="分享奖励" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.share_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column prop="promotion_money" label="推广奖励" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.promotion_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column prop="agent_money" label="代理奖励" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.agent_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column prop="fans_money" label="锁定奖励" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.fans_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column prop="pension_money" label="养老金" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.pension_money}}</div>
                    </template>
                </el-table-column>
                <el-table-column prop="pv_money" label="PV值" align="center">
                    <template slot-scope="scope">
                        <div>￥{{scope.row.pv_money}}</div>
                    </template>
                </el-table-column>

            </el-table>
            <div style="text-align: right;margin: 20px 0;">
                <el-pagination @current-change="pagination" background layout="prev, pager, next" :page-count="pageCount"></el-pagination>
            </div>
        </div>
    </el-card>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                user_id: 0,
                search_data: {},
                list: [],
                page: 1,
                pageCount: 0,
                listLoading: false
            };
        },
        mounted: function() {
            this.getList();
        },
        created: function() {
            this.user_id = getQuery('user_id');
        },
        computed: {

        },
        methods: {
            getList() {
                let self = this;
                let basic_params = {
                    r: 'happiness/store-expenses/detail',
                    page: self.page,
                    user_id: self.user_id,
                };
                params = Object.assign(basic_params, this.search_data);
                if (self.listLoading === false) {
                    self.listLoading = true;
                    request({
                        params: params,
                        method: 'get',
                    }).then(e => {
                        self.listLoading = false;
                        if (e.data.code === 0) {
                            self.list = e.data.data.list;
                            self.pageCount = e.data.data.page_count;
                        } else {
                            self.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        self.$message.error(e.data.msg);
                        self.listLoading = false;
                    });
                }
            },
        }
    })
</script>