bztang-admin/plugins/cultural-space/views/fund/recharge.blade.php

107 lines
4.2 KiB
PHP

<style>
.select-user-btn{
height: 34px!important;
}
select{
width: calc((95% - 20px) / 3) !important;
height: 34px;
border-color: #ccc!important;
color: #555 !important;
background-color: #fff!important;
}
select:not(:last-child){
margin-right: 10px!important;
}
#member_avatar {
display: none;
}
#member_avatar img{
width:100px;
height:100px;
border:1px solid #ccc;
padding:1px
}
</style>
<div class="rightlist">
<form action="{{yzWebUrl('plugin.cultural-space.admin.fund.recharge')}}" method='post' class='form-horizontal' id="RechargeLegumes">
<div class='panel panel-default'>
<div class='panel-body'>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-2 control-label">充值用户</label>
<div class="col-sm-8">
<input type='hidden' id='member_id' name='data[uid]'/>
<div class='input-group'>
<input type="text" id="member_name" class="form-control" readonly/>
<div class='input-group-btn'>
<button class="select-user-btn btn btn-default" id="selectMemberBtn" type="button">选择用户</button>
<button class="select-user-btn btn btn-danger" id="removalBtn" type="button">清除选择</button>
</div>
</div>
<span id="member_avatar" class='help-block'>
<img src="" />
</span>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-2 control-label">充值文创豆数量</label>
<div class="col-sm-8">
<input class="form-control" type='number' step="0.000001" name='data[recharge_money]'/>
</div>
</div>
<div class="form-group">
<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
<div class="col-sm-9 col-xs-12">
<input type="hidden" name="token" value="{{$var['token']}}" />
<input type="submit" name="submit" value="提交" class="btn btn-primary col-lg-1" />
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript">
$(function () {
// 选择用户
$(document).on('click','#selectMemberBtn',function () {
let popup = util.selectMember('{!! yzWebUrl('member.query.selected') !!}',{},{
confirm:function (userInfo) {
// 获取用户信息
$("#member_id").val(userInfo.uid);
$("#member_avatar").show();
$("#member_avatar").find('img').attr('src',userInfo.avatar);
$("#member_name").val( userInfo.nickname);
// 关闭弹框
popup.modal('hide');
}
});
});
// 清除用户选择
$(document).on('click','#removalBtn',function () {
$('#member_id').val('');
$('#member_name').val('');
$('#member_avatar').hide()
});
// 表单验证
$("#RechargeLegumes").submit(function(){
// 表单信息处理
let list = $("#RechargeLegumes").serializeArray();
let newList = {};
$.each(list,function (k,v) {
let name = v.name.replace(/data\[/g, "").replace(/]/g, "");
newList[name] = v.value;
});
// 内容校验列表
let defaultRule = [
{name: 'uid', checkType: 'required', errorMsg: '请选择充值用户'},
{name: 'recharge_money', checkType: 'required', errorMsg: '请输入充值数量'},
];
let result = util.verify(newList,defaultRule);
return result === true;
})
})
</script>