qimall/addons/Mch/client/views/finance/withdrawal-edit.php

<el-row>
    <el-col :span="24">
        <div class="form-body">
            <el-form :model="basicForm" ref="basicForm" :rules="basicFormRules" label-width="172px" style="position: relative" size="small">
                <el-form-item label="提现类型" prop="withdrawal_type">
                    <template>
                        <el-radio v-model="basicForm.withdrawal_type" :label="item.type" v-for="(item,i) in cash_type_name">
                            {{item.name}}</el-radio>
                    </template>
                </el-form-item>
                <template v-if="basicForm.withdrawal_type=='balance'">
                    <el-form-item label="提现到余额" prop="withdrawal_type">
                    <el-image style="height:50px;width:50px;border-radius: 50%;margin-right: 20px;" :src="basicForm.user.avatar_url?basicForm.user.avatar_url:'/resources/img/common/default-avatar.png'" lazy></el-image>
                        <div class="user_name">
                                {{basicForm.user.nickname}}
                        </div>
                        <div class="user_name">
                                {{basicForm.user.mobile}}
                        </div>
                    </el-form-item>
                </template>
                <template v-else-if="basicForm.withdrawal_type=='alipay_offline'">
                        <el-form-item label="支付宝真实姓名">
                            <el-input v-model="basicForm.name" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="支付宝绑定的手机号">
                            <el-input v-model="basicForm.mobile" autocomplete="off"></el-input>
                        </el-form-item>
