{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}
<style>
    {block name="style"}
    .layui-table-page {
        height: 50px;
    }
    {/block}
</style>
{block name="js"}
<script>
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>业务目标设定</span></div>
        <div class="set-top layui-form">
            <button class="layui-btn add-btn" data-type="add">目标设置</button>
            <div class="layui-input-inline">
                <input type="text" id="search_month" class="layui-input" placeholder="请选择月份" readonly>
            </div>
            目标：
            <div class="layui-inline">
                <select id="id" lay-verify="required" layer-filer="">
                    <option value="">请选择</option>
                    {volist name="kpi" id="k"}
                    <option value="{$k.id}">{$k.name}</option>
                    {/volist}
                </select>
            </div>
            <button class="layui-btn" id="btn">查询</button>
        </div>
        <table class="layui-table" lay-data="{ url:'/crm/setting/getGoalJSON.html',page:true,limit:20, id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>
                <th lay-data="{width:100,field:'id', sort: true,align:'center',templet: '#titleTpl'}">编号</th>
                <th lay-data="{width:150,field:'score', toolbar: '#barDemo',align:'center'}">操作</th>
                <th lay-data="{width:80,field:'flag',align:'center',toolbar: '#bs'}">设定方式</th>
                <th lay-data="{width:80,field:'month',align:'center'}">月份</th>
                <th lay-data="{width:100,field:'channel_name',align:'center'}">渠道名称</th>
                <th lay-data="{width:150,field:'kpi_name',align:'center'}">目标类型</th>
                <th lay-data="{width:100,field:'kpi_value',align:'center'}">目标值</th>
                <th lay-data="{width:150,field:'shop_name',align:'center'}">门店</th>
                <th lay-data="{width:100,field:'department_name',align:'center'}">部门</th>
                <th lay-data="{width:100,field:'group_name',align:'center'}">小组</th>
                <th lay-data="{width:100,field:'position_name',align:'center'}">岗位</th>
                <th lay-data="{width:100,field:'staff_name',align:'center'}">人员</th>
                <th lay-data="{width:100,field:'region_name',align:'center'}">地域</th>
                <th lay-data="{width:100,field:'province_name',align:'center'}">省份</th>
                <th lay-data="{width:100,field:'city_name',align:'center'}">城市</th>
                <!--<th lay-data="{width:100,field:'kpi_unit',align:'center'}">单位</th>-->
                <th lay-data="{width:100,field:'start',align:'center'}">开始时间</th>
                <th lay-data="{width:100,field:'end',align:'center'}">结束时间</th>
                <th lay-data="{width:80,field:'day_number',align:'center'}">天数</th>
                <th lay-data="{width:100,field:'order_sort',align:'center'}">排序</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="bs">
    {{#  if(d.flag == 'shop'){ }}
    店
    {{# } else if(d.flag == 'department') { }}
    部门
     {{# } else if(d.flag == 'position') { }}
    岗位
     {{# } else if(d.flag == 'group') { }}
    小组
     {{# } else if(d.flag == 'staff') { }}
    人员
    {{#  } }}
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>
<script>
    //日历
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start'
            , format: 'yyyy-MM-dd'
            , min: "{$start_day}"
            , max: "{$last_day}"
            , trigger: 'click'
            ,done: function(value, date, endDate){
                $('#hid').val(value);
            }
        });
        laydate.render({
            elem: '#end'
            , format: 'yyyy-MM-dd'
            , min: "{$start_day}"
            , max: "{$last_day}"
            , trigger: 'click'
            ,done: function(value, date, endDate){
                var start = $('#hid').val();
                if(value <= start){
                    layer.alert('结束时间必须大于开始时间');
                    return false;
                }
            }
        });
        laydate.render({
            elem: '#search_month'
            ,type: 'month'
        })
    });
    $('#btn').click(function(){
        table.reload('idTest', {
            url: 'getGoalJSON'
            ,where: {search_month:$('#search_month').val(),kpi_id:$('#id').val()} //设定异步数据接口的额外参数
            //,height: 300
        });
    })
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
        layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element; //元素操作

        //添加店面事件start
        $(".add-btn").click(function () {
            $('#tr').next().replaceWith('')
            layer.open({
                title: '业绩目标设置',
                type: 2,
                skin: 'layui-layer-rim',
                area: ['550px', '535px'],
                content: 'addGoal',
                btn: ['提交','取消']
                ,yes: function (index) {
                    //当点击‘确定’按钮的时候，获取弹出层返回的值
                    var shop_code = '';
                    var shop_name = '';
                    var department_id = 0;
                    var department_name = '';
                    var group_id = 0;
                    var group_name = '';
                    var position_id = 0;
                    var position_code = '';
                    var position_name = '';
                    var staff_id = 0;
                    var staff_name = '';
                    var channel_id = 0;
                    var channel_name = '';
                    var province_id = 0;
                    var province_name = '';
                    var city_id = 0;
                    var city_name = '';

                    var data = $('.layui-layer-content iframe').contents().children().find('#add-box').find('form').serialize();
                    var info = $('.layui-layer-content iframe').contents().children().find('#add-box').find('form');
                    var method = info.find('input[name=method]:checked').val();
                    if(method == undefined || method == '' || method == null || method == 'undefined'){
                        method = '';
                    }
                    var month = info.find('.month').val();
                    var kpi_id = info.find('#kpi_id').val();
                    var kpi_name = info.find('#kpi_id option:selected').html();
                    var kpi_value = info.find('#kpi_value').val();
                    var order_sort = info.find('#order_sort').val();
                    if(info.find('.ds').is(':checked')) {
                        channel_id = info.find('#channel_id').val();
                        channel_name = info.find('#channel_id option:selected').html();
                        province_id = info.find('#province_id').val();
                        province_name = info.find('#province_id option:selected').html();
                        city_id = info.find('#city_id').val();
                        city_name = info.find('#city_id option:selected').html();
                    }

                    if(method == 'shop'){
                        shop_code = info.find('.shop_shop').val();
                        shop_name = info.find('.shop_shop option:selected').html();
                    }else if(method == 'department'){
                        shop_code = info.find('.dep_shop').val();
                        shop_name = info.find('.dep_shop option:selected').html();
                        department_id = info.find('.dep').val();
                        department_name = info.find('.dep option:selected').html();
                    }else if(method == 'group'){
                        shop_code = info.find('.group_shop').val();
                        shop_name = info.find('.group_shop option:selected').html();
                        department_id = info.find('.dep_group').val();
                        department_name = info.find('.dep_group option:selected').html();
                        group_id = info.find('#group_id').val();
                        group_name = info.find('#group_id option:selected').html();
                    }else if(method == 'position'){
                        shop_code = info.find('.position_shop').val();
                        shop_name = info.find('.position_shop option:selected').html();
                        department_id = info.find('.dep_position').val();
                        department_name = info.find('.dep_position option:selected').html();
                        position_id = info.find('#position_id').val();
                        position_name = info.find('#position_id option:selected').html();
                        position_code = info.find('#position_id option:selected').attr('code');
                    }else if(method == 'staff'){
                        shop_code = info.find('.shop_shop').val();
                        shop_name = info.find('.shop_shop option:selected').html();
                        department_id = info.find('.dep_staff').val();
                        department_name = info.find('.dep_staff option:selected').html();
                        staff_id = info.find('#staff_id').val();
                        staff_name = info.find('#staff_id option:selected').html();
                    }

                    if(method == 'shop'){
                        if(shop_code == undefined || shop_code == '' || shop_code == null || shop_code == 'undefined'){
                            layer.alert('请选择店');
                            return false;
                        }
                    }else if(method == 'department'){
                        if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                            layer.alert('请选择部门');
                            return false;
                        }
                    }else if(method == 'group'){
                        if(group_id == undefined || group_id == '' || group_id == null || group_id == 'undefined'){
                            layer.alert('请选择小组');
                            return false;
                        }
                    }else if(method == 'position'){
                        if(position_id == undefined || position_id == '' || position_id == null || position_id == 'undefined'){
                            layer.alert('请选择岗位');
                            return false;
                        }
                    }else if(method == 'staff'){
                        if(staff_id == undefined || staff_id == '' || staff_id == null || staff_id == 'undefined'){
                            layer.alert('请选择人员');
                            return false;
                        }
                    }

                    if (typeof month == 'undefined' || month == '' || month == null) {
                        layer.alert('请选择您的目标月份');
                        return false;
                    }

                    if(kpi_name == 'undefined' || kpi_name == '请选择' || kpi_name == null) {
                        layer.alert('请选择您的目标名');
                        return false;
                    }
                    if (kpi_value == 'undefined' || kpi_value == '') {
                        layer.alert('请输入您的目标值');
                        return false;
                    }
                    if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                        department_id = 0;
                        department_name = '';
                    }
                    if(group_id == undefined || group_id == '' || group_id == null || group_id == 'undefined'){
                        group_id = 0;
                        group_name = '';
                    }
                    if(staff_id == '' || staff_id == null || staff_id == undefined || staff_id == 'undefined'){
                        staff_id = 0;
                        staff_name = '';
                    }
                    if(position_id == undefined || position_id == '' || position_id == null || position_id == 'undefined'){
                        position_id = 0;
                        position_name = '';
                        position_code = '';
                    }
                    if(channel_id == '' || channel_id == null || channel_id == undefined || channel_id == 'undefined'){
                        channel_id = 0;
                        var channel_name = '';
                    }
                    if(province_id == '' || province_id == null || province_id == undefined || province_id == 'undefined'){
                        province_id = 0;
                        var province_name = '';
                    }
                    if(city_id == '' || city_id == null || city_id == undefined || city_id == 'undefined'){
                        city_id = 0;
                        var city_name = '';
                    }
                    var data = "month=" + month+  '&position_id=' + position_id + '&position_name=' + position_name + '&kpi_id=' + kpi_id + '&kpi_name=' + kpi_name + '&kpi_value=' + kpi_value+"&order_sort="+order_sort+"&department_id="+department_id+"&department_name="+department_name+"&staff_id="+staff_id+"&staff_name="+staff_name+"&channel_id="+channel_id+"&channel_name="+channel_name+"&province_id="+province_id+"&province_name="+province_name+"&city_id="+city_id+"&city_name="+city_name+"&position_code="+position_code+"&group_id="+group_id+"&group_name="+group_name+"&flag="+method;
                    // alert(data);return false;
                    $.ajax({
                        type: "POST",
                        url: "setGoal",
                        data: data,
                        dataType: 'json',
                        success: function (ret) {
                            if (ret.code == 200) {
                                layer.alert(ret.msg);
                                table.reload('idTest', {
                                    where: {
                                        url: '/crm/setting/getGoalJSON.html'
                                    }
                                    ,page: {
                                        curr: 1 //重新从第 1 页开始
                                    }
                                });
                            } else {
                                layer.alert(ret.msg);
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    })
                    //最后关闭弹出层
                    layer.close(index);
                }
            });
        });
        //添加店面事件end
        //监听工具条
        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'detail') {
                layer.msg('查看操作');
            } else if (layEvent === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    var id = obj.data.id;
                    //向服务端发送删除指令
                    $.ajax({
                        type: "POST",
                        url: "{:Url('crm/Setting/delGoal')}",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret){
                                layer.alert('目标删除成功');
                                obj.del(); //删除对应行（tr）的DOM结构
                            }else{
                                layer.alert('目标删除失败');
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    })
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') {
                layer.open({
                    title: '编辑目标',
                    type: 2,
                    skin: 'layui-layer-rim',
                    area: ['750px', '535px'],
                    content: '/crm/Setting/addGoal?id='+obj.data.id,
                    btn: ['提交','取消']
                    , yes: function(index) {
                        //当点击‘确定’按钮的时候，获取弹出层返回的值
                        var shop_code = '';
                        var shop_name = '';
                        var department_id = 0;
                        var department_name = '';
                        var group_id = 0;
                        var group_name = '';
                        var position_id = 0;
                        var position_code = '';
                        var position_name = '';
                        var staff_id = 0;
                        var staff_name = '';
                        var channel_id = 0;
                        var channel_name = '';
                        var province_id = 0;
                        var province_name = '';
                        var city_id = 0;
                        var city_name = '';

                        var data = $('.layui-layer-content iframe').contents().children().find('#add-box').find('form').serialize();
                        var info = $('.layui-layer-content iframe').contents().children().find('#add-box').find('form');
                        var method = info.find('input[name=method]:checked').val();
                        if(method == undefined || method == '' || method == null || method == 'undefined'){
                            method = '';
                        }
                        var month = info.find('.month').val();
                        var kpi_id = info.find('#kpi_id').val();
                        var kpi_name = info.find('#kpi_id option:selected').html();
                        var kpi_value = info.find('#kpi_value').val();
                        var order_sort = info.find('#order_sort').val();
                        if(info.find('.ds').is(':checked')) {
                            channel_id = info.find('#channel_id').val();
                            channel_name = info.find('#channel_id option:selected').html();
                            province_id = info.find('#province_id').val();
                            province_name = info.find('#province_id option:selected').html();
                            city_id = info.find('#city_id').val();
                            city_name = info.find('#city_id option:selected').html();
                        }

                        if(method == 'shop'){
                            shop_code = info.find('.shop_shop').val();
                            shop_name = info.find('.shop_shop option:selected').html();
                        }else if(method == 'department'){
                            shop_code = info.find('.dep_shop').val();
                            shop_name = info.find('.dep_shop option:selected').html();
                            department_id = info.find('.dep').val();
                            department_name = info.find('.dep option:selected').html();
                        }else if(method == 'group'){
                            shop_code = info.find('.group_shop').val();
                            shop_name = info.find('.group_shop option:selected').html();
                            department_id = info.find('.dep_group').val();
                            department_name = info.find('.dep_group option:selected').html();
                            group_id = info.find('#group_id').val();
                            group_name = info.find('#group_id option:selected').html();
                        }else if(method == 'position'){
                            shop_code = info.find('.position_shop').val();
                            shop_name = info.find('.position_shop option:selected').html();
                            department_id = info.find('.dep_position').val();
                            department_name = info.find('.dep_position option:selected').html();
                            position_id = info.find('#position_id').val();
                            position_name = info.find('#position_id option:selected').html();
                            position_code = info.find('#position_id option:selected').attr('code');
                        }else if(method == 'staff'){
                            shop_code = info.find('.shop_shop').val();
                            shop_name = info.find('.shop_shop option:selected').html();
                            department_id = info.find('.dep_staff').val();
                            department_name = info.find('.dep_staff option:selected').html();
                            staff_id = info.find('#staff_id').val();
                            staff_name = info.find('#staff_id option:selected').html();
                        }

                        if(method == 'shop'){
                            if(shop_code == undefined || shop_code == '' || shop_code == null || shop_code == 'undefined'){
                                layer.alert('请选择店');
                                return false;
                            }
                        }else if(method == 'department'){
                            if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                                layer.alert('请选择部门');
                                return false;
                            }
                        }else if(method == 'group'){
                            if(group_id == undefined || group_id == '' || group_id == null || group_id == 'undefined'){
                                layer.alert('请选择小组');
                                return false;
                            }
                        }else if(method == 'position'){
                            if(position_id == undefined || position_id == '' || position_id == null || position_id == 'undefined'){
                                layer.alert('请选择岗位');
                                return false;
                            }
                        }else if(method == 'staff'){
                            if(staff_id == undefined || staff_id == '' || staff_id == null || staff_id == 'undefined'){
                                layer.alert('请选择人员');
                                return false;
                            }
                        }


                        if (typeof month == 'undefined' || month == '' || month == null) {
                            layer.alert('请选择您的目标月份');
                            return false;
                        }

                        if(kpi_name == 'undefined' || kpi_name == '请选择' || kpi_name == null) {
                            layer.alert('请选择您的目标名');
                            return false;
                        }
                        if (kpi_value == 'undefined' || kpi_value == '') {
                            layer.alert('请输入您的目标值');
                            return false;
                        }
                        if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                            department_id = 0;
                            department_name = '';
                        }
                        if(group_id == undefined || group_id == '' || group_id == null || group_id == 'undefined'){
                            group_id = 0;
                            group_name = '';
                        }
                        if(staff_id == '' || staff_id == null || staff_id == undefined || staff_id == 'undefined'){
                            staff_id = 0;
                            staff_name = '';
                        }
                        if(position_id == undefined || position_id == '' || position_id == null || position_id == 'undefined'){
                            position_id = 0;
                            position_name = '';
                            position_code = '';
                        }
                        if(channel_id == '' || channel_id == null || channel_id == undefined || channel_id == 'undefined'){
                            channel_id = 0;
                            var channel_name = '';
                        }
                        if(province_id == '' || province_id == null || province_id == undefined || province_id == 'undefined'){
                            province_id = 0;
                            var province_name = '';
                        }
                        if(city_id == '' || city_id == null || city_id == undefined || city_id == 'undefined'){
                            city_id = 0;
                            var city_name = '';
                        }
                        var data = "id="+obj.data.id+"&month=" + month + '&position_id=' + position_id + '&position_name=' + position_name + '&kpi_id=' + kpi_id + '&kpi_name=' + kpi_name + '&kpi_value=' + kpi_value+"&order_sort="+order_sort+"&department_id="+department_id+"&department_name="+department_name+"&staff_id="+staff_id+"&staff_name="+staff_name+"&channel_id="+channel_id+"&channel_name="+channel_name+"&province_id="+province_id+"&province_name="+province_name+"&city_id="+city_id+"&city_name="+city_name+"&position_code="+position_code+"&group_id="+group_id+"&group_name="+group_name+"&flag="+method;
                        // alert(data);return false;
                        $.ajax({
                            type: "POST",
                            url: "updateGoal",
                            data: data,
                            dataType: 'json',
                            success: function (ret) {
                                if (ret.code == 200) {
                                    layer.alert(ret.msg);
                                    table.reload('idTest', {
                                    });
                                } else {
                                    layer.alert(ret.msg);
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        })
                        //最后关闭弹出层
                        layer.close(index);
                    }
                });
                // }
            }
        });

        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
    //表格高度自适应
    $(window).load(function(){
        CpH();
    });
    $(window).resize(function() {
        CpH();
    });
    function CpH() {
        var wdcpH=$(window).height();
        var CpHeight= parseInt(wdcpH) -260;
        $(".layui-table-body").css("height", CpHeight);
    }
</script>
{/block}