qimall/addons/Happiness/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="100" 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 v-if="scope.row.money>0" circle size="mini" type="text" @click="showDrawer(true, scope.row.detail)">
                    商品明细
                </el-button>
                <el-button v-if="scope.row.money==0" circle size="mini" type="text" @click="select(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>
    <com-dialog-screen-select ref="selectGoods" :multiple="true" :url="get_can_set_give_goods_list"
                              @selected="goodsSelect"
                              title="商品选择">
    </com-dialog-screen-select>

    <el-drawer title="商品明细" :visible.sync="is_show_drawer" direction="rtl" size="33%">
        <el-table :data="drawer_data">
            <el-table-column property="goods_id" label="商品ID"></el-table-column>
            <el-table-column property="goods_name" label="商品名称"></el-table-column>
            <el-table-column property="num" label="数量" width="50"></el-table-column>
            <el-table-column property="info" label="规格信息" min-width="180">
                <template slot-scope="scope">
                    <div style="display:flex">
                        <div style="max-width:60px">
                            <el-image class=" circle" :src="scope.row.pic_url"></el-image>
                        </div>
                        <div style="display: flex; align-items:center">
                            <div>
                                <span> 规格: </span><span>{{scope.row.goods_attr_name ? scope.row.goods_attr_name : '默认'}}</span>
                            </div>
                        </div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column property="price" label="售价"></el-table-column>
        </el-table>
    </el-drawer>
</div>