{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: 26px;
        margin-top: -14px;
    }
    {/block}
</style>
{block name="js"}
<script>
    $(function(){
        $(".nul_bli").eq(6).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(5).find(".navs").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="{height:680, 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: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:'channel_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:150,field:'kpi_name',align:'center'}">目标名</th>
                <th lay-data="{width:100,field:'kpi_value',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:80,field:'month',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 == 'position'){ }}
    岗位
    {{#  } else { }}
    人员
    {{#  } }}
</script>
<!--添加弹窗-->
<div id="add-box" style="display: none;padding:10px;">
    <form class="layui-form" action="">
        <div class="goal-left">
            <!--<div class="goal-tit">业绩目标</div>-->
           <!-- <div class="layui-form-item">
                <label class="layui-form-label">开始时间：</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" id="start" placeholder="请选择开始时间" readonly style="width: 128px;">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">结束时间：</label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" id="end" placeholder="请选择结束时间" readonly style="width: 128px;">
                </div>
            </div>-->
            <div class="layui-form-item">
                <label class="layui-form-label">选择月份：</label>
                <div class="layui-input-block">
                    <select name="month" id="month">
                        <option value="1"{if condition="$month eq 1"}selected{/if}>一月</option>
                        <option value="2"{if condition="$month eq 2"}selected{/if}>二月</option>
                        <option value="3"{if condition="$month eq 3"}selected{/if}>三月</option>
                        <option value="4"{if condition="$month eq 4"}selected{/if}>四月</option>
                        <option value="5"{if condition="$month eq 5"}selected{/if}>五月</option>
                        <option value="6"{if condition="$month eq 6"}selected{/if}>六月</option>
                        <option value="7"{if condition="$month eq 7"}selected{/if}>七月</option>
                        <option value="8"{if condition="$month eq 8"}selected{/if}>八月</option>
                        <option value="9"{if condition="$month eq 9"}selected{/if}>九月</option>
                        <option value="10"{if condition="$month eq 10"}selected{/if}>十月</option>
                        <option value="11"{if condition="$month eq 11"}selected{/if}>十一月</option>
                        <option value="12"{if condition="$month eq 12"}selected{/if}>十二月</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">部门：</label>
                <div class="layui-input-block">
                    <select name="department_id"id="department_id" lay-filter="goal_department" lay-search="">
                        <option value="">请选择</option>
                        {volist name="dep_info" id="dep"}
                        <option value="{$dep.id}">{$dep.department_name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item" id="group">
                <label class="layui-form-label">小组：</label>
                <div class="layui-input-block">
                    <select name="group_id"id="group_id" lay-filter="group" lay-search="">
                        <option value="">请选择</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item" id="position">
                <label class="layui-form-label">岗位：</label>
                <div class="layui-input-block">
                    <select name="position_id"id="position_id" lay-filter="position" lay-search="">
                        <option value="">请选择</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item" id="staff">
                <label class="layui-form-label">人员 ：</label>
                <div class="layui-input-block">
                    <select name="staff_id"id="staff_id" lay-filter="staff" lay-search="">
                        <option value="">请选择</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">渠道名称：</label>
                <div class="layui-input-block">
                    <select id="channel_id" lay-filter="channel_id" lay-verify="required">
                        <option value="">请选择</option>
                        {volist name="channel" id="v"}
                        <option value="{$v['id']}">{$v['channel_name']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">省份：</label>
                <div class="layui-input-block">
                    <select name="province_id" id="province_id" lay-filter="province_id" class="cus-input" >
                        <option value="">请选择</option>
                        {volist name="province" id="vo"}
                        <option value="{$vo['id']}">{$vo['name']}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">城市：</label>
                <div class="layui-input-block city" id="city">
                    <select name="city_id" id="city_id" lay-filter="city" class="cus-input cityI">
                        <option value="">请选择</option>

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">目标：</label>
                <div class="layui-input-block">
                    <select name=""id="kpi_name">
                        <option value="">请选择</option>
                        {volist id="kpi" name="kpi"}
                        <option value="{$kpi.id}">{$kpi.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">值：</label>
                <div class="layui-input-block">
                    <input type="text" id="kpi_value" lay-verify="title" autocomplete="off" width="30px" placeholder="" class="layui-input"onkeyup="value=value.replace(/[\D]/g,'') " >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">单位：</label>
                <div class="layui-input-block">
                    <select name=""id="kpi_unit">
                        <option value="个">个</option>
                        <option value="元">元</option>
                        <option value="单">单</option>
                        <option value="%">%</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">排序：</label>
                <div class="layui-input-block">
                    <input type="text" id="order_sort" lay-verify="title" autocomplete="off" width="30px" placeholder="数字低的排前面" class="layui-input"onkeyup="value=value.replace(/[\D]/g,'') "maxlength="4">
                </div>
            </div>
        </div>
        <input type="hidden" id="hid" value="">
    </form>
</div>
<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('form', function() {
        var form = layui.form;
        // 地区联动
        form.on('select(province_id)', function (data) {
            var province = data.value;
            if (province) {
                $.ajax({
                    type: "POST",
                    url: 'searchCity',
                    data: {pid: province, type: 2},
                    success: function (msg) {
                        var replace = '<select name="city_id" id="city_id" lay-filter="cityI" class="cus-input"><option value="">请选择</option>';
                        for (var i = 0; i < msg.length; i++) {
                            replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['name'] + '</option>';
                        }
                        replace += '</select>';
                        $(".cityI").html(replace);
                        form.render('select');
                    }
                });
            } else {
                var replace = '<select name="city_id" id="city_id" lay-filter="city" class="cus-input"><option value="">请选择</option></select>';
                $(".cityI").html(replace);
                form.render('select');
            }
        })
        form.on('select(goal_department)', function (data) {
            var department_id = data.value;
                $.ajax({
                    type: 'POST',
                    url: "getPositionListByDepartmentId",
                    dataType : "json",
                    data: 'department_id='+department_id,
                    error: function (data) {
                        layer.alert("请求失败");
                    },
                    success: function (ret) {
                        var len = ret.length;
                        if(len > 0){
                            var inp = '<option value="">请选择</option>';
                            for(var i=0;i<len;i++){
                inp += '<option value="'+ret[i]["id"]+'" code="'+ret[i]["position_code"]+'">'+ret[i]["position_name"]+'</option>';
                            }
                            $('#position_id').html(inp);
                            form.render('select');
                        }else{
                            var inp = '<option value="">请选择</option>';
                            $('#position_id').html(inp);
                            form.render('select');
                        }
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: "getGroupByDepId",
                    dataType : "json",
                    data: 'department_id='+department_id,
                    error: function (data) {
                        layer.alert("请求失败");
                    },
                    success: function (ret) {
                        var len = ret.length;
                        if(len > 0){
                            var inp = '<option value="">请选择</option>';
                            for(var i=0;i<len;i++){
                inp += '<option value="'+ret[i]["id"]+'">'+ret[i]["group_name"]+'</option>';
                            }
                            $('#group_id').html(inp);
                            form.render('select');
                        }else{
                            var inp = '<option value="">请选择</option>';
                            $('#group_id').html(inp);
                            form.render('select');
                        }
                    }
                });
        })

        form.on('select(staff)', function (data) {
            $.ajax({
                type: 'POST',
                url: "/crm/Customer/check_auth",
                dataType: "json",
                data: 'auth=menu1529653231',
                error: function (data) {
                    layer.alert("请求失败");
                },
                success: function (ret) {
                    if(ret == false){
                        layer.alert('你没有小组权限,不能选择人员');
                        return false;
                    }
                }
            })
        })
        form.on('select(position)', function (data) {
            var position_code = $("#position_id option:selected").attr('code');
            $.ajax({
                type: 'POST',
                url: "getPositionStaffs",
                dataType : "json",
                data: 'main_position_code='+position_code,
                error: function (data) {
                    layer.alert("请求失败");
                },
                success: function (ret) {
                    var len = ret.length;
                    if(len > 0){
                        var inp = '<option value="">请选择</option>';
                        for(var i=0;i<len;i++){
                            inp += '<option value="'+ret[i]["id"]+'">'+ret[i]["staffname"]+'</option>';
                        }
                        $('#staff_id').html(inp);
                        form.render('select');
                    }else{
                        var inp = '<option value="">请选择</option>';
                        $('#staff_id').html(inp);
                        form.render('select');
                    }
                }
            });

        })
    })
    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: 1,
                skin: 'layui-layer-rim',
                area: ['345px', '670px'],
                content: $('#add-box'),
                btn: ['提交','取消']
                ,yes: function (index) {
                    //当点击‘确定’按钮的时候，获取弹出层返回的值
                  /*  var start = $("#start").val();
                    var end = $("#end").val();*/
                    var department_id = $("#department_id").val();
                    if(department_id == undefined || department_id == '' || department_id == null || department_id == 'undefined'){
                        layer.alert('请选择部门');
                        return false;
                    }else{
                        var department_name = $("#department_id option:selected").html();
                    }
                    var group_id = $("#group_id").val();
                    if(group_id == undefined || group_id == '' || group_id == null || group_id == 'undefined'){
                        group_id = 0;
                        group_name = '';
                    }else{
                        var group_name = $("#group_id option:selected").html();
                    }
                    var staff_id = $("#staff_id").val();
                    if(staff_id == '' || staff_id == null || staff_id == undefined || staff_id == 'undefined'){
                        staff_id = 0;
                        staff_name = '';
                    }else{
                        var staff_name = $("#staff_id option:selected").html();
                    }
                    var position_id = $("#position_id").val();
                    if(position_id == undefined || position_id == '' || position_id == null || position_id == 'undefined'){
                        position_id = 0;
                        position_name = '';
                        position_code = '';
                    }else{
                        var position_name = $("#position option:selected").html();
                        var position_code = $("#position option:selected").attr('code');
                    }
                    var channel_id = $('#channel_id').val();
                    if(channel_id == '' || channel_id == null || channel_id == undefined || channel_id == 'undefined'){
                        channel_id = 0;
                        var channel_name = '';
                    }else{
                        var channel_name = $('#channel_id option:selected').html();
                    }
                    var province_id = $('#province_id').val();
                    if(province_id == '' || province_id == null || province_id == undefined || province_id == 'undefined'){
                        province_id = 0;
                        var province_name = '';
                    }else{
                        var province_name = $('#province_id option:selected').html();
                    }
                    var city_id = $('#city_id').val();
                    if(city_id == '' || city_id == null || city_id == undefined || city_id == 'undefined'){
                        city_id = 0;
                        var city_name = '';
                    }else{
                        var city_name = $('#city_id option:selected').html();
                    }
                    var month = $("#month").val();
                    var kpi_id = $("#kpi_name").val();
                    var kpi_name = $("#kpi_name option:selected").html();
                    var kpi_unit = $("#kpi_unit").val();
                    var kpi_value = $("#kpi_value").val();
                    var order_sort = $("#order_sort").val();

                    if (typeof month == 'undefined' || month == '' || month == null) {
                        layer.alert('请选择您的目标月份');
                        return false;
                    }
                   /* if (typeof start == 'undefined' || start == '' || start == null) {
                        layer.alert('请选择您的目标开始时间');
                        return false;
                    }
                    if(end <= start){
                        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 (kpi_unit == 'undefined' || kpi_unit == '') {
                        layer.alert('请选择您的单位');
                        return false;
                    }
                    if (order_sort == 'undefined' || order_sort == '' || order_sort == null) {
                        layer.alert('请输入您的排序');
                        return false;
                    }

                    var data = "month=" + month+  '&position_id=' + position_id + '&position_name=' + position_name + '&kpi_id=' + kpi_id + '&kpi_name=' + kpi_name + '&kpi_unit=' + kpi_unit+ '&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;
//                    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') {
                var department = obj.data.department_name;
                var group_name = obj.data.group_name;
                var position_name = obj.data.position_name;
                var staff_name = obj.data.staff_name;
                if(department && group_name == '' && staff_name == ''  && position_name == '' ){
                    $.ajax({
                        type: 'POST',
                        url: "/crm/Customer/check_auth",
                        dataType: "json",
                        data: 'auth=menu1512637269',
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (ret) {
                            if(ret == false){
                                layer.alert('你没有店面权限,不能编辑部门目标');
                                return false;
                            }
                        }
                    })
                }else if(department && group_name && staff_name == ''  && position_name == '' ){
                    $.ajax({
                        type: 'POST',
                        url: "/crm/Customer/check_auth",
                        dataType: "json",
                        data: 'auth=menu1531471639',
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (ret) {
                            if(ret == false){
                                layer.alert('你没有部门权限,不能编辑小组目标');
                                return false;
                            }
                        }
                    })
                }else if(department && group_name && staff_name == ''  && position_name == '' ){
                    $.ajax({
                        type: 'POST',
                        url: "/crm/Customer/check_auth",
                        dataType: "json",
                        data: 'auth=menu1529653231',
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (ret) {
                            if(ret == false){
                                layer.alert('你没有小组权限,不能编辑岗位或员工目标');
                                return false;
                            }
                        }
                    })
                }
                    $("#reset").trigger("click");//触发reset按钮
                    $('#tr').next().replaceWith('');
                    var id = obj.data.id;
                    /*$('#start').val(obj.data.start);
                     $('#end').val(obj.data.end);*/
                    var month = obj.data.month;
                    month = month.substr(5,2);
                    $('#month').val(parseInt(month));
                    $.ajax({
                        type: 'POST',
                        url: "getDepartmentList",
                        dataType : "json",
                        data: '',
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (index) {
                            var len = index.length;
                            if(len > 0){
                                var inp = '<option value="">请选择</option>';
                                for(var i=0;i<len;i++){
                                    if(index[i]['id'] == obj.data.department_id){
                                        inp += '<option value="'+index[i]["id"]+'" selected>'+index[i]["department_name"]+'</option>';
                                    }else{
                                        inp += '<option value="'+index[i]["id"]+'">'+index[i]["department_name"]+'</option>';
                                    }

                                }
                                $('#department_id').html(inp);
                                layui.form.render('select');
                            }
                        }
                    });
                    $.ajax({
                        type: 'POST',
                        url: "getGroupByDepId",
                        dataType : "json",
                        data: 'department_id='+obj.data.department_id,
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (index) {
                            var len = index.length;
                            if(len > 0){
                                var inp = '<option value="">请选择</option>';
                                for(var i=0;i<len;i++){
                                    if(index[i]['id'] == obj.data.group_id){
                                        inp += '<option value="'+index[i]["id"]+'"selected>'+index[i]["group_name"]+'</option>';
                                    }else{
                                        inp += '<option value="'+index[i]["id"]+'">'+index[i]["group_name"]+'</option>';
                                    }
                                }
                                $('#group_id').html(inp);
                                layui.form.render('select');
                            }
                        }
                    });
                    $.ajax({
                        type: 'POST',
                        url: "getPositionList",
                        dataType : "json",
                        data: 'department_id='+obj.data.department_id,
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (index) {
                            var len = index.length;
                            if(len > 0){
                                var inp = '<option value="">请选择</option>';
                                for(var i=0;i<len;i++){
                                    if(index[i]['id'] == obj.data.position_id){
                                        inp += '<option value="'+index[i]["id"]+'" code="'+index[i]["position_code"]+'"selected>'+index[i]["position_name"]+'</option>';
                                    }else{
                                        inp += '<option value="'+index[i]["id"]+'" code="'+index[i]["position_code"]+'">'+index[i]["position_name"]+'</option>';
                                    }
                                }
                                $('#position_id').html(inp);
                                layui.form.render('select');
                            }
                        }
                    });
                    $.ajax({
                        type: 'POST',
                        url: "getPositionStaffs",
                        dataType : "json",
                        data: 'main_position_code='+obj.data.position_code,
                        error: function (data) {
                            layer.alert("请求失败");
                        },
                        success: function (index) {
                            var len = index.length;
                            if(len > 0){
                                var inp = '<option value="">请选择</option>';
                                for(var i=0;i<len;i++){
                                    if(index[i]["id"] == obj.data.staff_id){
                                        inp += '<option value="'+index[i]["id"]+'" selected>'+index[i]["staffname"]+'</option>';
                                    }else{
                                        inp += '<option value="'+index[i]["id"]+'">'+index[i]["staffname"]+'</option>';
                                    }
                                }
                                $('#staff_id').html(inp);
                                layui.form.render('select');
                            }
                        }
                    });
                    $('#channel_id').val(obj.data.channel_id);
                    $('#province_id').val(obj.data.province_id);
                    $.ajax({
                        type: "POST",
                        url: 'searchCity',
                        data: {pid: obj.data.province_id, type: 2},
                        success: function (msg) {
                            var replace = '<select name="city_id" id="city_id" lay-filter="cityI" class="cus-input"><option value="">请选择</option>';
                            for (var i = 0; i < msg.length; i++) {
                                replace += '<option value="' + msg[i]['id'] + '">' + msg[i]['name'] + '</option>';
                            }
                            replace += '</select>';
                            $(".cityI").html(replace);
                            $('#city_id').val(obj.data.city_id);
                            layui.form.render('select');
                        }
                    });
                    $('#kpi_name').val(obj.data.kpi_id);
                    $('#kpi_value').val(obj.data.kpi_value);
                    $("#kpi_unit").val(obj.data.kpi_unit);
                    $("#order_sort").val(obj.data.order_sort);
                    layui.form.render();
                    layer.open({
                        title: '编辑目标',
                        type: 1,
                        skin: 'layui-layer-rim',
                        area: ['345px', '670px'],
                        content: $('#add-box'),
                        btn: ['提交','取消']
                        , yes: function(index) {
                            //当点击‘确定’按钮的时候，获取弹出层返回的值
                            /*var start = $("#start").val();
                             var end = $("#end").val();*/
                            var department_id = $("#department_id").val();
                            if(department_id == undefined || department_id == '' || department_id == null  || department_id == 'undefined'){
                                department_id = 0;
                                department_name = '';
                                layer.alert('请选择部门');
                                return false;
                            }else{
                                var department_name = $("#department_id option:selected").html();
                            }
                            var group_id = $("#group_id").val();
                            if(group_id == undefined || group_id == '' || group_id == null  || group_id == 'undefined'){
                                group_id = 0;
                                group_name = '';
                            }else{
                                var group_name = $("#group_id option:selected").html();
                            }
                            var staff_id = $("#staff_id").val();
                            if(staff_id == undefined || staff_id == '' || staff_id == null  || staff_id == 'undefined'){
                                staff_id = 0;
                                staff_name = '';
                            }else{
                                var staff_name = $("#staff_id option:selected").html();
                            }
                            var position_id = $("#position_id").val();
                            if(position_id == undefined || position_id == '' || position_id == null  || position_id == 'undefined'){
                                position_id = 0;
                                position_name = '';
                                position_code = '';
                            }else{
                                var position_name = $("#position option:selected").html();
                                var position_code = $("#position option:selected").attr('code');
                            }
                            var channel_id = $('#channel_id').val();
                            if(channel_id == '' || channel_id == null || channel_id == undefined || channel_id == 'undefined'){
                                channel_id = 0;
                                var channel_name = '';
                            }else{
                                var channel_name = $('#channel_id option:selected').html();
                            }
                            var province_id = $('#province_id').val();
                            if(province_id == '' || province_id == null || province_id == undefined || province_id == 'undefined'){
                                province_id = 0;
                                var province_name = '';
                            }else{
                                var province_name = $('#province_id option:selected').html();
                            }
                            var city_id = $('#city_id').val();
                            if(city_id == '' || city_id == null || city_id == undefined || city_id == 'undefined'){
                                city_id = 0;
                                var city_name = '';
                            }else{
                                var city_name = $('#city_id option:selected').html();
                            }
                            var month = $("#month").val();
                            var kpi_id = $("#kpi_name").val();
                            var kpi_name = $("#kpi_name option:selected").html();
                            var kpi_unit = $("#kpi_unit").val();
                            var kpi_value = $("#kpi_value").val();
                            var order_sort = $('#order_sort').val();
                            /* if (typeof start == 'undefined' || start == '' || start == null) {
                             layer.alert('请选择您的目标开始时间');
                             return false;
                             }
                             if (typeof end == 'undefined' || end == '' || end == null) {
                             layer.alert('请选择您的目标结束时间');
                             return false;
                             }
                             if(end <= start){
                             layer.alert('结束时间必须大于开始时间');
                             return false;
                             }*/
                            if(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 (kpi_unit == 'undefined' || kpi_unit == '') {
                                layer.alert('请选择您的单位');
                                return false;
                            }
                            if (order_sort == 'undefined' || order_sort == '' || order_sort == null) {
                                layer.alert('请输入您的排序');
                                return false;
                            }

                            var data = "id="+id+"&month=" + month + '&position_id=' + position_id + '&position_name=' + position_name + '&kpi_id=' + kpi_id + '&kpi_name=' + kpi_name + '&kpi_unit=' + kpi_unit+ '&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;
//                    alert(data);return false;
                            $.ajax({
                                type: "POST",
                                url: "updateGoal",
                                data: data,
                                dataType: 'json',
                                success: function (ret) {
                                    if (ret.code == 200) {
                                        /* var inp = '<tbody><tr><td id="td1"></td><td id="td2"></td><td id="td3"></td><td id="td4"></td><td id="td5"></td><td id="td6"></td></tr></tbody>';
                                         $('#tr').after(inp);
                                         //预览赋值
                                         $('#td1').html(ret.data.position_name);
                                         $('#td2').html(ret.data.year);
                                         $('#td3').html(ret.data.month);
                                         $('#td4').html(ret.data.kpi_name);
                                         $('#td5').html(ret.data.kpi_value);
                                         $('#td6').html(ret.data.kpi_unit);*/
                                        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 +'页');
                }
            }
        });
    })
</script>
{/block}