MES / IOT · Files

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 = "BaseProject",
        app = null;

    action = {
        addOptions: function () {
            var options = {
                fromId: "#modifyForm form",
                url: `/${areaName}/${controllerName}/Ins`,

                area:["750px", "550px"] ,

                //sendDataWhere: null,
                //isAddWhereExtend: "arbitrarily",
                //mainTable: app.data.tableIns,
                submit: "submit(fromAdd)"
            }
            return options;
        },

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

                area: ["750px", "550px"],

                submit: "submit(fromUpdate)"
            }
            return options;
        },

        deleteOptions: function () {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIds`,

                titleConfirmDelete:"确定要删除所选信息吗？项目已绑定客户,项目不能直接删除需要先解绑客户和设备再删除项目。删除项目会直接删除厂房!",

                keyId: "keys"

            }
            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, flagKey) {

            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },

        addSaveBefore: function (data, callBack, flagKey) {
            if (flagKey == "btnCopyAdd") {
                data.field.eqCount = "0"
            }

            if (new Date(data.field.projectStartTime) > new Date(data.field.projectEndTime)) {
                layer.alert("开始时间不能大于结束时间", { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleOpen });
                return
            }

            if (callBack != null) callBack();
        },
        editBefore: function (data, callBack) {
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editSaveBefore: function (data, callBack) {

            if (new Date(data.field.projectStartTime) > new Date(data.field.projectEndTime)) {
                layer.alert("开始时间不能大于结束时间", { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleOpen });
                return
            }

            if (callBack != null) callBack();
        },

        checkboxMethod: function (obj) {

            //用户绑定项目

            var page = "".GetUrlParam("page"),

                userAccount = "".GetUrlParam("userAccount");
            if (page == "sysuser") {
                debugger

                var sendData = {

                    userAccount: userAccount,

                    checkeds: obj.checked,
                    projectKeys: obj.data.keys,

                };

                if (obj.type == "all") {
                    sendData.projectKeys = sysU.getTableAllData(app.data.tableElem).GetArrValue("keys");
                } else {
                    sendData.projectKeys = obj.data.keys;
                }
                if (sendData.projectKeys == null || sendData.projectKeys == "") {
                    layer.alert("checkboxMethod:工位标识【projectKeys】为空，请重新关闭后再操作，反复出现请联系管理员", { icon: 2, shadeClose: true, title: "提示" });
                    return false;
                }

                var ajaxConfig = {
                    data: sendData,

                    url: "/base/SysUser/UserBindProjectRel",

                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        layer.msg(result.Message);

                        sysU.refreshTable(app, sysU, null, "main");

                    }
                };
                sysU.ajax(ajaxConfig);
            }
        },

        //项目客户信息链接

        btnUserProjectLink: function (sU, toolbarId, obj) {
            sU.getParentElemId("SysUser").click();

        },

        //地图默认定位(本地) 
        btnMapPosition: function (sU, toolbarId, obj) {
            var dataCheckObj = table.checkStatus(toolbarId);
            if (dataCheckObj.data.length!=1) {
                layer.alert(sU.config.titleSelectOneRowData, { icon: sU.config.iconoError, shadeClose: true, title: sU.config.titleSelectOneRowData });
                return;
            }

            localStorage.setItem("defaultSelectProjectId", dataCheckObj.data[0].id);

            layer.msg(sU.config.titleActionSuccess, { icon: sU.config.iconoOk, shade: 0.4, time: 2000 });

        },

        //所有动作成功之后
        actionSuccess: (flag) => {

            sysU.refreshTable(app, sysU, null, flag);

        },
        closeAfter: function (callBack) {
            if (callBack != null) callBack();
        }
    }

    app = {
        data: {
            cols: [[
                { checkbox: true, fixed: true },
                { field: "id", width: 80, hide: true, title: "Id" },
                { field: "keys", width: 80, hide: true, title: "Keys" },

                { field: "projectName", width: 200, title: "项目名称" },

                { field: "eqCount", width: 100, title: "设备总数" },

                { field: "projectUsers", width: 200, title: "用户账号登入" },
                { field: "projectManager", width: 150, title: "项目负责人" },

                { field: "telephone", width: 150, title: "负责人电话" },

                { field: "projectClientName", width: 150, title: "工商信息" },
                { field: "projectAddress", width: 300, title: "项目地址" },

                {
                    field: "projectStatus", width: 120, title: "状态", templet: function (obj) {
                        var state= "".GetState(window.top.EnumProjectStatus, obj.projectStatus)
                        var nowTime = new Date();
                        if (nowTime > new Date(obj.projectEndTime) && state!=window.top.EnumProjectStatus["已完成"]) {
                            return `<span   style='color:red;' >${state}</span>`;
                        }
                        return state;
                    }
                },

                {
                    field: "projectStartTime", width: 150, title: "开始日期", templet: function (obj) {
                        return new Date(obj.projectStartTime).format("yyyy-MM-dd")
                    }
                },
                {
                    field: "projectEndTime", width: 150, title: "结束日期", templet: function (obj) {
                        return new Date(obj.projectEndTime).format("yyyy-MM-dd")
                    }
                },

                { field: "longitude", width: 100, title: "经度" },
                { field: "latitude", width: 100, title: "纬度" },

                { field: "picture", width: 150, title: "图片" },

                { field: "projectDescribe", width: 150, title: "描述" },

                { field: "createBy", width: 150, title: "创建人" },
                { field: "createTime", width: 150, title: "创建时间" },

            ]],
            tableIns: null,
            tableElem: "mainList",

            btnGetPoint: $("#btnGetPoint"),
            txtProjectAddress: $("#modifyForm form  input[name=projectAddress]"),

            btnCopyLonLat: document.querySelector("#btnCopyLonLat"),

            //下拉框配置

            selectOptionEnum: {

                type: {
                    SelFrom: "dataSource",

                    SelValue: "value",

                    Dom: [$("select[name='projectStatus']")],
                    dataSource: window.top.EnumProjectStatus,
                },

                //返回的数据 用于后续操作
                selectData: {
                }

            },

            //下拉框配置
            selectOption: {
                projectType: {
                    SelType: "FromDict",
                    SelFrom: "projectType",
                    SelLabel: "DictLabel",
                    SelValue: "DictValue",
                    Dom: [$("[name='projectType']")]
                },

                lineCode: {
                    SelType: "FromUrl",
                    SelFrom: "/configure/BaseClientInfo/Load",
                    SelLabel: "clientName",
                    SelValue: "keys",
                    Dom: [$("[name='projectClientInfoKeys']")]
                },

                //返回的数据 用于后续操作
                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-56",//如果是主明细页签，列表主体高度要设置，否则分页导航不直观展示
                    doneExtend: function (res, obj) {

                        var pageFlag = "".GetUrlParam("page"),

                            userAccount = "".GetUrlParam("userAccount");
                        //加载用户绑定的项目
                        if (pageFlag == "sysuser") {

                            let ajaxConfig = {

                                data: { userAccount: userAccount },
                                url: `/base/SysUser/GetUserBindClient`,

                                success: function (result) {
                                    if (sysU.successBefore(result)) return false;

                                    var targetArrValue = result.Result.map(function (e) { return e.clientKeys; });

                                    var selectColKey = "".GetUrlParam("selectColKeyCustom");
                                    sysU.SetTableCheck(targetArrValue, res, selectColKey, app.data.tableElem);
                                }
                            };
                            sysU.ajax(ajaxConfig);
                        }

                    }
                }
                app.data.tableIns = sysU.initTable(options);
            },

            //根据地址解析经度纬度
            setLngAndlat() {
                let address = app.data.txtProjectAddress.val();
                if (!address) {
                    app.data.txtProjectAddress.focus();
                    return;
                }
                mapApp.fn.getPointByAddress(address, (point) => {
                    var val = {  longitude: "", latitude: "", }
                    if (point) {
                        val.longitude = point.lng;
                        val.latitude = point.lat;
                    }
                    form.val("modifyForm", val);
                });

            },

            initFrom() {

                sysU.initSelecteByEnum(app.data.selectOptionEnum);
                sysU.initSelect(app.data.selectOption);

            },
            initCopy() {
                app.data.btnCopyLonLat.addEventListener("click", function (event) {
                    $("#modifyForm form  input[name=longitude]").focus();
                    // 获取剪贴板中的文本数据
                    navigator.clipboard.readText()
                        .then(text => {
                            const pattern = /^\d+(\.\d+)?,\d+(\.\d+)?$/;
                            if (!pattern.test(text)) {
                                layer.alert('经纬度复制的值错误,正确的是格式【x,x】x是数字!', { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleOpen });
                                return;
                            }
                            var tempValue = text.split(",");
                            form.val("modifyForm", { longitude: tempValue[0], latitude: tempValue[1] });
                        })
                        .catch(err => {
                            layer.alert('无法读取剪贴板数据:' + err, { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleError });
                        });
                });

            }
        },
        registerEvent: function () {

            app.data.btnGetPoint.click(function () {
                app.methods.setLngAndlat();
            })

        },
        init: function () {
            app.methods.initTable();
            app.methods.initFrom();

            app.methods.initCopy();

            app.registerEvent();
        }
    };
    app.init();
});