420 lines
19 KiB
PHP
420 lines
19 KiB
PHP
<?php
|
||
|
||
/**
|
||
* @author wrx <it2bt.com>
|
||
* @description KISS
|
||
* @date 2020-10-14
|
||
* @version 1.0.0
|
||
*
|
||
* _____LOG_____
|
||
*
|
||
*/
|
||
|
||
|
||
$this->title = '添加银行卡';
|
||
$this->params['breadcrumbs'][] = $this->title;
|
||
$layui_js_file = "/statics/layuiadmin/layui/layui.all.2.5.5.js?v=1.0.0";
|
||
$this->registerJsFile($layui_js_file, ['depends' => 'app\modules\admin\assets\AppAsset']);
|
||
use app\widgets\PickFile;
|
||
?>
|
||
<div class="layui-fluid">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header"><?= $this->title ?></div>
|
||
<div class="layui-card-body">
|
||
<div class="layui-form">
|
||
<div class="layui-row">
|
||
<div class="layui-col-md6">
|
||
|
||
<blockquote class="layui-elem-quote">
|
||
<span style="color: red"><h3><b>温馨提示</b></h3></span>
|
||
<span style="color: red"><b>1.本功能暂不支持更改,请务必确认填写信息完全准确</b></span><br>
|
||
<span style="color: red"><b>2.需要满足实名四要素（卡号、姓名、证件号、手机号）</b></span><br>
|
||
<span style="color: red"><b>3.银行卡必须是对私账户</b></span><br>
|
||
<span style="color: red"><b>4.开户网点无支行的直接用上级分行</b></span><br>
|
||
<span style="color: red"><b>5.分账证明材料需拍照上传分账商户授权书以及分账方和分账接收方的合作协议</b></span>→
|
||
<span style="color:green"><b><a href="/statics/union/分账商户授权确认书.docx" download="">点击下载</a></b></span>←<br>
|
||
|
||
</blockquote>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">开户地址</label>
|
||
<div class="layui-input-inline">
|
||
<select class="layui-select" id="province_id" name="province_id" lay-filter="province_id" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
<option value="">选择省份</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<select class="layui-select" id="city_id" name="city_id" lay-filter="city_id" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
<option value="">选择城市</option>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="layui-input-inline layui-hide">
|
||
<select class="layui-select" id="area_id" name="area_id" lay-filter="area_id" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
<option value="">选择区域</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">持卡人</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="name" placeholder="持卡人姓名" autocomplete="off" class="layui-input" value="<?= $model->name ?>" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">
|
||
<span style="color:green"><b>例如：张三</b></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">手机号</label>
|
||
<div class="layui-input-inline">
|
||
<input type="tel" name="mobile_phone" maxlength="11" value="<?= $model->mobile_phone ?>" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入手机号" autocomplete="off" class="layui-input" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">
|
||
<span style="color: green"><b>开户时预留的11位手机号</b></span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">开户网点</label>
|
||
<div class="layui-input-block">
|
||
<div id="bank_name"></div>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux"></div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">卡号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="card_number" placeholder="请输入银行卡号" autocomplete="off" class="layui-input" value="<?= $model->card_number ?>" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux"></div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">身份证号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="identity_number" placeholder="请输入身份证号" autocomplete="off" class="layui-input" value="<?= $model->identity_number ?>" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux"></div>
|
||
</div>
|
||
|
||
<?php if ($model->status == 1 || $model->status == 2): ?>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">分账证明</label>
|
||
|
||
<div class="layui-inline itbt-upload-group-input">
|
||
<input type="text" name="doc_pic" value="<?= $model->doc_pic ?>" class="layui-input itbt-upload-file-input" lay-verify="required" <?= $model->status == 1 || $model->status == 2 ? 'disabled' : ''?>>
|
||
</div>
|
||
|
||
<div class="layui-input-block">
|
||
<div class="layui-upload">
|
||
<div class="layui-upload-list">
|
||
<div class="layui-upload-img-wrap">
|
||
<img class="layui-upload-img" src="<?= $model->doc_pic ?>">
|
||
<p class="layui-upload-errmsg"></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">尺寸750×750,图片大小不超过2M,支持 jpeg\jpg\png格式</div>
|
||
</div>
|
||
</div>
|
||
|
||
<?php else: ?>
|
||
<?= \app\widgets\UnionFile::widget([
|
||
'accept' => 'images',
|
||
'id' => 'doc_pic',
|
||
'name' => 'doc_pic',
|
||
'label' => '分账证明',
|
||
'value' => $model->doc_pic ? $model->doc_pic : '',
|
||
'tip' => '尺寸750×750,图片大小不超过2M,支持 jpeg\jpg\png格式',
|
||
'required' => true,
|
||
'imageCompressEnable' => 1,
|
||
'imageCompressBorder' => 750,
|
||
])?>
|
||
<?php endif; ?>
|
||
|
||
<div class="layui-form-item <?= $model->status == 2 ? 'layui-hide' : ''?>">
|
||
<label class="layui-form-label"></label>
|
||
<div class="layui-input-inline">
|
||
<button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" lay-filter="send_bank_union" >获取短信验证码</button>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">
|
||
<span style="color: green"><b>验证码有效期默认为5分钟,请求间隔80秒</b></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item <?= $model->status == 2 ? 'layui-hide' : ''?>">
|
||
<label class="layui-form-label">短信验证码</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="note" placeholder="请输入短信验证码" autocomplete="off" class="layui-input" value="">
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">
|
||
<span style="color: green"><b>输入手机收到的短信验证码</b></span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-form-item <?= $model->status == 2 ? 'layui-hide' : ''?>">
|
||
<div class="layui-input-block">
|
||
<div class="" >
|
||
<input type="hidden" name="user_id" value="<?= empty($model->id) ? 0 : $model->id ?>">
|
||
<button class="layui-btn" lay-submit="" lay-filter="layui-form-submit">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
<?php $this->beginBlock('js_script_wrap') ?>
|
||
layui.config({
|
||
base: '/statics/layuiadmin/' //静态资源所在路径
|
||
}).extend({
|
||
xmSelect: 'lib/extend/xm-select',
|
||
index: 'lib/index' //主入口模块
|
||
}).use(["index", "user", "upload", "layer","table","xmSelect"], function () {
|
||
var $ = layui.$
|
||
, admin = layui.admin
|
||
, upload = layui.upload
|
||
, layer = layui.layer
|
||
, table = layui.table
|
||
, xmSelect = layui.xmSelect
|
||
, form = layui.form;
|
||
|
||
|
||
var bank_name = xmSelect.render({
|
||
el: '#bank_name',
|
||
// autoRow: true,
|
||
radio: true,
|
||
paging: true,
|
||
pageSize: 100,
|
||
filterable: true,
|
||
remoteSearch: true,
|
||
disabled:'<?= $model->status == 1 || $model->status == 2 ? true : false?>',
|
||
remoteMethod: function(val, cb, show){
|
||
//这里如果val为空, 则不触发搜索
|
||
if(!val){
|
||
return cb([]);
|
||
}
|
||
var url = '<?=\Yii::$app->urlManager->createUrl(["/admin/card-bank/index"])?>';
|
||
$.ajax(url,{
|
||
type:"GET",
|
||
dataType:"json",
|
||
data:{
|
||
keywords:val,
|
||
},
|
||
success:function(response){
|
||
console.log(response)
|
||
if(response.code == 0){
|
||
var data = response.data;
|
||
cb(data)
|
||
} else {
|
||
cb([]);
|
||
}
|
||
},
|
||
error:function(xhr,type,err){
|
||
cb([]);
|
||
}
|
||
})
|
||
},
|
||
data:JSON.parse('<?php echo $banks ?>')
|
||
})
|
||
|
||
var data = JSON.parse('<?php echo $district_list ?>')
|
||
var province = {}
|
||
var province_id = '<?= $model->province_id == null ? 0 : $model->province_id?>'
|
||
var city_id = '<?= $model->city_id == null ? 0 : $model->city_id?>'
|
||
$(document).ready(function () {
|
||
var province_option = "<option value=''>请选择省份</option>";
|
||
var city_option = "<option value=''>请选择城市</option>";
|
||
var key2 = 0;
|
||
$.each(data,function(key,val){
|
||
province_option += "<option value='"+key+':'+val.id+"'";
|
||
if(province_id != 0 && province_id == val.id){
|
||
province_option += 'selected'
|
||
province[key] = JSON.stringify(val)
|
||
key2 = key
|
||
}
|
||
province_option+=">"+val.name+"</option>"
|
||
})
|
||
if(city_id != 0){
|
||
var list = province[key2]
|
||
list = JSON.parse(list)
|
||
$.each(list.list,function(key2,val2){
|
||
city_option += "<option value='"+key2+':'+val2.id+"'";
|
||
if(city_id == val2.id){
|
||
city_option += 'selected'
|
||
}
|
||
city_option+= ">"+val2.name+"</option>"
|
||
})
|
||
}
|
||
$('#province_id').html(province_option);
|
||
$('#city_id').html(city_option);
|
||
form.render('select');
|
||
})
|
||
|
||
form.on('select(province_id)', function(obj){
|
||
var index = obj.value.split(':')
|
||
var value = index[0]
|
||
province_id = index[1]
|
||
var city_option = "<option value=''>请选择城市</option>";
|
||
if(value != ''){
|
||
var list = data[value]
|
||
$.each(list.list,function(key,val){
|
||
city_option += "<option value='"+key+':'+val.id+"'>"+val.name+"</option>";
|
||
province[key] = JSON.stringify(val)
|
||
})
|
||
$('#city_id').html(city_option);
|
||
}else{
|
||
$('#city_id').html(city_option);
|
||
}
|
||
var area_option = "<option value=''>请选择区域</option>";
|
||
$('#area_id').html(area_option);
|
||
form.render('select');
|
||
});
|
||
form.on('select(city_id)', function(obj){
|
||
var index = obj.value.split(':')
|
||
var value = index[0]
|
||
city_id = index[1]
|
||
var city_option = "<option value=''>请选择区域</option>";
|
||
if(value != ''){
|
||
var list = province[value]
|
||
list = JSON.parse(list)
|
||
$.each(list.list,function(key,val){
|
||
city_option += "<option value='"+val.id+"'>"+val.name+"</option>";
|
||
})
|
||
$('#area_id').html(city_option);
|
||
}else{
|
||
$('#area_id').html(city_option);
|
||
}
|
||
form.render();
|
||
});
|
||
form.render();
|
||
|
||
var send_bank_union = false;
|
||
form.on('submit(send_bank_union)', function (obj) {
|
||
if (send_bank_union) {
|
||
return false;
|
||
}
|
||
|
||
//请求登入接口
|
||
var url = '<?= \Yii::$app->urlManager->createUrl(["/admin/card-union/send-bank-union"]) ?>';
|
||
var data = obj.field
|
||
data._csrf = _csrf;
|
||
data.province_id = province_id;
|
||
data.city_id = city_id;
|
||
data.bank_id =data.select
|
||
console.log(data)
|
||
$.ajax(url, {
|
||
type: "POST",
|
||
dataType: "json",
|
||
data: data,
|
||
timeout: 10000,
|
||
success: function (res) {
|
||
if (res.code == 0) {
|
||
layer.msg(res.msg, {
|
||
offset: '15px'
|
||
, icon: 1
|
||
, time: 1000
|
||
}, function () {
|
||
send_bank_union = true;
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.msg(res.msg, {
|
||
offset: '15px'
|
||
, icon: 2
|
||
, time: 1000
|
||
}, function () {
|
||
send_bank_union = false
|
||
});
|
||
}
|
||
},
|
||
error: function (xhr, type, err) {
|
||
layer.msg(xhr.responseText, {
|
||
offset: '15px'
|
||
, icon: 2
|
||
, time: 1000
|
||
}, function () {
|
||
send_bank_union = false
|
||
});
|
||
},
|
||
complete: function () {
|
||
send_bank_union = false;
|
||
}
|
||
})
|
||
})
|
||
|
||
|
||
//提交
|
||
var submitLock = false;
|
||
form.on('submit(layui-form-submit)', function (obj) {
|
||
if (submitLock) {
|
||
return false;
|
||
}
|
||
|
||
//请求登入接口
|
||
var url = '<?= \Yii::$app->urlManager->createUrl(["/admin/card-union/edit",'id' => $model->id ? $model->id : 0]) ?>';
|
||
var data = obj.field
|
||
data._csrf = _csrf;
|
||
data.province_id = province_id;
|
||
data.city_id = city_id;
|
||
data.bank_id =data.select
|
||
console.log(data)
|
||
$.ajax(url, {
|
||
type: "POST",
|
||
dataType: "json",
|
||
data: data,
|
||
timeout: 10000,
|
||
success: function (res) {
|
||
if (res.code == 0) {
|
||
layer.msg(res.msg, {
|
||
offset: '15px'
|
||
, icon: 1
|
||
, time: 1000
|
||
}, function () {
|
||
submitLock = true;
|
||
location.reload();
|
||
});
|
||
} else {
|
||
layer.msg(res.msg, {
|
||
offset: '15px'
|
||
, icon: 2
|
||
, time: 1000
|
||
}, function () {
|
||
submitLock = false
|
||
});
|
||
}
|
||
},
|
||
error: function (xhr, type, err) {
|
||
layer.msg(xhr.responseText, {
|
||
offset: '15px'
|
||
, icon: 2
|
||
, time: 1000
|
||
}, function () {
|
||
submitLock = false
|
||
});
|
||
},
|
||
complete: function () {
|
||
submitLock = false;
|
||
}
|
||
})
|
||
});
|
||
|
||
});
|
||
<?php $this->endBlock(); ?>
|
||
</script>
|
||
<?php $this->registerJs($this->blocks['js_script_wrap'], \yii\web\View::POS_END); ?>
|