<!--                        <el-form-item label="支付宝身份证号码">-->
<!--                            <el-input v-model="basicForm.id_card" autocomplete="off"></el-input>-->
<!--                        </el-form-item>-->
                </template>
                <template v-else-if="basicForm.withdrawal_type=='alitopay'">
                    <el-form-item label="支付宝真实姓名">
                        <el-input v-model="basicForm.name" autocomplete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="支付宝绑定的手机号">
                        <el-input v-model="basicForm.mobile" autocomplete="off"></el-input>
                    </el-form-item>
                    <!--                        <el-form-item label="支付宝身份证号码">-->
                    <!--                            <el-input v-model="basicForm.id_card" autocomplete="off"></el-input>-->
                    <!--                        </el-form-item>-->
                </template>
                <template v-else-if="basicForm.withdrawal_type=='alipay_tax'">

                        <el-form-item label="支付宝真实姓名">
                            <el-input v-model="basicForm.name" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="支付宝绑定的手机号" >
                            <el-input v-model="basicForm.mobile" autocomplete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="支付宝身份证号码">
                            <el-input v-model="basicForm.id_card" autocomplete="off"></el-input>
                        </el-form-item>
                </template>
                <template v-else-if="basicForm.withdrawal_type=='auto'"></template>
                <template v-else-if="basicForm.withdrawal_type=='wechat'">
                        <el-form-item label="凭证">
                            <com-attachment v-if="!basicForm.wechat_qrcode" :multiple="false" :max="1" type="images" @selected="wechatQrcode">
                                <div class="card-upload">
                                    <i class="el-icon-plus"></i>
                                </div>
                            </com-attachment>
                            <div class="card-coverimg" v-else>
                                <el-image style="width: 80px; height: 80px" :src="basicForm.wechat_qrcode"></el-image>
                                <el-button @click="delPic('wechat_qrcode')" class="icon-close" type="primary" size="mini" icon="el-icon-close" circle></el-button>
                            </div>
                        </el-form-item>
                        <el-form-item label="备注">
                            <el-input v-model="basicForm.content" autocomplete="off"></el-input>
                        </el-form-item>

                </template>
                <template v-if="basicForm.withdrawal_type=='bank'">
                    <el-form-item label="" prop="withdrawal_type">
                        <el-table ref="singleTable" :data="basicForm.store_banks" highlight-current-row @current-change="handleCurrentChange" style="width: 100%">
                            <el-table-column property="username" label="开户名" width="120"></el-table-column>
                            <el-table-column property="bank" label="开户银行" width="120"></el-table-column>
                            <el-table-column property="card_no" label="银行卡号"></el-table-column>
                            <el-table-column fixed="right" label="操作" width="120">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="deleteRow(scope.$index,  scope.row)" type="text" size="small">删除</el-button>
                                    <el-button @click.native.prevent="updateRow(scope.$index, scope.row)" type="text" size="small">编辑</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-button type="primary" size="small" @click="addStoreBank">添加银行卡</el-button>
                    </el-form-item>
                </template>
                <template v-else-if="basicForm.withdrawal_type=='joinpay'">
                    <el-form-item label="" prop="withdrawal_type">
                        <el-table ref="singleTable" :data="basicForm.join_pay_banks" highlight-current-row @current-change="handleCurrentChangePay" style="width: 100%">
                            <el-table-column property="payer_name" label="开户名" width="120"></el-table-column>
                            <el-table-column property="bank_name" label="开户银行" width="120"></el-table-column>
                            <el-table-column property="bank_card_no" label="银行卡号"></el-table-column>
                            <el-table-column fixed="right" label="操作" width="120">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="deleteRowPay(scope.$index,  scope.row)" type="text" size="small" v-if="scope.row.is_sign==1">解约</el-button>
                                    <el-button @click.native.prevent="getSmsCode(scope.$index,  scope.row)" type="text" size="small" v-if="scope.row.is_sign==0">获取短信验证码</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-button type="primary" size="small" @click="addStoreBankPay">添加银行卡</el-button>
                    </el-form-item>

                </template>
                <template v-else-if="basicForm.withdrawal_type=='yunfast_pay'">
                    <el-form-item label="" prop="withdrawal_type">
                        <el-table ref="singleTable" :data="basicForm.join_pay_banks" highlight-current-row @current-change="handleCurrentChangePay" style="width: 100%">
                            <el-table-column property="payer_name" label="开户名" width="120"></el-table-column>
                            <el-table-column property="bank_name" label="开户银行" width="120"></el-table-column>
                            <el-table-column property="bank_card_no" label="银行卡号"></el-table-column>
                            <el-table-column fixed="right" label="操作" width="120">
                                <template slot-scope="scope">
                                    <el-button @click.native.prevent="deleteRowPay(scope.$index,  scope.row)" type="text" size="small" v-if="scope.row.is_sign==1">解约</el-button>
                                    <el-button @click.native.prevent="getSmsCode(scope.$index,  scope.row)" type="text" size="small" v-if="scope.row.is_sign==0">获取短信验证码</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-button type="primary" size="small" @click="addStoreBankPay">添加银行卡</el-button>
                    </el-form-item>
                </template>
                <el-form-item label="提现金额" prop="withdrawal_money">
                    <template>
                        <el-input v-model="basicForm.withdrawal_money" type="number" placeholder=""></el-input>
                        可提现店铺余额￥{{basicForm.store.balance}}
                        <br/>
                        <template v-if="basicForm.withdrawal_type==1" >
                            手续费:{{basicForm.store.balance_cash_service_fee}}%
                        </template>

                    </template>
                </el-form-item>
            </el-form>
        </div>
    </el-col>
    <el-dialog title="添加银行卡" :visible.sync="dialogFormVisible">
        <el-form :model="store_bank_form">
            <el-form-item label="开户名" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form.username" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="开户银行" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form.bank" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="银行卡号" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form.card_no" autocomplete="off"></el-input>
            </el-form-item>

        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisible = false">取 消</el-button>
            <el-button type="primary" @click="postStoreBank">确 定</el-button>
        </div>
    </el-dialog>
    <el-dialog title="添加银行卡" :visible.sync="dialogFormVisiblePay">
        <el-form :model="store_bank_form">
            <el-form-item label="账号类型" :label-width="formLabelWidth">
                <el-radio v-model="store_bank_form_pay.bank_account_type" :label="1">对私</el-radio>
                <el-radio v-model="store_bank_form_pay.bank_account_type" :label="2">对公</el-radio>
            </el-form-item>
            <el-form-item label="银行卡号" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form_pay.bank_card_no" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="持卡人姓名" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form_pay.payer_name" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="身份证号" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form_pay.id_no" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="手机号" :label-width="formLabelWidth">
                <el-input v-model="store_bank_form_pay.mobile_no" autocomplete="off"></el-input>
            </el-form-item>


        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisiblePay = false">取 消</el-button>
            <el-button type="primary" @click="postStoreBankPay">确 定</el-button>
        </div>
    </el-dialog>
    <el-dialog title="签约短信码" :visible.sync="dialogFormVisiblePaySms">
        <el-form :model="store_bank_form">
            <el-form-item label="短信验证码" :label-width="formLabelWidth">
                <el-input v-model="sms_code" autocomplete="off"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisiblePaySms = false">取 消</el-button>
            <el-button type="primary" @click="postStoreBankPaySms">确 定</el-button>
        </div>
    </el-dialog>

</el-row>
<el-button :loading="submitLoading" class="button-item" size="small" type="primary" @click="submit('basicForm')">保存</el-button>