{extend name="Public/base" /}
{block name="js"}
<script>
    $(function(){
        $(".nul_bli").eq(3).find(".navb").addClass("active");
    });
    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
    //    var cid = "{$cid}";
</script>
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/font-awesome.min.css">
<link rel="stylesheet" href="__PUBLIC__/css/jquery.contextmenu.css">
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit" style="width: 1200px;"><span>质检统计</span></div>
        <div class="cus-top" id="cus-top">
            <!--<form class="layui-form layui-form-pane1">-->
            <div class="cus-top-left layui-form layui-form-pane1" style="width: 1200px;">
                {if condition='$object_type eq 1'}
                    <label class="layui-form-label">选择店面：</label>
                    <div class="layui-input-block w-150" >
                        <select name="brand_id" id="brand_id" lay-filter="brands">
                            <option value="">请选择事业部</option>
                            {volist name='all_brand' id='vo'}
                            <option value="{$vo.brand_id}">{$vo.brandclass}</option>.
                            {/volist}
                        </select>
                    </div>
                    <div class="layui-input-block w-150" id="shop">
                        <select id="shop_code" name="shop_code">
                            <option value="">请选择店</option>

                        </select>
                    </div>
                {else}
                    <label class="layui-form-label">选择部门：</label>
                    <div class="layui-input-block w-150" >
                        <select name="shop_code" id="shop_code" lay-filter="shop_code">
                            <option value="">请选择店面</option>
                            {volist name='all_shop' id='vo'}
                            <option value="{$vo.shop_code}">{$vo.shop_name}</option>.
                            {/volist}
                        </select>
                    </div>
                    <div class="layui-input-block w-150" id="dept">
                        <select id="department_id" name="department_id">
                            <option value="">请选部门</option>

                        </select>
                    </div>
                {/if}


                <label class="layui-form-label">时间范围：</label>
                <div class="layui-input-block w-150">
                    <div class="layui-inline w-150">
                        <input type="text" class="layui-input test-item"  name="start_time" id="start_time" readonly>
                    </div>
                </div>
                <span class="date-span">-</span>
                <div class="layui-input-block w-150">
                    <div class="layui-inline w-150">
                        <input type="text" class="layui-input test-item"  name="end_time" id="end_time" readonly>
                    </div>
                </div>
                <div class="layui-input-block cus-search" style="z-index: 1;">
                    <input type="hidden" name="type_info" id="type_info">
                    <button lay-submit lay-filter="search" id="search" data-type="reload"  value="查询" class="search-span" style="border-radius: 5px;">查询</button>
                </div>
            </div>
        </div>
        <div id="container" style="height: 500px;width: 1200px;"></div>
        <script src="__PUBLIC__/bigscreennew/mobile_js/echarts.online.js?v={$Think.const.APP_VERSION}"></script>
    </div>
