{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>
    // $(function(){
    //     $(".nul_bli").eq(3).find(".navb").addClass("active");
    // })
</script>
{/block}

{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit" style="float:left;"><span>考勤规则分配</span></div>

        <style type="text/css">
            .layui-input-inline{width:100px !important;}
            select{border: 1px solid #ccc;height:40px;border-radius:10px;padding:0 20px}
        </style>

        <br>
        <br>
        <br>
        <br>
        <form>

            <!-- <div class="layui-form-item">
                <label class="layui-form-label" >考勤规则名称</label>
                <div class="layui-input-block" style="width:300px">
                    <input class="layui-input" id="name">
                </div>
                <div class="layui-form-mid layui-word-aux"></div>
            </div> -->
            
            
            
            <div class="layui-form-item">
                <label class="layui-form-label" >选择组织架构</label>
                <div class="layui-input-block">
                    <button class="layui-btn" type="button" id="start_choose">&nbsp;&nbsp;选择&nbsp;&nbsp;</button>
                    
                </div>
                <!-- <div class="layui-form-mid layui-word-aux"></div> -->
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label" >已经选定</label>
                <div class="layui-input-block">
                    <div id="area" style="background:##01b88a;width:400px;border-radius:20px;line-height:30px">
                        
                    </div>                   
                </div>
                <!-- <div class="layui-form-mid layui-word-aux"></div> -->
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label" >打卡规则</label>
                <div class="layui-input-block">
                    <select id="rule_list"></select>
                </div>
            </div>

            <br>
            <br>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" type="button" id="set">&nbsp;&nbsp;确定分配&nbsp;&nbsp;</button>
                </div>
            </div>
        </form>



        <div style="height:300px"> </div>

        <!-- <div class="remind-tit"><span style="color: #ff0000">*</span>温馨提示：</div>
        <div class="remind-tip">
            1.集团信息仅有一条 <br>
            2.后续修改提醒天数，请输入天数后点击开关，这时候天数已修改，需要重新开启开关
        </div> -->
    </div>
</div>

<script type="text/javascript">
    layui.use(['layer','jquery'],function(){

        // 弹出 单位选择插件
        function start_choose_dept_position_starff(func)
        {
            load_page(
                '/oa/Dept/selector',
                '选择组织架构',
                function(){get_select(func);},
                ['确定','取消'],
                900,600
            );
        }

        // 获取所有的规则列表
        function get_rule_list()
        {
            var list;
            $.ajax({
                async:false,
                type:'post',
                url:'{:url('/papi/rule/getList')}?limit=all&rule_type=1',
                data:{},
                dataType:'json',
                success:function(res){
                    list=res.data
                },
                error:function (XMLHttpRequest, textStatus, errorThrown) {
                        console.log('ajax-error:异常');
                        console.log(XMLHttpRequest);
                        console.log(textStatus);
                        console.log(errorThrown);
                        console.log(this);
                    // this; // 调用本次AJAX请求时传递的options参数
                },
            });
            return list;
        }

        // 获取html 选定区
        function get_html_area(arr)
        {
            var html_dept = ''
            var html_position = ''
            var html_staff = ''
            for(var i in arr)
            {
                if(arr[i].staffid>0)
                {
                    html_staff+='人员：'+arr[i].full_name+'<br>'
                }else if(arr[i].positionid>0)
                {
                    html_position+='岗位：'+arr[i].full_name+'<br>'
                }else
                {
                    html_dept+='单位：'+arr[i].full_name+'<br>'
                }

            }
            return html_dept + '<br>' + html_position + '<br>' + html_staff
        }

        // 获取html 规则选项的
        function get_html_rule_options(rule_list)
        {
            var html = ''
            for(var i in rule_list)
            {
                html += '<option value="'+rule_list[i].id+'">' + rule_list[i].name + '</option>'
            }
            return html
        }

        // 确认分配
        function set()
        {
            var ruleid=$('#rule_list').val()

            var n_arr=[]
            for(var i in arr)
            {
                var obj={}
                obj.type=arr[i].type
                obj.keyid=arr[i].keyid
                obj.positionid=arr[i].positionid
                obj.staffid=arr[i].staffid

                obj.ruleid=ruleid

                n_arr.push(obj)
            }

            var p_data={arr:n_arr}
            
            // console.log(arr);
            // console.log(n_arr);
            console.log(p_data);

            // return false;
            $.ajax({
                url:'/papi/rulerel/set',
                type:'post',
                data:p_data,
                dataType:'json',
                success:function(res)
                {
                    console.log(res)
                    // return false;
                    if(res.code==200)
                    {
                        layui.layer.alert('操作成功',function(){
                            location.reload()
                        });

                    }else
                    {
                        layui.layer.alert(res.msg);
                    }
                }
            })
        }

        // 点击确定分配按钮
        $('#set').click(function(){
            set()
        })

        // 点击选择按钮
        $('#start_choose').click(function(){
            start_choose_dept_position_starff(function(res){
                // 选择完毕后返回数据
                console.log(res);
                arr=res
                $('#area').html(get_html_area(arr))
            })
        })

        // ----------------------------------------------

        var arr=[] // 选定的 单位|岗位|人员
        var ruleid // 选定的规则id
        var rule_list //规则列表
        function init()
        {
            // 数据置空
            arr=[]
            ruleid=0
            rule_list=[]

            // 执行函数
            rule_list=get_rule_list();
            $('#rule_list').html(get_html_rule_options(rule_list));
        }
        init();
    })
</script>




{/block}