<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase2.php');?>
<style>
    .layui-table td, .layui-table th {
        text-align: left;
    }
</style>
<div class="layui-card">
    <div class="layui-card-body">
        <div style="padding:0 10px 10px 0;">
            <div class="layui-form">
                <div class="layui-inline">
                    <label class="layui-form-label">目标月份</label>
                    <div class="layui-input-inline">
                        <input style="max-width: 150px !important;" type="text" AUTOCOMPLETE="off" name="but_month" id="betime" class="layui-input" value="<?php echo $Params['but_month'];?>" placeholder=" 目标月份 ">
                    </div>
                </div>
                <div class="layui-inline" style="display: none;">
                    <button  type="submit" class="layui-btn" lay-submit="" id="search" lay-filter="demo1">搜索</button >
                </div>
            </div>
        </div>

        <table class="layui-table" style="width: 340px !important;">
            <thead>
            <tr>
                <th>业务员</th>
                <th>目标金额</th>
            </tr>
            </thead>
            <tbody>
            <?php foreach ($list as $value): ?>
               <tr>
                   <td><?php echo $value['usr_name'] ?: '';?></td>
                   <td><input type="number" class="layui-input" value="<?php echo $value['but_money'] ?: ''; ?>"></td>
               </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
        <button class="layui-btn" type="button" onclick="add()">保存</button>
    </div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
    layui.use([ 'laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        laydate.render({
            elem: '#betime',
            format: 'yyyyMM',
            type: 'month'
            ,showBottom: false,
            //选择月份即选中关闭  年份扔可以左右点击选择
            change: function (value, date, endDate) { //监听日期被切换

                lay('#betime').val(value);
                $('.laydate-month-list').on('click','li',function () {//利用的事件委托
                    $('.layui-laydate').remove()
                });
                $("#search").click();
            }
        });
        form.on('submit(demo1)', function(data){
            $.ajax({
                url: ADMIN_URI + 'pjl/getYjmbList?isAjax=1',
                data: data.field,
                dataType: "json",
                success: function (res) {
                    data = res.data;
                    var html = '';
                    for (var i in data)
                    {
                        if(data[i].but_money){
                            html += '<tr><td>'+data[i].usr_name+'</td><td><input class="layui-input" type="text" value="'+data[i].but_money+'"></td></tr>';
                        }else{
                            html += '<tr><td>'+data[i].usr_name+'</td><td><input class="layui-input" type="text" value=""></td></tr>';
                        }
                    }
                    $(".layui-table tbody").html(html);
                }
            });
            return false;
        });
    });

    function add() {
        var arr = {};
        $('table tbody tr').each(function(i){
            arr[i] = {};
            arr[i]['but_name'] = $(this).find('td:eq(0)').text();
            arr[i]['but_money'] = $(this).find('td:eq(1) input').val();
        });
        arr['but_month'] = $('#betime').val();
        $.ajax({
            url: ADMIN_URI + 'pjl/addYjmb?isAjax=1',
            type: 'POST',
            data: arr,
            dataType: "json",
            success: function (res) {
                if(res.status){
                    layer.msg('操作成功');
                } else{
                    layer.msg(res.data);
                }
            }
        });
    }
</script>