</div>

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="__PUBLIC__/js/jquery.contextmenu.js"></script>
<script>
    $(function () {

        var shop_code='';
        var start_time='';
        var end_time='';

        //日历
        layui.use('laydate', function () {
            var now = new Date(); //当前日期
            var date1 = new Date();
            var time1=date1.getFullYear()+"-"+(date1.getMonth()+1)+"-"+date1.getDate();//time1表示当前时间
            var date2 = new Date(date1);
            date2.setDate(date1.getDate()-7);
            var time2 = date2.getFullYear()+"-"+(date2.getMonth()+1)+"-"+date2.getDate();
            var nowM = date1.getMonth()+1;
            if (nowM < 10) {
                nowM = "0" + nowM;
            }
            var startMonth = date2.getFullYear()+"-"+nowM;
            var laydate = layui.laydate;
            //单控件
            lay('.test-item').each(function () {
                laydate.render({
                    elem: this
                    , format: 'yyyy-MM'
                    , value: ''
                    , trigger: 'click'
                });
            });

            // 开始时间
            laydate.render({
                elem: '#start_time'
                , format: 'yyyy-MM'
                , value: startMonth
                , trigger: 'click'
            });
            // 结束时间
            laydate.render({
                elem: '#end_time'
                , format: 'yyyy-MM'
                , value: now
                , trigger: 'click'
            });

            lay('.hour-item').each(function () {
                laydate.render({
                    elem: this
                    , type: 'time'
                    , done: function (value, date, endDate) {
                        console.log(value, date, endDate);
                    }
                    , change: function (value, date, endDate) {
                        //this.elem.val(value)
                    }
                });
            });

        });
        layui.use(['layer', 'table','form'], function () {
            var table = layui.table, layer = layui.layer, form = layui.form;
            form.on('select(brands)', function(data){
                var brand_id = data.value;
                $.ajax({
                    type: "POST",
                    url: '/kf/Quality/getAllshop',
                    data: "brand_id="+brand_id,
                    dataType:'json',
                    success: function (msg) {
                        if(msg.code==1){
                            var shop=msg.data;
                            var replace = '<select name="shop_code" id="shop_code" lay-filter="shop"><option value="0" >--请选择店面--</option>';
                            for(var i=0;i<shop.length;i++){
                                replace += '<option value="'+shop[i]['shop_code']+'">'+shop[i]['shop_name']+'</option>';
                            }
                            replace +='</select>';
                            $("#shop").html(replace);
                            form.render();
                        }
                    }
                });
            });

            form.on('select(shop_code)', function(data){
                var shop = data.value;
                $.ajax({
                    type: "POST",
                    url: '/kf/Quality/getAllDept',
                    data: "shop_code="+shop,
                    dataType:'json',
                    success: function (msg) {
                        if(msg.code==1){
                            var dept=msg.data;
                            var replace = '<select id="department_id" name="department_id"><option value="0" >--请选择部门--</option>';
                            for(var i=0;i<dept.length;i++){
                                replace += '<option value="'+dept[i]['department_id']+'">'+dept[i]['department_name']+'</option>';
                            }
                            replace +='</select>';
                            $("#dept").html(replace);
                            form.render();
                        }
                    }
                });
            });

            table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                var data = obj.data; //获得当前行数据
                //console.log(data)
                var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var tr = obj.tr; //获得当前行 tr 的DOM对象
                if(layEvent === 'detail'){ //查看
                    //do somehing
                } else if(layEvent === 'del'){ //删除
                    layui.form.render(); //更新全部
                    var id = obj.data.id;
                    layer.confirm('真的删除行么', function(index){
                        obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                        layer.close(index);
                        $.ajax({
                            type: "POST",
                            url: "{:Url('kf/Quality/delQuality')}",
                            data: {id:id},
                            dataType:'json',
                            success: function(ret){
                                if(ret){
                                    layer.alert('删除成功');
                                    table.reload('idTest', {
                                    });
                                }else{
                                    layer.alert('删除失败');
                                    table.reload('idTest', {
                                    });
                                }
                            },
                            error:function(XMLHttpRequest, textStatus, errorThrown){
                                var ret = XMLHttpRequest.responseJSON
                                layer.alert('操作失败');
                            }
                        })
                        //向服务端发送删除指令
                    });

                } else if(layEvent === 'edit'){ //编辑
                    layui.form.render(); //更新全部
                    var id = obj.data.id;
                    load_page(
                        '/kf/Quality/qualitySave.html?id='+obj.data.id,
                        '修改质检单',
                        function(){
                            saveQuality();
                        },
                        ['保存','取消'],
                        700, 600
                    );
                } else if(layEvent === 'quality_object'){
                    var id = obj.data.id;
                    load_page(
                        '/kf/Quality/qualityObject.html?quality_id='+obj.data.id,
                        '修改质检对象',
                        function(){
                            saveQualityObject();
                        },
                        ['保存','取消'],
                        700, 600
                    );
                } else if(layEvent === 'codeQualityObject'){
                    load_page(
                        '/kf/Quality/codeQualityObject.html?quality_id='+obj.data.id,
                        '二维码',
                        function(){
                            // saveQualityObject();
                        },
                        ['保存','取消'],
                        700, 600
                    );
                } else if(layEvent === 'quality_object_result'){
                    load_page(
                        '/kf/Quality/QualityObjectResult.html?quality_id='+obj.data.id,
                        '质检结果',
                        function(){
                            savaQualityObjectResult();
                            // saveQualityObject();
                        },
                        ['保存','取消'],
                        700, 600
                    );
                }
            });

            //第一个实例
            var tableIns=table.render({
                elem: '#demo'
                , url: '/kf/Quality/qualityList' //数据接口
                ,id: 'testReload'
                ,width:1303
                , page: true //开启分页
                , cols: [[ //表头
                    {field:'id', title: 'ID', width:80, sort: true,templet: '#titleTpl'}
                    ,{field:'name', title: '质检单名称',width:400, align: 'center'}
                    ,{field:'type', title: '质检类型', width:100,align: 'center',toolbar:'#qualitytype'}
                    ,{field:'start_time', title: '开始时间', width:200,align: 'center'}
                    ,{field:'end_time', title: '结束时间', width:200,align: 'center'}
                    ,{field:'handle', title: '操作', sort: true,width:300, align: 'center',toolbar:'#operationModal'}
                ]],
                done: function(res, curr, count){
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
//                    console.log(res.data);
//                    console.log($(".mark-red").length);
                    $(".mark-red").parents("tr").css({
                        "color":"#fff",
                        "background":"red"
                    });

                    //得到当前页码
//                    console.log(curr);

                    //得到数据总量
//                    console.log(count);
                }
            });

            $('.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(){
                var object_type = "{$object_type}";
                var params;
                if(object_type==1){

                    var shop_code = $('#shop_code').val();
                    if(!shop_code){
                        layer.alert('请选择店面');
                        return false;
                    }
                    params =  'shop_code='+shop_code;
                }else{
                    var department_id = $('#department_id').val()
                    if(!department_id){
                        layer.alert('请选择部门');
                        return false;
                    }
                    params =  'department_id='+department_id;
                }

                start_time=$('#start_time').val();
                end_time=$('#end_time').val();
                $.ajax({
                    type:"POST",
                    url: "line",
                    data: params+'&start_time='+start_time+'&end_time='+end_time,
                    dataType:'json',
                    success: function (ret) {
                        var dom = document.getElementById("container");
                        var myChart = echarts.init(dom);
                        if (ret && typeof ret === "object") {
                            myChart.setOption(ret, true);
                        }
                    }

                });
            });
        });
        $(".fp-btn").click(function(){
            layui.form.render(); //更新全部
            load_page(
                '/kf/Quality/qualitySave.html',
                '添加质检单',
                function(){
                    saveQuality();
                },
                ['保存','取消'],
                700, 600
            );
        });
        function saveQualityObject(){
            var saveQuality= $("#saveQuality").serialize();
            $.ajax({
                type:"POST",
                url: "saveQualityObject",
                data: saveQuality,
                success: function (ret) {
                    var dataObj = JSON.parse(ret);
                    if (dataObj.code == 1) {
                        location.reload();
                    } else {
                        layer.alert(dataObj.msg);
                    }
                }

            });
        }
        function saveQuality(){
            var training= $("#training").serialize();
            // console.log(training);alert(training);
            $.ajax({
                type:"POST",
                url: "saveQuality",
                data: training,
                success: function (ret) {
                    // console.log(ret);alert(ret);
                    var dataObj = JSON.parse(ret);
                    if (dataObj.code == 1) {
                        location.reload();
                    } else {
                        layer.alert(dataObj.msg);
                    }
                }

            });
            //最后关闭弹出层
            //layui.layer.closeAll();
        }

        $("#sortable").on("click",".fa-minus",function(){
            var dom=$(this).parents("li").remove();
            dom.find(".fa").removeClass("fa-minus").addClass("fa-plus");
            dom.appendTo($("#add-col"));
        });
        $("#add-col").on("click",".fa-plus",function(){
            var dom1=$(this).parents("li").remove();
            dom1.find(".fa").removeClass("fa-plus").addClass("fa-minus");
            dom1.appendTo($("#sortable"));
        });

    });

    //修改质检结果
    function savaQualityObjectResult() {
        var saveQuality= $("#saveQuality").serialize();
        // console.log(training);alert(training);
        $.ajax({
            type:"POST",
            url: "savaQualityObjectResult",
            data: saveQuality,
            dataType:'json',
            success: function (ret) {
                alert(ret.msg);
                // layer.msg(ret.msg);
                // var dataObj = JSON.parse(ret);
                // if (dataObj.code == 1) {
                //     location.reload();
                // } else {
                //     layer.alert(dataObj.msg);
                // }
            }

        });
    }
</script>




{/block}