layui.config({
    base: "/js/"
}).use(['form', 'element', 'vue', 'layer', 'laydate', 'jquery', 'table', 'hhweb', 'utils', 'Universal'], function () {
    var form = layui.form,
        layer = layui.layer,
        element = layui.element,
        laydate = layui.laydate,
        $ = layui.jquery,
        table = layui.table,
        hhweb = layui.hhweb,
        Universal = layui.Universal;
    
    var AreaName = 'alert';
    var TableName = 'OrderAlert';
    
    var vm = new Vue({
        el: '#modifyForm'
    });
    
    var vmq = new Vue({
        el: '#panelSearch',
        data: {
        }
    });
    var mainList = {
        NoData: function () {
            return "<div id='background' style='width:100%;height:100%;background-image:url(../../images/NoData.png);background-repeat:no-repeat;background-size:cover;'>.</div>"
        },
        mainList: function () {
            $.ajax({
                url: "/" + AreaName + "/" + TableName + "/UpdateAlert",
                type: "post",
                dataType: "json"
            });
            var Voice = $("#Voice").prop("checked");
            table.reload('mainList', {
                url: "/" + AreaName + "/" + TableName + "/Load"
                , method: "post"
                , text: { none: this.NoData() }
                , done: function (res) {
                    if (res.count != 0 && Voice == true) {
                        Speak();
                    }
                }
            });
            $("#Voice").attr("checked", Voice)
        }
    };

   


    form.on('checkbox(lock)', function (obj) {
        $.ajax({
            url: "/" + AreaName + "/" + TableName + "/Update",
            type: "post",
            data: { Id: this.value, IsSpeak: obj.elem.checked },
            dataType: "json"
        });
    });

    //编辑
    var EditInfo = function (tabledata) {
        data = tabledata;
        vm.$set('$data', data);
        //表单修改时填充需修改的数据
        var list = {};
        $('.ClearSelector_' + TableName).each(function () {
            var selDom = ($(this));
            if ($(selDom)[0].name.search("q") == -1) {
                list[$(selDom)[0].name] = data[$(selDom)[0].name] + "";
            }
        });
        //表单修改时填充需修改的数据
        form.val('modifyForm', list);
    };

    var selfbtn = {
        //自定义按钮
        DomConfig: function (AddOrUpdate) {
            if (AddOrUpdate) {
                hhweb.DomEnable($("#modifyForm [name='WirePart']"));
            }
            else {
                hhweb.DomDisable($("#modifyForm [name='WirePart']"));
            }
        },
        SaveBefore: function (AddOrEditOrDelete) {
            if (AddOrEditOrDelete in { Add: null, Edit: null }) {
                var rtn = hhweb.CheckRequired("#modifyForm", AddOrEditOrDelete);
                return rtn;
            }
        }
    };
    
    var selector = {
    };
    
    var vml = new Array({
        vm: vm,
        vmq: vmq
    });

    function Speak() {
        let msg = new SpeechSynthesisUtterance("");
        msg.rate = 0.8// 播放语速
        //msg.pitch = 10 音调高低
        //msg.text = "播放文本"
        msg.volume = 1 //播放音量
        msg.text = "库内已有订单预警请及时查看"
        speechSynthesis.speak(msg);
    }
    
    Universal.BindSelector($, form, vml, selector);
    Universal.mmain(AreaName, TableName, table, layer, element, laydate, $, vm, vmq, EditInfo, selfbtn, mainList, form);
});