{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}">
<style>
    .layui-table-page {
        height: 26px;
        margin-top: -14px;
    }

    .not_border {
        border: none;
        display: block;
        padding-left: 10px;
        line-height: 30px;
    }

    .task_php {
        color: #cf2d28;
        font-weight: bold;
    }
</style>
{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script>
    $(function () {
        $(".nul_bli").eq(5).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(9).find(".navs").addClass("active");
    })
</script>

{/block}

{block name="style"}
.fenpei_table {
height: 450px;
width: 100%;
overflow: auto;
}
.add_input{width:100%;}
ul,ul li{margin:0;padding:0; list-style:none;}
.mx_con {
min-height: 150px;
width: 100%;
box-sizing: border-box;
display: inline-block;
background-color: #eee;
overflow: auto;
padding: 15px;
}
.mx3 {
clear: both;
float: left;
height: auto;
width: 100%;
}
.mx3 li {
font-size: 13px;
line-height: 30px;
color: #333;
float: left;
height: 30px;
padding:0 5px;
box-sizing:border-box;
overflow:hidden;
}
.mx3 li:nth-child(1) {
width:35%;
}
.mx3 li:nth-child(2) {
width:35%;
}
.mx3 li:nth-child(3) {
width:30%;
}

.mx2 {
clear: both;
float: left;
height: auto;
width: 100%;
}
.mx2 li {
font-size: 13px;
line-height: 30px;
color: #333;
float: left;
height: 30px;
padding:0 5px;
box-sizing:border-box;
}
.mx2 li:nth-child(1) {
width:35%;
overflow:hidden;
}
.mx2 li:nth-child(2) {
width:65%;
overflow:auto;
}
.mx_pad {
padding: 5px;
box-sizing:border-box;
}
{/block}

{block name="main"}
<div class="if_wrap">

    {foreach $data as $k=>$v }
    <form method="post">
        <div class="layui-col-xs6 mx_pad" style="width: 300px;">
            <div class="grid-demo grid-demo-bg1">
                <div class="mx_con">
                    <ul class="mx3">
                        <li>当日完成量</li>
                        <li><input type="text" name="today_task_volume" value="{$v.today_task_volume}"/></li>
                    </ul>
                    <ul class="mx3">
                        <li>日期</li>
                        <li style="width: 150px;">{$v.regdate}
                        </li>
                    </ul>
                    <ul class="mx3">
                        <li>花费</li>
                        <li style="width: 150px;">
                            <input type="text" name="budget" value="{$v.budget}"/>
                        </li>
                    </ul>
                    <ul class="mx3">
                        <li>日报描述</li>
                        <li style="width: 150px; overflow: auto;">
                            <input type="text" name="describe" value="{$v.describe}"/>
                        </li>
                    </ul>
                </div>
            </div>
            <input type="hidden" class="id_php" name="id" value="{$v.id}"/>
            <button class="edit_php">修改</button>
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

            <button class="del_php">删除</button>
        </div>
    </form>
    {/foreach}

    <script src="__PUBLIC__/js/jquery-ui.js"></script>
    <script src="__PUBLIC__/js/jquery.contextmenu.js"></script>
    <script>
        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#starttime',
                type: 'datetime'
            });

            laydate.render({
                elem: '#starttime_2',
                type: 'datetime'
            });
        });
    </script>
    <script>
        layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'form'], function () {
            var laydate = layui.laydate //日期
                    , laypage = layui.laypage //分页
                    , layer = layui.layer //弹层
                    , table = layui.table //表格
                    , carousel = layui.carousel //轮播
                    , upload = layui.upload //上传
                    , element = layui.element;//元素操作
            var form = layui.form;
        });
    </script>
    <script>
        layui.use('form', function () {
            var form = layui.form;
            form.on('select(search_type)', function (data) {
                if (data.value == '1') {
                    $('#task_volume_php').show();
                } else {
                    $('#task_volume_php').hide();
                }
            });
            form.render();
        });

        $('.del_php').on('click', function (data) {
            var id = $(this).parents('form').find('.id_php').val();
            var url = "{:url('papi/Teamtask/delDaily')}";
            var obj = $(this);
            layer.confirm('你确定要删除这条记录吗？', function (index) {
                layer.close(index);
                obj.parents('form').hide();
                $.ajax({
                    type: "POST",
                    url: url,
                    data: {"id": id},
                    dataType: "json",
                    success: function (ret) {
                        if (ret.code == 200) {
                            layer.alert('删除成功');
                        } else {
                            layer.alert(ret.msg);
                        }
                    }
                });
            });
            return false;
        });


        $('.edit_php').on('click', function (data) {
            var menu = $(this).parents('form').serialize();
            var url = "{:url('papi/Teamtask/editDaily')}";
            $.ajax({
                type: "POST",
                url: url,
                data: menu,
                dataType: "json",
                success: function (ret) {
                    if (ret.code == 200) {
                        layer.alert('编辑成功');
                    } else {
                        layer.alert(ret.msg);
                    }
                }
            });
            //form.render();
            return false;
        });
    </script>
    {/block}