{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(4).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">
            <button class="layui-btn add-btn" data-type="add">目标设置</button>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" id="main_position_name" class="layui-input" placeholder="请输入关键词">
                </div>
                <button class="layui-btn" id="btn">查询</button>
            </div>
        </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:50,field:'flag',toolbar: '#bs',align:'center'}">标识</th>
                <th lay-data="{width:150,field:'position_name',align:'center'}">岗位</th>
                <th lay-data="{width:100,field:'department_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:100,field:'year',align:'center'}">年份</th>
                <th lay-data="{width:100,field:'month',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:'order_sort',align:'center'}">排序</th>
                <th lay-data="{width:150,field:'score', toolbar: '#barDemo',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">
                    <select name="year" id="year">
                        <option value="2018"{if condition="$year eq 2018"}selected{/if}>2018</option>
                        <option value="2019"{if condition="$year eq 2019"}selected{/if}>2019</option>
                        <option value="2020"{if condition="$year eq 2020"}selected{/if}>2020</option>
                        <option value="2021"{if condition="$year eq 2021"}selected{/if}>2021</option>
                        <option value="2022"{if condition="$year eq 2022"}selected{/if}>2022</option>
                    </select>
                </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" id="flag_div">
                <label class="layui-form-label">标识:</label>
                <div class="layui-input-block">
                    <select name=""id="flag" lay-filter="flag">
                        <option value="">请选择</option>
                        <option value="position">岗位</option>
                        <option value="staff">人员</option>
                    </select>
                </div>
            </div>
            <!--<div class="layui-form-item" id="department">
                <label class="layui-form-label">岗位：</label>
                <div class="layui-input-block">
                    <select name=""id="position">
                        {volist id="position" name="position_info"}
                        <option value="{$position.id}"{if condition="$Think.session.main_position_name eq $position.position_name"}selected{/if}>{$position.position_name}</option>
                        {/volist}
                    </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">
                        {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>
    </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>
    $('#btn').click(function(){
        table.reload('idTest', {
            url: 'getGoalJSON'
            ,where: {main_position_name:$('#main_position_name').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(flag)', function (data) {
            if(data.value == 'position'){
                $('#after_department').remove();
                $('#after_staff').remove();
                $('#after_position').remove();
                $.ajax({
                    type: 'POST',
                    url: "getPositionList",
                    dataType : "json",
                    data: '',
                    error: function (data) {
                        layer.alert("请求失败");
                    },
                    success: function (ret) {
                        var len = ret.length;
                        if(len > 0){
                            $('#flag_div').after('<div class="layui-form-item" id="after_position"><label class="layui-form-label">岗位：</label><div class="layui-input-block"><select name=""id="position"></select></div></div>');
                            for(var i=0;i<len;i++){
                                var inp = '<option value="'+ret[i]["id"]+'">'+ret[i]["position_name"]+'</option>';
                                $('#position').append(inp);
                            }
                            form.render('select');
                        }
                    }
                });
            }else if(data.value=='staff'){
                $('#after_position').remove();
                $('#after_staff').remove();
                $('#after_department').remove();
                $.ajax({
                    type: 'POST',
                    url: "getDepartmentList",
                    dataType : "json",
                    data: '',
                    error: function (data) {
                        layer.alert("请求失败");
                    },
                    success: function (ret) {
                        var len = ret.length;
                        if(len > 0){
                            $('#flag_div').after('<div class="layui-form-item" id="after_department"><label class="layui-form-label">部门：</label><div class="layui-input-block"><select name=""id="department" lay-filter="mubiao_department"></select></div></div>');
                            var inp = '<option value="">请选择</option>';
                            for(var i=0;i<len;i++){
                                inp += '<option value="'+ret[i]["id"]+'">'+ret[i]["department_name"]+'</option>';
                            }
                            $('#department').html(inp);
                            $('#after_department').after('<div class="layui-form-item" id="after_staff"><label class="layui-form-label">人员：</label><div class="layui-input-block"><select name=""id="staff"></select></div></div>');
                            form.render('select');
                        }
                    }
                });
            }
        })
        form.on('select(mubiao_department)', function (data) {
            var department_id = data.value;
            $.ajax({
                type: 'POST',
                url: "getDepartmentStaff",
                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]["staffname"]+'</option>';
                        }
                        $('#staff').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', '650px'],
                content: $('#add-box'),
                btn: ['提交','取消']
                ,yes: function (index) {
                    //当点击‘确定’按钮的时候，获取弹出层返回的值
                    var year = $('#year').val();
                    var month = $("#month").val();
                    var flag = $("#flag").val();
                    var department_id = $("#department").val();
                    if(department_id == undefined){
                        department_id = 0;
                        department_name = '';
                    }else{
                        var department_name = $("#department option:selected").html();
                    }
                    var staff_id = $("#staff").val();
                    if(staff_id == undefined){
                        staff_id = 0;
                        staff_name = '';
                    }else{
                        var staff_name = $("#staff option:selected").html();
                    }
                    var position_id = $("#position").val();
                    if(position_id == undefined){
                        position_id = 0;
                        position_name = '';
                    }else{
                        var position_name = $("#position option:selected").html();
                    }
                    var channel_id = $('#channel_id').val();
                    if(channel_id == '' || channel_id == null || 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 = 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 = 0;
                        var city_name = '';
                    }else{
                        var city_name = $('#city_id option:selected').html();
                    }
                    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 year == 'undefined' || year == '') {
                        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;
                    }
                    if(flag == 'position'){
                        if (typeof position_name == 'undefined' || position_name == '' || position_name == null) {
                            layer.alert('请选择您的岗位');
                            return false;
                        }
                    }else if(flag == 'staff'){
                        if (typeof department_name == 'undefined' || department_name == '' || department_name == null) {
                            layer.alert('请选择部门');
                            return false;
                        }
                        if (typeof staff_name == 'undefined' || staff_name == '' || staff_name == null) {
                            layer.alert('请选择部门下的人员');
                            return false;
                        }
                    }
                    var data = "year=" + year + "&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+"&flag="+flag+"&channel_id="+channel_id+"&channel_name="+channel_name+"&province_id="+province_id+"&province_name="+province_name+"&city_id="+city_id+"&city_name="+city_name;
//                    alert(data);return false;
                    $.ajax({
                        type: "POST",
                        url: "setGoal",
                        data: data,
                        dataType: 'json',
                        success: function (ret) {
                            if (ret.code == 200) {
//                                var Dret=JSON.parse(ret);
//                                var arry=[],arry1=[];
//                                var ss='';
//                                var monthKey='';
//                                for(val in Dret){
//                                    arry.push(val);
//                                    arry1.push(Dret[val]);
//                                }
//                                monthKey=arry[2];
//                                var value1 = monthKey.replace(/[^0-9]/ig,"");
//                                var key1=JSON.parse(arry1[2]);
//                                for(name in key1){
//                                    ss+=key1[name];
//                                }
                                layer.alert(ret.msg);
                               /* 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);*/
                                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') {
                $("#reset").trigger("click");//触发reset按钮
                $('#tr').next().replaceWith('');
                $('#after_position').remove();
                $('#after_department').remove();
                $('#after_staff').remove();
                var id = obj.data.id;
                $.ajax({
                    type: "POST",
                    url: "{:Url('crm/Setting/editGoal')}",
                    data: {id:id},
                    dataType:'json',
                    success: function(ret){
                        if(ret){
                            $('#year').val(ret.year);
                            $('#month').val(ret.month);
                            $('#flag').val(ret.flag);
                            if(ret.flag == 'position'){
                                $('#after_department').remove();
                                $('#after_staff').remove();
                                $.ajax({
                                    type: 'POST',
                                    url: "getPositionList",
                                    dataType : "json",
                                    data: '',
                                    error: function (data) {
                                        layer.alert("请求失败");
                                    },
                                    success: function (index) {
                                        var len = index.length;
                                        if(len > 0){
                                            $('#flag_div').after('<div class="layui-form-item" id="after_position"><label class="layui-form-label">岗位：</label><div class="layui-input-block"><select name=""id="position"></select></div></div>');
                                            var inp = '<option value="">请选择</option>';
                                            for(var i=0;i<len;i++){
                                                if(index[i]['id'] == ret.position_id){
                                                    inp += '<option value="'+index[i]["id"]+'"selected>'+index[i]["position_name"]+'</option>';
                                                }else{
                                                    inp += '<option value="'+index[i]["id"]+'">'+index[i]["position_name"]+'</option>';
                                                }

                                                $('#position').append(inp);
                                            }
                                            layui.form.render('select');
                                        }
                                    }
                                });
                            }else if(ret.flag == 'staff'){
                                $('#after_position').remove();
                                $.ajax({
                                    type: 'POST',
                                    url: "getDepartmentList",
                                    dataType : "json",
                                    data: '',
                                    error: function (data) {
                                        layer.alert("请求失败");
                                    },
                                    success: function (index) {
                                        var len = index.length;
                                        if(len > 0){
                                            $('#flag_div').after('<div class="layui-form-item" id="after_department"><label class="layui-form-label">部门：</label><div class="layui-input-block"><select name=""id="department" lay-filter="mubiao_department"></select></div></div>');
                                            var inp = '<option value="">请选择</option>';
                                            for(var i=0;i<len;i++){
                                                if(index[i]['id'] == ret.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').html(inp);
                                            $('#after_department').after('<div class="layui-form-item" id="after_staff"><label class="layui-form-label">人员：</label><div class="layui-input-block"><select name=""id="staff"></select></div></div>');
                                            $.ajax({
                                                type: 'POST',
                                                url: "getDepartmentStaff",
                                                dataType : "json",
                                                data: 'department_id='+ret.department_id,
                                                error: function (data) {
                                                    layer.alert("请求失败");
                                                },
                                                success: function (res) {
                                                    var len = res.length;
                                                    if(len > 0){
                                                        var inp = '<option value="">请选择</option>';
                                                        for(var i=0;i<len;i++){
                                                            if(res[i]["id"] == ret.staff_id){
                                                                inp += '<option value="'+res[i]["id"]+'" selected>'+res[i]["staffname"]+'</option>';
                                                            }else{
                                                                inp += '<option value="'+res[i]["id"]+'">'+res[i]["staffname"]+'</option>';
                                                            }
                                                        }
                                                        $('#staff').html(inp);
                                                        layui.form.render('select');
                                                    }
                                                }
                                            });
                                            layui.form.render('select');
                                        }
                                    }
                                });
                            }
                            $('#position').val(ret.position_id);
                            $('#channel_id').val(ret.channel_id);
                            $('#province_id').val(ret.province_id);
                            $.ajax({
                                type: "POST",
                                url: 'searchCity',
                                data: {pid: ret.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(ret.city_id);
                                    layui.form.render('select');
                                }
                            });
                            $('#kpi_name').val(ret.kpi_id);
                            $('#kpi_value').val(ret.kpi_value);
                            $("#kpi_unit").val(ret.kpi_unit);
                            $("#order_sort").val(ret.order_sort);
                            layui.form.render();
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                    }
                })
                layer.open({
                    title: '编辑目标',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['345px', '650px'],
                    content: $('#add-box'),
                    btn: ['提交','取消']
                    , yes: function(index) {
                        //当点击‘确定’按钮的时候，获取弹出层返回的值
                        var year = $('#year').val();
                        var month = $("#month").val();
                        var flag = $("#flag").val();
                        var department_id = $("#department").val();
                        if(department_id == undefined){
                            department_id = 0;
                            department_name = '';
                        }else{
                            var department_name = $("#department option:selected").html();
                        }
                        var staff_id = $("#staff").val();
                        if(staff_id == undefined){
                            staff_id = 0;
                            staff_name = '';
                        }else{
                            var staff_name = $("#staff option:selected").html();
                        }
                        var position_id = $("#position").val();
                        if(position_id == undefined){
                            position_id = 0;
                            position_name = '';
                        }else{
                            var position_name = $("#position option:selected").html();
                        }
                        var channel_id = $('#channel_id').val();
                        if(channel_id == '' || channel_id == null || 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 = 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 = 0;
                            var city_name = '';
                        }else{
                            var city_name = $('#city_id option:selected').html();
                        }
                        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 year == 'undefined' || year == '') {
                            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;
                        }
                        if(flag == 'position'){
                            if (typeof position_name == 'undefined' || position_name == '' || position_name == null) {
                                layer.alert('请选择您的岗位');
                                return false;
                            }
                        }else if(flag == 'staff'){
                            if (typeof department_name == 'undefined' || department_name == '' || department_name == null) {
                                layer.alert('请选择部门');
                                return false;
                            }
                            if (typeof staff_name == 'undefined' || staff_name == '' || staff_name == null) {
                                layer.alert('请选择部门下的人员');
                                return false;
                            }
                        }

                        var data = "id="+id+"&year=" + year + "&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+"&flag="+flag+"&channel_id="+channel_id+"&channel_name="+channel_name+"&province_id="+province_id+"&province_name="+province_name+"&city_id="+city_id+"&city_name="+city_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);
                    }
                });
            }
        });
        //日历
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //单控件
            lay('.test-item').each(function () {
                laydate.render({
                    elem: this
                    , format: 'yyyyMMdd'
                    , value: new Date()
                    , trigger: 'click'
                });
            });
        });
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
</script>
{/block}