{extend name="Public/base" /}

{block name="js"}
<script src="__PUBLIC__/item/layui.js"></script>
<!--<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.js"></script>-->
{/block}

{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/clock_rule.css">
{/block}

{block name="main"}
<div class="if_wrap" style="overflow: scroll;">
<div class="new-tag-schedule" style="padding: 20px;">

    <input type="hidden" name="rule_id" id="rule_id" value="{$ruleInfo.id}">

    <div class="schedule_content_bottom schedule_content_bottom_have_line">
        <div class="schedule_content_inline ant-breadcrumb">
            <span><span class="schedule_content_cursor">排班规则管理</span><span class="ant-breadcrumb-separator">/</span></span>
            <span><span class="ant-breadcrumb-link">{$ruleInfo.name}-人员排班</span><span class="ant-breadcrumb-separator">/</span></span>
        </div>
    </div>

    <div class="schedulte-content">
        <div class="schedulte-content-row">
            <h5 class="schedule_float_left">班次说明:</h5>
            <div class="schedulte-content-row-tags">

                {volist name='banciInfo' id="bc"}
                <div class="schedule_content_tag">
                    <div data-show="true" class="ant-tag {$bc.color}">
                        <span class="ant-tag-text">{$bc.name}: {$bc.str}</span>
                    </div>
                </div>
                {/volist}

                <div class="schedule_content_tag">
                    <div data-show="true" class="ant-tag">
                        <span class="ant-tag-text">清空: 删除排休或排班</span>
                    </div>
                </div>
            </div>
        </div>

        <!--
        <div class="schedulte-content-row">
            <h5 class="schedule_float_left">排班周期:</h5>
            <div class="schedulte-content-row-tags" data-spm-anchor-id="0.0.0.i3.24d34ce31mAIBt">
                <div class="schedule_content_tag schedule_cycle_content_tag" title="早晚班: 早班-晚班">
                    <div data-show="true" class="ant-tag ant-tag-blue">
                        <span class="ant-tag-text">早晚班: 早班-晚班</span>
                    </div>
                </div>
                <div class="schedule_float_left schedule_class_set">
                    <a href="javascript:void(0)">设置</a>
                </div>
            </div>
        </div>
        -->

        <div class="schedulte-content-bottom-row">
            <div class="schedule_content_monthpick ant-calendar-picker">
                <input readonly="" value="{$now_month}" placeholder="请选择日期" class="ant-calendar-picker-input ant-input select-time" id="select-time">
                <i class="anticon anticon-cross-circle ant-calendar-picker-clear"></i>
                <span class="ant-calendar-picker-icon"></span>
            </div>
            <div class="schedule_content_select_schedule">
                <label class="ant-checkbox-wrapper">
                    <!--
                    <div class="ant-checkbox ant-checkbox-checked">
                        <input type="checkbox" class="ant-checkbox-input" value="on">
                        <span class="ant-checkbox-inner"></span>
                    </div>
                    -->

                    早于今天的日期不可更改。未排班时，系统默认取所属组织架构班次。
                    <!--
                    <span class="schedulte-content-bottom-info-icon">
                        <i class="anticon anticon-info-circle"></i>
                        <div class="schedulte-content-bottom-info">
                            <img class="schedulte-tip-img">
                        </div>
                    </span>
                    -->

                </label>
            </div>
        </div>
    </div>



<div class="ant-table ant-table-small ant-table-bordered ant-table-scroll-position-left ant-table-scroll-position-right">
    <div class="ant-table-content">
        <div class="ant-table-scroll">
            <div class="ant-table-body">
                <table class="ant-table-fixed table1" style="width: 100%;">

    <thead class="ant-table-thead">
        <tr>
            <th class="schedule_table_column">
                <span>姓名</span>
            </th>
            {volist name='days' id='day'}

                {if $day.week eq '六' or $day.week eq '日'}
                <th class="schedule_table_column">
                    <div class="schedule_classes_table_header_button">
                        <p class="schedule_classes_table_row_colum_header_text">{$day.day}<br>{$day.week}</p>
                    </div>
                </th>
                {else}
                <th class="schedule_table_column">
                    <div class="schedule_classes_table_header_button">
                        <p class="schedule_classes_table_row_colum_header_text schedule_workday">{$day.day}<br>{$day.week}</p>
                    </div>
                </th>
                {/if}

            {/volist}

        </tr>
    </thead>

    <tbody class="ant-table-tbody">

        <!--行的选中状态class是‘ant-table-row-hover’-->
        {volist name='staff' id='s'}
        <tr class="ant-table-row">
            <td class="schedule_table_column">
                <span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                <div>
                    <div class="schedule_classes_table_column_header_cell schedule_user_name ant-dropdown-trigger">
                        <p class="schedule_classes_table_row_username">{$s.staffname}</p>
                    </div>
                </div>
            </td>

            {volist name='days' id='day'}

            {if $list[$s.id][$day.y_m_d][banci_id] eq '-1'}
            <td class="schedule_table_column sub-td" data-staff-id="{$s.id}" data-staff-name="{$s.staffname}" data-banci-old="{$list[$s.id][$day.y_m_d][banci_id]}" data-banci-id="{$list[$s.id][$day.y_m_d][banci_id]}" data-day="{$day.y_m_d}" data-d="{$day.day}">
                <div class="schedule_classes_table_cell_button schedule_del_classe ant-tag-grey  {if $day.is_ok eq 1} is_ok{/if}">
                    <div class="schedule_classes_table_cell_text">
                        休
                    </div>
                </div>
            </td>
            {elseif  $list[$s.id][$day.y_m_d][banci_id] eq '-2'}
            <td class="schedule_table_column sub-td" data-staff-id="{$s.id}" data-staff-name="{$s.staffname}" data-banci-old="{$list[$s.id][$day.y_m_d][banci_id]}" data-banci-id="{$list[$s.id][$day.y_m_d][banci_id]}" data-day="{$day.y_m_d}" data-d="{$day.day}">
                <div class="schedule_classes_table_cell_button schedule_del_classe ant-dropdown-trigger {if $day.is_ok eq 1} is_ok{/if}">
                    <div class="schedule_classes_table_cell_text">

                    </div>
                </div>
            </td>
            {else}
            <td class="schedule_table_column sub-td" data-staff-id="{$s.id}" data-staff-name="{$s.staffname}" data-banci-old="{$list[$s.id][$day.y_m_d][banci_id]}" data-banci-id="{$list[$s.id][$day.y_m_d][banci_id]}" data-day="{$day.y_m_d}" data-d="{$day.day}">
                <div class="schedule_classes_table_cell_button schedule_del_classe {$list[$s.id][$day.y_m_d][color]} {if $day.is_ok eq 1} is_ok{/if}">
                    <div class="schedule_classes_table_cell_text">
                        {$list[$s.id][$day.y_m_d][banci_name]}
                    </div>
                </div>
            </td>
            {/if}

            {/volist}

        </tr>
        {/volist}

    </tbody>

                </table>
            </div>
        </div>

    </div>
</div>



    <!--
    <ul class="ant-pagination ant-table-pagination mini" unselectable="unselectable">
        <li title="上一页" tabindex="0" class="ant-pagination-disabled ant-pagination-prev" aria-disabled="true"><a class="ant-pagination-item-link"></a></li>
        <li title="1" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" tabindex="0"><a>1</a></li>
        <li title="2" class="ant-pagination-item ant-pagination-item-2" tabindex="0"><a>2</a></li>
        <li title="下一页" tabindex="0" class=" ant-pagination-next" aria-disabled="false"><a class="ant-pagination-item-link"></a></li>
    </ul>

    -->



    <!--班次统计次数-->
    <div class="ant-table ant-table-small ant-table-bordered ant-table-scroll-position-left ant-table-scroll-position-right" style="margin-top: 40px;">
        <div class="ant-table-content">
            <div class="ant-table-scroll">
                <div class="ant-table-body" style="overflow-x: auto;">
            
                    <table class="ant-table-fixed" style="width: 1270px;">
                        <thead class="ant-table-thead">
                            <tr class="num-thead">
                                <th class="schedule_table_column">
                                    <span>班次人数</span>
                                </th>
                                {volist name='days' id='d'}
                                <th class="schedule_total_table_column">
                                    <span>
                                        <div class="chedule_classes_table_cel  schedule_state_table_title">{$d.day}</div>
                                    </span>
                                </th>
                                {/volist}

                            </tr>
                        </thead>

                        <tbody class="ant-table-tbody num-content">

                        {volist name="banciInfo" id='bc'}
                            <tr class="ant-table-row  ant-table-row-level-0">
                                <td class="schedule_table_column">
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="{$bc.name}">
                                        <div data-show="true" class="ant-tag {$bc.color}">
                                            <span class="ant-tag-text">{$bc.name}</span>
                                        </div>
                                    </div>
                                </td>
                                {volist name='days' id='dd'}
                                <td class="schedule_total_table_column">
                                    <div class="schedule_state_table_cell chedule_classes_table_cel schedule_state_table_title" id="{$bc.id}_{$dd.day}">{$banciList[$bc.id][$dd.day]}</div>
                                </td>
                                {/volist}

                            </tr>
                        {/volist}

                        </tbody>
                </table>
            </div>
        </div>

        <div class="ant-table-fixed-left" style="display: none;">
            <div class="ant-table-body-outer">
                <div class="ant-table-body-inner">
                    <table class="ant-table-fixed">
                        <thead class="ant-table-thead">
                        <tr style="height: 56px;">
                        <th class="schedule_table_column"><span>
                        <!-- react-text: 3811 -->班次人数
                        <!-- /react-text --></span></th>
                        </tr>
                        </thead>
                        <tbody class="ant-table-tbody">
                            <tr class="ant-table-row  ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <!-- react-empty: 3816 -->
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="A">
                                        <div data-show="true" class="ant-tag ant-tag-blue">
                                            <span class="ant-tag-text">A</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr class="ant-table-row ant-table-row-level-0" style="height: 56px;">
                                <td class="schedule_table_column"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>
                                    <div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="B">
                                        <div data-show="true" class="ant-tag ant-tag-red">
                                            <span class="ant-tag-text">B</span>
                                        </div>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- 排版状态窗口 -->
<div id="submenu" style="display: none;">
    <div class="submenu new-tag-schedule">
        <div class="ant-tabs ant-tabs-top ant-tabs-line">
            <div role="tablist" class="ant-tabs-bar" tabindex="0">
                <div class="ant-tabs-nav-container">
                    <!--<span unselectable="unselectable" class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-prev-icon"></span></span>-->
                    <!--<span unselectable="unselectable" class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"><span class="ant-tabs-tab-next-icon"></span></span>-->
                    <div class="ant-tabs-nav-wrap">
                        <div class="ant-tabs-nav-scroll">
                            <div class="ant-tabs-nav ant-tabs-nav-animated">
                                <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px, 0px, 0px); width: 96px;"></div>
                                <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
                                    按天排班
                                </div>
                                <!--<div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">-->
                                    <!--按周期排班-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ant-tabs-content ant-tabs-content-animated" style="margin-left: 0%;">
                <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
                    <ul class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root" role="menu" aria-activedescendant="" tabindex="0">
                        <li class=" ant-menu-item-group">
                            <div class="ant-menu-item-group-title" title="修改该员工当天班次">
                                修改该员工当天班次
                            </div>
                            <ul class="ant-menu-item-group-list">
                                {volist name='banciInfo' id="bc"}

                                {if $bc.id > 0}
                                <li class="ant-menu-item no-acitvity nopadding" role="menuitem" onclick="choose('{$bc.id}','{$bc.name}','{$bc.color}')" aria-selected="false" data-id="{$bc.id}" data-name="{$bc.name}" data-color="{$bc.color}" >
                                    <p class="menu_item {$bc.color}">{$bc.name}</p>
                                </li>
                                {else}
                                <li class="ant-menu-item no-acitvity nopadding" role="menuitem" aria-selected="false" onclick="choose('-1','休','ant-tag-grey')" >
                                    <p class="menu_item rest">休息</p>
                                </li>
                                {/if}

                                {/volist}


                                <li class="ant-menu-item no-acitvity nopadding" role="menuitem" aria-selected="false" onclick="choose('','','ant-dropdown-trigger')">
                                    <p class="menu_item clear">清空</p>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" aria-hidden="true" class="ant-tabs-tabpane ant-tabs-tabpane-inactive"></div>
            </div>
        </div>
    </div>
