layui.use(['form','table', 'admin', 'ax', 'func'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;

    /**
     * 看板配置管理
     */
    var KanbanConf = {
        tableId: "kanbanConfTable"
    };

    /**
     * bom信息管理
     */
    var BomInfo = {
        tableId: "bomInfoTable"
    };

    /**
     * bom信息管理
     */
    var MaterialShortage = {
        tableId: "materialShortageTable"
    };

    initPageInfo();
    async function initPageInfo() {
        await initKanBanConfInfo();//初始化配置信息
        await initPoorLine();
        await initOrderInfo();
        initBomTable();
        initMaterialShortage();
     /*   xR();
        xa();*/
    }

    function initPoorLine(){
        $.ajax({
            type: "POST",
            contentType: "application/json;charset=UTF-8",
            url: Feng.ctxPath + '/locationInfo/list?productionLineCode='+ $('#lineCode').val(),
            success: function (result) {
                $('#poorLocationCode').empty();
                $('#poorLocationCode').append(new Option("请选择工位", ""));// 下拉菜单里添加元素

                $.each(result.data, function (index, value) {
                    $('#poorLocationCode').append(new Option(value.locationCode, value.locationCode));// 下拉菜单里添加元素
                });
                layui.form.render("select");//重新渲染 固定写法
            },
        });
    }

    function initKanBanConfInfo() {
        // 根据ip查询配置信息
        var ajax = new $ax(Feng.ctxPath + "/scrapBoard/qryKBConflist?pageCode=" + 'KB_WLDJ_006');
        var result = ajax.start();
        if (result.data.length > 0) {
            let msg = result.data[0];
            $('#id').val(msg.id);
            $('#ipAddress').val(msg.ipAddress);
            $('#pageCode').val(msg.pageCode);
            $('#workshopCode').val(msg.workshopCode);
            $('#lineCode').val(msg.lineCode);
            $('#locationCode').val(msg.locationCode);

            $('#scrapCategory').val(msg.warehouseCode);
            $('#scrapReason').val(msg.warehouseName);
            console.log(msg)

        }
    }

    function initOrderInfo(sfc) {
        // 根据ip查询配置信息
        var ajax = new $ax(Feng.ctxPath + "/repairManageInfo/list?sfc=" + sfc);
        // var ajax = new $ax(Feng.ctxPath + "/repairManageInfo/list?sfc=222222222");
        var result = ajax.start();
        if (result.data.length > 0) {
            let msg = result.data[0];
            $('#orderId').val(msg.id);
            $('#workOrderNo').val(msg.workOrderNo);
            $('#productName').val(msg.productName);
            $('#productCode').val(msg.productCode);
            $('#sfc1').val(msg.sfc);
            $('#locationCode1').val(msg.locationCode);
            $('#productionLine1').val(msg.productionLine);
            $('#poorLocationCode1').val(msg.poorLocationCode);
            $('#poorContent1').val(msg.poorContent);

        }
    }

    function initBomTable(){
        var queryData = {};
        queryData['loadingCode'] = $("#locationCode").val();
        // queryData['workOrderNo'] = $("#workOrderNo").val();

        // 渲染表格
        var tableResult = table.render({
            elem: '#' + BomInfo.tableId,
            url: Feng.ctxPath + '/bomInfo/kbListTable',
            // page: true,
            // height: 475,
            height: 435,
            cellMinWidth: 100,
            where:queryData,
            cols: BomInfo.initColumn()
        });
    }
    /**
     * 物料Bom初始化表格的列
     */
    BomInfo.initColumn = function () {
        return [[
            // {type: 'checkbox'},
            /*  {type:"numbers" ,title:'序号',width:40,fixed:'left'},*/
            {field: 'id', hide: true, title: 'ID'},
            {field: 'materialCode', sort: true, title: '物料编号'},
            {field: 'materialName', sort: true, title: '物料名称'},
            // {field: 'workorderNo', sort: true, title: '工单编号'},
            // {field: 'productCode', sort: true, title: '产品编号'},
            {field: 'locationCode', sort: true, title: '工位编号'},
            {field: 'loadingCode', sort: true, title: '上料工位编号'},
            // {field: 'state', sort: true, title: '是否扫码'},
            // {field: 'batchCode', sort: true, title: '批次码'},
        ]];
    };

    /**
     * 缺料报警初始化表格的列
     */
    MaterialShortage.initColumn = function () {
        return [[
            {field: 'id', hide: true, title: 'id'},
            {field: 'sfc', sort: true, title: '总成编码',width:200},
            {field: 'productionLine', sort: true, title: '产线编号',width:110},
            {field: 'locationCode', sort: true, title: '工位编号',width:110},
            {field: 'poorLocationCode', sort: true, title: '不良工位',width:110},
            {field: 'poorContent', sort: true, title: '不良内容',width:110},
            {field: 'workOrderNo', sort: true, title: '工单编号',width:160},
            {field: 'productCode', sort: true, title: '产品编号',width:150},
            {field: 'productName', sort: true, title: '产品名称',width:270},
            // {field: 'manageType', sort: true, title: '类型',width:120},
            {field: 'operateTime', sort: true, title: '操作时间',width:170},
            {field: 'operateUser', sort: true, title: '操作人',width:100},
        ]];
    };

    function initMaterialShortage(){
        var queryData = {};
        queryData['manageType'] = "2";

        // 渲染表格
        var tableResult = table.render({
            elem: '#' + MaterialShortage.tableId,
            url: Feng.ctxPath + '/repairManageInfo/list',
            // page: true,
            height: 360,
            cellMinWidth: 80,
            where:queryData,
            cols: MaterialShortage.initColumn()
        });
    }


    // 生产工单设置按钮点击事件
    $('#orderBtnSet').click(function () {
        KanbanConf.openOrderEditPage();
    });

    // 设置按钮点击事件
    $('#btnSet').click(function () {
        var id = $("#id").val();
        if(id == "" || id == undefined){
            KanbanConf.openAddDlg();
        }else{
            KanbanConf.openEditPage(id);
        }

    });

    $('#enter').click(function (){
        if($('#lineCode').val().length===0||$('#locationCode').val().length===0){
            Feng.error("请设置产线工位！")
            return;
        }
        if($('#poorLocationCode').val().length===0){
            Feng.error("请选择不良工位！")
            return;
        }
        if($('#lineCode').val() === "OP"||$('#lineCode').val() === "EOP"){
            if($('#sfc').val().length===0){
                Feng.error("请输入总成编码！")
                return;
            }
        }
        let ajaxEnter = new $ax(Feng.ctxPath + "/repairManageInfo/editGoLive", function (data) {
            Feng.success("添加成功！")
        }, function (data) {
            Feng.error("添加失败！" + data.responseJSON.message)
        });
        ajaxEnter.set("productionLine", $('#lineCode').val());
        ajaxEnter.set("locationCode", $('#locationCode').val());
        ajaxEnter.set("poorLocationCode", $('#poorLocationCode').val());
        ajaxEnter.set("sfc", $('#sfc').val());
        ajaxEnter.set("manageType", "2");
        ajaxEnter.start();
        initMaterialShortage();
        initOrderInfo($('#sfc').val());
    });

    /**
     * 弹出添加页面设置对话框
     */
    KanbanConf.openAddDlg = function () {
        console.log("弹出添加页面设置对话框");
        layer.open({
            type: 2,
            area: ['1000px', '600px'],
            title: '添加看板配置',
            content: Feng.ctxPath + '/reworkAndLaunch/add',
            success: function (layero, index) {
                let body = layer.getChildFrame('body', index);
                body.find('form').find('#testlineCode').val($('#lineCode').val());
                body.find('form').find('#testlocationCode').val($('#locationCode').val());
            },
            end: function () {
                console.log("end")
                let lineCode = JSON.parse(window.localStorage.getItem('lineCode'));
                let locationCode = JSON.parse(window.localStorage.getItem('locationCode'));
                $('#lineCode').val(lineCode);
                $('#locationCode').val(locationCode);
                initKanBanConfInfo()
            }
        });
    };

    /**
     * 弹出编辑页面设置对话框
     *
     * @param data 点击按钮时候的行数据
     */
    KanbanConf.openEditPage = function (data) {
        func.open({
            title: '添加看板配置',
            content: Feng.ctxPath + '/materialRegistration/edit?id=' + data,
            //tableId: KanbanConf.tableId
        });

    };

    $('#revert').click(function () {
        window.location.href = Feng.ctxPath + '/badBoard/boardHome'
    });

    var websocket = null;
    //判断当前浏览器是否支持WebSocket
    if('WebSocket' in window) {
        //改成你的地址
        websocket = new WebSocket('ws://127.0.0.1:8083/websocket/reworkAndLaunch');
    } else {
        alert('当前浏览器 Not support websocket')
    }
    //接收到消息的回调方法
    websocket.onmessage = function(event) {
        $('#sfc').val(event.data);
        initOrderInfo(event.data);

    }

    //连接成功建立的回调方法
    websocket.onopen = function() {
        Feng.info("扫码枪连接建立成功")
    }

    //连接关闭的回调方法
    websocket.onclose = function() {
        Feng.info("扫码枪连接已关闭")
    }

    window.onunload = function(){
        websocket.close();
    }

});