basegateway.js 12.5 KB
let action = null;
layui.config({
    base: "/js/",
    version: 1
}).use(['system'], function () {
    var form = layui.form,
        $ = layui.jquery,
        element = layui.element,
        table = layui.table,
        system = layui.system,
        sysU = new system.u(),
        sendDataWhere = null,
        sendDataDescWhere = null,
        areaName = "base",
        controllerName = "BaseGateway",
        app = null;

    action = {
        addOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Ins`,
                //sendDataWhere: null,
                //isAddWhereExtend: "arbitrarily",
                //mainTable: app.data.tableIns,
                submit: "submit(fromAdd)"
            }
            return options;
        },

        editOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Upd`,
                submit: "submit(fromUpdate)"
            }
            return options;
        },

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIds`,
                keyId: "id"
            }
            return options;
        },

        exportOptions: function () {
            var options = {
                fromId: "listForm",
                url: `/${areaName}/${controllerName}/Export`,
                isDefault: false,
                sendDataWhere:{},
                excelCols: {
                    head: app.data.cols,
                    body: app.data.colsDesc
                }
            }
            return options;
        },

        queryOptions: function () {
            var options = {
                resetFrom: "form[lay-filter=listForm]",
                fromId: "listForm",
                urlExport: `/${areaName}/${controllerName}/Export`,
                urlQuery: `/${areaName}/${controllerName}/Load`,
                sendDataWhere:{},
                mainTable: app.data.tableIns
            }
            return options;
        },
        /*rowClickOptions: function () {
            var options = {
                //是否主子表
                isDefault: true,
                targetTableId: app.data.tableElem,
                tabfilter: "tableTabBody",
                tabId: 2,
                customFn: app.methods.initTableDesc
            }
            return options;
        },*/

        uploadOptions: function () {
            var options = {
                url: `/${areaName}/${controllerName}/Import`,
                fromFile: "#excelfile",
                content: $("#ImportData")
            }
            return options;
        },
        addBefore: function (callBack) {
            //callBack是回调函数,如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

        addSaveBefore: function (data, callBack) {
            typeof data.field.isVirtual == "undefined" ? data.field["isVirtual"] = false : data.field["isVirtual"] = true;
            if (callBack != null) callBack();
        },
        editBefore: function (data, callBack) {
            //data.enable = data.enable.toString();
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editSaveBefore: function (data, callBack) {
            typeof data.field.isVirtual == "undefined" ? data.field["isVirtual"] = false : data.field["isVirtual"] = true;
            if (callBack != null) callBack();
        },

        //领卡:补充SIM卡信息(领卡时间和调试时间、网关客户)
        btnUse: function (sU, toolbarId, obj) {
            $("#AddUseForm form")[0].reset();
            var checkStatus = table.checkStatus(toolbarId),
                data = checkStatus.data;
            if (data.length != 1) {
                layer.msg(`请选择要领用的卡!`);
                return;
            }
            if (data.length == 1) {
                $('#debugDate').val(data[0].debugDate);
                $('#gatewayClient').val(data[0].gatewayClient);
                $('#getCardUser').val(data[0].getCardUser);

            }
            layer.open({
                type: 1,
                title: `领卡<span style="color:red">(提供领卡、调试日期和网关客户信息)</span>`,
                content: $("#AddUseForm"),
                area: ['700px', '400px'],
                btn: ['保存', '关闭'],
                yes: function (index, layero) {


                    // 获取所有带有 lay-verify="required" 属性的 input 控件
                    var requiredInputs = document.querySelectorAll('#AddUseForm input[lay-verify="required"]');

                    // 遍历所有 required 输入框
                    for (var i = 0; i < requiredInputs.length; i++) {
                        var input = requiredInputs[i];

                        // 检查输入框的值是否为空
                        if (input.value.trim() === '') {
                            // 如果为空,可以执行相应的操作,例如:
                            //alert('请填写 ' + input.name + ' 字段!');
                            layer.msg("必填项不能为空", { icon: 2, shift: 6 });
                            input.focus(); // 将焦点设置到该输入框
                            return false; // 返回 false 阻止表单提交
                        }
                    }


                    var sendData = {
                        id: data[0].id,
                        getCardUser: $('#getCardUser').val(),
                        debugDate: $('#debugDate').val(),
                        gatewayClient: $('#gatewayClient').val()
                    };
                    var ajaxConfig = {
                        data: sendData,
                        url: `/${areaName}/${controllerName}/Use`,
                        success: function (result) {
                            if (sysU.successBefore(result)) return;
                            layer.close(index);
                            if (action["actionSuccess"] !== undefined) action["actionSuccess"].call(null, "xxx", toolbarId);
                        }
                    };
                    sysU.ajax(ajaxConfig);
                }
            });

        },

        checkboxMethod: function (obj) {
            var page = "".GetUrlParam("page"),
                xxx = "".GetUrlParam("xxx");
            if (page == "xxx") {
                var sendData = {
                    
                };
                var ajaxConfig = {
                    data: sendData,
                    url: `${areaName}/${controllerName}/xxx`,
                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        layer.msg(result.Message);
                    }
                };
                sysU.ajax(ajaxConfig);
            }
        },
        //所有动作成功之后
        actionSuccess: (flag) => {
           var data  = null;
           if (flag.includes("Desc")) {
               data = sendDataDescWhere;
           }
           sysU.refreshTable(app, sysU, data, flag);
        },
        closeAfter: function (callBack) {
            if (callBack != null) callBack();
        }
    }

    app = {
        data: {
            cols: [[
                { checkbox: true, fixed: true },
                /*网关信息*/
                { field: "id", width: 80, title: "Id", hide: true },
                { field: "gatewayKey", width: 150, title: "gatewayKey", hide: true },
                { field: "gatewaySerialNumber", width: 200, title: "网关序列号" },
                { field: "gatewayClient", width: 150, title: "网关客户" },

                { field: "virtualIP", width: 150, title: "VPN虚拟IP" },
                { field: "vpnNumber", width: 150, title: "VPN账号" },
                { field: "simId", width: 200, title: "SIM卡ID" },
                { field: "simNumber", width: 200, title: "SIM卡账号", hide: true },

                { field: "isUse", width: 150, title: "是否领用", templet: "#isSysUseTemplet" },
                { field: "isDelete", width: 150, title: "状态", templet: "#isSysDeleteTemplet" },
                { field: "isVirtual", width: 150, title: "是否是虚拟卡", templet: "#isSysVirtualTemplet" },

                { field: "password", width: 150, title: "密码", hide: true},
                { field: "remark", width: 150, title: "网关备注" },

                /*VPN信息*/
                { field: "vpnNumber", width: 150, title: "VPN账号", hide: true },
                { field: "vpnIP", width: 150, title: "VPN-IP" },
                { field: "vpnRemark", width: 150, title: "VPN备注" },

                /*SIM卡信息*/
                { field: "simNumber", width: 180, title: "ICCID码", hide: true },
                { field: "simIP", width: 150, title: "SIM卡IP地址" },
                { field: "suppliersInfo", width: 250, title: "SIM卡供应商" },
                { field: "factoryDate", width: 150, title: "SIM卡出厂日期" },

                
                { field: "getCardUser", width: 100, title: "领卡人" },
                { field: "getCardDate", width: 150, title: "领卡时间" },
                { field: "debugDate", width: 150, title: "调试时间" },
                { field: "simRemark", width: 150, title: "SIM卡备注" },


                { field: "createTime", width: 150, title: "创建时间" },
                { field: "createBy", width: 100, title: "创建人" },
                { field: "updateTime", width: 150, title: "修改时间" },
                { field: "updateBy", width: 100, title: "修改人" },
            ]],
            colsDesc:null,
            tableIns: null,
            tableElem: "mainList",
            tableInsDesc: null,
            tableElemDesc: "mainListDesc",

            //下拉框配置
            selectOption: {
                //station: {
                //    SelType: "FromUrl",
                //    SelFrom: `/${areaName}/${controllerName}/StationLineSelect`,
                //    SelLabel: "workStationName",
                //    SelValue: "workStationCode",
                //    OptGroup: true,
                //    Dom: [$("[name='stationCode']")]
                //},
                //返回的数据 用于后续操作
                selectData: {

                }
            },
            //下拉框配置枚举
            selectOptionEnum: {
                 type: {
                    SelValue: "value",     //key or value
                    SelFrom: "dataSource", //固定
                    Dom: [$("select[name='xxx']")],
                    dataSource: window.top.Enumxxx,
                },
                //返回的数据 用于后续操作
                selectData: {

                }
            },
        },
        methods: {
            initTable: function (opt) {
                var config = {};
                if (opt != undefined) $.extend(config, opt);
                let options = {
                    elem: "#" + app.data.tableElem,
                    url: `/${areaName}/${controllerName}/Load`,
                    cols: sysU.columnRecord(app.data.tableElem, app.data.cols),
                    toolbar: '#toolbarTable',
                    where: config, 
                    //height: "full-50",//如果是主明细页签,列表主体高度要设置,否则分页导航不直观展示
                    doneExtend: function (res, obj) {
                    
                    }
                }
                app.data.tableIns = sysU.initTable(options);
            },

            initSelectTable: function () {
              var opt1 = {
                    elem: ".productCode",
                    checkedKey: "productCode",
                    doneKey: {
                        key: "productCode",
                        lableValue: "productName"
                    },
                    searchKey: "productCode",
                    searchName: "产品编码"
                };
               sysU.initSelectProduct(opt1);
            },

            initFrom() {
                //sysU.initSelect(app.data.selectOption);

                //sysU.tabClick("tableTabBody");
                //sysU.initSelecteByEnum(app.data.selectOptionEnum);
            }
        },
        registerEvent: function () {

        },
        init: function () {
            //var sendDataWhere = form.val("listForm")
            app.methods.initTable();
            app.methods.initFrom();
            app.registerEvent();
        }
    };
    app.init();
});