Hh.Mes.T4/JavaScriptTemplate.tt

<#@ import namespace="System.Linq" #>
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 = "<#=AreaName #>",
        controllerName = "<#=ControllerName #>",
        app = null;
    action = {
        addOptions<#=IsDetail ? "Desc" : ""#>: function (flagKey, toolbarId, obj, $event) {
            var options = {
                fromId: "#modifyForm<#=IsDetail ? "Desc" : ""#> form",
                url: `/${areaName}/${controllerName}/Ins<#=IsDetail ? "Desc" : ""#>`,
                //sendDataWhere: null,
                //isAddWhereExtend: "arbitrarily",
                //mainTable: app.data.tableIns,
                submit: "submit(fromAdd<#=IsDetail ? "Desc" : ""#>)"
            }
            return options;
        },
        editOptions<#=IsDetail ? "Desc" : ""#>: function (data, sysU, toolbarId, obj, $event) {
            var options = {
                fromId: "#modifyForm<#=IsDetail ? "Desc" : ""#> form",
                url: `/${areaName}/${controllerName}/Upd<#=IsDetail ? "Desc" : ""#>`,
                submit: "submit(fromUpdate<#=IsDetail ? "Desc" : ""#>)"
            }
            return options;
        },
        deleteOptions<#=IsDetail ? "Desc" : ""#>: function (sysU, toolbarId, obj, $event) {
            var options = {
                url: `/${areaName}/${controllerName}/DelByIds<#=IsDetail ? "Desc" : ""#>`,
                keyId: "id"
            }
            return options;
        },
        //导出方法
        exportOptions: function () {
            var options = {
                fromId: "listForm<#=IsDetail ? "Desc" : ""#>",
                url: `/${areaName}/${controllerName}/Export`,
                isDefault: false,//false导出单表，true导出主明细表
                sendDataWhere:{},
                //后台接口返回数据也要保持一致 response.Result=new{ head=x,body=x、footer=x}
                excelCols: {
                    head: app.data.cols,
                    body: app.data.colsDesc
                }
            }
            return options;
        },
        queryOptions<#=IsDetail ? "Desc" : ""#>: function () {
            var options = {
                resetFrom: "form[lay-filter=listForm<#=IsDetail ? "Desc" : ""#>]",
                fromId: "listForm<#=IsDetail ? "Desc" : ""#>",
                urlExport: `/${areaName}/${controllerName}/Export`,
                urlQuery: `/${areaName}/${controllerName}/Load<#=IsDetail ? "Desc" : ""#>`,
                sendDataWhere:{},
                mainTable: app.data.tableIns<#=IsDetail ? "Desc" : ""#>
            }
            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<#=IsDetail ? "Desc" : ""#>: function (callBack) {
            //callBack是回调函数，如果editBefore有ajax 放在成功之后
            if (callBack != null) callBack();
        },
        addSaveBefore<#=IsDetail ? "Desc" : ""#>: function (data, callBack) {
            if (callBack != null) callBack();
        },
        editBefore<#=IsDetail ? "Desc" : ""#>: function (data, callBack) {
            //data.enable = data.enable.toString();
            form.val("modifyForm", data);
            if (callBack != null) callBack();
        },
        editSaveBefore<#=IsDetail ? "Desc" : ""#>: function (data, callBack) {
            if (callBack != null) callBack();
        },
        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);
            }
        },
        radioMethod: function (obj) {
            if (!sysU.SetTableRadioCheckBefore()) return;
            if (false) {
                var sendData = {
                    xyz: "xx",
                    checkeds: obj.checked,
                    keys: obj.data.keys,
                };
                if (sendData.keys == null || sendData.keys == "") {
                    layer.alert("tableRowOneClick:项目角色标识【keys】为空，请重新关闭后再操作，反复出现请联系管理员", { icon: 2, shadeClose: true, title: "提示" });
                    return false;
                }
                var ajaxConfig = {
                    data: sendData,
                    url: "/base/xxx/xxx",
                    success: function (result) {
                        if (sysU.successBefore(result)) return false;
                        layer.msg(result.Message);
                        sysU.refreshTable(app, sysU, null, "main");
                    }
                };
                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<#=IsDetail ? "Desc" : ""#>: [[
                { checkbox: true, fixed: true },
<# if(Data.Any(x => x.Key.Equals("id", StringComparison.OrdinalIgnoreCase))) #>
<# { #>
                { field: "id", width: 80, hide: true, title: "Id" },
<# } #>
<# if(Data.Any(x => x.Key.Equals("keys", StringComparison.OrdinalIgnoreCase))) #>
<# { #>
                { field: "keys", width: 80, hide: true, title: "Keys" },
<# } #>
<# foreach(var item in Data) #>
<# { #>
<# if (item.Key.Equals("Id", StringComparison.OrdinalIgnoreCase) || item.Key.Equals("Keys", StringComparison.OrdinalIgnoreCase)) #>
<# { continue; } #>
<# if(!string.IsNullOrWhiteSpace(item.Value)) #>
<# { #>
                { field: "<#=item.Key #>", width: 150, title: "<#=item.Value #>" },
<# }else{ #>
                { field: "<#=item.Key #>", width: 150, title: "<#=item.Key #>" },
<# } #>
<# } #>
            ]],
            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<#=IsDetail ? "Desc" : ""#>: function (opt) {
                var config = {};
                if (opt != undefined) $.extend(config, opt);
                let options = {
                    elem: "#" + app.data.tableElem<#=IsDetail ? "Desc" : ""#>,
                    url: `/${areaName}/${controllerName}/Load<#=IsDetail ? "Desc" : ""#>`,
                    cols: sysU.columnRecord(app.data.tableElem<#=IsDetail ? "Desc" : ""#>, app.data.cols<#=IsDetail ? "Desc" : ""#>),
                    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 () {
            app.methods.initFrom();
            //var sendDataWhere = form.val("listForm<#=IsDetail ? "Desc" : ""#>")
            //var sendDataWhere = "".getAllUrlParameters();
            app.methods.initTable<#=IsDetail ? "Desc" : ""#>();
            app.registerEvent();
        }
    };
    app.init();
});