qimall/addons/Store/client/views/cash/collection-log.php

<div class="table-body">
    <el-form ref="form" style="margin-bottom: 10px;" :model="searchData" label-width="96px" size="mini">
        <el-row :gutter="24">
            <el-col :span="8" style="padding-left: 0;" class="top_form">
                <el-form-item label="会员">
                    <el-input @keyup.enter.native="loadData" size="small" placeholder="请输入会员名称" v-model="searchData.keyword" clearable>
                    </el-input>
                </el-form-item>
            </el-col>
            <el-col :span="8" style="padding-left: 0;" class="top_form">
                <el-form-item label="付款时间">
                    <el-date-picker style="margin-top: 1px;" @change="changeTime" v-model="datetime" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
                </el-form-item>
            </el-col>
            <el-col :span="8" style="padding-right: 0;">
                <el-form-item label="实付金额" class="value_input">
                    <el-input v-model="searchData.min">
                        <template slot="append">元</template>
                    </el-input>
                    <span style="margin: 0 5px;">-</span>
                    <el-input v-model="searchData.max">
                        <template slot="append">元</template>
                    </el-input>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row :gutter="24">
            <el-col :span="5" style="padding-left: 0;" class="top_form">
                <el-button type="primary" size="small" icon="el-icon-search" @click="search" style="padding: 9px 15px !important;">搜索</el-button>
                <com-export-dialog-syn :field_list='exportList' :action_url='export_url' :params="searchData">
                </com-export-dialog-syn>
            </el-col>
        </el-row>
    </el-form>

    <el-table :data="list"  v-loading="loading" size="small" style="margin-bottom: 15px;">
        <el-table-column prop="user_id" min-width="30" label="会员ID" align="center"></el-table-column>
        <el-table-column label="会员信息" align="center" width="200">
            <template slot-scope="scope">
                <div class="user_img" flex="cross:center">
                    <el-image class="default-avatar" v-if="scope.row.user" :src="scope.row.user.avatar_url">
                        <div slot="error" class="image-slot">
                            <com-image src="resources/img/mall/default_avatar_url.png"></com-image>
                        </div>
                    </el-image>
                    <div v-if="scope.row.user">{{scope.row.user.nickname}}<br/>{{scope.row.user.mobile}}</div>
                </div>
            </template>
        </el-table-column>
        <el-table-column prop="order_no"  label="订单编号" width="220" align="center"></el-table-column>

        <el-table-column label="付款时间" align="center">
            <template slot-scope="scope">
                {{scope.row.pay_time|dateTimeFormat('Y-m-d H:i:s')}}
            </template>
        </el-table-column>
        <el-table-column label="应付金额" prop="money" align="center">
            <template slot-scope="scope">
                <div>{{scope.row.money}}</div>
            </template>
        </el-table-column>
        <el-table-column label="实付金额" prop="pay_money" align="center"></el-table-column>
        <el-table-column label="优惠信息" prop="extra" align="center"></el-table-column>
        <el-table-column label="实收金额" prop="amount_received" align="center"></el-table-column>
        <el-table-column label="佣金" prop="commission" align="center"></el-table-column>
        <el-table-column label="备注" prop="remark" align="center"></el-table-column>
        <el-table-column label="操作" width="180" align="center">
            <template slot-scope="scope">
                <el-button circle size="mini" type="text" @click="handle(scope.row)">
                    分润明细
                </el-button>


            </template>
        </el-table-column>
    </el-table>
    <!--工具条 批量操作和分页-->
    <div style="display: flex;">
        <el-col :span="24" class="toolbar">
            <el-pagination v-if="pagination" style="float: right;" background @current-change="pageChange" layout="prev, pager, next" :page-count="pageCount">
            </el-pagination>
        </el-col>
    </div>
</div>
<el-dialog class="fenRunData" title="分润明细" :visible.sync="dialogTableVisible_fenRun">
    <el-tabs v-model="activeNames" @tab-click="commissionHandleClick">
        <el-tab-pane label="佣金" name="commission">
            <el-table :data="fenRunData">
                <el-table-column label="支付客户ID">
                    <template slot-scope="scope">
                        <div class="table-info-img-text">
                            <div class="table-info-text">
                                <div>{{scope.row.user_id}}</div>
                            </div>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="支付客户姓名">
                    <template slot-scope="scope">
                        <div class="table-info-img-text">
                            <el-image class="table-info-img circle" :src="scope.row.avatar_url">
                                <div slot="error" class="image-slot">
                                    <el-image class="table-info-img" src="/resources/img/common/default-avatar.png"></el-image>
                                </div>
                            </el-image>
                            <div class="table-info-text">
                                <div>{{scope.row.nickname}}</div>
                            </div>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column property="change_num" label="佣金"></el-table-column>
                <el-table-column property="is_frozen" label="状态"></el-table-column>
            </el-table>
        </el-tab-pane>
        <el-tab-pane label="积分" name="score">
            <el-table :data="fenRunData">
                <el-table-column label="支付客户ID">
                    <template slot-scope="scope">
                        <div class="table-info-img-text">
                            <div class="table-info-text">
                                <div>({{scope.row.user_id}}</div>
                            </div>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="支付客户姓名">
                    <template slot-scope="scope">
                        <div class="table-info-img-text">
                            <el-image v-if="scope.row.avatar_url" class="table-info-img circle" :src="scope.row.avatar_url">
                                <div slot="error" class="image-slot">
                                    <el-image class="table-info-img" src="/resources/img/common/default-avatar.png"></el-image>
                                </div>
                            </el-image>
                            <div class="table-info-text">
                                <div v-if="scope.row.nickname">{{scope.row.nickname}}</div>
                            </div>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column property="change_num" label="积分"></el-table-column>
                <el-table-column property="is_frozen" label="状态"></el-table-column>
            </el-table>
        </el-tab-pane>
    </el-tabs>

</el-dialog>