{extend name="Public/base" /}
{block name="js"}
<script>
    $(function () {
        $(".nul_bli").eq(5).find(".navb").addClass("active");
    });
    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
</script>

{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/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">
    <div class="cus-con">
        <div class="set_tit"><span>查看明细</span></div>

    </div>
    <div class="layui-container" style="width: 80%;margin-top: 20px;">
        <h3>我的任务</h3><hr/>
        <div class="layui-row" style="width: 80%">
            <div class="layui-col-xs6 mx_pad">
                <div class="grid-demo grid-demo-bg1" >
                    <div class="mx_con" style="min-height: 180px;">
                        <ul class="mx3">
                            <li>执行人</li>
                            <li>{$data.name}&nbsp;&nbsp;&nbsp;&nbsp;
                                {notempty name="data.task.distribution"}
                                {$data.task.distribution}%
                                {/notempty}
                            </li>
                            <li></li>
                        </ul>
                        <ul class="mx3">
                            <li>分配量</li>
                            <li><?php  echo 100 - $data['all_distributionCount'] ;?>%</li>

                        </ul>
                        <ul class="mx3">
                            <li>完成量</li>
                            <li>
                                {$data.daily.all}
                            </li>

                        </ul>
                        <ul class="mx3">
                            <li>今日完成</li>
                            <li>
                                <?php echo intval($data['daily']['daily']);?>

                            </li>

                        </ul><!--<a href="{:url('oa/teamtask/dailyList')}?tid={$data.task.id}">查看日报</a>-->
                    </div>
                </div>
            </div>

            <div class="layui-col-xs6 mx_pad">
                <div class="grid-demo grid-demo-bg1">
                    <div class="mx_con">
                        <ul class="mx2">
                            <li>整体任务内容</li>
                            <li>{$data.task.describe}</li>

                        </ul>
                        <ul class="mx2">
                            <li>任务量</li>
                            <li>{$data.task.task_quantity}{$data.str}</li>
                        </ul>
                        <ul class="mx2">
                            <li>已完成量</li>
                            <li>
                                <?php  echo $data['completed_quantity'];?>%
                            </li>
                        </ul>
                        <ul class="mx2">
                            <li>今日完成量</li>
                            <li>{$data.all}
                            <?php  echo  $data['today'];?>%
                            </li>
                        </ul>
                        <ul class="mx2">
                            <li>日报</li>
                            <li>{$data.daily.describe}</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div style="height: 250px;"></div>
            <h3>下属任务</h3><hr/>
            {foreach $data.distribution as $k=>$v }
            <div class="layui-col-xs6 mx_pad">
                <div class="grid-demo grid-demo-bg1">
                    <div class="mx_con">
                        <ul class="mx3">
                            <li>执行人</li>
                            <li>{$v.staffname} &nbsp;&nbsp;&nbsp;&nbsp;
                                {notempty name="v.distribution"}
                                {$v.distribution}%
                                {/notempty}
                            </li>
                        </ul>
                        <ul class="mx3">
                            <li>完成量</li>
                            <li>
                               {$v.sub.all_1} /
                                {eq name="v.task_type" value="2"} 100 %{else/}
                                {$v.task_quantity}
                                {/eq}
                            </li>
                        </ul>

                        <ul class="mx3">
                            <li>开始时间</li>
                            <li>{$v.start_time}</li>
                        </ul>
                        <ul class="mx3">
                            <li>结束时间</li>
                            <li>{$v.end_time}</li>
                        </ul>
                        <ul class="mx3">
                            <li>日报提交</li>
                            <li>
                                <?php echo  empty($v['today_task_volume'])? '否':'是';?>
                            </li>
                        </ul>
                        <a href="{:url('oa/Planningtask/inquireDetail')}?tid={$v.id}">查看下级分解情况</a>
                        <a href="{:url('oa/Planningtask/dailyList')}?tid={$v.id}">查看日报</a>
                    </div>
                </div>
            </div>
            {/foreach}
            <!--<div style="margin: 20px 30px 10px;clear: both;width: 100%;float: left">
                <a href="#" class="layui-btn">&nbsp;&nbsp;确&nbsp;定&nbsp;&nbsp;</a>
            </div>
        </div>
    </div>
    <!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
    <script src="__PUBLIC__/js/jquery-ui.js"></script>
    <script src="__PUBLIC__/js/jquery.contextmenu.js"></script>

    <script type="text/html" id="barDemo">
        <span style="margin-top: -4px;" lay-event="set_position" data-id="{{d.id}}"
              class="layui-btn getPosition layui-btn-normal">添加岗位</span>
        <span style="margin-top: -4px;" lay-event="edit_brand" data-id="{{d.id}}"
              class="layui-btn edit layui-btn-normal">编辑</span>
        <span style="margin-top: -4px;" lay-event="del_brand" data-id="{{d.id}}"
              class="layui-btn layui-btn-danger del">删除</span>
    </script>

    <script>

        var listStr = function (name) {
            var str = "";
            for (var i = 0; i < $(name).length; i++) {
                var text = $(name).eq(i).html();
                var listid = $(name).eq(i).attr("id");
                if (i == $(name).length - 1) {
                    str += listid;
                } else {
                    str += listid + ',';
                }
            }
            return str;
        };

        var brandclass;
        var table;
        layui.use(['layer', 'table', 'form'], function () {
            table = layui.table, layer = layui.layer, form = layui.form;
            //第一个实例
            var tableIns = table.render({
                elem: '#demo'
                , url: '/oa/Dept/brandClass' //数据接口
                , id: 'testReload'
                //,even: true
                , where: {brandclass: brandclass}
                , page: true //开启分页
                , cols: [[ //表头
                    {field: 'id', title: 'ID', sort: true, templet: '#sexTpl', width: '5%'}
                    , {field: 'brandclass', title: '品牌名称', align: 'center', width: '15%'}
                    , {field: 'nickname', title: '昵称', align: 'center', width: '10%'}
                    , {field: 'wx_public', title: '微信公众号', align: 'center', width: '10%'}
                    , {field: 'wx_appid', title: 'appid', align: 'center', width: '10%'}
                    , {field: 'wx_secret', title: 'appsecret', align: 'center', width: '10%'}
                    , {field: 'group_company_name', title: '所属集团', align: 'center', width: '20%'}
                    , {title: '操作', align: 'center', width: '20%', toolbar: '#barDemo'}
                ]],
                done: function (res, curr, count) {
                    $(".mark-red").parents("tr").css({
                        "color": "#fff",
                        "background": "red"
                    });
                }
            });

            table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                var data = obj.data //获得当前行数据
                        , layEvent = obj.event; //获得 lay-event 对应的值
                var id = $(this).attr("data-id");
                if (layEvent == 'edit_brand') {

                    layer.open({
                        title: '新增事业部',
                        type: 2,
                        area: ['520px', '600px'],
                        maxmin: true,
                        content: 'editBrand?id=' + id,
                        btn: ['提交', '取消'],
                        yes: function (iframeDom, index) {
                            //获取iframe
                            var cus = $(".layui-layer-content iframe").contents().children();
                            var params = cus.find("#form1").serialize();
                            var order_rule = cus.find(".order_rule").val();
                            var proportion = cus.find('#proportion').val();

                            if (order_rule == 0 || order_rule == '' || order_rule == null) {
                                layer.alert('请选择有效订单标准');
                                return false;
                            }
                            if (proportion == 0 || proportion == '' || proportion == null) {
                                layer.alert('请输入有效订单标准的值');
                                return false;
                            }
                            var rege = /^\d*$/;
                            if (proportion && !rege.exec(proportion)) {
                                layer.alert('有效单规则只能填写数字');
                                return false;
                            }
                            if (order_rule == 2 && proportion > 100) {
                                layer.alert('订单的实收款占比不能大于100%');
                                return false;
                            }

                            $.ajax({
                                type: "POST",
                                url: 'editBrand',
                                data: params,
                                success: function (msg) {
                                    if (msg.code == 200) {
                                        layer.alert('编辑成功');

                                        setTimeout(function () {
                                            layer.closeAll('iframe');
                                            active["reload"] ? active["reload"].call(this) : '';
                                        }, 1500);
                                    } else {
                                        layer.alert(msg.msg);
                                        return false;
                                    }
                                }
                            });
                        }

                    });
                } else if (layEvent == 'del_brand') {

                    layer.confirm('你确定删除当前事业部吗？', {
                        btn: ['确定', '取消'] //按钮
                    }, function (index) {
                        $.ajax({
                            type: "POST",
                            url: 'delBrand',
                            data: {id: id},
                            success: function (msg) {
                                if (msg.code == 200) {
                                    layer.close(index);
                                    active["reload"] ? active["reload"].call(this) : '';
                                } else {
                                    layer.alert(msg.msg);
                                    layer.msg(msg.msg, {
                                        icon: 5,
                                        shade: [0.6, '#393D49'],
                                        time: 1500
                                    });
                                }
                            }
                        });
                    });
                } else if (layEvent == 'set_position') {

                    load_page(
                            '/oa/Dept/setDeptPosition.html?type=2&keyid=' + id,
                            '设定岗位',
                            function () {
                                setDeptPosition();
                            }, ['保存', '取消'], 700, 575
                    );
                }


            });
            $('.cus-model-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
                $(this).addClass("active").siblings(".cus-model-btn").removeClass("active");
                if (type == "allot") {
                    $("#allot-box").parent().css("overflow", "inherit");
                }
            });

            $('#search').on('click', function () {
                brandclass = $('#brandclass').val();
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
            $(document).keyup(function (event) {
                if (event.keyCode == 13) {
                    $("#search").trigger("click");
                }
            });

            // 重置搜索条件
            $("#reset").click(function (val) {

                $("#cus-top input").val("");
                $("#cus-top select").val("");
                //$(".cus-filter").html("");

                layui.form.render();
                return false;
            });


        });

        //触发事件
        var active = {

            //刷新列表
            reload: function (data) {

                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    , where: {
                        brandclass: brandclass
                    }
                });
            }, import: function () {

                load_page(
                        '/oa/customer/import',
                        '客资导入',
                        function () {
                            layer.close(layer.index);
                        },
                        ['取消'],
                        820, 550
                );
                active["reload"] ? active["reload"].call(this) : '';

            }, sel_dept: function () {
                load_page(
                        '/oa/Dept/selector',
                        '选择组织架构',
                        function () {
                            get_select(function (res) {
                                console.log(res);
                            });

                        },
                        ['确定', '取消'],
                        900, 600
                );

            }

        };


        layui.use(['layer', 'form'], function () {
            var $ = layui.jquery, layer = layui.layer;

            $('#api-add').on('click', function () {

                layer.open({
                    title: '新增事业部',
                    type: 2,
                    skin: 'layui-layer-rim',
                    area: ['520px', '600px'],
                    content: "addBrand",
                    btn: ['提交', '取消'],
                    yes: function (iframeDom, index) {
                        //获取iframe
                        var cus = $(".layui-layer-content iframe").contents().children();
                        var params = cus.find("#form1").serialize();
                        var order_rule = cus.find(".order_rule").val();
                        var proportion = cus.find('#proportion').val();

                        if (order_rule == 0 || order_rule == '' || order_rule == null) {
                            layer.alert('请选择有效订单标准');
                            return false;
                        }
                        if (proportion == 0 || proportion == '' || proportion == null) {
                            layer.alert('请输入有效订单标准的值');
                            return false;
                        }
                        var rege = /^\d*$/;
                        if (proportion && !rege.exec(proportion)) {
                            layer.alert('有效单规则只能填写数字');
                            return false;
                        }
                        if (order_rule == 2 && proportion > 100) {
                            layer.alert('订单的实收款占比不能大于100%');
                            return false;
                        }

                        $.ajax({
                            type: "POST",
                            url: 'addBrand',
                            data: params,
                            success: function (msg) {
                                if (msg.code == 200) {
                                    layer.alert('添加成功');

                                    setTimeout(function () {
                                        layer.closeAll('iframe');
                                        active["reload"] ? active["reload"].call(this) : '';
                                    }, 1500);
                                } else {
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }
                });

            });


        });


    </script>

    {/block}