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

<el-row>
    <el-col :span="24">
        <div class="form-body">
            <el-form :model="submitForm" ref="submitForm" :rules="basicFormRules" label-width="172px" style="position: relative" size="small">
                <el-form-item label="提现类型" prop="type">
                    <template v-for="item in basicForm.cash__type_name">
                        <el-radio v-model="submitForm.type" :label="item.type">{{item.name}}</el-radio>
                    </template>
                </el-form-item>
                <template v-if="submitForm.type=='balance'">
                    <el-form-item label="提现到余额" prop="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-if="submitForm.type=='bank' || submitForm.type=='joinpay'">
                    <el-form-item label="账户类型" v-if="submitForm.type=='joinpay'">
                        <el-select size="small" v-model="submitForm.bank_account_type" class="select" placeholder="请选择">
                        <el-option key="1" label="对私账户" value="1"></el-option>
                        <el-option key="2" label="对公账户" value="2"></el-option>
                    </el-select>
                    </el-form-item>
                    <el-form-item label="到账到银行卡:" prop="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-if="basicForm.withdrawal_type==2">
                    <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-if="submitForm.type=='alipay' || submitForm.type=='alitopay' || submitForm.type=='alipay_offline' || submitForm.type=='alipay_tax'">
                    <el-form-item label="支付宝真实姓名">
                        <el-input v-model="submitForm.name" autocomplete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="支付宝账号">
                        <el-input v-model="submitForm.mobile" autocomplete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="支付宝身份证号码" v-if="submitForm.type=='alipay_tax'">
                        <el-input v-model="submitForm.id_card" autocomplete="off"></el-input>
                    </el-form-item>
                </template>
                <template v-if="submitForm.type=='wechat'">
                    <el-form-item label="收款码">
                        <com-attachment v-if="!submitForm.wechat_qrcode" :multiple="false" :max="1" type="images" @selected="coverPic">
                            <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="submitForm.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="submitForm.content" autocomplete="off"></el-input>
                    </el-form-item>
                </template>
                <el-form-item label="提现金额" prop="price">
                    <template>
                        <el-input v-model="submitForm.price" type="number" placeholder=""></el-input>
                        可提现店铺余额￥{{basicForm.store.balance}}
                        <br/>
                        <template v-if="submitForm.type!='balance'" >
                            手续费:{{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>