{layout name="passport:layout" /}
<form id="form" action="{:url('passport.member/staffAdd')}">
<table class="formtable">
    {notempty name="auth"}
    <tr>
        <th>权限设置:</th>
        <td>
            <select class="select w180" datatype="*" name="auth" class="select" id="authselect">
                <option value="">- 请选择用户权限 -</option>
                <option value="0">超级管理员</option>
                {foreach $auth as $vo}
                <option value="{$vo.auth}">{$vo.name}</option>
                {/foreach}
            </select>
        </td>
    </tr>
    <tr><th></th><td id="authgroup"></td></tr>
    {/notempty}
    <tr>
        <th>用户名称:</th>
        <td><input datatype="*" class="input" type="text" name="username" value="" /></td>
    </tr>
    <tr>
        <th>手机号:</th>
        <td><input ajaxurl="{:url('passport.member/isphone')}"  datatype="m" class="input" type="text" name="phone_id" value="" /></td>
    </tr>
    <tr>
        <th>登录密码:</th>
        <td><input datatype="*" placeholder="请输入现登录密码" datatype="s6-18" class="input" type="password" name="login_password" /></td>
    </tr>
    <tr>
        <th></th>
        <td>
            <input type="submit" value="确定" class="button button-blue submit" />
            <input type="reset" value="重置" class="button button-blank" />
        </td>
    </tr>
</table>
</form>
{notempty name="auth"}
<script id="authtpl" type="text/html">
    {literal}{{each list value keys}}{{if value.name}}<span class="badge bg-green mr5">{{value.name}}</span>{{/if}}{{/each}}{/literal}
</script>
{/notempty}
<script type="text/javascript">
Do('base','layer','form','tpl',function () {
    $('#form').isForm();
    $("#authselect").change(function(){
        var auth = $(this).val();
        $.getJSON("{:url('passport.member/getuserAuth')}",{auth:auth},function (rel) {
            $("#authgroup").html(template('authtpl',{list:rel.data}));
        })
    });
});
</script>