{extend name="Public/base" /}
{block name="main"}
<style>
    .layui-form-label {
        width: 60px;
    }
    .xz_in{
        width:190px;
    }
    .layui-form-item {
        margin-bottom: 5px;
        clear:none;
        float: left;
    }
    .layui-form-text .layui-input-inline {
        width: 190px;
    }
    .layui-form-radio {
        line-height: 25px;
        margin: 0;
    }
    .layui-textarea {
        min-height: 60px;
    }
    .layui-form-checkbox {
        height: 20px;
        line-height: 19px;
        margin: 0;
        margin-right: 10px;
        padding-right: 15px;
    }
    .layui-input-block {
        margin-left: 90px;
        min-height: 20px;
    }
    .layui-form-checkbox span {
        padding: 0 5px;
        font-size: 12px;
    }
    .layui-form-checkbox i {
        font-size:12px;
        width: 17px;
    }
    .layui-form-radio i {
        margin-right: 8px;
        font-size: 18px;
        color: #c2c2c2;
        line-height: 20px;
    }

    .add-shop-all{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .add-shop-wrap{
        border: 1px solid #ccc;
        padding: 10px;
    }
</style>
<fieldset class="layui-elem-field">
    <legend>人事资料设定 - 人员设定</legend>
    <div class="layui-field-box">
        <form class="layui-form" action="">
            {if condition="isset($detail['id'])"}
            <input type="hidden" name="id" value="{$detail['id']}">
            {/if}
            <div style="width:100%; float:left; clear:both;">

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"><font color="#f08080">人员账号</font></label>
                    <div class="layui-input-inline xz_in">
                        <input name="staffname" value="{$detail['staffname']}"  lay-verify="required" class="layui-input" placeholder="请输入人员账号" {if condition="isset($detail['id'])"} readonly{/if}>
                    </div>
                </div>

                {if condition="isset($detail['id'])"}
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"><font color="#f08080">密码</font></label>
                    <div class="layui-input-inline xz_in">
                        <input  name="password"  class="layui-input" placeholder="请输入新的密码,留空表示不修改">
                    </div>
                </div>
                {else/}
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"><font color="#f08080">密码</font></label>
                    <div class="layui-input-inline xz_in">
                        <input  name="password" id="password"   lay-verify="required" class="layui-input" placeholder="请输入密码">
                    </div>
                </div>
                {/if}

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"><font color="#f08080">手机号</font></label>
                    <div class="layui-input-inline xz_in">
                        <input name="telephone" id="telephone" value="{$detail['telephone']}" maxlength = "11" class="layui-input" lay-verify="required">
                    </div>
                </div>
            </div>
            <div style="width:100%; float:left; clear:both;">
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label" >组织架构</label>
                    <div class="layui-input-inline xz_in" style="width:150px;">
                        <input name="group_company_name" value="{$company['group_company_name']}" readonly class="layui-input">
                    </div>
                    <!-- <div class="layui-form-mid layui-word-aux">系统设置，不允许修改</div> -->
                </div>


                {if condition="isset($detail['id'])"}
                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline xz_in brand" style="width:150px;">

                        <select name="brandclass" lay-filter="brand"  {if condition="$Think.session.grade_type gt 1 "} disabled {/if}>
                        <option value="0" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        {if condition=" $vo.brandclass eq $detail.brandclass "}
                        <option value="{$vo['brandclass']}" selected>{$vo['brandclass']}</option>
                        {else/}
                        <option value="{$vo['brandclass']}">{$vo['brandclass']}</option>
                        {/if}

                        {/volist}
                        </select>
                    </div>
                </div>
                {else/}
                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline xz_in brand" style="width:150px;">

                        <select name="brandclass" lay-filter="brand" {if condition="$Think.session.grade_type gt 1 "} disabled {/if}>
                        <option value="0" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        <option value="{$vo['brandclass']}"  {if condition="$Think.session.brandclass eq $vo['brandclass']"}selected{/if}>{$vo['brandclass']}</option>
                        {/volist}
                        </select>
                    </div>
                </div>
                {/if}

                {if condition="isset($detail['id'])"}
                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline shop xz_in" style="width:150px;" >

                        <select name="shop_name" lay-filter="shop"  {if condition="$Think.session.grade_type gt 2 "} disabled {/if}>
                        <option value="0" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                        {if condition=" $vo.shop_name eq $detail.shop_name "}
                        <option value="{$vo['shop_name']}" selected>{$vo['shop_name']}</option>
                        {else/}
                        <option value="{$vo['shop_name']}">{$vo['shop_name']}</option>
                        {/if}
                        {/volist}
                        </select>
                    </div>
                </div>
                {else/}
                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline shop xz_in" style="width:150px;">

                        <select name="shop_name" lay-filter="shop" {if condition="$Think.session.grade_type gt 2 "} disabled {/if}>
                        <option value="0" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                        <option value="{$vo['shop_name']}" {if condition="$Think.session.shop_name eq $vo['shop_name']"}selected{/if}>{$vo['shop_name']}</option>
                        {/volist}
                        </select>
                    </div>
                </div>
                {/if}
                <div style="width:100%; float:left; clear:both;">
                    {if condition="isset($detail['id'])"}
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label"> 部门</label>
                        <div class="layui-input-inline department xz_in" style="width:150px;">
                            <select name="department_id" lay-filter="department"  {if condition="$Think.session.department_id gt 3 "} disabled {/if}>
                            <option value="0" >--请选择部门--</option>
                            {volist name="department" id="vo"}
                            {if condition=" $vo.department_name eq $detail.department_name "}
                            <option value="{$vo['id']}" selected>{$vo['department_name']}</option>
                            {else/}
                            <option value="{$vo['id']}">{$vo['department_name']}</option>
                            {/if}
                            {/volist}
                            </select>
                        </div>
                    </div>
                    {else/}
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label"> 部门</label>
                        <div class="layui-input-inline department xz_in" style="width:150px;">

                            <select name="department_id"  lay-filter="department" {if condition="$Think.session.department_id gt 3 "} disabled {/if}>
                            <option value="0">--请选择部门--</option>
                            {volist name="$department" id="vo"}
                            <option value="{$vo['id']}" {if condition="$Think.session.department_id eq $vo['id']"}selected{/if}>{$vo['department_name']}</option>
                            {/volist}
                            </select>
                        </div>
                    </div>
                    {/if}
                </div>
                {if condition="isset($detail['id'])"}
                <div class="layui-form-item layui-form-text" >
                    <label class="layui-form-label"> <font color="#f08080">主岗位</font></label>
                    <div class="layui-input-inline main_position xz_in" style="width:150px;">

                        <select name="main_position_code" lay-filter="main_position" lay-verify="required" class="main_position">
                            <option value="0" >--请选择主岗位--</option>
                            {volist name="$position" id="vo"}
                            {if condition=" $vo.position_code eq $detail.main_position_code "}
                            <option value="{$vo['position_code']}" selected>{$vo['position_name']}</option>
                            {else/}
                            <option value="{$vo['position_code']}">{$vo['position_name']}</option>
                            {/if}
                            {/volist}
                        </select>
                    </div>
                </div>
                {else/}
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label"><font color="#f08080">主岗位</font> </label>
                    <div class="layui-input-inline main_position xz_in" style="width:150px;">

                        <select name="main_position_code"  lay-filter="main_position" lay-verify="required" class="main_position">
                            <option value="0">--请选择主岗位--</option>
                            {volist name="$position" id="vo"}
                            <option value="{$vo['position_code']}" >{$vo['position_name']}</option>
                            {/volist}
                        </select>
                    </div>
                </div>
                {/if}
            </div>
            <div style="width:100%; float:left; clear:both;">

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label" >兼职岗位</label>
                    <div class="layui-input-inline xz_in" style="width:145px;">
                        <input name="" value="{$company['group_company_name']}" readonly class="layui-input">
                    </div>
                    <!-- <div class="layui-form-mid layui-word-aux">系统设置，不允许修改</div> -->
                </div>

                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline xz_in vice_brand" style="width:145px;">

                        <select name="" lay-filter="vice_brand" id="vice_brandclass" {if condition="$Think.session.grade_type gt 1 "} disabled {/if}>
                        <option value="0" >--请选择品牌--</option>
                        {volist name="$brand" id="vo"}
                        <option value="{$vo['brandclass']}"  {if condition="$Think.session.brandclass eq $vo['brandclass']"}selected{/if}>{$vo['brandclass']}</option>
                        {/volist}
                        </select>
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline xz_in vice_shop" style="width:145px;">

                        <select name="" lay-filter="vice_shop" id="vice_shop" {if condition="$Think.session.grade_type gt 2 "} disabled {/if}>
                        <option value="0" >--请选择店面--</option>
                        {volist name="shop" id="vo"}
                        <option value="{$vo['shop_name']}" {if condition="$Think.session.shop_name eq $vo['shop_name']"}selected{/if}>{$vo['shop_name']}</option>
                        {/volist}
                        </select>
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline xz_in vice_department" style="width:145px;">

                        <select name=""  lay-filter="vice_department" id="vice_departments" {if condition="$Think.session.department_id gt 3 "} disabled {/if}>
                        <option value="0">--请选择部门--</option>
                        {volist name="vice_department" id="vo"}
                        <option value="{$vo['id']}" {if condition="$Think.session.department_id eq $vo['id']"}selected{/if}>{$vo['department_name']}</option>
                        {/volist}
                        </select>
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-inline  xz_in vice_position"  style="width:145px;">

                        <select name=""  lay-filter="vice_position" class="vice_position" id="vice_position">
                            <option value="0">--请选择副岗位--</option>
                            {volist name="vice_position" id="vo"}
                            <option value="{$vo['position_code']}" >{$vo['position_name']}</option>
                            {/volist}
                        </select>
                    </div>
                </div>

            </div>


            <div style="width:100%; float:left; clear:both;" >
                <input type="hidden" name="position_id" id="position_id" value="{$detail['position_id']}">
                <input type="hidden" name="position_code" id="position_code" value="{$detail['position_code']}">
                <label class="layui-form-label"></label>
                <div class="staff-filter">
                    <span class="default-filter"></span>
                    <span class="add-filter"></span>
                </div>

            </div>


            <div class="layui-form-item" >
                <label class="layui-form-label">可操作店</label>
                <div class="layui-input-block">
                    {volist name='brand' id='vo'}
                    <p>{$vo['brandclass']}</p>
                    <div class="layui-input-inline" style="width:700px;">
                        {volist name="$vo.shop" id="sh"}
                        <input type="checkbox"  name="work_shop[{$sh['id']}]" value="{$sh['shop_code']}" title="{$sh['shop_name']}" lay-skin="primary" {if in_array($sh.shop_code,$work_shop)} checked {/if}>
                        {/volist}
                    </div>
                    {/volist}
                </div>
            </div>

            <br>
            <div class="layui-form-item">
                <label class="layui-form-label">工作类型</label>
                <div class="layui-input-block">
                    {volist name="work_type" id="vo"}
                    <div style="float: left;width: 100px;">
                        <input type="checkbox" name="work_types[{$vo['id']}]" value="{$vo['id']}" title="{$vo['work_type']}" lay-filter="cateCheckbox" {if in_array($vo.id,$work_types)} checked {/if} lay-skin="primary" >
                    </div>
                    {/volist}
                </div>
            </div>

            <!-- 工作类型等级 start -->
            <div class="add-shop-all">
                {volist name='select_work_types' id='wt'}
                <div class="layui-form-item add-shop-wrap" style="margin-left: 90px;width: 900px;" id="work_type_{$wt['id']}"><p>{$wt['work_type']}</p>
                    <div class="layui-input-inline" style="width:700px;">
                        {if condition='isset($wt.level)'}
                        {volist name='$wt.level' id='le'}
                        {if condition='in_array($le.id,$level_id)'}
                        <input type="checkbox"  name="work_type_level[{$wt['id']}][{$le['id']}]" value="{$le.id}" title="{$le.level_name}" lay-skin="primary" checked>
                        {else}
                        <input type="checkbox"  name="work_type_level[{$wt['id']}][{$le['id']}]" value="{$le.id}" title="{$le.level_name}" lay-skin="primary">
                        {/if}
                        {/volist}
                        {else/}
                        <p>此工作类型没有设置等级</p>
                        {/if}
                    </div>
                </div>
                {/volist}
            </div>
            <!-- 工作类型等级 end  -->

            {if condition="isset($detail['staffnumber'])"}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">员工编号</label>
                <div class="layui-input-inline xz_in">
                    <input name="staffnumber" id="staffnumber" value="{$detail['staffnumber']}" readonly="" class="layui-input" placeholder="请输入员工编号" >
                </div>
            </div>
            {else /}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">员工编号</label>
                <div class="layui-input-inline xz_in">
                    <input name="staffnumber" id="staffnumber" value="{$detail['staffnumber']}" class="layui-input" placeholder="请输入员工编号" >
                </div>
            </div>
            {/if}

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">真实姓名</label>
                <div class="layui-input-inline xz_in">
                    <input name="turestaffname" value="{$detail['turestaffname']}"  class="layui-input" placeholder="请输入真实姓名">
                </div>
            </div>


            {if condition="isset($detail['id'])"}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline xz_in">
                    {if condition=" $detail['sex'] eq 男"}
                    <input type="radio" class="layui-input" name="sex" value="男" title="男" checked>
                    <input type="radio" class="layui-input" name="sex" value="女" title="女">
                    {elseif condition=" $detail['sex'] eq 女"}
                    <input type="radio" class="layui-input" name="sex" value="男" title="男">
                    <input type="radio" class="layui-input" name="sex" value="女" title="女" checked>
                    {else/}
                    <input type="radio" class="layui-input" name="sex" value="男" title="男">
                    <input type="radio" class="layui-input" name="sex" value="女" title="女">
                    {/if}
                </div>
            </div>
            {else/}
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline xz_in">
                    <input type="radio" class="layui-input" name="sex" value="男" title="男">
                    <input type="radio" class="layui-input" name="sex" value="女" title="女">
                </div>
            </div>
            {/if}

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">入职时间</label>
                <div class="layui-input-inline" style="width: 190px;">
                    <input type="text" name="entry_date" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['entry_date']}">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">一销折扣</label>
                <div class="layui-input-inline xz_in">
                    <input type="number" max="10" min="0" name="a_discount" id="a_discount"  value="{$detail['a_discount']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">二销折扣</label>
                <div class="layui-input-inline xz_in">
                    <input type="number" max="10" min="0" name="b_discount" id="b_discount"  value="{$detail['b_discount']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">国家</label>
                <div class="layui-input-inline xz_in">
                    <input name="nation" value="{$detail['nation']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">出生地</label>
                <div class="layui-input-inline xz_in">
                    <input name="place_origin" value="{$detail['place_origin']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">生日</label>
                <div class="layui-input-inline xz_in">
                    <input name="birthday" value="{$detail['birthday']}"  class="layui-input"  placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">身份证</label>
                <div class="layui-input-inline xz_in">
                    <input name="IDcard" value="{$detail['IDcard']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">政治身份</label>
                <div class="layui-input-inline xz_in">
                    <input name="political" value="{$detail['political']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">教育程度</label>
                <div class="layui-input-inline xz_in">
                    <input name="education" value="{$detail['education']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">毕业学校</label>
                <div class="layui-input-inline xz_in">
                    <input name="graduation_school" value="{$detail['graduation_school']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">婚姻状况</label>
                <div class="layui-input-inline xz_in">
                    <input name="marital_status" value="{$detail['marital_status']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">合同结束期</label>
                <div class="layui-input-inline" style="width: 190px;">
                    <input type="text" name="contract_endday" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['contract_endday']}">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">QQ</label>
                <div class="layui-input-inline xz_in">
                    <input name="QQ" value="{$detail['QQ']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-inline xz_in">
                    <input name="email" value="{$detail['email']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">微信</label>
                <div class="layui-input-inline xz_in">
                    <input name="weixin" value="{$detail['weixin']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">现住址</label>
                <div class="layui-input-inline xz_in">
                    <input name="addressinfo" value="{$detail['addressinfo']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">联系人</label>
                <div class="layui-input-inline xz_in">
                    <input name="liaison_person" value="{$detail['liaison_person']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-inline xz_in">
                    <input name="liaison_tel" value="{$detail['liaison_tel']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">月薪</label>
                <div class="layui-input-inline xz_in">
                    <input name="salary_money" value="{$detail['salary_money']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">工资卡号</label>
                <div class="layui-input-inline xz_in">
                    <input name="bank_cardnumber" value="{$detail['bank_cardnumber']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">社会保险</label>
                <div class="layui-input-inline xz_in">
                    <input name="social_security" value="{$detail['social_security']}" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">离职时间</label>
                <div class="layui-input-inline" style="width: 190px;">
                    <input type="text" name="leave_date" class="layui-input" placeholder="请选择时间" style="width:190px;" onclick="layui.laydate({elem: this, istime: true, format: 'YYYY-MM-DD'})" value="{$detail['leave_date']}">
                </div>
            </div>

            <div class="layui-form-item layui-form-text" style="width:585px; height:70px;">
                <label class="layui-form-label">备注信息</label>
                <div class="layui-input-inline xz_in" style="width:480px; height:60px">
                    <textarea name="remarkinfo" placeholder="请输入备注内容" class="layui-textarea"  value="{$detail['remarkinfo']}">{$detail['remarkinfo']}</textarea>
                </div>
            </div>


            <div class="layui-form-item" style="clear:both;">
                <div class="layui-input-block">

                </div>
            </div>
        </form>
    </div>
