智云MES-UI前端
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
1
zgq
2021-07-20 cfc5e6fa347eadeddd94a2a2e0d8dafccb4e452b 
 WebTM/views/IpadIndex.html


@@ -2,33 +2,775 @@


<html xmlns="http://www.w3.org/1999/xhtml">


<head>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <title></title>


    <title>报工平台</title>


    <meta name="renderer" content="webkit">


    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


    <!--引用layui样式文件-->


    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">


    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">


    <link href="../layuiadmin/layui/css/global.css" rel="stylesheet" />


    <!--引用layui js文件-->


    <script src="../layuiadmin/layui/layui.js"></script>




    <!--自定义样式-->


    <style>


        .layui-tab-card > .layui-tab-title {


            background-color: #ffffff;


    <link href="../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />


    <!--引用layui js文件-->


    <script src="../layuiadmin/Scripts/jquery-1.4.1.js"></script>


    <script src="../layuiadmin/layui/layui.js"></script>


    <script src="../layuiadmin/echarts.min.js"></script>


    <script src="../layuiadmin/Scripts/json2.js"></script>


    <script src="../layuiadmin/Scripts/webConfig.js"></script>


    <script src="../layuiadmin/zgqCustom/zgqCustom.js"></script>




    <script>


        var wktag = 0;


        var workcode = "";          //工单号


        var HDeptID = "";          //车间ID


        var HDept = "";            //车间


        var HSourceID = "";        //生产资源ID


        var HSourceName = "";      //生产资源


        var HSourceID1 = "";        //生产资源ID1


        var HSourceName1 = "";      //生产资源1


        var HSourceInterID = "";   //源单主内码


        var HSourceEntryID = "";   //源单子内码


        var HSourceBillNo = "";    //源单单号


        var HSourceBillType = "";  //源单类型


        var HICMOInterID = "";     //生产订单主内码


        var HICMOEntryID = "";     //生产订单子内码


        var HICMOBillNo = "";      //任务单号


        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作


        layui.config({


            base: '../layuiadmin/' //静态资源所在路径


        }).extend({


            index: 'lib/index' //主入口模块


        }).use(['index', 'form', 'laydate', 'table', 'element'], function () {


            var $ = layui.$


                , admin = layui.admin


                , layer = layui.layer


                , table = layui.table


                , form = layui.form


                , laydate = layui.laydate


                , element = layui.element;




            var mychart1 = echarts.init(document.getElementById('mychart1'));


            var mychart2 = echarts.init(document.getElementById('mychart2'));




            element.on('tab(TabTest)', function (data) {


                Mychart(mychart1, mychart2);


                mychart1.resize();


                mychart2.resize();


            })




            TSLoad();


        });


        function TSLoad() {


            $("#topleft").html("");


            var HUserName = sessionStorage["HUserName"];     //默认当前登录人员


            $.ajax({


                url: GetWEBURL() + "/ReportPlatForm/SearchGetLineBindBillList",


                type: "GET",


                data: { "HUserName": HUserName },


                dataType: "json",//数据类型可以为 text xml json  script  jsonp


                success: function (data) {


                    var LoadData = data.data.h_p_JIT_GetSourceInfoByUser;


                    if (LoadData.length > 0)// 说明验证成功了，


                    {


                        for (var i = 1; i <= LoadData.length + 1; i++) {


                            if (i <= LoadData.length) {


                                var html1 = '';


                                html1 += '<div class="layui-col-sm12 layui-col-md3">';


                                html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';


                                html1 += '<dl>';


                                html1 += '<dd>';


                                html1 += '<h1 style="display:none;"><span>资源ID：</span><span id="eqpid' + i + '">' + LoadData[i - 1].HSourceID + '</span></h1>';


                                html1 += '<h1><span>设备编号：</span><span id="eqp' + i + '">' + LoadData[i - 1].HSourceName + '</span></h1>';


                                html1 += '<h1><span>当前工单：</span><span id="po' + i + '">' + (LoadData[i - 1].HSourceBillNo == null ? '' : LoadData[i - 1].HSourceBillNo) + '</span></h1>';


                                html1 += '<h1><span>负责人：</span><span id="us' + i + '">' + LoadData[i - 1].HEmpName + '</span></h1>';


                                html1 += '</dd>';


                                html1 += '</dl>';


                                html1 += '</div>';


                                html1 += '</div>';


                                $("#topleft").append(html1);


                                $("#ts" + i + "").append('<span class="layui-icon layui-icon-delete delete"  onclick="Delete(event,this,' + i + ')"></span>'); //在当前div后追加加一个span删除




                                //根据返回的 选中标志HNowFlag设置选中的资源


                                if (LoadData[i - 1].HNowFlag) {


                                    $('.ctop').removeClass('check');  //删除不同父级clss样式相同的所有元素


                                    $("#ts" + i + "").addClass('check'); // 添加当前元素的样式


                                    Check(this, i);


                                }


                            }


                            else {


                                var html1 = '';


                                html1 += '<div class="layui-col-sm12 layui-col-md3">';


                                html1 += '<div class="cnt ctop" id="ts' + i + '" onclick="Check(this,' + i + ')">';


                                html1 += '<span class="layui-icon layui-icon-addition imgicon0" onclick="Add(event,this,' + i + ')"></span>';


                                html1 += '</div>';


                                html1 += '</div>';


                                $("#topleft").append(html1);




                            }


                        }


                    }


                    else {


                        layer.alert(data.Message, { icon: 5 });


                        return false;


                    }


                },


                error: function (err) {


                    layer.alert(err.Message, { time: 1 * 2000, icon: 5 });


                    return false;


                }


            });


        }


        .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {


            border-color: #eee;




        //选中资源


        function Check(obj, i) {


                $("#btomleft").html("");


                $("#topright").html("");


                var partid = $(obj).parent().attr("id");   //获取父级id


                var eqpid = "eqpid" + i;                   //获取指定资源样式ID


                var HSourceID = $("#" + eqpid + "").html(); //通过样式ID获取html内容(资源ID)


                HSourceID1 = $("#" + eqpid + "").html(); //通过样式ID获取html内容(资源ID)


                var eqp = "eqp" + i;                       //获取指定资源样式ID


                var HSourceName = $("#" + eqp + "").html(); //通过样式ID获取html内容(资源)


                HSourceName1 = $("#" + eqp + "").html(); //通过样式ID获取html内容(资源)


                if (HSourceID != "" && HSourceID != null) {


                        $('.ctop').removeClass('check');  //删除不同父级clss样式相同的所有元素


                        $("#ts" + i + "").addClass('check'); // 添加当前元素的样式


                        //执行联动事件


                        $.ajax({


                            url: GetWEBURL() + "/ReportPlatForm/SearchGetWorkBillList",


                            type: "GET",


                            data: { "HSourceID": HSourceID },


                            dataType: "json",//数据类型可以为 text xml json  script  jsonp


                            success: function (data) {


                              


                                var LoadData1 = data.data.h_p_JIT_GetWorkBillListInfoBySource;


                                var LoadData2 = data.data.h_p_JIT_GetWorkBillListInfoBySource1;


                                if (LoadData1.length > 0)  //工单列表数据


                                {




                                    for (var i = 0; i < LoadData1.length; i++) {


                                        var html1 = '';


                                        html1 += '<div class="layui-col-sm12 layui-col-md3">';


                                        html1 += '<div class="cns" id="bs' + (i + 1) + '" onclick="CheckBtom(this,' + (i + 1)+ ')">';


                                        html1 += '<dl>';


                                        html1 += '<dd class="tcenter">';


                                        html1 += '<h1 style="display:none;"><span>单据类型：</span><span id="ty' + (i + 1) + '">' + LoadData1[i].HBillType + '</span></h1>';


                                        //HSourceInterID实际取值：Sc_ICMOBillStatus_Tmp  HInterID（单据主ID）


                                        html1 += '<h1 style="display:none;"><span>源单主内码：</span><span id="sm' + (i + 1) + '">' + LoadData1[i].HSourceInterID + '</span></h1>';


                                        html1 += '<h1 style="display:none;"><span>源单子内码：</span><span id="sb' + (i + 1) + '">' + LoadData1[i].HSourceEntryID + '</span></h1>';


                                        html1 += '<h1 style="display:none;"><span>源单单号：</span><span id="sw' + (i + 1) + '">' + LoadData1[i].HSourceBillNo + '</span></h1>';


                                        html1 += '<h1 style="display:none;"><span>源单类型：</span><span id="st' + (i + 1) + '">' + LoadData1[i].HSourceBillType + '</span></h1>';


                                       


                                        


                                        html1 += '<h1><span>工单号：</span><span id="wk' + (i + 1) + '">' + LoadData1[i].HICMOBillNo + '</span></h1>';


                                        switch (LoadData1[i].HICMOStatus) {


                                            case "待生产":


                                                html1 += '<h1><span>当前状态：</span><span class="gj_icon color_border3"></span><span>' + LoadData1[i].HICMOStatus + '</span></h1>';


                                                break;


                                            case "生产中":


                                                html1 += '<h1><span>当前状态：</span><span class="gj_icon color_border2"></span><span>' + LoadData1[i].HICMOStatus + '</span></h1>';


                                                break;


                                            case "挂起":


                                                html1 += '<h1><span>当前状态：</span><span class="gj_icon color_border1"></span><span>' + LoadData1[i].HICMOStatus + '</span></h1>';


                                                break;


                                            case "完工":


                                                html1 += '<h1><span>当前状态：</span><span class="gj_icon color_border4"></span><span>' + LoadData1[i].HICMOStatus + '</span></h1>';


                                                break;


                                            default:


                                        }


                                        html1 += '<span class="prs">生产进度：</span>';


                                        html1 += '<div class="layui-progress layui-progress-big" lay-showPercent="yes">';


                                        html1 += '<div class="layui-progress-bar" lay-percent="' + LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty + '%" style="width:' + LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty + '%;">';


                                        html1 += '<span class="layui-progress-text">' + LoadData1[i].HDateFinishQty / LoadData1[i].HDatePlanQty + '%</span>';


                                        html1 += '</div > ';


                                        html1 += '</div>';


                                        html1 += '</dd>';


                                        html1 += '</dl>';


                                        html1 += '</div>';


                                        html1 += '</div>';


                                        $("#btomleft").append(html1);


                                    }


                                }


                                if (LoadData2.length > 0)  //当前状态数据


                                {


                                    for (var i = 0; i < LoadData2.length; i++) {


                                        var html1 = '';


                                        html1 += '<div class="layui-col-sm12 layui-col-md12">';


                                        html1 += '<dl class="topright">;'


                                        html1 += '<dt>';


                                        html1 += '<img src="../layuiadmin/layui/images/device.png" onError="this.src="../layuiadmin/layui/images/erro.png";">'


                                        html1 += '</dt>';


                                        html1 += '<dd>';


                                        html1 += '<h1><span>当前设备：</span><span>' + LoadData2[i].HSourceName + '</span></h1>';


                                        html1 += '<h1><span>当前订单：</span><span>' + LoadData2[i].HSourceBillNo + '</span></h1>';


                                        html1 += '<h1><span>物料名称：</span><span>' + LoadData2[i].HMaterName + '</span></h1>';


                                        html1 += '<h1><span>计划数量：</span><span>' + LoadData2[i].HPlanQty + '</span></h1>';


                                        html1 += '<h1><span>以汇报数量：</span><span>' + LoadData2[i].HRelationQty + '</span></h1>';


                                        if (LoadData2[i].HRelationQty == 0 || LoadData2[i].HRelationQty == null)


                                        {


                                            html1 += '<h1><span>进度：</span><span>0%</span></h1>';


                                        }


                                        else


                                        {


                                            html1 += '<h1><span>进度：</span><span>' + (LoadData2[i].HRelationQty / LoadData2[i].HPlanQty) * 100 + '%</span></h1>';


                                        }


                                        html1 += '<h1><span>本单运行时间：</span><span>' + getSeconds(LoadData2[i].HSumTimes)+'</span></h1>';


                                        html1 += '<h1><span>本资源运行时间：</span><span>' + getSeconds(LoadData2[i].HSourceWorkTime) +'</span></h1>';


                                        html1 += '</dd>';


                                        html1 += '</dl>';


                                        html1 += '</div>';


                                        $("#topright").append(html1);


                                    }


                                }


                            },


                            error: function (err) {


                                layer.alert(err.Message, { time: 1 * 2000, icon: 5 });


                                return false;


                            }


                        });


               


                }


            }




        //添加资源


        function Add(event, obj, i) {


            event.stopPropagation();  //阻止冒泡


            //页面层-自定义


            layer.open({


                type: 2 //此处以iframe举例


                , title: '产线绑定'


                , area: ['90%', '90%']


                , shadeClose: false //开启遮罩关闭


                , shade: 0.5


                , maxmin: true


                , content: ['生产管理/报工平台功能页/LineBind.html', 'yes']


                , btn: ['确定', '取消']


                , btn1: function (index, layero, e) {




                    //按钮【按钮一】的回调


                    var body = layer.getChildFrame('body', index); //得到iframe页的body内容


                    //var from = layer.getChildFrame('#from0', index); //得到iframe页的from内容


                    if (!AllowLoadData(body))//数据验证


                    {


                        return false;


                    }


                    var HUserName = "Admin";


                    var HSourceID = body.find("#HSourceID").val();


                    var HSourceCode = body.find("#HSourceCode").val();


                    var HSourceName = body.find("#HSourceName").val();


                    var HManagerID = body.find("#HManagerID").val();


                    var HManagerName = body.find("#HManagerName").val();


                    var HGroupID = body.find("#HGroupID").val();


                    var HGroupName = body.find("#HGroupName").val();


                    var HCreateDate = body.find("#HCreateDate").val();


                    var HRemark = body.find("#HRemark").val();


                    $.ajax(


                        {


                            url: GetWEBURL() + "/ReportPlatForm/SaveGetLineBindBillList", //方法所在页面和方法名


                            dataType: "json",


                            type: "Get",


                            async: false,


                            data: {


                                "HUserName": HUserName,


                                "HSourceID": HSourceID,


                                "HSourceName": HSourceName,


                                "HManagerID": HManagerID,


                                "HManagerName": HManagerName,


                                "HGroupID": HGroupID,


                                "HGroupName": HGroupName,


                                "HCreateDate": HCreateDate,


                                "HRemark": HRemark


                            },


                            success: function (data) {


                                if (data.count == 1) { // 说明验证成功了，


                                    TSLoad(); //执行查询过程


                                    layer.close(index);


                                    layer.msg(data.Message, { time: 1 * 2000, icon: 1 });


                                    return false;


                                }


                                else {


                                    layer.alert(data.Message, { icon: 5 });


                                    return false;




                                }


                            },


                            error: function (err) {


                                layer.alert(err.Message, { time: 1 * 2000, icon: 5 });


                                return false;


                            }


                        });


                }


                , btn2: function (index, layero) {


                    //按钮【按钮二】的回调


                    //return false 开启该代码可禁止点击该按钮关闭


                }




                , zIndex: layer.zIndex //重点1


                , success: function (layero, index) {




                }


                , end: function () {




                }


            });




        }


        .layui-content {


          height:450px;




        //删除资源


        function Delete(event, obj, i) {


            event.stopPropagation();  //阻止冒泡


            //获取父级id


            var partid = $(obj).parent().attr("id");


            var eqpid = "eqpid" + i;                   //获取指定资源样式ID


            HSourceID = $("#" + eqpid + "").html(); //通过样式ID获取html内容(资源ID)


            //逻辑删除方法


            layer.confirm("确认要删除吗，删除后不能恢复", { title: "删除确认" }, function (index)


            {


                $.ajax({


                    url: GetWEBURL() + "/ReportPlatForm/DeleteGetLineBindBillList",


                    type: "GET",


                    data: { "HSourceID": HSourceID },


                    dataType: "json",//数据类型可以为 text xml json  script  jsonp


                    success: function (data) {


                        if (data.count > 0)


                        {


                            TSLoad(); //执行查询过程


                            layer.close(index);


                            layer.msg(data.Message, { time: 1 * 2000, icon: 1 });


                            return false;


                        }


                        else


                        {


                            layer.alert(data.Message, { time: 1 * 2000, icon: 5 });


                            return false;


                        }


                    },


                    error: function (err) {


                        layer.alert(err.Message, { time: 1 * 2000, icon: 5 });


                        return false;


                    }


                });


            })


        }


        .cnt {


            border: 1px solid #5FB878;


            height: 100px;


            border-radius:5px;




        //工单列表选中


        function CheckBtom(obj, i)


        {


            var partid = $(obj).parent().attr("id");   //获取父级id


            workcode = $("#wk" + i + "").html(); //通过样式ID获取html内容(工单号)


            HBillType = $("#ty" + i + "").html(); //通过样式ID获取html内容(单据类型)


            HSourceInterID = $("#sm" + i + "").html(); //通过样式ID获取html内容(源单主内码)


            HSourceEntryID = $("#sb" + i + "").html(); //通过样式ID获取html内容(源单子内吗)


            HSourceBillNo = $("#sw" + i + "").html(); //通过样式ID获取html内容(源单单号)


            HSourceBillType = $("#st" + i + "").html(); //通过样式ID获取html内容(源单类型)






            if (workcode != "" && workcode != null) {


                $('.cns').removeClass('check1');  //删除不同父级clss样式相同的所有元素


                $("#bs" + i + "").addClass('check1'); // 添加当前元素的样式


                wktag = 1;


            }


        }


    </style>






        function Mychart(mychart1, mychart2) {


            option1 = {


                title: {


                    text: '当前设备日生产效率'


                },


                tooltip: {


                    trigger: 'axis'


                },


                legend: {


                    data: ['当前设备日生产效率']


                },


                grid: {


                    left: '3%',


                    right: '4%',


                    bottom: '3%',


                    containLabel: true


                },


                toolbox: {


                    feature: {


                        saveAsImage: {}


                    }


                },


                xAxis: {


                    type: 'category',


                    boundaryGap: false,


                    data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00']


                },


                yAxis: {


                    type: 'value'


                },


                series: [


                    {


                        name: '当前设备日生产效率',


                        type: 'line',


                        stack: '总量',


                        data: [120, 132, 101, 134, 90, 230, 210]


                    }


                ]


            };




            option2 = {


                title: {


                    text: '当前设备当日不良原因对比'


                },


                legend: {


                    data: ['不良原因']


                },


                grid: {


                    left: '3%',


                    right: '3%',


                    bottom: '15%',


                    containLabel: true


                },


                xAxis: {


                    data: ['不良1', '不良二', '不良三', '不良四']


                },


                yAxis: {},


                series: [{


                    type: 'bar',


                    name: '不良原因',


                    itemStyle: {


                        normal: {


                            color: function (params) {


                                var colorList = ['#2eddc1', '#FCCE10', '#E87C25', '#27727B', '#9efdc6'];


                                return colorList[params.dataIndex]


                            },


                            label: {


                                show: true,


                                position: 'top',


                                formatter: '{c}'


                            }


                        }


                    },


                    data: [220, 182, 191, 234]


                }]


            };






            mychart1.setOption(option1);


            mychart2.setOption(option2);


            window.onresize = function () {


                mychart1.resize();


                mychart2.resize();


            }


        }




        //非空验证


        function AllowLoadData(body) {  //非空验证


            var Result = true;


            //if (body.find("#HUserName").val() == '' || body.find("#HUserName").val() == null) {


            //    layer.msg("用户名不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });


            //    return Result = false;


            //}


            if (body.find("#HSourceID").val() == '' || body.find("#HSourceID").val() == null) {


                layer.msg("生产资源不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });


                return Result = false;


            }


            if (body.find("#HManagerID").val() == '' || body.find("#HManagerID").val() == null) {


                layer.msg("负责人不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });


                return Result = false;


            }


            if (body.find("#HGroupID").val() == '' || body.find("#HGroupID").val() == null) {


                layer.msg("班组不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });


                return Result = false;


            }


            if (body.find("#HCreateDate").val() == '' || body.find("#HCreateDate").val() == null) {


                layer.msg("创建日期不能为空!", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });


                return Result = false;


            }


            return Result;


        }




        //将s转化为时分秒格式 h:m:s


        function getSeconds(s) {


            var sTime = parseInt(s);// 秒


            var mTime = 0;// 分


            var hTime = 0;// 时


            if (sTime > 60) {//如果秒数大于60，将秒数转换成整数


                //获取分钟，除以60取整数，得到整数分钟


                mTime = parseInt(sTime / 60);


                //获取秒数，秒数取佘，得到整数秒数


                sTime = parseInt(sTime % 60);


                //如果分钟大于60，将分钟转换成小时


                if (mTime > 60) {


                    //获取小时，获取分钟除以60，得到整数小时


                    hTime = parseInt(mTime / 60);


                    //获取小时后取佘的分，获取分钟除以60取佘的分


                    mTime = parseInt(mTime % 60);


                }


            }


            var result = '';


            if (sTime >= 0 && sTime < 10) {


                result = "0" + parseInt(sTime) + "";


            } else {


                result = "" + parseInt(sTime) + "";


            }


            if (mTime >= 0 && mTime < 10) {


                result = "0" + parseInt(mTime) + ":" + result;


            } else {


                result = "" + parseInt(mTime) + ":" + result;


            }


            if (hTime >= 0 && hTime < 10) {


                result = "0" + parseInt(hTime) + ":" + result;


            } else {


                result = "" + parseInt(hTime) + ":" + result;


            }


            return result;


        }


    




        //开工按钮点击事件


        function OpenWork(event, obj)


        {


            if (wktag == 0)


            {


                layer.alert("请选择工单列表", {icon: 5 });


                return false;


            }


            if (WorkStaus(HSourceID1, workcode, HSourceInterID, "开工"))


            {


                layer.alert("单据状态不满足开工条件!", { icon: 5 });


                return false;


            }


            layer.open({


                type: 2,


                skin: 'layui-layer-rim', //加上边框


                title: '新增开工单',


                closeBtn: 1,


                shift: 2,


                area: ['100%', '100%'],


                maxmin: true,


                content: '生产管理/生产开工单/Sc_Add_MESBeginWorkBillList.html?hID=&Type=2',


                end: function () {


                   


                },


                success: function (dom, index) {


                    var data = [];


                    data.push({


                            "HBillType": HBillType,


                            "HSourceInterID": HSourceInterID,


                            "HSourceEntryID": HSourceEntryID,


                            "HSourceBillNo": HSourceBillNo,


                            "HSourceBillType": HSourceBillType


                        });


                 


                    //通过索引获取到当前iframe弹出层


                    var iframe = window['layui-layer-iframe' + index];


                    //调用iframe弹出层内的方法


                    iframe.edit(data);


                },


            });


        }




        //汇报按钮点击事件


        function OpenReport(event, obj) {


            if (wktag == 0) {


                layer.alert("请选择工单列表", { icon: 5 });


                return false;


            }


            if (WorkStaus(HSourceID1, workcode, HSourceInterID, "汇报")) {


                layer.alert("单据状态不满足完工条件!", { icon: 5 });


                return false;


            }


            layer.open({


                type: 2,


                skin: 'layui-layer-rim', //加上边框


                title: '新增产量汇报单',


                closeBtn: 1,


                shift: 2,


                area: ['100%', '100%'],


                maxmin: true,


                content: '生产管理/产量汇报单/Sc_Add_ProductReportBillList.html?hID=&Type=2',


                end: function () {




                },


                success: function (dom, index) {


                    var data = [];


                    data.push({


                        "HBillType": HBillType,


                        "HSourceInterID": HSourceInterID,


                        "HSourceEntryID": HSourceEntryID,


                        "HSourceBillNo": HSourceBillNo,


                        "HSourceBillType": HSourceBillType


                    });




                    //通过索引获取到当前iframe弹出层


                    var iframe = window['layui-layer-iframe' + index];


                    //调用iframe弹出层内的方法


                    iframe.edit(data);


                },


            });


        }


        //完工单按钮点击事件


        function OpenEnd(event, obj) {


            if (wktag == 0) {


                layer.alert("请选择工单列表", { icon: 5 });


                return false;


            }


            if (WorkStaus(HSourceID1, workcode, HSourceInterID, "完工"))


            {


                layer.alert("单据状态不满足完工条件!", { icon: 5 });


                return false;


            }


            layer.open({


                type: 2,


                skin: 'layui-layer-rim', //加上边框


                title: '新增完工单',


                closeBtn: 1,


                shift: 2,


                area: ['100%', '100%'],


                maxmin: true,


                content: '生产管理/生产完工单/Sc_Add_MESEndWorkBillList.html?hID=&Type=2',


                end: function () {




                },


                success: function (dom, index) {


                    var data = [];


                    data.push({


                        "HBillType": HBillType,


                        "HSourceInterID": HSourceInterID,


                        "HSourceEntryID": HSourceEntryID,


                        "HSourceBillNo": HSourceBillNo,


                        "HSourceBillType": HSourceBillType


                    });




                    //通过索引获取到当前iframe弹出层


                    var iframe = window['layui-layer-iframe' + index];


                    //调用iframe弹出层内的方法


                    iframe.edit(data);


                },


            });


        }


        //停工单按钮点击事件


        function OpenStop(event, obj) {


            if (wktag == 0) {


                layer.alert("请选择工单列表", { icon: 5 });


                return false;


            }


            if (WorkStaus(HSourceID1, workcode, HSourceInterID, "停工"))


            {


                layer.alert("单据状态不满足停工条件!", { icon: 5 });


                return false;


            }


            layer.open({


                type: 2,


                skin: 'layui-layer-rim', //加上边框


                title: '新增停工单',


                closeBtn: 1,


                shift: 2,


                area: ['100%', '100%'],


                maxmin: true,


                content: '生产管理/生产停工单/Sc_Add_MESStopWorkBillList.html?hID=&Type=2',


                end: function () {




                },


                success: function (dom, index) {


                    var data = [];


                    data.push({


                        "HBillType": HBillType,


                        "HSourceInterID": HSourceInterID,


                        "HSourceEntryID": HSourceEntryID,


                        "HSourceBillNo": HSourceBillNo,


                        "HSourceBillType": HSourceBillType


                    });




                    //通过索引获取到当前iframe弹出层


                    var iframe = window['layui-layer-iframe' + index];


                    //调用iframe弹出层内的方法


                    iframe.edit(data);


                },


            });


        }




        //报检申请按钮点击事件


        function OpenInSpection(event, obj) {


            if (wktag == 0) {


                layer.alert("请选择工单列表", { icon: 5 });


                return false;


            }


            layer.open({


                type: 2,


                skin: 'layui-layer-rim', //加上边框


                title: '产量汇报列表',


                closeBtn: 1,


                shift: 2,


                area: ['100%', '100%'],


                maxmin: true,


                content: '生产管理/产量汇报单/Sc_ProductReportBillList.html?hID=&Type=2',


                end: function () {




                },


                success: function (dom, index) {


                    var data = [];


                    data.push({


                        "workcode": workcode,


                        "HSourceID": HSourceID1,


                        "HSourceName": HSourceName1


                    });




                    //通过索引获取到当前iframe弹出层


                    var iframe = window['layui-layer-iframe' + index];


                    //调用iframe弹出层内的方法


                    iframe.edit(data);


                },


            });


        }




        //单据状态验证


        function WorkStaus(HSourceID1, workcode,HSourceInterID,btn)


        {


            var flag = false;


            var sWhere = "";


            switch (btn) {


                case "开工":


                    sWhere = " where HSourceID='" + HSourceID1 + "' and HICMOBillNo='" + workcode + "' and HInterID='" + HSourceInterID+"' and hicmostatus not in('0')";   //开工状态


                    break;


                case "完工":


                    sWhere = " where HSourceID='" + HSourceID1 + "' and HICMOBillNo='" + workcode + "' and HInterID='" + HSourceInterID +"' and hicmostatus not in('1','2')";   //完工状态


                    break;


                case "停工":


                    sWhere = " where HSourceID='" + HSourceID1 + "' and HICMOBillNo='" + workcode + "' and HInterID='" + HSourceInterID +"' and hicmostatus not in('1')";   //停工挂起状态


                    break;


                case "汇报":


                    sWhere = " where HSourceID='" + HSourceID1 + "' and HICMOBillNo='" + workcode + "' and HInterID='" + HSourceInterID + "' and hicmostatus not in('1')";   //汇报状态


                    break;


                case "报检申请":


                    


                    break;


                default:


            }




            $.ajax({


                url: GetWEBURL() + "/Sc_MESBeginWorkBill/GetMESBeginWorkBillStaus",


                type: "GET",


                data: { "sWhere": sWhere},


                dataType: "json",//数据类型可以为 text xml json  script  jsonp


                async: false,


                success: function (data) {


                    


                    if (data.count > 0)


                    {


                        flag = true;


                     


                    }


                    else {


                        flag =false;


                    }


                },


                error: function (err)


                {


                    flag = false;


                }


            });


        


            return flag;


        }


    </script>


</head>




<body>


@@ -38,34 +780,15 @@


      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>


    <![endif]-->




    <div style="margin: 0 20px;">


    <div style="margin: 20px 20px;">


        <!--<blockquote class="layui-elem-quote">注意：下述演示中的颜色只是做一个区分作用，并非栅格内置。</blockquote>-->


        <div class="layui-row layui-col-space10">


            <div class="layui-col-sm12 layui-col-md8">


                <fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">


                    <legend style="color: #5FB878">生产资源</legend>


                    <div class="layui-content">


                        <div class="layui-row layui-col-space10">


                            <div class="layui-col-sm12 layui-col-md3">


                                <div class="cnt">


                        <div class="layui-row layui-col-space10" id="topleft">




                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md3">


                                <div class="cnt">




                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md3">


                                <div class="cnt">




                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md3">


                                <div class="cnt">




                                </div>


                            </div>


                        </div>


                    </div>


                </fieldset>


@@ -74,45 +797,132 @@


                <fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">


                    <legend style="color: #5FB878">当前状态</legend>


                    <div class="layui-content">


                        <div class="layui-row layui-col-space10" id="topright">




                        </div>


                    </div>


                </fieldset>


            </div>


        </div>


        <div class="layui-row layui-col-space10">


            <div class="layui-col-sm12 layui-col-md8">


                <div class="layui-tab layui-tab-card">


                <div class="layui-tab layui-tab-card" lay-filter="TabTest">


                    <ul class="layui-tab-title">


                        <li class="layui-this">工单列表</li>


                        <li>效率分析</li>


                        <li>不良分析</li>


                        <li>SOP</li>


                        <li style="pointer-events: none; background-color:rgb(0 0 0 / 10%);">效率/不良分析</li>


                    </ul>


                    <div class="layui-tab-content" style="height: 400px;">


                        <div class="layui-tab-item layui-show">1</div>


                        <div class="layui-tab-item">2</div>


                        <div class="layui-tab-item">3</div>


                        <div class="layui-tab-item">4</div>


                        <div class="layui-tab-item">5</div>


                        <div class="layui-tab-item">6</div>


                    <div class="layui-tab-content content3">


                        <div class="layui-tab-item layui-show">


                            <div class="layui-row layui-col-space10" id="btomleft" style="height:600px;display:block;overflow-y:auto;">




                            </div>


                        </div>


                        <div class="layui-tab-item">


                            <div class="layui-row">


                                <div class="layui-row layui-col-space10">


                                    <div class="layui-col-sm12 layui-col-md12">


                                        <div id="mychart1"></div>


                                    </div>


                                </div>


                            </div>


                            <div class="layui-row layui-col-space10">


                                <div class="layui-col-sm12 layui-col-md12">


                                    <div id="mychart2"></div>


                                </div>


                            </div>


                        </div>


                    </div>


                </div>


            </div>


            <div class="layui-col-sm12 layui-col-md4">


                <fieldset style="border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);">


                    <legend style="color: #5FB878">操作台</legend>


                    <div class="layui-content">




                    <div class="content4">


                        <div class="layui-row layui-col-space10">


                            <div class="layui-col-sm12 layui-col-md4" onclick="OpenWork(event,this)">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-pause imgicon"></span>


                                    <span class="imgtitle">开工</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4" onclick="OpenReport(event,this)">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-list imgicon"></span>


                                    <span class="imgtitle">汇报</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4" onclick="OpenEnd(event,this)">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-logout imgicon"></span>


                                    <span class="imgtitle">完工</span>


                                </div>


                            </div>


                        </div>


                        <div class="layui-row layui-col-space10">


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-search imgicon"></span>


                                    <span class="imgtitle">首检</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4" >


                                <div class="cnt bottomright" style="pointer-events:none; background-color:rgb(0 0 0 / 10%)">


                                    <span class="layui-icon layui-icon-search imgicon"></span>


                                    <span class="imgtitle">巡检</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-search imgicon"></span>


                                    <span class="imgtitle">过程检验</span>


                                </div>


                            </div>


                        </div>


                        <div class="layui-row layui-col-space10">


                            <div class="layui-col-sm12 layui-col-md4" onclick="OpenInSpection(event,this)">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-release imgicon"></span>


                                    <span class="imgtitle">报检申请</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright" style="pointer-events:none; background-color:rgb(0 0 0 / 10%)">


                                    <span class="layui-icon layui-icon-engine imgicon"></span>


                                    <span class="imgtitle">上料防呆</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-chart imgicon"></span>


                                    <span class="imgtitle">不良采集</span>


                                </div>


                            </div>


                        </div>


                        <div class="layui-row layui-col-space10">


                            <div class="layui-col-sm12 layui-col-md4" onclick="OpenStop(event,this)">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-play imgicon"></span>


                                    <span class="imgtitle">停工</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright" style="pointer-events:none; background-color:rgb(0 0 0 / 10%)">


                                    <span class="layui-icon layui-icon-unlink imgicon"></span>


                                    <span class="imgtitle">异常</span>


                                </div>


                            </div>


                            <div class="layui-col-sm12 layui-col-md4">


                                <div class="cnt bottomright">


                                    <span class="layui-icon layui-icon-close imgicon"></span>


                                    <span class="imgtitle">退出</span>


                                </div>


                            </div>


                        </div>


                    </div>


                </fieldset>


            </div>


        </div>


    </div>


    <script>


        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作


        layui.use('element', function () {


            var element = layui.element;


        });


    </script>




</body>


</html>