</div>

</div>

    <div class="layui-form-item submit-btn">
        <div class="layui-input-block">
            <button lay-submit lay-filter="formDemo" class="layui-btn" type="button" onclick="sub()">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
        </div>
    </div>
</div>
<script>

    var click_td = {};
    var change = false;
    $(function(){
        layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], function () {
            var laydate = layui.laydate //日期
                    ,laypage = layui.laypage //分页
                    ,layer = layui.layer //弹层
                    ,table = layui.table //表格
                    ,form = layui.form;//表单操作

            form.render();

            //选择时间插件
            /*
            $('.select-time').each(function(){
                laydate.render({
                    elem: this
                    ,type: 'month'
                    ,change: function(value, date, endDate){

                        relaod_month(value);
                        //reload_num(value);
                    }
                });
            });
            */

            //年月选择器
            laydate.render({
                elem: '#select-time'
                ,type: 'month'
                ,btns: ['clear', 'confirm']
                ,change: function(value, date, endDate){
                    var the_month = $('#select-time').val();
                    console.log(the_month);

                    if(value != the_month && change == true){

                        var index = layer.confirm('当月排班信息尚未保存,确定要忽略已修改排班？', {
                            btn: ['确定', '取消'] //可以无限个按钮
                        }, function(index, layero){
                            relaod_month(value);
                            layer.close(index);
                        }, function(index){
                            layer.close(index);
                        });

                    }else if(value){
                        relaod_month(value);
                        $('.layui-laydate').remove();
                    }

                }
            });

            //relaod_month($('.select-time').val());

            function relaod_month(month){

                change = false;
                $('.select-time').val(month);

                $.ajax({
                    type:'post',
                    url:"{:url('oa/rule/getMonthRule')}",
                    data:{month:month,rule_id:$('#rule_id').val()},
                    success:function(res){
                        var staff = res.data.staff;
                        var days = res.data.days;
                        var list = res.data.list;


                        var str = '<thead class="ant-table-thead">' +
                        '<tr>' +
                        '<th class="schedule_table_column">' +
                            '<span>姓名</span>' +
                        '</th>';

                        $.each(days,function(k,v){
                            if(v.week == '六' || v.week == '日'){
                                str +=  '<th class="schedule_table_column">' +
                                '<div class="schedule_classes_table_header_button">' +
                                '<p class="schedule_classes_table_row_colum_header_text">'+ v.day+'<br>'+ v.week+'</p>' +
                                '</div>' +
                                '</th>';
                            }else{
                                str += '<th class="schedule_table_column">' +
                                '<div class="schedule_classes_table_header_button">' +
                                '<p class="schedule_classes_table_row_colum_header_text schedule_workday">'+ v.day+'<br>'+ v.week+'</p>' +
                                '</div>' +
                                '</th>';
                            }

                        });

                        str += ' </tr>' +
                        '</thead>' +
                        '<tbody class="ant-table-tbody">';

    $.each(staff,function(key,val){
        str += '<tr class="ant-table-row">' +
            '<td class="schedule_table_column">' +
                '<span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span>' +
                '<div>' +
                    '<div class="schedule_classes_table_column_header_cell schedule_user_name ant-dropdown-trigger">' +
                        '<p class="schedule_classes_table_row_username">'+ val.staffname+'</p>' +
                    '</div>' +
                '</div>' +
            '</td>';

            $.each(days,function(k2,day){
                //{$list[$s.id][$day.y_m_d][banci_id]}   -------颜色{$list[$s.id][$day.y_m_d][color]}


                if(list[val.id] != undefined && list[val.id][day.y_m_d] != undefined){
                    var banci_id = list[val.id][day.y_m_d].banci_id == undefined ? '' : list[val.id][day.y_m_d].banci_id;
                    var color = list[val.id][day.y_m_d].color == undefined ? '' : list[val.id][day.y_m_d].color;
                    var banci_name = list[val.id][day.y_m_d].banci_name == undefined ? '' : list[val.id][day.y_m_d].banci_name;
                }else{
                    var banci_id ='';
                    var color = '';
                    var banci_name = '';
                }


                if(banci_id == '-1'){
                    color = 'ant-tag-grey';
                    banci_name = '休';
                }else if(banci_id == '-2'){
                    color = 'ant-dropdown-trigger';
                    banci_name = '';
                }

                str += '<td class="schedule_table_column sub-td" data-staff-id="'+val.id+'" data-staff-name="'+val.staffname+'" data-banci-old="'+banci_id+'" data-banci-id="'+banci_id+'" data-day="'+day.y_m_d+'" data-d="'+day.day+'"> ';

                //是否可更改班次判断
                if(day.is_ok ==1){
                    str += '<div class="schedule_classes_table_cell_button schedule_del_classe '+color+' is_ok"> ';
                }else{
                    str += '<div class="schedule_classes_table_cell_button schedule_del_classe '+color+'"> ';
                }

                str += '<div class="schedule_classes_table_cell_text">'+
                           banci_name+
                        '</div>' +
                    '</div>' +
                '</td>'
            });

        str += '</tr>';
    });
        str += '</tbody>';
        $('.table1').html(str);



                        //------------统计-----------
                        var banciList = res.data.banciList;
                        var banciInfo = res.data.banciInfo;
                        console.log(banciList);
                        //表头
                        var num_str = '<th class="schedule_table_column"><span>班次人数</span></th>';
                        $.each(days,function(key,val){
                            num_str += '<th class="schedule_total_table_column">' +
                            '<span>' +
                            '<div class="chedule_classes_table_cel  schedule_state_table_title">'+val.day+'</div>' +
                            '</span>' +
                            '</th>';
                        });

                        $('.num-thead').html(num_str);

                        //内容
                        var content = '';
                        $.each(banciInfo,function(k1,v1){
                            content += ' <tr class="ant-table-row  ant-table-row-level-0">' +
                            '<td class="schedule_table_column">' +
                            '<div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="'+v1.name+'">' +
                            '<div data-show="true" class="ant-tag '+v1.color+'">' +
                            '<span class="ant-tag-text">'+v1.name+'</span>' +
                            '</div>' +
                            '</div>' +
                            '</td>';
                            $.each(days,function(k2,v2){
                                var num = 0;
                                if(banciList[v1.id] != undefined ){
                                    num = banciList[v1.id][k2] != undefined ? banciList[v1.id][k2] : 0;
                                }

                                content +='<td class="schedule_total_table_column">' +
                                '<div class="schedule_state_table_cell chedule_classes_table_cel schedule_state_table_title id="'+v1.id+'_'+k2+'">'+num+'</div>' +
                                '</td>';
                            });

                            content +='</tr>';

                        });

                        //console.log(content);
                        $('.num-content').html(content);








                    }

                })
            }

            function reload_num(month){

                $.ajax({
                    type:'post',
                    url:"{:url('oa/rule/getMonthStatistics')}",
                    data:{month:month,rule_id:$('#rule_id').val()},
                    success:function(res){
                        console.log(res);
                        var day = res.data.days;
                        var banciList = res.data.banciList;
                        var banciInfo = res.data.banciInfo;
                        console.log(banciList);
                        //表头
                        var num_str = '<th class="schedule_table_column"><span>班次人数</span></th>';
                        $.each(day,function(key,val){
                            num_str += '<th class="schedule_total_table_column">' +
                            '<span>' +
                            '<div class="chedule_classes_table_cel  schedule_state_table_title">'+val.day+'</div>' +
                            '</span>' +
                            '</th>';
                        })

                        $('.num-thead').html(num_str);

                        //内容
                        var content = '';
                        $.each(banciInfo,function(k1,v1){
                            content += ' <tr class="ant-table-row  ant-table-row-level-0">' +
                                    '<td class="schedule_table_column">' +
                                    '<div class="chedule_classes_table_cel_header schedule_classes_table_column_header_cell" title="'+v1.name+'">' +
                                    '<div data-show="true" class="ant-tag '+v1.color+'">' +
                                    '<span class="ant-tag-text">'+v1.name+'</span>' +
                                    '</div>' +
                                    '</div>' +
                                    '</td>';
                            $.each(day,function(k2,v2){
                                var num = 0;
                                if(banciList[v1.id] != undefined ){
                                    num = banciList[v1.id][k2] != undefined ? banciList[v1.id][k2] : 0;
                                }

                                content +='<td class="schedule_total_table_column">' +
                                '<div class="schedule_state_table_cell chedule_classes_table_cel schedule_state_table_title ">'+num+'</div>' +
                                '</td>';
                            })

                            content +='</tr>';

                        });

                        console.log(content);
                        $('.num-content').html(content);


                    }
                })


            }

            var submenu = $("#submenu").html();
            $('.table1').on('click','.schedule_classes_table_cell_button',function(){
                click_td = $(this);

                if($(this).hasClass('is_ok')){
                    $(this).parentsUntil(".ant-table-scroll").children().find(".submenu").remove();
                    $(this).append(submenu);
                    return false;
                }else{
                    layer.msg('时间一去不复返，请选择今天之后的日期', {
                        icon: 5,
                        shade: [0.6, '#393D49'],
                        time:1500
                    });
                }

            })
//            $(".schedule_classes_table_cell_button").click(function(){
//
//            });

            $("body").click(function(){
                $(".schedule_classes_table_cell_button").find(".submenu").remove();
            });



        });


    })

    function sub(){
        var sub_td = $('.sub-td');
        var arr = [];

        $.each(sub_td,function(k,v){
            var obj = {};
            if($(v).attr('data-staff-id') && $(v).attr('data-staff-name') && ($(v).attr('data-banci-id') != $(v).attr('data-banci-old')) && $(v).attr('data-day')){

                obj.staff_id = $(v).attr('data-staff-id');
                obj.staff_name = $(v).attr('data-staff-name');
                obj.banci_id = $(v).attr('data-banci-id');
                obj.day = $(v).attr('data-day');
                obj.rule_id = $('#rule_id').val();

                arr.push(obj);
            }
        })

        $.ajax({
            type:'post',
            url:"{:url('oa/rule/doDiy')}",
            data:{arr:arr},
            dataType:'json',
            success:function(res){
                if(res.code == 200){
                    layer.alert('排班成功！');
                }else{
                    layer.alert(res.msg);
                }
            }
        })

    }

    function choose(id,name,color){

        var d = click_td.parents('.schedule_table_column').attr('data-d');
        var old_banci = click_td.parents('.schedule_table_column').attr('data-banci-id');
        var old_div = old_banci+'_'+d;
        var new_div = id+'_'+d;

        var old_num = parseFloat($('#'+old_div).html());
        var new_num = parseFloat($('#'+new_div).html());

        if(id != old_banci){

            change = true;
            $('#'+old_div).html(old_num-1);
            if(id && id != 0){
                $('#'+new_div).html(new_num+1);
            }
        }

        //去除原有样式
            click_td.removeClass('ant-dropdown-trigger');
            click_td.removeClass('ant-tag-grey');
            click_td.removeClass('ant-tag-orange');
            click_td.removeClass('ant-tag-blue');
            click_td.removeClass('ant-tag-red');
            click_td.removeClass('ant-tag-green');
            click_td.removeClass('ant-tag-pink');
            click_td.removeClass('ant-tag-cyan');
            click_td.removeClass('ant-tag-purple');

        click_td.parents('.schedule_table_column').attr('data-banci-id',id);
        click_td.addClass(color);
        click_td.find(".schedule_classes_table_cell_text").html(name);

        $(".schedule_classes_table_cell_button").find(".submenu").remove();

    }

    //规则列表
    $('.schedule_content_cursor').click(function(){
        location.href = "{:url('oa/Rule/index')}";
    })
</script>

{/block}