{extend name="Public/base" /}
{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">

{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>预约面试</span></div>

        <div class="cus-top" id="cus-top" style="margin-left: 50px;">
            <div class="cus-top-left layui-form layui-form-pane1" id="noname">

               <form class="layui-form" action="/oa/Personnel/rck_invite_up" method="post">
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名</label>
                    <div id="username" class="layui-input-block" style="font-size: 13px; margin-top: 5px; color:#4c4c4c">
                        {$details.username}
                    </div>
                    <input type="hidden" id="rck_id" name="rck_id" value="{$rck_id}">
                  <!-- </div> -->
                  <div class="layui-form-item">
                    <label class="layui-form-label">电话</label>
                    <div id="tel" class="layui-input-inline" style="font-size: 13px; margin-top: 7px; color:#4c4c4c">
                        {$details.telephone}
                    </div>
                    <!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">岗位</label>
                    <div id="post" class="layui-input-block" style="font-size: 13px; margin-top: 7px; color:#4c4c4c">
                        {$details.post}
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">面试官*</label>
                    <div class="layui-input-block w-120" id="Hr">
                        <div>
                            <span id="start_choose" style="border: 1px solid #beccdc; border-radius: 2px; text-align: center; line-height: 28px; font-size: 12px; color: #757575; height: 28px; display: block;">选择面试官A</span>
                            <span id="start_choose_val"></span>
                            <input type="hidden" required  lay-verify="required"  id="start_choose_val_info">
                            <button class="layui-btn" style="position: relative; left: 136px;bottom: 30px;" id="addHr">添加面试官B</button>
                        </div>
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">面试时间*</label>
                    <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
                      <input type="text" class="layui-input" required  readonly="readonly" lay-verify="required"  style="width: 190px;" placeholder="选择面试时间" id="test1" name="interview">
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">状态*</label>
                    <div class="layui-input-block" style="width: 190px;">
                      <select name="post_status" id="selected" required  lay-verify="required"  lay-verify="required">
                        <option value=""></option>
                        <!-- <option value="5">已面试</option> -->
                        <option value="4" selected>待面试</option>
                        <!-- <option value="2">待预约</option> -->
                        <!-- <option value="3">面试通过</option> -->
                        <!-- <option value="4">不合格</option> -->
                      </select>
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label">备注*</label>
                    <div class="layui-input-block">
                      <textarea name="backup_info" value="{$details.backup_info}" style="width: 190px;" id="backup" required   placeholder="备注信息" class="layui-textarea"></textarea>
                    </div>
                  </div>
                  <div class="layui-form-item">
                    <div class="layui-input-block">
                      <button class="layui-btn" id="submits" lay-submit lay-filter="formDemo" type="submit">立即提交</button>
                      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                  </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            $('#submits').attr('disabled',true);

            var username = $('#username').text();
            var tel      = $('#tel').text();
            var post     = $('#post').text()
            var hr       = $('#start_choose_val_info').val()
            var hrb      = $('#start_choose_val_infob').val()
            var hrc      = $('#start_choose_val_infoc').val()
            var times    = $('#test1').val()
            var selected = $('#selected').val()
            var backup   = $('#backup').val()
            var rck_id   = $('#rck_id').val()

            $.ajax({
                type:'post',
                url:'/oa/Personnel/rck_invite_up',
                data:{username:username,tel:tel,post:post,hr:hr,hrb:hrb,hrc:hrc,times:times,selected:selected,backup:backup,rck_id:rck_id},
                dataType:'json',
                success:function(res){
                    if(res.code == 200){
                        layer.alert('面试邀请发送成功');
                        window.location.href="/oa/Personnel/rck";
                    }else{
                        layer.alert('没有获取到要查询的数据');
                    }
                }
            });
            return false;
        });
    });

    layui.use('laydate', function(){
      var laydate = layui.laydate;
      //执行一个laydate实例
      laydate.render({
        elem: '#test1' //指定元素
        ,type: 'datetime'
        ,trigger: 'click'
      });
    });
</script>
<!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
<script src="__PUBLIC__/js/jquery-ui.js"></script>
<script src="__PUBLIC__/js/jquery.contextmenu.js"></script>
<script>
    function addHrB() {
        $('#Hr').append('<div><span onclick="start_choosehrc()" style="border: 1px solid #beccdc; border-radius: 2px; text-align: center; line-height: 28px; font-size: 12px; color: #757575; height: 28px; display: block;">选择面试官C</span><span id="start_choose_valc"></span><input type="hidden" required  lay-verify="required"  id="start_choose_val_infoc"></div>')
        $('#hrc').remove()
    } 
    function start_choosehrb(){
        var ress = 'B'
        load_page('/oa/Dept/selector', '选择组织架构',
                function(){
                    get_select(function(res){
                        // console.log(res)
                        $('#start_choose_valb').text(res[0].full_name)
                        var post_info = res[0].name+'/'+res[0].full_name+'/'+res[0].keyid+'/'+res[0].positionid+'/'+res[0].staffid+'/'+res[0].type+'/'+ress
                        $('#start_choose_val_infob').val(post_info)
                        // sel_content = res;
                    });
                },
                ['确定','取消'], 900,600
        );
    };
    function start_choosehrc(){
        var ress = 'C'
        load_page('/oa/Dept/selector', '选择组织架构',
                function(){
                    get_select(function(res){
                        // console.log(res)
                        $('#start_choose_valc').text(res[0].full_name)
                        var post_info = res[0].name+'/'+res[0].full_name+'/'+res[0].keyid+'/'+res[0].positionid+'/'+res[0].staffid+'/'+res[0].type+'/'+ress
                        $('#start_choose_val_infoc').val(post_info)
                        // sel_content = res;
                    });
                },
                ['确定','取消'], 900,600
        );
    };
    layui.use(['table','jquery','laydate'],function(){
        var table = layui.table;
        var laydate = layui.laydate;
        var sel_content = [];
        var staffid_arr = [];

        $('#start_choose').click(function(){
            var ress = 'A'
            load_page('/oa/Dept/selector', '选择组织架构',
                    function(){
                        get_select(function(res){
                            // console.log(res)
                            $('#start_choose_val').text(res[0].full_name)
                            var post_info = res[0].name+'/'+res[0].full_name+'/'+res[0].keyid+'/'+res[0].positionid+'/'+res[0].staffid+'/'+res[0].type+'/'+ress
                            $('#start_choose_val_info').val(post_info)
                            // sel_content = res;
                        });
                    },
                    ['确定','取消'], 900,600
            );
        });

        $('#addHr').click(function() {
            $('#Hr').append('<div><span onclick="start_choosehrb()" style="border: 1px solid #beccdc; border-radius: 2px; text-align: center; line-height: 28px; font-size: 12px; color: #757575; height: 28px; display: block;">选择面试官B</span><span id="start_choose_valb"></span><input required  lay-verify="required"  type="hidden" id="start_choose_val_infob"><button class="layui-btn" style="position: relative; left: 136px;bottom: 30px;" onclick="addHrB()" id="hrc">添加面试官C</button></div>')
            $('#addHr').remove()
        })  
    })
</script>


{/block}