</fieldset>
{/block}
{block name="myScript"}
{if condition="isset($detail['id'])"}
<input type="hidden" name="id" value="{$detail['id']}">
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>
<script>

    layui.use('form', function(){
        var form = layui.form();
        var layer = layui.layer;
        form.on('submit(formDemo)', function(data){

            var telephone=$('#telephone').val();
            var patrn=/^1[3|4|5|6|7|8|9][0-9]{9}$/;
            if(telephone&&!patrn.exec(telephone)){
                layer.alert("手机号输入错误");return false;
            }

            var password=$('#password').val();
            var regex=/^[a-zA-Z0-9_]{0,}$/;
            if(!regex.exec(password)){
                layer.alert('密码只能输入字母、数字、下划线(_)');return false;
            }
            var reg =/\s/;
            if(reg.test(password)){
                layer.alert('不能输入空格');return false;
            }
            var staffnumber=$('#staffnumber').val();
            var rege=/^[a-zA-Z0-9_-]{0,}$/;
            if(!rege.exec(staffnumber)){
                layer.alert('员工编号只能输入字母、数字、下划线(_)、横线(-)');return false;
            }
            var main_position=$('.main_position option:selected').val();
            if(main_position==0){
                layer.msg('请选择主岗位');return false;
            }
            var a_discount=$('#a_discount').val();
            if(a_discount>10){
                layer.msg('一销折扣不能大于10');return false;
            }

            var b_discount=$('#b_discount').val();
            if(b_discount>10){
                layer.msg('二销折扣不能大于10');return false;
            }

            $.ajax({
                type: "POST",
                url: '{:U("editStaff")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.layer.closeAll();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });

    });
</script>
{else /}
<script>
    layui.use('form', function(){
        var form = layui.form();
        form.on('submit(formDemo)', function(data){
            var telephone=$('#telephone').val();
            var patrn=/^1[3|4|5|6|7|8|9][0-9]{9}$/;
            if(telephone&&!patrn.exec(telephone)){
                alert("手机号输入错误");return false;
            }

            var password=$('#password').val();
            var regex=/^[a-zA-Z0-9_]{0,}$/;
            if(!regex.exec(password)){
                layer.alert('密码只能输入字母、数字、下划线(_)');return false;
            }
            var reg =/\s/;
            if(reg.test(password)){
                layer.alert('不能输入空格');return false;
            }

            var staffnumber=$('#staffnumber').val();
            var rege=/^[a-zA-Z0-9_-]{0,}$/;
            if(!rege.exec(staffnumber)){
                layer.alert('员工编号只能输入字母、数字、下划线(_)、横线(-)');return false;
            }

            var main_position=$('.main_position option:selected').val();
            if(main_position==0){
                layer.msg('请选择主岗位');return false;
            }

            var a_discount=$('#a_discount').val();
            if(a_discount>10){
                layer.msg('一销折扣不能大于10');return false;
            }

            var b_discount=$('#b_discount').val();
            if(b_discount>10){
                layer.msg('二销折扣不能大于10');return false;
            }

            $.ajax({
                type: "POST",
                url: '{:U("addStaff")}',
                data: data.field,
                success: function(msg){
                    if( msg.code == 1 ){
                        parent.layer.closeAll();
                    }else{
                        parent.layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
            return false;
        });
    });
</script>
{/if}
<script>

    var name,detail, array = [], objname = {};
    layui.use('form', function(){
        var form = layui.form();
        var layer = layui.layer;
        layer.ready(function(){
            //var positions=$('#position_id').val();
            var positions=$('#position_code').val();
            if(positions.length>0){
                array=positions.split(',');
                setTimeout(function(){
                    $.ajax({
                        type: "POST",
                        url: '{:U("getPositionName")}',
                        data: 'positions='+positions,
                        success: function (ret) {
                            if(ret.code==1){
                                var data=ret.data;
                                var filterwrap='';
                                for(var i=0;i<data.length;i++){
                                    if(data[i]['department_name']==null||data[i]['department_name']==0){
                                        data[i]['department_name']='';
                                    }
                                    if(data[i]['shop_name']==null||data[i]['shop_name']==0){
                                        data[i]['shop_name']='';
                                    }
                                    if(data[i]['grade_type']==1){
                                        filterwrap += '<div class="filter-wrap"><span class="filter-text type-val" value="' + data[i]['position_code'] + '">' +'集团'+'-'+data[i]['department_name']+'-'+ data[i]['position_name'] + '</span><span class="cus-close">&times;</span></div>';

                                    }
                                    if(data[i]['grade_type']==2){
                                        filterwrap += '<div class="filter-wrap"><span class="filter-text type-val" value="' + data[i]['position_code'] + '">' +data[i]['brandclass']+'-'+data[i]['department_name']+'-'+ data[i]['position_name'] + '</span><span class="cus-close">&times;</span></div>';

                                    }

                                    if(data[i]['grade_type']==3||data[i]['grade_type']==4){
                                        filterwrap += '<div class="filter-wrap"><span class="filter-text type-val" value="' + data[i]['position_code'] + '">' +data[i]['shop_name']+'-'+data[i]['department_name']+'-'+ data[i]['position_name'] + '</span><span class="cus-close">&times;</span></div>';

                                    }


                                }
                                $(".default-filter").append(filterwrap);
                                $(".default-filter .cus-close").click(function(){
                                    var type_val = $(this).parent().find(".type-val").attr("value");
//                                console.log(type_val);
                                    for (var i = 0; i < array.length; i++) {
                                        if (array[i] == type_val) {
                                            array.splice(i, 1);
                                        }
                                    }
                                    $(this).parent().remove();
                                    var detail = array.join(",");
                                    console.log(detail);
                                    $('#position_code').val(detail);
                                });
                            }
                        }
                    });

                },200);
            }

        });


        form.on('select(brand)', function(data){
            var brand = data.value;
            if(brand==0){
                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+brand,
                    success: function (msg) {
                        console.log(msg);
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            var replace = '<select name="shop_name" lay-filter="shop"><option value="0" >--请选择店面--</option></select>';
                            $(".shop").html(replace);
                            form.render();

                            var replace2 = '<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<department.length;j++){
                                replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                            }
                            replace2 +='</select>';
                            $(".department").html(replace2);
                            form.render();

                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

                        }
                    }
                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '{:U("searchShop")}',
                    data: "brand="+brand,
                    success: function (msg) {
                        if(msg.code==1){
                            var shop=msg.data['shop'];
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            var replace = '<select name="shop_name" lay-filter="shop"><option value="0" >--请选择店面--</option>';
                            for(var i=0;i<shop.length;i++){
                                replace += '<option value="'+shop[i]['shop_name']+'">'+shop[i]['shop_name']+'</option>';
                            }
                            replace +='</select>';
                            $(".shop").html(replace);
                            form.render();

                            var replace2 = '<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<department.length;j++){
                                replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                            }
                            replace2 +='</select>';
                            $(".department").html(replace2);
                            form.render();

                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

                            /*  var replace4="";
                             for(var a=0;a<position.length;a++){
                             replace4 += '<input type="checkbox" name="position_name['+position[a]['id']+']" value="'+position[a]['id']+'" title="'+position[a]['position_name']+'">';
                             }
                             $(".position").html(replace4);
                             form.render();
                             */
                        }
                    }
                });
            }
        });


        form.on('select(shop)', function(data){
            var shop_name = data.value;
            console.log(shop_name);
            if(shop_name==0){
                var brandclass=$(".brand select[name=brandclass] option:selected").val();
                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+brandclass+"&shop_name="+shop_name,
                    success: function (msg) {
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            var replace2 = '<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<department.length;j++){
                                replace2 += '<option value="'+department[j]['id']+'">'+department[j]['department_name']+'</option>';
                            }
                            replace2 +='</select>';
                            $(".department").html(replace2);
                            form.render();

                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();

                        }
                    }
                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '{:U("searchDepartment")}',
                    data: "shop="+shop_name,
                    success: function (msg) {
                        //console.log(msg);return false;
                        var replace1="";
                        if(msg.code==1){
                            var department=msg.data['department'];
                            var position=msg.data['position'];
                            replace1 += '<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var i=0;i<department.length;i++){
                                replace1 += '<option value="'+department[i]['id']+'">'+department[i]['department_name']+'</option>';
                            }
                            replace1 +='</select>';

                            $(".department").html(replace1);
                            form.render();

                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }else{
                            replace1 +='<select name="department_id" lay-filter="department" id="vice_departments" ><option value="0" >--请选择--</option></select>';
                            $(".department").html(replace1);
                            form.render();

                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option></select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }
        });


        form.on('select(department)', function(data){
            var department_id = data.value;
            if(department_id>0){
                $.ajax({
                    type: "POST",
                    url: '{:U("searchPosition")}',
                    data: "department_id="+department_id,
                    success: function (msg) {
                        var replace3="";
                        if(msg.code==1){
                            var position=msg.data;

                            replace3 += '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }else{
                            replace3 += '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option></select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }else{
                var brandclass=$(".brand select[name=brandclass] option:selected").val();
                var shop_name=$(".shop select[name=shop_name] option:selected").val();
                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+brandclass+"&shop_name="+shop_name+'&department_id='+department_id,
                    success: function (msg) {
                        if(msg.code==1){
                            var position=msg.data['position'];
                            var replace3 = '<select name="main_position_code" lay-filter="main_position" class="main_position"><option value="0" >--请选择主岗位--</option>';
                            for(var q=0;q<position.length;q++){
                                replace3 += '<option value="'+position[q]['position_code']+'">'+position[q]['position_name']+'</option>';
                            }
                            replace3 +='</select>';
                            $(".main_position").html(replace3);
                            form.render();
                        }
                    }
                });
            }
        });


        form.on('select(vice_brand)', function(data){
            var vice_brand = data.value;
            if(vice_brand==0){
                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+vice_brand,
                    success: function (msg) {
                        if(msg.code==1){
                            var vice_department=msg.data['department'];
                            var vice_position=msg.data['position'];
                            var replace_shop = '<select name="" lay-filter="vice_shop" id="vice_shop"><option value="0" >--请选择店面--</option></select>';
                            $(".vice_shop").html(replace_shop);
                            form.render();

                            var replace_department = '<select name="" lay-filter="vice_department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<vice_department.length;j++){
                                replace_department += '<option value="'+vice_department[j]['id']+'">'+vice_department[j]['department_name']+'</option>';
                            }
                            replace_department +='</select>';
                            $(".vice_department").html(replace_department);
                            form.render();

                            var replace_position = '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();

                        }
                    }
                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '{:U("searchShop")}',
                    data: "brand="+vice_brand,
                    success: function (msg) {
                        if(msg.code==1){
                            var vice_shop=msg.data['shop'];
                            var vice_department=msg.data['department'];
                            var vice_position=msg.data['position'];
                            var replace_shop = '<select name="" lay-filter="vice_shop" id="vice_shop"><option value="0" >--请选择店面--</option>';
                            for(var i=0;i<vice_shop.length;i++){
                                replace_shop += '<option value="'+vice_shop[i]['shop_name']+'">'+vice_shop[i]['shop_name']+'</option>';
                            }
                            replace_shop +='</select>';
                            $(".vice_shop").html(replace_shop);
                            form.render();

                            var replace_department = '<select name="" lay-filter="vice_department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<vice_department.length;j++){
                                replace_department += '<option value="'+vice_department[j]['id']+'">'+vice_department[j]['department_name']+'</option>';
                            }
                            replace_department +='</select>';
                            $(".vice_department").html(replace_department);
                            form.render();

                            var replace_position = '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }
                    }
                });
            }
        });


        form.on('select(vice_shop)', function(data){
            var vice_shop = data.value;
            if(vice_shop=='undefined') vice_shop=" ";
            if(vice_shop==0){
                var vice_brandclass=$(".vice_brand select[id=vice_brandclass] option:selected").val();

                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+vice_brandclass+"&shop_name="+vice_shop,
                    success: function (msg) {
                        if(msg.code==1){
                            var vice_department=msg.data['department'];
                            var vice_position=msg.data['position'];
                            var replace_department = '<select name="" lay-filter="vice_department" id="vice_departments" ><option value="0" >--请选择部门--</option>';
                            for(var j=0;j<vice_department.length;j++){
                                replace_department += '<option value="'+vice_department[j]['id']+'">'+vice_department[j]['department_name']+'</option>';
                            }
                            replace_department +='</select>';
                            $(".vice_department").html(replace_department);
                            form.render();

                            var replace_position = '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }
                    }
                });
            }else{
                $.ajax({
                    type: "POST",
                    url: '{:U("searchDepartment")}',
                    data: "shop="+vice_shop,
                    success: function (msg) {
                        var replace_department="";
                        var replace_position="";
                        if(msg.code==1){
                            //var detail=msg.data;
                            var vice_department=msg.data['department'];
                            var vice_position=msg.data['position'];

                            replace_department += '<select name="" lay-filter="vice_department" id="vice_departments" ><option value="0" >--请选择--</option>';
                            for(var i=0;i<vice_department.length;i++){
                                replace_department += '<option value="'+vice_department[i]['id']+'">'+vice_department[i]['department_name']+'</option>';
                            }
                            replace_department +='</select>';

                            $(".vice_department").html(replace_department);
                            form.render();

                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();

                        }else{
                            replace_department +='<select name="" lay-filter="vice_department" id="vice_departments" ><option value="0" >--请选择--</option></select>';
                            $(".vice_department").html(replace_department);
                            form.render();

                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option></select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }
                    }
                });
            }
        });

        form.on('select(vice_department)', function(data){
            var vice_department = data.value;
            if(vice_department>0){
                $.ajax({
                    type: "POST",
                    url: '{:U("searchPosition")}',
                    data: "department_id="+vice_department,
                    success: function (msg) {
                        var replace_position="";
                        if(msg.code==1){
                            var vice_position=msg.data;
                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();

                        }else{
                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option></select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }
                    }
                });
            }else{
                var vice_brandclass=$(".vice_brand select[id=vice_brandclass] option:selected").val();
                var vice_shop=$(".vice_shop select[id=vice_shop] option:selected").val();
                $.ajax({
                    type: "POST",
                    url: '{:U("link_search")}',
                    data: "brandclass="+vice_brandclass+"&shop_name="+vice_shop+'&department_id='+vice_department,
                    success: function (msg) {
                        var replace_position='';
                        if(msg.code==1){
                            var vice_position=msg.data['position'];
                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option>';
                            for(var q=0;q<vice_position.length;q++){
                                replace_position += '<option value="'+vice_position[q]['position_code']+'">'+vice_position[q]['position_name']+'</option>';
                            }
                            replace_position +='</select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }else{
                            replace_position += '<select name="" lay-filter="vice_position" class="vice_position"><option value="0" >--请选择副岗位--</option></select>';
                            $(".vice_position").html(replace_position);
                            form.render();
                        }
                    }
                });
            }
        });


        form.on('select(vice_position)', function (data) {
            var name = data.value;
            var position_name = $(".vice_position select[class=vice_position] option:selected").html();
            var shop_name='';
            var department_name='';
            var brandclass='';


            if($("#vice_brandclass").val()!=0){
                brandclass=$(".vice_brand select[id=vice_brandclass] option:selected").val();
            }

            if($("#vice_shop").val()!=0){
                shop_name= $(".vice_shop select[id=vice_shop] option:selected").html();
            }

            if($("#vice_departments").val()!=0){
                department_name=$(".vice_department select[id=vice_departments] option:selected").html();
            }

            if(brandclass==undefined||brandclass==0){
                brandclass='';
            }
            if(shop_name==undefined){
                shop_name='';
            }
            if(department_name==undefined){
                department_name='';
            }

            if (name != ' ') {
                var filterwrap;
                if(brandclass&&shop_name){
                    filterwrap = '<div class="filter-wrap"><span class="filter-text type-val" value="' + name + '">'+shop_name+'-'+department_name+'-'+ position_name + '</span><span class="cus-close">&times;</span></div>';
                }

                if(brandclass&&!shop_name){
                    filterwrap = '<div class="filter-wrap"><span class="filter-text type-val" value="' + name + '">'+brandclass+'-'+department_name+'-'+ position_name + '</span><span class="cus-close">&times;</span></div>';
                }
                if(!brandclass){
                    filterwrap = '<div class="filter-wrap"><span class="filter-text type-val" value="' + name + '">'+'集团'+'-'+department_name+'-'+ position_name + '</span><span class="cus-close">&times;</span></div>';
                }


                objname = name;
//                var positionIds=$('#position_id').val();
//                if(positionIds.length>0){
//                    array=positionIds.split(",");
//                }
                var positionCodes=$('#position_code').val();
                if(positionCodes.length>0){
                    array=positionCodes.split(",");
                }

                if (array.length == 0) {
                    $(".add-filter").append(filterwrap);
                    array.push(objname);
                } else {
                    var num = array.indexOf(objname);
                    if (num == '-1') {
                        $(".add-filter").append(filterwrap);
                        array.push(objname);
                    }
                }

                detail = array.join(",");
                //$('#position_id').val(detail);
                $('#position_code').val(detail);
            }

            $(".add-filter .cus-close").click(function(){
                var type_val = $(this).parent().find(".type-val").attr("value");
                for (var i = 0; i < array.length; i++) {
                    if (array[i] == type_val) {
                        array.splice(i, 1);
                    }
                }
                $(this).parent().remove();
                var detail = array.join(",");
                //$('#position_id').val(detail);
                $('#position_code').val(detail);
            });
        });

        form.on('checkbox(cateCheckbox)', function(data){
            var work_type=data.value;
            if(data.elem.checked){
                $.ajax({
                    type: "POST",
                    url: '{:U("get_work_type_level")}',
                    data:'work_type='+work_type,
                    success: function(msg){
                        if( msg.code == 1 ){
                            var levels=msg.data.levels;
                            var work_type_name=msg.data.work_type_name;
                            if(levels.length>0){
                                var replace='';
                                replace +='<div class="layui-form-item add-shop-wrap" style="margin-left: 90px;width: 900px;" id="work_type_'+work_type+'"><p>'+work_type_name+'</p><div class="layui-input-inline" style="width:700px;">';
                                for(var i=0;i<levels.length;i++){
                                    replace +='<input type="checkbox"  name="work_type_level['+work_type+']['+levels[i]['id']+']" value="'+levels[i]['id']+'" title="'+levels[i]['level_name']+'" lay-skin="primary">';
                                }
                                replace +='</div></div>';
                                $(".add-shop-all").append(replace);
                                form.render();
                            }else{
                                var replace='';
                                replace +='<div class="layui-form-item add-shop-wrap" style="margin-left: 90px;width: 900px;" id="work_type_'+work_type+'"><p>'+work_type_name+'</p><div class="layui-input-inline" style="width:700px;">';
                                replace +='<p>此工作类型没有设置等级</p></div></div>';

                                $(".add-shop-all").append(replace);
                            }

                        }else{
                            parent.layer.msg("查询失败，请稍后重试", {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }

                });
            }else{
                $("#work_type_"+work_type).remove();
            }
        });

    });

</script>

{/block}