@{
    Layout = null;
}

<div v-if="client.id>0">
    <div class="row m-0">
        <div class="col">银行账号列表</div>
        <div class="col-auto" style="min-width:300px;">
            <button class="btn btn-primary" type="button" v-on:click="addBankCard" v-if="page.canEditList">新增银行账号</button>
            <button class="btn btn-primary" type="button" v-on:click="refreshBankCards" title="重新加载银行卡信息列表"><i class="fa fa-refresh"></i></button>
        </div>
    </div>

    <table class="table table-client mt-4">
        <thead>
            <tr>
                <th>开户行</th>
                <th>银行账号</th>
                <th>大额行号</th>
                <th>户名</th>
                <th>是否有效</th>
                <th>操作者</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in bankcardList">
                <td style="width: 212px; padding-left: 0px; padding-right: 0px; ">{{item.Bank}}</td>
                <td style="width: 119px; padding-left: 0px; padding-right: 0px; " class="text-red">{{formatCardNum(item.Card)}}</td>
                <td style="width: 60px; padding-left: 0px; padding-right: 0px; ">{{item.Payment}}</td>
                <td style="width: 250px; padding-left: 0px; padding-right: 0px; ">{{item.ClientName}}</td>
                <td style="width: 30px; padding-left: 0px; padding-right: 0px; ">{{item.ValidState == "InValid" ? "否" : "是"}}</td>
                <td style="width: 30px; padding-left: 0px; padding-right: 0px; ">{{item.OptName}}</td>
                <td style="width: 20px; padding-left: 0px; padding-right: 0px; ">{{item.Comments}}</td>
                <td style="width: 80px; padding-left: 0px; padding-right: 0px; ">
                    <template v-if="page.canEditList">
                        <button style="min-width: 35px; display: inline-block; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;" class="btn btn-primary btn-sm mr-2" type="button" v-on:click="editBankCard(item.EncryptId)">编辑</button>
                        <button style="min-width: 35px; display: inline-block; font-size: 12px; height: 22px; line-height: 16px; padding: 2px 2px 2px 2px;" class="btn btn-primary btn-sm" type="button" v-on:click="removeBankCard(item.EncryptId)">删除</button>
                    </template>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div v-else>
    <div class="alert alert-danger">请先保存用户基本信息</div>
</div>