web/WebMvc/wwwroot/productjs/configure/baseproject.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 = "BaseProject",
        xmSelectObj = null,
        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",
                deleteCount: 1
            }
            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) {
            debugger
            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
            }
            var projectRoles = "".XmSelectGetValue(xmSelectObj);
            if (!projectRoles) {
                layer.alert("请选择项目角色!", { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleOpen });
                return;
            }
            data.field["projectRoles"] = projectRoles;
            if (callBack != null) callBack();
        },
        editBefore: function (data, callBack) {
            debugger
            form.val("modifyForm", data);
            var projectRoles = data.projectRoles;
            var projectRolesArr = projectRoles.split(",");
            //先清空项目角色，在设置项目的值
            "".XmSelectSetValue(xmSelectObj);
            "".XmSelectSetValue(xmSelectObj, projectRolesArr);
            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
            }
            var projectRoles = "".XmSelectGetValue(xmSelectObj);
            if (!projectRoles) {
                layer.alert("请选择项目角色!", { icon: sysU.config.iconoError, shadeClose: true, title: sysU.config.titleOpen });
                return;
            }
            data.field["projectRoles"] = projectRoles;
            if (callBack != null) callBack();
        },
        checkboxMethod: function (obj) {
            //用户绑定项目
            var page = "".GetUrlParam("page"),
                projectRoleKey = "".GetUrlParam("projectRoleKey");
            if (page != "sysuser") {
                return;
            }
            var sendData = {
                projectRoleKey: projectRoleKey,
                checkeds: obj.checked,
                projectKeys: obj.data.keys
            };
            console.log(sysU.getTableAllData(app.data.tableElem));
            if (obj.type == "all") {
                sendData.projectKeys = sysU.getTableAllData(app.data.tableElem).map(x => x.keys);//.GetArrValue("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/RoleBindProjectRel",
                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: "projectCode", width: 200, title: "项目编码", hide: true, },
                { 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(sysU.sysEnumData.EnumProjectStatus, obj.projectStatus)
                        var nowTime = new Date();
                        if (nowTime > new Date(obj.projectEndTime) && state != sysU.sysEnumData.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: "projectRoles", hide: true, 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: sysU.sysEnumData.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"),
                            projectRoleKey = "".GetUrlParam("projectRoleKey");
                        //加载用户绑定的项目
                        if (pageFlag != "sysuser") {
                            return;
                        }
                        let ajaxConfig = {
                            data: { projectRoleKey: projectRoleKey },
                            url: `/base/SysUser/GetUserBindClient`,
                            success: function (result) {
                                if (sysU.successBefore(result)) return false;
                                var targetArrValue = result.Result;//.map(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);
                //初始化项目角色
                "".XmSelectInit({
                    el: '#projectRose',
                    url: `/base/SysProjectRoles/Load`,
                    paramData: { page: 1, limit: 500 },
                    keylabel: "roles_name",
                    keyValue: "keys",
                }, sysU, (obj) => {
                    xmSelectObj = obj
                });
            },
            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();
});
// 更新datalist的函数
function updateDataList() {
    $.ajax({
        url: "GetProjecInfo", // 请求的URL
        type: "GET", // 请求类型，默认为GET
        dataType: "json", // 预期服务器返回的数据类型
        success: function (response) { // 请求成功时的回调函数
            const dataList = document.getElementById('projectCodeList');
            // 清空现有的选项
            if (response.Code != 200) {
                dataList.innerHTML = '';
                layer.msg(`获取数据失败：${response.Message}`, { icon: 2 });
                return;
            }
            if (response.Result == null || response.Result.length == 0) {
                dataList.innerHTML = '';
                layer.msg('暂无可用的项目编号', { icon: 0 });
                return;
            }
            // 移除失效项
            Array.from(dataList.options).forEach(item => {
                if (!response.Result.some(x => x == item.value)) {
                    dataList.removeChild(item);
                }
            });
            // 添加新的选项
            response.Result.forEach(item => {
                // 检查当前选项是否已存在
                let exists = Array.from(dataList.options).some(option => option.value === item);
                // 如果选项不存在，则添加
                if (!exists) {
                    const option = document.createElement('option');
                    option.value = item;
                    dataList.appendChild(option);
                }
            });
        },
        error: function (xhr, status, error) { // 请求失败时的回调函数
            layer.msg(`请求失败${error}`, { icon: 2 });
        }
    });
}