web/WebMvc/wwwroot/productjs/configure/daqclientstatus.js

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 = "configure",
        controllerName = "DaqClientStatus",
        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;
        },
        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) {
            if (callBack != null) callBack();
        },
        editBefore: function (data, callBack) {
            app.methods.initFactorySelect(data.projectCode, data.factoryCode);
            //data.enable = data.enable.toString();
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editSaveBefore: function (data, callBack) {
            if (callBack != null) callBack();
        },
        checkboxMethod: function (obj) {
        },
        //所有动作成功之后
        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, hide: true, title: "Id" },
                { field: "projectCode", width: 150, title: "项目编号", hide: true },
                { field: "projectName", width: 200, title: "项目名称" },
                { field: "name", width: 220, title: "客户端名称" },
                { field: "type", width: 150, title: "类型" },
                { field: "lastSeenDate", width: 160, title: "最后更新时间" },
                {
                    field: "offline", width: 300, title: "离线信息(超5分钟)", templet: function (d) {
                        var seconds = (new Date() - new Date(d.lastSeenDate)) / 1000
                        var red = ""
                        if (seconds > 300) red = " <span style='width: 50px;display: inline-block;color:red;'>离线</span>"
                        var temp = "".convertSecondsToTime(seconds)
                        return `距离当前:${temp}, ${red}`;
                    }
                },
                { field: "factoryCode", minWidth: 180, hide: true, title: "仓库编码" },
                { field: "factoryName", minWidth: 200, title: "仓库" },
                { field: "remark", minWidth: 200, title: "备注" },
            ]],
            tableIns: null,
            tableElem: "mainList",
            //下拉框配置
            selectOption: {
                projectCode: {
                    SelType: "FromUrl",
                    SelFrom: `/configure/BaseProject/Load`,
                    SelLabel: "projectName",
                    SelValue: "projectCode",
                    Dom: [$("[name='projectCode']")],
                    isFirstSelected: false
                },
                //返回的数据 用于后续操作
                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);
            },
            initFrom() {
                sysU.initSelect(app.data.selectOption);
            },
            monitorProjectChangedEvent() {
                form.on('select(projectCode)', function (data) {
                    let projectCode = data.value;
                    app.methods.initFactorySelect(projectCode)
                });
            },
            initFactorySelect(projectCode, factoryCode) {
                $.get(`GetFactorys?projectCode=${projectCode}`, function (res) {
                    $('#factoryCode').empty();
                    if (res.status != true) {
                        layer.msg(res.message, { icon: 2 })
                        return;
                    }
                    $.each(res.result, function (index, value) {
                        let selected = value.factoryCode == factoryCode;
                        $('#factoryCode').append(new Option(value.factoryName, value.factoryCode, false, selected));
                    });
                    form.render('select');
                })
            }
        },
        registerEvent: function () {
        },
        init: function () {
            //var sendDataWhere = form.val("listForm")
            app.methods.initFrom();
            app.methods.initTable();
            app.methods.monitorProjectChangedEvent();
            app.registerEvent();
        }
    };
    app.init();
});