qimall/addons/Store/client/views/finance/withdrawal-log.php

<div class="table-body">
    <el-form ref="form" style="margin-bottom: 10px;" :model="searchData" label-width="96px" size="mini">
        <el-row :gutter="36">
            <el-col :span="10" 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="5" style="padding-left: 0;" class="top_form">
                <el-form-item label="状态">
                    <el-select size="small" v-model="searchData.withdraw_status" @change='search' class="select">
                        <el-option label="待打款" value="0"></el-option>
                        <el-option label="已打款" value="1"></el-option>
                        <el-option label="驳回" value="2"></el-option>
                        <el-option label="失败" value="3"></el-option>
                    </el-select>
                </el-form-item>
            </el-col>
            <el-col :span="5" style="padding-left: 0;" class="top_form">
                <el-button type="primary" size="small" icon="el-icon-search" @click="search" class="search_button">搜索</el-button>
            </el-col>
        </el-row>
    </el-form>

    <el-table :data="withdrawLogList" stripe style="width: 100%" v-loading="listLoading">
        <el-table-column prop="created_at" min-width="180" label="申请时间" align="center">
            <template slot-scope="scope">
                {{scope.row.created_at|dateTimeFormat('Y-m-d H:i:s')}}
            </template>
        </el-table-column>
        <el-table-column prop="num" label="金额(元)" min-width="100" align="center"></el-table-column>
        <el-table-column prop="poundage_num" label="手续费(元)" min-width="100" align="center"></el-table-column>
        <el-table-column prop="withdraw_status" label="状态" min-width="150" align="center">
            <template slot-scope="scope">
                <div v-if="scope.row.withdraw_status == '0'">待打款</div>
                <div v-if="scope.row.withdraw_status == '1'">已打款</div>
                <div v-if="scope.row.withdraw_status == '2'">驳回</div>
                <div v-if="scope.row.withdraw_status == '3'">失败</div>
            </template>
        </el-table-column>
        <!-- <el-table-column prop="withdraw_status" label="类型" min-width="150" align="center">
        <el-table-column prop="remark" label="备注" min-width="100" align="center"></el-table-column>
        <el-table-column prop="withdraw_status" label="类型" min-width="150" align="center">
            <template slot-scope="scope">
                <div v-if="scope.row.type == 'balance'">提现到余额</div>
                <div v-if="scope.row.type == 'bank'">
                    {{scope.row.extra.username}} {{scope.row.extra.bank}} {{scope.row.extra.card_no}}
                </div>
            </template>
        </el-table-column> -->
        <el-table-column label="账户信息" min-width="200" align="center">
            <template slot-scope="scope" v-if="scope.row.type == 'balance'">
                <div>提现到余额</div>
            </template>
            <template slot-scope="scope">
                <template v-if="scope.row.type == 'wechat'">
                    <div style="text-align: center"> 微信收款码
                        <br>
                        <el-image @click.stop="handleClickItem" :src="scope.row.extra.wechat_qrcode" :preview-src-list="[scope.row.extra.wechat_qrcode]" style="height: 80px;width: 80px;">
                        </el-image>
                    </div>
                </template>
                <template v-if="scope.row.type == 'alipay' || scope.row.type == 'alipay_tax'">
                    <div>支付宝姓名:{{scope.row.extra.name}}</div>
                    <div>支付宝账号:{{scope.row.extra.mobile}}</div>
                </template>
                <template v-if="scope.row.type == 'bank'">
                    <div>开户人:{{scope.row.extra.name}}</div>
                    <div>银行卡号:{{scope.row.extra.bank_account}}</div>
                    <div>开户行:{{scope.row.extra.bank_name}}</div>
                </template>


                <template v-if="scope.row.type == 'joinpay'">
                    <div v-if="scope.row.extra.bank_account_type==1">账户类型:对私账户</div>
                    <div v-if="scope.row.extra.bank_account_type==2">账户类型:对公账户</div>
                    <div>持卡人:{{scope.row.extra.name}}</div>
                    <div>银行卡号:{{scope.row.extra.bank_account}}</div>
                </template>
            </template>

        </el-table-column>

    </el-table>
    <!--工具条 批量操作和分页-->
    <div style="display: flex; margin-top: 20px;">
        <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>