bztang-admin/plugins/team-dividend/views/admin/storeManager/add.blade.php

99 lines
4.3 KiB
PHP

@extends('layouts.base')
<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;
}
</style>
@section('content')
<div class="rightlist">
<form action="" method='post' class='form-horizontal' id="addStoreManager">
<div class='panel panel-default'>
<div class='panel-heading'>
<span>店长添加</span>
</div>
{{--表单内容--}}
<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-4">
<input type='hidden' id='member_id' name='data[uid]' value="{{$info['member']['uid']}}" />
<div class='input-group'>
<input type="text" id="member_name" value="@if ($info['member']['username']){{$info['member']['username']}}@endif" class="form-control" readonly/>
@if (!$is_see)
<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>
@endif
</div>
<span id="member_avatar" class='help-block' @if (!$info['member']['avatar_image'])style="display:none"@endif>
<img style="width:100px;height:100px;border:1px solid #ccc;padding:1px" src="{{$info['member']['avatar_image']}}"/>
</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-9 col-xs-12">
<input type="submit" name="submit" value="提交" class="btn btn-primary col-lg-1" />
<input type="hidden" name="token" value="{{$var['token']}}" />
<input type="button" name="back" onclick='history.back()' value="返回列表" class="btn 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()
});
// 表单验证
$("#addStoreManager").submit(function(){
// 表单信息处理
let list = $("#addStoreManager").serializeArray();
let newList = {};
$.each(list,function (k,v) {
let name = v.name.replace(/data\[/g, "").replace(/]/g, "");
newList[name] = v.value;
});
console.log(newList);
// 内容校验列表
let defaultRule = [
{name: 'uid', checkType: 'required', errorMsg: '请选择店长'},
];
let result = util.verify(newList,defaultRule);
return result === true;
})
})
</script>
@endsection