Merge pull request '增加代码生成多个配置和多个模板，列表作为控件使用，取消联合查询更改可以适应多库的单表查询，再通过关联获取' (#226) from aq982 into v2
Reviewed-on: http://101.43.53.74:3000/Admin.NET/Admin.NET.Pro/pulls/226
This commit is contained in:
zuohuaijun
commit
bf2752df8c
@ -70,7 +70,12 @@ public partial class SysCodeGen : EntityBase
|
||||
[SugarColumn(ColumnDescription = "数据库表名", Length = 128)]
|
||||
[MaxLength(128)]
|
||||
public string? TableName { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 自身树控件Name
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "自身树控件Name", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? TreeName { get; set; }
|
||||
/// <summary>
|
||||
/// 命名空间
|
||||
/// </summary>
|
||||
@ -129,7 +134,58 @@ public partial class SysCodeGen : EntityBase
|
||||
[SugarColumn(ColumnDescription = "打印模版名称", Length = 32)]
|
||||
[MaxLength(32)]
|
||||
public string? PrintName { get; set; }
|
||||
/// <summary>
|
||||
/// 左边树形结构表
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "左边树形结构表", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? LeftTab { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 左边关联字段
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "左边关联字段", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? LeftKey { get; set; }
|
||||
/// <summary>
|
||||
/// 左边关联主表字段
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "左边关联主表字段", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? LeftPrimaryKey { get; set; }
|
||||
/// <summary>
|
||||
/// 左边树Name
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "左边树Name", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? LeftName { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 下表名称
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "右区域下框表名称", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? BottomTab { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 下表关联字段
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "右区域下框表关联字段", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? BottomKey { get; set; }
|
||||
/// <summary>
|
||||
/// 下表关联主表字段
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "右区域下框表关联主表字段", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? BottomPrimaryKey { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 模板文件夹
|
||||
/// </summary>
|
||||
[SugarColumn(ColumnDescription = "模板文件夹", Length = 64)]
|
||||
[MaxLength(64)]
|
||||
public string? Template { get; set; }
|
||||
/// <summary>
|
||||
/// 是否使用 Api Service
|
||||
/// </summary>
|
||||
|
||||
@ -4,10 +4,12 @@
|
||||
//
|
||||
// 不得利用本项目从事危害国家安全、扰乱社会秩序、侵犯他人合法权益等法律法规禁止的活动！任何基于本项目二次开发而产生的一切法律纠纷和责任，我们不承担任何责任！
|
||||
|
||||
namespace Admin.NET.Core;
|
||||
using Admin.NET.Core;
|
||||
|
||||
namespace Admin.NET.Core.SeedData;
|
||||
|
||||
/// <summary>
|
||||
/// 代码生成模板配置表种子数据
|
||||
/// 代码生成模板配置表 表种子数据
|
||||
/// </summary>
|
||||
public class SysCodeGenTemplateSeedData : ISqlSugarEntitySeedData<SysCodeGenTemplate>
|
||||
{
|
||||
@ -17,18 +19,219 @@ public class SysCodeGenTemplateSeedData : ISqlSugarEntitySeedData<SysCodeGenTemp
|
||||
/// <returns></returns>
|
||||
public IEnumerable<SysCodeGenTemplate> HasData()
|
||||
{
|
||||
return
|
||||
[
|
||||
new SysCodeGenTemplate{ Id=36036980201001, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Frontend, Name="web_api.ts.vm", OutputFile="api/{PagePath}/{TableNameLower}.ts", Describe ="(WEB)接口",IsDefault=true},
|
||||
new SysCodeGenTemplate{ Id=36036980201002, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Frontend, Name="web_views_index.vue.vm", OutputFile="views/{PagePath}/{TableNameLower}/index.vue", Describe ="(WEB)列表页面",IsDefault=true},
|
||||
new SysCodeGenTemplate{ Id=36036980201003, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Frontend, Name="web_views_editDialog.vue.vm", OutputFile="views/{PagePath}/{TableNameLower}/component/editDialog.vue", Describe ="(WEB)编辑对话框",IsDefault=true},
|
||||
string recordList = @"
|
||||
[
|
||||
{
|
||||
""Name"": ""web_api.ts.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""api/{PagePath}/{TableNameLower}.ts"",
|
||||
""Describe"": ""(WEB)接口"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980201001
|
||||
},
|
||||
{
|
||||
""Name"": ""web_views_index.vue.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""views/{PagePath}/{TableNameLower}/index.vue"",
|
||||
""Describe"": ""(WEB)列表页面"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980201002
|
||||
},
|
||||
{
|
||||
""Name"": ""web_views_editDialog.vue.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""views/{PagePath}/{TableNameLower}/component/editDialog.vue"",
|
||||
""Describe"": ""(WEB)编辑对话框"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980201003
|
||||
},
|
||||
{
|
||||
""Name"": ""service_Service.cs.vm"",
|
||||
""Type"": 2,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""Service/{TableName}/{TableName}Service.cs"",
|
||||
""Describe"": ""(服务端)业务"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980202001
|
||||
},
|
||||
{
|
||||
""Name"": ""service_InputDto.cs.vm"",
|
||||
""Type"": 2,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""Service/{TableName}/Dto/{TableName}Input.cs"",
|
||||
""Describe"": ""(服务端)输入参数"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980202002
|
||||
},
|
||||
{
|
||||
""Name"": ""service_OutputDto.cs.vm"",
|
||||
""Type"": 2,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""Service/{TableName}/Dto/{TableName}Output.cs"",
|
||||
""Describe"": ""(服务端)输出参数"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980202003
|
||||
},
|
||||
{
|
||||
""Name"": ""sys_menu_seed_data.cs.vm"",
|
||||
""Type"": 3,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""SeedData/{TableName}MenuSeedData.cs"",
|
||||
""Describe"": ""(服务端)业务菜单种子数据"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980202004
|
||||
},
|
||||
{
|
||||
""Name"": ""web_views_el_table_index.vue.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": false,
|
||||
""OutputFile"": ""views/{PagePath}/{TableNameLower}/index.vue"",
|
||||
""Describe"": ""(WEB)列表页面,基于el-table"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 23:02:29"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980203001
|
||||
},
|
||||
{
|
||||
""Name"": ""PartialService_Service.cs.vm"",
|
||||
""Type"": 2,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""PartialService/{TableName}/{TableName}Service.cs"",
|
||||
""Describe"": ""(服务端)Partial业务"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 21:25:43"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980203002
|
||||
},
|
||||
{
|
||||
""Name"": ""web_views_Tree.vue.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""views/{PagePath}/{TableNameLower}/component/{TableNameLower}Tree.vue"",
|
||||
""Describe"": ""(WEB)左树控件"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 21:25:43"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980203004
|
||||
},
|
||||
{
|
||||
""Name"": ""PartialEntity_Entity.cs.vm"",
|
||||
""Type"": 2,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""PartialEntity/{TableName}Entity.cs"",
|
||||
""Describe"": ""(实体)Partial"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 21:25:43"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980203005
|
||||
},
|
||||
{
|
||||
""Name"": ""web_views_List.vue.vm"",
|
||||
""Type"": 1,
|
||||
""SysFlag"": 1,
|
||||
""IsDefault"": true,
|
||||
""OutputFile"": ""views/{PagePath}/{TableNameLower}/component/{TableNameLower}List.vue"",
|
||||
""Describe"": ""(WEB)列表控件"",
|
||||
""OrderNo"": 100,
|
||||
""CreateTime"": ""1900-01-01 00:00:00"",
|
||||
""UpdateTime"": ""2025-01-13 21:25:43"",
|
||||
""CreateUserId"": null,
|
||||
""CreateUserName"": null,
|
||||
""UpdateUserId"": null,
|
||||
""UpdateUserName"": null,
|
||||
""IsDelete"": false,
|
||||
""Id"": 36036980203006
|
||||
}
|
||||
]
|
||||
";
|
||||
List<SysCodeGenTemplate> records = Newtonsoft.Json.JsonConvert.DeserializeObject<List<SysCodeGenTemplate>>(recordList);
|
||||
|
||||
new SysCodeGenTemplate{ Id=36036980202001, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Backend, Name="service_Service.cs.vm", OutputFile="Service/{TableName}/{TableName}Service.cs", Describe ="(服务端)业务",IsDefault=true},
|
||||
new SysCodeGenTemplate{ Id=36036980202002, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Backend, Name="service_InputDto.cs.vm", OutputFile="Service/{TableName}/Dto/{TableName}Input.cs", Describe ="(服务端)输入参数",IsDefault=true},
|
||||
new SysCodeGenTemplate{ Id=36036980202003, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Backend, Name="service_OutputDto.cs.vm", OutputFile="Service/{TableName}/Dto/{TableName}Output.cs", Describe ="(服务端)输出参数",IsDefault=true},
|
||||
// 后处理数据的特殊字段
|
||||
//for (int i = 0; i < records.Count; i++) { }
|
||||
|
||||
new SysCodeGenTemplate{ Id=36036980203001, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.Frontend, Name="web_views_el_table_index.vue.vm", OutputFile="views/{PagePath}/{TableNameLower}/index.vue", Describe ="(WEB)列表页面,基于el-table",IsDefault=false},
|
||||
new SysCodeGenTemplate{ Id=36036980202004, SysFlag=YesNoEnum.Y, Type=CodeGenTypeEnum.SeedData, Name="sys_menu_seed_data.cs.vm", OutputFile="SeedData/{TableName}MenuSeedData.cs", Describe ="(服务端)业务菜单种子数据",IsDefault=true},
|
||||
];
|
||||
return records;
|
||||
}
|
||||
}
|
||||
@ -44,7 +44,21 @@ public class CustomViewEngine : ViewEngineModel
|
||||
return ClassName[..1].ToLower() + ClassName[1..]; // 首字母小写
|
||||
}
|
||||
}
|
||||
|
||||
public string? TreeName { get; set; }
|
||||
public string? LowerTreeName { get; set; }
|
||||
public string? LeftTab { get; set; }
|
||||
public string? LowerLeftTab { get; set; }
|
||||
public string? LeftKey { get; set; }
|
||||
public string? LeftPrimaryKey { get; set; }
|
||||
public string? LowerLeftKey { get; set; }
|
||||
public string? LowerLeftPrimaryKey { get; set; }
|
||||
public string? LeftName { get; set; }
|
||||
public string? BottomTab { get; set; }
|
||||
public string? LowerBottomTab { get; set; }
|
||||
public string? BottomKey { get; set; }
|
||||
public string? BottomPrimaryKey { get; set; }
|
||||
public string? LowerBottomKey { get; set; }
|
||||
public string? LowerBottomPrimaryKey { get; set; }
|
||||
public string PagePath { get; set; } = "main";
|
||||
|
||||
public bool IsJoinTable { get; set; }
|
||||
|
||||
@ -55,7 +55,10 @@ public class PageCodeGenInput : BasePageInput
|
||||
/// 数据库表名
|
||||
/// </summary>
|
||||
public virtual string TableName { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 自身树控件Name
|
||||
/// </summary>
|
||||
public string? TreeName { get; set; }
|
||||
/// <summary>
|
||||
/// 命名空间
|
||||
/// </summary>
|
||||
@ -177,6 +180,44 @@ public class AddCodeGenInput : PageCodeGenInput
|
||||
/// 模板Id集合
|
||||
/// </summary>
|
||||
public List<long> CodeGenTemplateIds { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 左边树形结构表
|
||||
/// </summary>
|
||||
public string? LeftTab { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 左边关联字段
|
||||
/// </summary>
|
||||
public string? LeftKey { get; set; }
|
||||
/// <summary>
|
||||
/// 左边关联主表字段
|
||||
/// </summary>
|
||||
public string? LeftPrimaryKey { get; set; }
|
||||
/// <summary>
|
||||
/// 左边树Name
|
||||
/// </summary>
|
||||
public string? LeftName { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 下表名称
|
||||
/// </summary>
|
||||
public string? BottomTab { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 下表关联字段
|
||||
/// </summary>
|
||||
public string? BottomKey { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 下表关联主表字段
|
||||
/// </summary>
|
||||
public string? BottomPrimaryKey { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 模板
|
||||
/// </summary>
|
||||
public string? Template { get; set; }
|
||||
}
|
||||
|
||||
public class DeleteCodeGenInput
|
||||
|
||||
@ -464,6 +464,22 @@ public class SysCodeGenService : IDynamicApiController, ITransient
|
||||
PrintName = input.PrintName!, // 打印模板名称
|
||||
IsApiService = input.IsApiService,
|
||||
RemoteVerify = tableFieldList.Any(t => t.RemoteVerify == true), // 远程验证
|
||||
TreeName = input.TreeName,
|
||||
LowerTreeName = string.IsNullOrEmpty(input.TreeName) ? "" : input.TreeName[..1].ToLower() + input.TreeName[1..], // 首字母小写
|
||||
LeftTab = input.LeftTab,
|
||||
LeftKey = input.LeftKey!,
|
||||
LeftPrimaryKey = input.LeftPrimaryKey,
|
||||
LeftName = input.LeftName,
|
||||
LowerLeftTab = string.IsNullOrEmpty(input.LeftTab) ? "" : input.LeftTab[..1].ToLower() + input.LeftTab[1..], // 首字母小写
|
||||
LowerLeftKey = string.IsNullOrEmpty(input.LeftKey) ? "" : input.LeftKey[..1].ToLower() + input.LeftKey[1..], // 首字母小写
|
||||
LowerLeftPrimaryKey = string.IsNullOrEmpty(input.LeftPrimaryKey) ? "" : input.LeftPrimaryKey[..1].ToLower() + input.LeftPrimaryKey[1..], // 首字母小写
|
||||
//LowerLeftPrimaryKey = CodeGenUtil.CamelColumnName(input.LeftPrimaryKey, entityBasePropertyNames),
|
||||
BottomTab = input.BottomTab,
|
||||
BottomKey = input.BottomKey!,
|
||||
BottomPrimaryKey = input.BottomPrimaryKey,
|
||||
LowerBottomTab = string.IsNullOrEmpty(input.BottomTab) ? "" : input.BottomTab[..1].ToLower() + input.BottomTab[1..], // 首字母小写
|
||||
LowerBottomKey = string.IsNullOrEmpty(input.BottomKey) ? "" : input.BottomKey[..1].ToLower() + input.BottomKey[1..], // 首字母小写
|
||||
LowerBottomPrimaryKey = string.IsNullOrEmpty(input.BottomPrimaryKey) ? "" : input.BottomPrimaryKey[..1].ToLower() + input.BottomPrimaryKey[1..], // 首字母小写
|
||||
};
|
||||
|
||||
// 获得菜单
|
||||
@ -480,7 +496,14 @@ public class SysCodeGenService : IDynamicApiController, ITransient
|
||||
{
|
||||
string tResult = string.Empty; // 模板生成结果
|
||||
|
||||
var templateFilePath = Path.Combine(templatePath, templateList[i].Name);
|
||||
var filename = templateList[i].Name;
|
||||
//更改默认首页模板
|
||||
if (filename == "web_views_index.vue.vm")
|
||||
{
|
||||
filename = string.IsNullOrEmpty(input.LeftTab) ? filename : "web_views_LeftTree.vue.vm";//左树右列表
|
||||
filename = string.IsNullOrEmpty(input.BottomTab) ? filename : "web_views_BottomIndx.vue.vm";//左数右上列表下列表属性
|
||||
}
|
||||
var templateFilePath = Path.Combine(templatePath, filename);
|
||||
if (!File.Exists(templateFilePath)) continue;
|
||||
var tContent = File.ReadAllText(templateFilePath);
|
||||
|
||||
@ -608,6 +631,22 @@ public class SysCodeGenService : IDynamicApiController, ITransient
|
||||
PrintName = input.PrintName!, // 打印模板名称
|
||||
IsApiService = input.IsApiService,
|
||||
RemoteVerify = tableFieldList.Any(t => t.RemoteVerify == true) // 远程验证
|
||||
TreeName = input.TreeName,
|
||||
LowerTreeName = string.IsNullOrEmpty(input.TreeName) ? "" : input.TreeName[..1].ToLower() + input.TreeName[1..], // 首字母小写
|
||||
LeftTab = input.LeftTab,
|
||||
LeftKey = input.LeftKey!,
|
||||
LeftPrimaryKey = input.LeftPrimaryKey,
|
||||
LeftName = input.LeftName,
|
||||
LowerLeftTab = string.IsNullOrEmpty(input.LeftTab) ? "" : input.LeftTab[..1].ToLower() + input.LeftTab[1..], // 首字母小写
|
||||
LowerLeftKey = string.IsNullOrEmpty(input.LeftKey) ? "" : input.LeftKey[..1].ToLower() + input.LeftKey[1..], // 首字母小写
|
||||
LowerLeftPrimaryKey = string.IsNullOrEmpty(input.LeftPrimaryKey) ? "" : input.LeftPrimaryKey[..1].ToLower() + input.LeftPrimaryKey[1..], // 首字母小写
|
||||
//LowerLeftPrimaryKey = CodeGenUtil.CamelColumnName(input.LeftPrimaryKey, entityBasePropertyNames),
|
||||
BottomTab = input.BottomTab,
|
||||
BottomKey = input.BottomKey!,
|
||||
BottomPrimaryKey = input.BottomPrimaryKey,
|
||||
LowerBottomTab = string.IsNullOrEmpty(input.BottomTab) ? "" : input.BottomTab[..1].ToLower() + input.BottomTab[1..], // 首字母小写
|
||||
LowerBottomKey = string.IsNullOrEmpty(input.BottomKey) ? "" : input.BottomKey[..1].ToLower() + input.BottomKey[1..], // 首字母小写
|
||||
LowerBottomPrimaryKey = string.IsNullOrEmpty(input.BottomPrimaryKey) ? "" : input.BottomPrimaryKey[..1].ToLower() + input.BottomPrimaryKey[1..], // 首字母小写
|
||||
};
|
||||
|
||||
// 获取模板文件并替换
|
||||
@ -619,7 +658,14 @@ public class SysCodeGenService : IDynamicApiController, ITransient
|
||||
{
|
||||
string tResult = string.Empty; // 模板生成结果
|
||||
|
||||
var templateFilePath = Path.Combine(templatePath, templateList[i].Name);
|
||||
var filename = templateList[i].Name;
|
||||
//更改默认首页模板
|
||||
if (filename == "web_views_index.vue.vm")
|
||||
{
|
||||
filename = string.IsNullOrEmpty(input.LeftTab) ? filename : "web_views_LeftTree.vue.vm";//左树右列表
|
||||
filename = string.IsNullOrEmpty(input.BottomTab) ? filename : "web_views_BottomIndx.vue.vm";//左数右上列表下列表属性
|
||||
}
|
||||
var templateFilePath = Path.Combine(templatePath, filename);
|
||||
if (!File.Exists(templateFilePath)) continue;
|
||||
var tContent = File.ReadAllText(templateFilePath);
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@ namespace @Model.NameSpace;
|
||||
@if(@Model.ConfigId!="1300000000001"){
|
||||
@:[Tenant("@(@Model.ConfigId)")]
|
||||
}
|
||||
public class @(@Model.EntityName) @Model.BaseClassName
|
||||
public partial class @(@Model.EntityName) @Model.BaseClassName
|
||||
{
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@Model.BaseClassName=="" && @column.IsPrimarykey){
|
||||
|
||||
@ -0,0 +1,28 @@
|
||||
|
||||
namespace @(@Model.NameSpace).Entity;
|
||||
/// <summary>
|
||||
/// 扩展@(@Model.BusName)实体
|
||||
/// </summary>
|
||||
public partial class @(@Model.ClassName)
|
||||
{
|
||||
|
||||
@if(Model.TableField.FirstOrDefault(u => u.ColumnName.ToLower() == "name") == null){
|
||||
@:/// <summary>
|
||||
@:/// 合约商品树形Name
|
||||
@:/// </summary>
|
||||
@:[SugarColumn(IsIgnore = true)]
|
||||
@:public string Name { get; set; }
|
||||
}
|
||||
/// <summary>
|
||||
/// @(@Model.BusName)子项
|
||||
/// </summary>
|
||||
[SugarColumn(IsIgnore = true)]
|
||||
public List<@(@Model.ClassName)> Children { get; set; }
|
||||
|
||||
/// <summary>
|
||||
/// 是否禁止选中
|
||||
/// </summary>
|
||||
[SugarColumn(IsIgnore = true)]
|
||||
public bool Disabled { get; set; }
|
||||
|
||||
}
|
||||
@ -0,0 +1,60 @@
|
||||
using Admin.NET.Core.Service;
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using OfficeOpenXml.FormulaParsing.Excel.Functions.Text;
|
||||
@{
|
||||
string joinTableName = "u";
|
||||
Dictionary<string, int> definedObjects = new Dictionary<string, int>();
|
||||
bool haveLikeCdt = false;
|
||||
string RemoteField="";
|
||||
string PKName="";
|
||||
foreach (var column in Model.TableField){
|
||||
if (column.QueryWhether == "Y" && column.QueryType == "like"){
|
||||
haveLikeCdt = true;
|
||||
}
|
||||
if(column.RemoteVerify){
|
||||
RemoteField=@column.PropertyName;
|
||||
}
|
||||
if(column.ColumnKey == "True"){
|
||||
PKName=column.PropertyName;
|
||||
}
|
||||
}
|
||||
}
|
||||
using @(@Model.NameSpace).Entity;
|
||||
|
||||
namespace @Model.NameSpace;
|
||||
/// <summary>
|
||||
/// 扩展@(@Model.BusName)服务
|
||||
/// </summary>
|
||||
public partial class @(@Model.ClassName)Service
|
||||
{
|
||||
|
||||
/// <summary>
|
||||
/// 获取列表 🔖
|
||||
/// </summary>
|
||||
/// <param name="input"></param>
|
||||
/// <returns></returns>
|
||||
[ApiDescriptionSettings(Name = "GetTreeList", Description = "获取列表", Order = 1100), HttpPost]
|
||||
[DisplayName("获取列表")]
|
||||
public async Task<List<@(@Model.ClassName)>> GetTreeList([FromQuery] Tree input)
|
||||
{
|
||||
// 带条件筛选时返回列表数据
|
||||
var list = await _@(@Model.LowerClassName)Rep.AsQueryable()
|
||||
.WhereIF(input.Id > 0, t => t.Id == input.Id)
|
||||
//名称
|
||||
//.WhereIF(!string.IsNullOrWhiteSpace(input.tacticsNme), u => u.tacticsNme.Contains(input.tacticsNme.Trim()))
|
||||
.OrderBy(t => new { t.Id })
|
||||
//.Select((u) => new Tree
|
||||
//{
|
||||
// Id = u.Id.ToString(),
|
||||
// Name = u.@(@Model.TreeName)
|
||||
//})
|
||||
.ToListAsync();
|
||||
@if(!string.IsNullOrEmpty(Model.TreeName)){
|
||||
@if(Model.TableField.FirstOrDefault(u => u.ColumnName.ToLower() == "name") == null){
|
||||
@:list.ForEach(t => t.Name = t.@(@Model.TreeName) );
|
||||
}
|
||||
}
|
||||
return list;
|
||||
}
|
||||
|
||||
}
|
||||
@ -6,6 +6,7 @@
|
||||
|
||||
using Admin.NET.Core.Service;
|
||||
using Microsoft.AspNetCore.Http;
|
||||
using System.Linq.Expressions;
|
||||
using OfficeOpenXml.FormulaParsing.Excel.Functions.Text;
|
||||
@{
|
||||
string joinTableName = "u";
|
||||
@ -33,14 +34,31 @@ namespace @Model.NameSpace;
|
||||
/// @(@Model.BusName)服务
|
||||
/// </summary>
|
||||
[ApiDescriptionSettings(@(@Model.ProjectLastName)Const.GroupName, Name = "@(@Model.LowerClassName)", Order = 100)]
|
||||
public class @(@Model.ClassName)Service : IDynamicApiController, ITransient
|
||||
public partial class @(@Model.ClassName)Service : IDynamicApiController, ITransient
|
||||
{
|
||||
private readonly SqlSugarRepository<@(@Model.ClassName)> _@(@Model.LowerClassName)Rep;
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"||@column.EffectType == "ApiTreeSelector"){
|
||||
@:private readonly SqlSugarRepository<@(@column.FkEntityName)> _@(@column.LowerFkEntityName)Rep;
|
||||
}
|
||||
}
|
||||
private TypeAdapterConfig _typeAdapterConfig = TypeAdapterConfig.GlobalSettings;
|
||||
|
||||
public @(@Model.ClassName)Service(SqlSugarRepository<@(@Model.ClassName)> @(@Model.LowerClassName)Rep)
|
||||
public @(@Model.ClassName)Service(SqlSugarRepository<@(@Model.ClassName)> @(@Model.LowerClassName)Rep
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"||@column.EffectType == "ApiTreeSelector"){
|
||||
@:,SqlSugarRepository<@(@column.FkEntityName)> @(@column.LowerFkEntityName)Rep
|
||||
}
|
||||
}
|
||||
|
||||
)
|
||||
{
|
||||
_@(@Model.LowerClassName)Rep = @(@Model.LowerClassName)Rep;
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"||@column.EffectType == "ApiTreeSelector"){
|
||||
@:_@(@column.LowerFkEntityName)Rep = @(@column.LowerFkEntityName)Rep;
|
||||
}
|
||||
}
|
||||
_typeAdapterConfig.ForType<T, @(@Model.ClassName)>().IgnoreNullValues(true);
|
||||
}
|
||||
|
||||
@ -85,48 +103,32 @@ if (@column.QueryWhether == "Y"){
|
||||
}
|
||||
}
|
||||
}
|
||||
@if(Model.IsJoinTable){
|
||||
@://处理外键和TreeSelector相关字段的连接
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"){
|
||||
joinTableName += ", " + column.PropertyName.ToLower();
|
||||
@:.LeftJoin<@(@column.FkEntityName)>((@(@joinTableName)) => u.@(@column.PropertyName) == @(@column.PropertyName.ToLower()).@(@column.FkLinkColumnName) )
|
||||
} else if(@column.EffectType == "ApiTreeSelector"){
|
||||
joinTableName += ", " + column.PropertyName.ToLower();
|
||||
@:.LeftJoin<@(@column.FkEntityName)>((@(@joinTableName)) => u.@(@column.PropertyName) == @(@column.PropertyName.ToLower()).@(@column.ValueColumn) )
|
||||
}
|
||||
}
|
||||
@:.Select((@(@joinTableName)) => new @(@Model.ClassName)Output
|
||||
@:{
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"){
|
||||
@:@(@column.PropertyName) = u.@(@column.PropertyName),
|
||||
@:@(@column.PropertyName)@(@column.FkColumnName) = @(@column.PropertyName.ToLower()).@(@column.FkColumnName),
|
||||
} else if(@column.EffectType == "ApiTreeSelector"){
|
||||
@:@(@column.PropertyName) = u.@(@column.PropertyName),
|
||||
@:@(@column.PropertyName)@(@column.DisplayColumn) = @(@column.PropertyName.ToLower()).@(@column.DisplayColumn),
|
||||
} else if(@column.NetType?.TrimEnd('?').EndsWith("Enum") == true){
|
||||
@:@(@column.PropertyName) = (@(@column.NetType))u.@(@column.PropertyName),
|
||||
} else {
|
||||
@:@(@column.PropertyName) = u.@(@column.PropertyName),
|
||||
}
|
||||
}
|
||||
@:});
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"){
|
||||
|
||||
}else if(@column.EffectType == "Upload"){
|
||||
if(@column.EffectType == "Upload"){
|
||||
@://.Mapper(c => c.@(@column.PropertyName)Attachment, c => c.@(@column.PropertyName))
|
||||
}
|
||||
}
|
||||
} else {
|
||||
@:.Select<@(@Model.ClassName)Output>();
|
||||
}
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "ForeignKey"||x.EffectType == "ApiTreeSelector")){
|
||||
@:return await query.MergeTable().OrderBuilder(input).ToPagedListAsync(input.Page, input.PageSize);
|
||||
.Select<@(@Model.ClassName)Output>();
|
||||
|
||||
|
||||
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "ForeignKey"||x.EffectType == "ApiTreeSelector")){
|
||||
@:var list = await query.MergeTable().OrderBuilder(input).ToPagedListAsync(input.Page, input.PageSize);
|
||||
} else {
|
||||
@:return await query.OrderBuilder(input).ToPagedListAsync(input.Page, input.PageSize);
|
||||
@:var list = await query.OrderBuilder(input).ToPagedListAsync(input.Page, input.PageSize);
|
||||
}
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "ForeignKey"||x.EffectType == "ApiTreeSelector")){
|
||||
@:list.Items.ForEach(t =>{
|
||||
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey"||@column.EffectType == "ApiTreeSelector"){
|
||||
@:t.@(@column.PropertyName)@(@column.FkColumnName) =_@(@column.LowerFkEntityName)Rep.GetFirst(f => f.@(@column.FkLinkColumnName) == t.@(@column.PropertyName)).@(@column.FkColumnName);
|
||||
}
|
||||
}
|
||||
@:});
|
||||
}
|
||||
return list;
|
||||
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
@ -165,8 +167,8 @@ if (@column.ColumnKey == "True"){
|
||||
@:var entity = await _@(@Model.LowerClassName)Rep.GetFirstAsync(u => u.@(@column.PropertyName) == input.@(@column.PropertyName)) ?? throw Oops.Oh(ErrorCodeEnum.D1002);
|
||||
}
|
||||
}
|
||||
await _@(@Model.LowerClassName)Rep.FakeDeleteAsync(entity); // 假删除
|
||||
//await _@(@Model.LowerClassName)Rep.DeleteAsync(entity); // 真删除
|
||||
//await _@(@Model.LowerClassName)Rep.FakeDeleteAsync(entity); // 假删除
|
||||
await _@(@Model.LowerClassName)Rep.DeleteAsync(entity); // 真删除
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
@ -219,6 +221,7 @@ if (@column.ColumnKey == "True"){
|
||||
return await _@(@Model.LowerClassName)Rep.AsQueryable().Select<@(@Model.ClassName)Output>().ToListAsync();
|
||||
}
|
||||
|
||||
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.EffectType == "ForeignKey" && (@column.WhetherAddUpdate == "Y" || column.QueryWhether == "Y")){
|
||||
@:/// <summary>
|
||||
@ -229,13 +232,13 @@ if(@column.EffectType == "ForeignKey" && (@column.WhetherAddUpdate == "Y" || col
|
||||
@:[DisplayName("获取@(@column.ColumnComment)列表")]
|
||||
@:public async Task<List<LabelValueOutput>> @(@column.FkEntityName)@(@column.PropertyName)Dropdown()
|
||||
@:{
|
||||
@:return await _@(@Model.LowerClassName)Rep.Context.Queryable<@(@column.FkEntityName)>()
|
||||
@:return (await _@(@column.LowerFkEntityName)Rep.GetListAsync(t => t.Id > 0))
|
||||
@:.Select(u => new LabelValueOutput
|
||||
@:{
|
||||
@:Label = u.@(@column.FkColumnName),
|
||||
@:Value = u.@(@column.FkLinkColumnName).ToString()
|
||||
@:}
|
||||
@:).ToListAsync();
|
||||
@:).ToList();
|
||||
@:}
|
||||
}
|
||||
}
|
||||
|
||||
@ -17,6 +17,7 @@ enum Api {
|
||||
Delete@(@Model.ClassName) = '/api/@(@Model.LowerClassName)/delete',
|
||||
Update@(@Model.ClassName) = '/api/@(@Model.LowerClassName)/update',
|
||||
Page@(@Model.ClassName) = '/api/@(@Model.LowerClassName)/page',
|
||||
Tree@(@Model.ClassName) = '/api/@(@Model.LowerClassName)/GetTreeList',
|
||||
Detail@(@Model.ClassName) = '/api/@(@Model.LowerClassName)/detail',
|
||||
@if(Model.RemoteVerify){
|
||||
@:Exists@(RemoteField) = '/api/@(@Model.LowerClassName)/exists@(RemoteField)',
|
||||
@ -64,7 +65,13 @@ export const page@(@Model.ClassName) = (params?: any) =>
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
|
||||
// treelist@(@Model.BusName)
|
||||
export const treelist@(@Model.ClassName) = (params?: any) =>
|
||||
request({
|
||||
url: Api.Tree@(@Model.ClassName),
|
||||
method: 'post',
|
||||
data: params,
|
||||
});
|
||||
// 详情@(@Model.BusName)
|
||||
export const detail@(@Model.ClassName) = (id: any) =>
|
||||
request({
|
||||
|
||||
@ -0,0 +1,113 @@
|
||||
@{
|
||||
string LowerFirstLetter(string text)
|
||||
{
|
||||
return text.ToString()[..1].ToLower() + text[1..]; // 首字母小写
|
||||
}
|
||||
var pkField = Model.TableField.Where(c => c.ColumnKey == "True").FirstOrDefault();
|
||||
string pkFieldName = null;
|
||||
if(pkField != null && !string.IsNullOrEmpty(pkField.PropertyName))
|
||||
{
|
||||
pkFieldName = LowerFirstLetter(pkField.PropertyName);
|
||||
}
|
||||
Dictionary<string, int> definedObjects = new Dictionary<string, int>();
|
||||
bool haveLikeCdt = false;
|
||||
foreach (var column in Model.TableField){
|
||||
if (column.QueryWhether == "Y" && column.QueryType == "like"){
|
||||
haveLikeCdt = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<div class="@(@Model.LowerClassName)-container">
|
||||
|
||||
<splitpanes class="default-theme">
|
||||
<pane size="15" style="display: flex">
|
||||
<@(@Model.LeftTab)Tree ref="@(@Model.LowerLeftTab)TreeRef" @@node-click="handleNodeChange" />
|
||||
</pane>
|
||||
|
||||
<pane size="85" style="display: flex; flex-direction: column;">
|
||||
<splitpanes horizontal>
|
||||
<pane size="60" style="display: flex;flex-direction: column;">
|
||||
<IndexList ref="indexListRef" @@list-click="handleIndexChange" />
|
||||
</pane>
|
||||
<pane size="40" style="display: flex; flex-direction: column;">
|
||||
|
||||
<el-tabs v-model="activeName" type="border-card"
|
||||
style="height: 100%; padding: 0px; margin-bottom: 0px; position: relative">
|
||||
<el-tab-pane label="属性1" name="1" style="height: 100%; margin-bottom: 0px; position: relative">
|
||||
<@(@Model.BottomTab)Bottom ref="@(@Model.LowerBottomTab)BottomRef" @@list-click="handleBottomChange" />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="属性2" name="2" style="height: 100%; margin-bottom: 0px; position: relative">
|
||||
<div></div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</pane>
|
||||
</splitpanes>
|
||||
</pane>
|
||||
</splitpanes>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="@(@Model.LowerClassName)">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { ElMessageBox, ElMessage } from "element-plus";
|
||||
import { Splitpanes, Pane } from 'splitpanes';
|
||||
import 'splitpanes/dist/splitpanes.css';
|
||||
|
||||
import @(@Model.LeftTab)Tree from '/@@/views/@(@Model.PagePath)/@(@Model.LowerLeftTab)/component/@(@Model.LowerLeftTab)Tree.vue';
|
||||
import IndexList from '/@@/views/@(@Model.PagePath)/@(@Model.ClassName)/component/@(@Model.LowerClassName)List.vue';
|
||||
import @(@Model.BottomTab)Bottom from '/@@/views/@(@Model.PagePath)/@(@Model.LowerBottomTab)/component/@(@Model.LowerBottomTab)List.vue';
|
||||
const indexListRef = ref<InstanceType<typeof IndexList>>();
|
||||
const @(@Model.LowerBottomTab)BottomRef = ref<InstanceType<typeof @(@Model.BottomTab)Bottom>>();
|
||||
const activeName = ref('1');
|
||||
// 变量
|
||||
const state = reactive({
|
||||
queryParams: {
|
||||
searchKey: undefined,
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@:@(@column.LowerPropertyName): undefined,
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
// 页面初始化
|
||||
onMounted(() => {
|
||||
|
||||
});
|
||||
|
||||
|
||||
// 树组件点击
|
||||
const handleNodeChange = async (node: any) => {
|
||||
console.log('handleNodeChange--', JSON.stringify(node));
|
||||
state.queryParams={};//每次重置参数
|
||||
state.queryParams["@(@Model.LowerLeftPrimaryKey)"] = node.data.@(@Model.LowerLeftKey);//树主表关联字段=树关联字段
|
||||
console.log('handleNodeChange--', state.queryParams.@(@Model.LowerLeftPrimaryKey));
|
||||
await indexListRef.value?.listhandleQuery(state.queryParams);
|
||||
await @(@Model.LowerBottomTab)BottomRef.value?.listhandleQuery({@(@Model.LowerBottomKey):'0'});//重置下表一个不可能有的条件
|
||||
};
|
||||
// 主表List组件点击
|
||||
const handleIndexChange = async (row: any,column: any) => {
|
||||
console.log('handleIndexChange--', JSON.stringify(row));
|
||||
console.log('handleIndexChange--', JSON.stringify(column));
|
||||
state.queryParams.@(@Model.LowerBottomKey) = row.@(@Model.LowerBottomPrimaryKey);//下关联字段=下表主表关联字段
|
||||
console.log('handleIndexChange--', state.queryParams.@(@Model.LowerBottomKey));
|
||||
await @(@Model.LowerBottomTab)BottomRef.value?.listhandleQuery(state.queryParams);
|
||||
};
|
||||
const handleBottomChange = async (row: any) => {
|
||||
console.log('handleBottomChange--', JSON.stringify(row));
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-input),
|
||||
:deep(.el-select),
|
||||
:deep(.el-input-number) {
|
||||
width: 100%;
|
||||
}
|
||||
:deep(.el-slider .el-input-number){
|
||||
width: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,82 @@
|
||||
@{
|
||||
string LowerFirstLetter(string text)
|
||||
{
|
||||
return text.ToString()[..1].ToLower() + text[1..]; // 首字母小写
|
||||
}
|
||||
var pkField = Model.TableField.Where(c => c.ColumnKey == "True").FirstOrDefault();
|
||||
string pkFieldName = null;
|
||||
if(pkField != null && !string.IsNullOrEmpty(pkField.PropertyName))
|
||||
{
|
||||
pkFieldName = LowerFirstLetter(pkField.PropertyName);
|
||||
}
|
||||
Dictionary<string, int> definedObjects = new Dictionary<string, int>();
|
||||
bool haveLikeCdt = false;
|
||||
foreach (var column in Model.TableField){
|
||||
if (column.QueryWhether == "Y" && column.QueryType == "like"){
|
||||
haveLikeCdt = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<div class="@(@Model.LowerClassName)-container">
|
||||
<splitpanes class="default-theme">
|
||||
<pane size="15" style="display: flex">
|
||||
<@(@Model.LeftTab)Tree ref="@(@Model.LowerLeftTab)TreeRef" @@node-click="handleNodeChange" />
|
||||
</pane>
|
||||
<pane size="85" style="display: flex; flex-direction: column">
|
||||
<IndexList ref="indexListRef" @@list-click="handleIndexChange" />
|
||||
</pane>
|
||||
</splitpanes>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="@(@Model.LowerClassName)">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { ElMessageBox, ElMessage } from "element-plus";
|
||||
import { Splitpanes, Pane } from 'splitpanes';
|
||||
import 'splitpanes/dist/splitpanes.css';
|
||||
|
||||
import @(@Model.LeftTab)Tree from '/@@/views/@(@Model.PagePath)/@(@Model.LowerLeftTab)/component/@(@Model.LowerLeftTab)Tree.vue';
|
||||
import IndexList from '/@@/views/@(@Model.PagePath)/@(@Model.ClassName)/component/@(@Model.LowerClassName)List.vue';
|
||||
const indexListRef = ref<InstanceType<typeof IndexList>>();
|
||||
// 变量
|
||||
const state = reactive({
|
||||
queryParams: {
|
||||
searchKey: undefined,
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@:@(@column.LowerPropertyName): undefined,
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 页面初始化
|
||||
onMounted(() => {
|
||||
indexListRef.value?.listhandleQuery(state.queryParams);//列表控件初始化不请求数据，这里要请求一下
|
||||
});
|
||||
|
||||
// 树组件点击
|
||||
const handleNodeChange = async (node: any) => {
|
||||
console.log('handleNodeChange--', JSON.stringify(node));
|
||||
state.queryParams["@(@Model.LowerLeftPrimaryKey)"] = node.data.@(@Model.LowerLeftKey);//树主表关联字段=树关联字段
|
||||
console.log('handleNodeChange--', state.queryParams.@(@Model.LowerLeftPrimaryKey));
|
||||
await indexListRef.value?.listhandleQuery(state.queryParams);
|
||||
};
|
||||
// 主表List组件点击
|
||||
const handleIndexChange = async (row: any,column: any) => {
|
||||
console.log('handleIndexChange--', JSON.stringify(row));
|
||||
console.log('handleIndexChange--', JSON.stringify(column));
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-input),
|
||||
:deep(.el-select),
|
||||
:deep(.el-input-number) {
|
||||
width: 100%;
|
||||
}
|
||||
:deep(.el-slider .el-input-number){
|
||||
width: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,535 @@
|
||||
@{
|
||||
string LowerFirstLetter(string text)
|
||||
{
|
||||
return text.ToString()[..1].ToLower() + text[1..]; // 首字母小写
|
||||
}
|
||||
var pkField = Model.TableField.Where(c => c.ColumnKey == "True").FirstOrDefault();
|
||||
string pkFieldName = null;
|
||||
if(pkField != null && !string.IsNullOrEmpty(pkField.PropertyName))
|
||||
{
|
||||
pkFieldName = LowerFirstLetter(pkField.PropertyName);
|
||||
}
|
||||
Dictionary<string, int> definedObjects = new Dictionary<string, int>();
|
||||
bool haveLikeCdt = false;
|
||||
foreach (var column in Model.TableField){
|
||||
if (column.QueryWhether == "Y" && column.QueryType == "like"){
|
||||
haveLikeCdt = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<el-card shadow="hover" :body-style="{ padding: '20px 20px 16px 10px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
|
||||
<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%" @@submit.prevent="handleQuery" >
|
||||
<el-row :gutter="10">
|
||||
@if(Model.QueryWhetherList.Count > 0){
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5">
|
||||
<el-form-item label="关键字" prop="searchKey">
|
||||
<el-input v-model="state.queryParams.searchKey" placeholder="请输入模糊查询关键字" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
foreach (var column in Model.QueryWhetherList) {
|
||||
if(@column.EffectType == "Input" || @column.EffectType == "InputTextArea") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-input v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="@column.ColumnComment" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "InputNumber") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment">
|
||||
<el-input-number v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment">
|
||||
<el-select filterable="" v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)" clearable>
|
||||
<el-option v-for="(item,index) in @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList" :key="index" :value="item.value" :label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-select v-model="state.queryParams.@(@column.LowerPropertyName)" filterable placeholder="请选择@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" >
|
||||
<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="item.code" :label="`${item.name||''} [${item.code}] ${item.value}`" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-select v-model="state.queryParams.@(@column.LowerPropertyName)" filterable placeholder="请选择@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" >
|
||||
<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="item.value" :label="`${item.name} [${item.code}] ${item.value}`" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-cascader
|
||||
@:options="@LowerFirstLetter(@column.FkEntityName)TreeData"
|
||||
@:props="{ checkStrictly: true, emitPath: false, value: '@LowerFirstLetter(@column.ValueColumn)', label: '@LowerFirstLetter(@column.DisplayColumn)' }"
|
||||
placeholder="请选择@(column.ColumnComment)"
|
||||
clearable=""
|
||||
class="w100"
|
||||
v-model="state.queryParams.@(@column.LowerPropertyName)"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span>{{ data.@LowerFirstLetter(@column.DisplayColumn) }}</span>
|
||||
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
|
||||
</template>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "DatePicker") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
@if(@column.QueryType == "~"){
|
||||
@:<el-date-picker type="daterange" v-model="state.queryParams.@(@column.LowerPropertyName)Range" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" />
|
||||
} else {
|
||||
@:<el-date-picker placeholder="请选择@(@column.ColumnComment)" value-format="YYYY/MM/DD" v-model="state.queryParams.@(@column.LowerPropertyName)" />
|
||||
}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
}
|
||||
}
|
||||
}
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<el-divider style="height: calc(100% - 5px); margin: 0 10px" direction="vertical" />
|
||||
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-button-group>
|
||||
<el-button type="primary" icon="ele-Search" @@click="handleQuery(true)" v-auth="'@(@Model.LowerClassName)/page'" :loading="options.loading"> 查询 </el-button>
|
||||
<el-button icon="ele-Refresh" @@click="resetQuery" :loading="options.loading"> 重置 </el-button>
|
||||
<el-button icon="ele-ZoomIn" @@click="changeAdvanceQueryUI" v-if="!state.showAdvanceQueryUI" style="margin-left: 5px"> 高级查询 </el-button>
|
||||
<el-button icon="ele-ZoomOut" @@click="changeAdvanceQueryUI" v-if="state.showAdvanceQueryUI" style="margin-left: 5px"> 隐藏 </el-button>
|
||||
</el-button-group>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card class="full-table" shadow="hover" style="margin-top: 5px">
|
||||
<vxe-grid ref="xGrid" class="xGrid-style" v-bind="options" v-on="gridEvents">
|
||||
<template #toolbar_buttons>
|
||||
<el-button type="primary" icon="ele-Plus" @@click="handleAdd" v-auth="'@(@Model.LowerClassName)/add'"> 新增 </el-button>
|
||||
</template>
|
||||
<template #toolbar_tools> </template>
|
||||
<template #empty>
|
||||
<el-empty :image-size="200" />
|
||||
</template>
|
||||
@foreach (var column in Model.TableField) {
|
||||
if(@column.WhetherTable == "Y") {
|
||||
if(@column.EffectType == "Upload") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-popover
|
||||
@:v-if="row.@column.LowerPropertyName"
|
||||
@:placement="bottom"
|
||||
@::width="60"
|
||||
@::height="60"
|
||||
@:trigger="hover">
|
||||
@:<template #reference>
|
||||
@:<el-tag>查看文件</el-tag>
|
||||
@:</template>
|
||||
@:<template #default>
|
||||
@:<el-image
|
||||
@::src="row.@column.LowerPropertyName"
|
||||
@::hide-on-click-modal="true"
|
||||
@::preview-src-list="[row.@column.LowerPropertyName]"
|
||||
@::initial-index="0"
|
||||
@:fit="scale-down"
|
||||
@:preview-teleported=""/>
|
||||
@:</template>
|
||||
@:</el-popover>
|
||||
@:<el-tag v-else type="info">暂无文件</el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{ row.@LowerFirstLetter(@column.PropertyName)@(@column.FkColumnName) }}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{ row.@LowerFirstLetter(@column.PropertyName)@(column.DisplayColumn) }}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "Switch") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag v-if="row.@(@column.LowerPropertyName)"> 是 </el-tag>
|
||||
@:<el-tag type="danger" v-else> 否 </el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ConstSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{codeToName(row.@(@column.LowerPropertyName), '@(@column.DictTypeCode)')}}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag v-if="row.@(@column.LowerPropertyName)" :type="dc('@(@column.DictTypeCode)', row.@(@column.LowerPropertyName))?.tagType"> {{dc('@(@column.DictTypeCode)', row.@column.LowerPropertyName)?.value}}</el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag :type="dv('@(@column.DictTypeCode)', row.@(@column.LowerPropertyName))?.tagType"> {{dv('@(@column.DictTypeCode)', row.@column.LowerPropertyName)?.name}}</el-tag>
|
||||
@:</template>
|
||||
}
|
||||
}
|
||||
}
|
||||
<template #row_record="{ row }">
|
||||
<ModifyRecord :data="row" />
|
||||
</template>
|
||||
<template #row_buttons="{ row }">
|
||||
@if(@Model.PrintType != "off") {
|
||||
<el-tooltip content="打印" placement="top">
|
||||
<el-button icon="ele-Printer" size="small" text type="primary" @@click="handlePrint(row)" v-auth="'@(@Model.LowerClassName)/print'" />
|
||||
</el-tooltip>
|
||||
}
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button icon="ele-Edit" size="small" text type="primary" @@click="handleEdit(row)" v-auth="'@(@Model.LowerClassName)/update'" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button icon="ele-Delete" size="small" text type="danger" @@click="handleDelete(row)" v-auth="'@(@Model.LowerClassName)/delete'" />
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</vxe-grid>
|
||||
</el-card>
|
||||
@if(@Model.PrintType != "off"){
|
||||
@:<PrintDialog ref="printDialogRef" :title="state.title" @@reloadTable="handleQuery" />
|
||||
}
|
||||
<EditDialog ref="editDialogRef" :title="state.title" @@reloadTable="handleQuery" />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="@(@Model.LowerClassName)">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { ElMessageBox, ElMessage } from "element-plus";
|
||||
import { useUserInfo } from '/@@/stores/userInfo';
|
||||
|
||||
import { VxeGridInstance, VxeGridListeners, VxeGridPropTypes } from 'vxe-table';
|
||||
import { useVxeTable } from '/@@/hooks/useVxeTableOptionsHook';
|
||||
import { Local } from '/@@/utils/storage';
|
||||
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "DatePicker")){
|
||||
@:import { formatDate } from '/@@/utils/formatTime';
|
||||
}
|
||||
|
||||
@if(@Model.PrintType != "off"){
|
||||
@:// 推荐设置操作 width 为 200
|
||||
@:import { hiprint } from 'vue-plugin-hiprint';
|
||||
@:import { SysPrintApi } from '/@@/api-services/api';
|
||||
@:import { SysPrint } from '/@@/api-services/models';
|
||||
}
|
||||
// 子窗口
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:import PrintDialog from '/@@/views/system/print/component/hiprint/preview.vue';
|
||||
}
|
||||
import EditDialog from '/@@/views/@(@Model.PagePath)/@(@Model.LowerClassName)/component/editDialog.vue';
|
||||
import ModifyRecord from '/@@/components/table/modifyRecord.vue';
|
||||
|
||||
@if (@Model.IsApiService) {
|
||||
// 接口函数
|
||||
@:import { getAPI } from '/@@/utils/axios-utils';
|
||||
|
||||
// 接口
|
||||
@:import { @(@Model.ClassName)Api } from '/@@/api-services/api';
|
||||
|
||||
// 模型
|
||||
@:import { @(@Model.ClassName), @(@Model.ClassName)Input, @(@Model.ClassName)Output } from '/@@/api-services/models';
|
||||
|
||||
} else {
|
||||
@:import { page@(@Model.ClassName), delete@(@Model.ClassName) } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
foreach (var column in Model.QueryWhetherList){
|
||||
if(@column.EffectType == "ForeignKey"){
|
||||
@:import { get@(@column.FkEntityName)@(@column.PropertyName)Dropdown } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
}
|
||||
if(@column.EffectType == "ApiTreeSelector"){
|
||||
@:import { get@(@column.FkEntityName)Tree } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 子窗口对象
|
||||
const xGrid = ref<VxeGridInstance>();
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:const printDialogRef = ref<InstanceType<typeof PrintDialog>>();
|
||||
}
|
||||
const editDialogRef = ref<InstanceType<typeof EditDialog>>();
|
||||
const userStore = useUserInfo();
|
||||
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "ConstSelector")){
|
||||
@:const codeToName = userStore.codeToName;
|
||||
}
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "DictSelector") || @Model.TableField.Any(x=>x.EffectType == "EnumSelector")){
|
||||
@:const dc = userStore.getDictItemByCode;
|
||||
@:const dv = userStore.getDictLabelByVal;
|
||||
@:const dl = userStore.getDictDataByCode;
|
||||
}
|
||||
|
||||
// 变量
|
||||
const state = reactive({
|
||||
showAdvanceQueryUI: false,
|
||||
queryParams: {
|
||||
searchKey: undefined,
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@:@(@column.LowerPropertyName): undefined,
|
||||
}
|
||||
}
|
||||
},
|
||||
localPageParam: {
|
||||
pageSize: 50 as number,
|
||||
defaultSort: { field: 'Id', order: 'asc', descStr: 'desc' },
|
||||
},
|
||||
visible: false,
|
||||
title: '',
|
||||
});
|
||||
|
||||
// 本地存储参数
|
||||
const localPageParamKey = 'localPageParam:@(@Model.LowerClassName)';
|
||||
|
||||
// 改变高级查询的控件显示状态
|
||||
const changeAdvanceQueryUI = () => {
|
||||
state.showAdvanceQueryUI = !state.showAdvanceQueryUI;
|
||||
};
|
||||
|
||||
// 校验表格字段权限
|
||||
const checkTableColumnVisible = (tableColumnName: any) => {
|
||||
return !userStore.userTableList.includes(tableColumnName);
|
||||
};
|
||||
|
||||
// 表格参数配置
|
||||
@if (@Model.IsApiService) {
|
||||
@:const options = useVxeTable<@(@Model.ClassName)>(
|
||||
} else {
|
||||
@:const options = useVxeTable(
|
||||
}
|
||||
{
|
||||
id: '@(@Model.ClassName)',
|
||||
name: '@(@Model.BusName)',
|
||||
columns: [
|
||||
{ type: 'seq', title: '序号', width: 60, fixed: 'left' },
|
||||
@foreach (var column in Model.TableField) {
|
||||
var whethersortable =column.WhetherSortable == "Y" ? "sortable: true" : "sortable: false";
|
||||
if(@column.WhetherTable == "Y") {
|
||||
if(@column.EffectType == "Upload" || @column.EffectType == "ForeignKey" || @column.EffectType == "ApiTreeSelector" || @column.EffectType == "Switch" || @column.EffectType == "ConstSelector") {
|
||||
if(@column.EffectType == "Upload") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "Switch") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ConstSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
}
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "DatePicker") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', formatter: ({ cellValue }) => formatDate(new Date(cellValue), 'YYYY-mm-dd HH:MM:SS'), @whethersortable },
|
||||
} else {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', @whethersortable},
|
||||
}
|
||||
}
|
||||
}
|
||||
@if(@Model.TableField.Any(t => t.ColumnName == "CreateTime" && t.ColumnName == "UpdateTime" && t.ColumnName == "CreateUserId")){
|
||||
@:{ title: '修改记录', width: 100, showOverflow: 'tooltip', slots: { default: 'row_record' } },
|
||||
}
|
||||
{ title: '操作', fixed: 'right', width: 180, showOverflow: true, slots: { default: 'row_buttons' } },
|
||||
],
|
||||
},
|
||||
// vxeGrid配置参数(此处可覆写任何参数)，参考vxe-table官方文档
|
||||
{
|
||||
// 代理配置//加载时不立刻获取
|
||||
proxyConfig: { autoLoad: false, ajax: { query: ({ page, sort }) => handleQueryApi(page, sort) } },
|
||||
// 排序配置
|
||||
sortConfig: { defaultSort: Local.get(localPageParamKey)?.defaultSort || state.localPageParam.defaultSort },
|
||||
// 分页配置
|
||||
pagerConfig: { pageSize: Local.get(localPageParamKey)?.pageSize || state.localPageParam.pageSize },
|
||||
// 工具栏配置
|
||||
toolbarConfig: { export: false },
|
||||
// 行设置
|
||||
// rowConfig: { height: 80 },
|
||||
// 设置列显隐
|
||||
customConfig: {
|
||||
visibleMethod({ column }) {
|
||||
return checkTableColumnVisible(`@Model.LowerClassName:${column.field}`);
|
||||
},
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
// 页面初始化
|
||||
onMounted(() => {
|
||||
|
||||
});
|
||||
|
||||
// 查询api
|
||||
const handleQueryApi = async (page: VxeGridPropTypes.ProxyAjaxQueryPageParams, sort: VxeGridPropTypes.ProxyAjaxQuerySortCheckedParams) => {
|
||||
const params = Object.assign(state.queryParams, { page: page.currentPage, pageSize: page.pageSize, field: sort.field, order: sort.order, descStr: 'desc' }) as @(@Model.ClassName)Input;
|
||||
@if (@Model.IsApiService) {
|
||||
@:return getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)PagePost(params);
|
||||
} else {
|
||||
@:return page@(@Model.ClassName)(params);
|
||||
}
|
||||
};
|
||||
|
||||
// 查询操作
|
||||
const handleQuery = async (reset = false) => {
|
||||
options.loading = true;
|
||||
reset ? await xGrid.value?.commitProxy('reload') : await xGrid.value?.commitProxy('query');
|
||||
options.loading = false;
|
||||
};
|
||||
const listhandleQuery= async (qparams: any) => {
|
||||
console.log('listhandleQuery--', JSON.stringify(qparams));
|
||||
if(qparams) state.queryParams=qparams;
|
||||
await handleQuery(true);
|
||||
};
|
||||
// 重置操作
|
||||
const resetQuery = async () => {
|
||||
state.queryParams.searchKey = undefined;
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@:state.queryParams.@(@column.LowerPropertyName) = undefined;
|
||||
}
|
||||
}
|
||||
await xGrid.value?.commitProxy('reload');
|
||||
};
|
||||
|
||||
// 打开新增页面
|
||||
const handleAdd = () => {
|
||||
state.title = '添加@(@Model.BusName)';
|
||||
let data = {
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.WhetherAddUpdate == "Y"&&@column.DefaultValue!=null){
|
||||
if(@column.NetType.StartsWith("int")||@column.NetType.StartsWith("decimal")){
|
||||
@:@column.LowerPropertyName:@(string.IsNullOrEmpty(@column.DefaultValue)?0:@column.DefaultValue),
|
||||
}
|
||||
if(@column.NetType.StartsWith("string")){
|
||||
@:@column.LowerPropertyName:'@(@column.DefaultValue)',
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
editDialogRef.value?.openDialog(data);
|
||||
};
|
||||
|
||||
// 打开编辑页面
|
||||
const handleEdit = (row: any) => {
|
||||
state.title = '编辑@(@Model.BusName)';
|
||||
editDialogRef.value?.openDialog(row);
|
||||
};
|
||||
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:// 打开打印页面
|
||||
@:const handlePrint = async (row: any) => {
|
||||
@:state.title = '打印@(@Model.BusName)';
|
||||
@if(@Model.PrintType != "off"){
|
||||
if (@Model.IsApiService) {
|
||||
@:var res = await getAPI(SysPrintApi).apiSysPrintPrintNameGet('@Model.PrintName');
|
||||
} else {
|
||||
@:var res = await getPrint@(@Model.ClassName)(row);
|
||||
}
|
||||
@:var printTemplate = res.data.result as SysPrint;
|
||||
@:var template = JSON.parse(printTemplate.template);
|
||||
@:var width = template.panels[0].width;
|
||||
@:row['barCode'] = row.code;
|
||||
@:row['qrCode'] = row.code;
|
||||
@:row["printDate"] = formatDate(new Date(), 'YYYY-mm-dd HH:MM');
|
||||
@:printDialogRef.value.showDialog(new hiprint.PrintTemplate({template: template}), row, width);
|
||||
}
|
||||
@if(@Model.PrintType == "auto"){
|
||||
@:printDialogRef.value.showDialog(row);
|
||||
}
|
||||
@:};
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = (row: any) => {
|
||||
ElMessageBox.confirm(`确定删除@(@Model.BusName)：【${row.id}】?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
}).then(async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)DeletePost({ id: row.id });
|
||||
} else {
|
||||
@:await delete@(@Model.ClassName)(row);
|
||||
}
|
||||
await handleQuery();
|
||||
ElMessage.success('删除成功');
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
|
||||
// 表格事件
|
||||
@if (@Model.IsApiService) {
|
||||
@:const gridEvents: VxeGridListeners<@(@Model.ClassName)> = {
|
||||
} else {
|
||||
@:const gridEvents: VxeGridListeners = {
|
||||
}
|
||||
//行单击事件
|
||||
async cellClick({ row, column }) {
|
||||
listClick(row,column);
|
||||
},
|
||||
// 只对 pager-config 配置时有效，分页发生改变时会触发该事件
|
||||
async pageChange({ pageSize }) {
|
||||
state.localPageParam.pageSize = pageSize;
|
||||
Local.set(localPageParamKey, state.localPageParam);
|
||||
},
|
||||
// 当排序条件发生变化时会触发该事件
|
||||
async sortChange({ field, order }) {
|
||||
state.localPageParam.defaultSort = { field: field, order: order!, descStr: 'desc' };
|
||||
Local.set(localPageParamKey, state.localPageParam);
|
||||
},
|
||||
};
|
||||
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@if(@column.EffectType == "ForeignKey") {
|
||||
@:const @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList = ref<any>([]);
|
||||
@:const get@(@column.FkEntityName)@(@column.PropertyName)DropdownList = async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)@(@column.PropertyName)DropdownGet();
|
||||
} else {
|
||||
@:let list = await get@(@column.FkEntityName)@(@column.PropertyName)Dropdown();
|
||||
}
|
||||
@:@LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList.value = list.data.result ?? [];
|
||||
@:};
|
||||
@:get@(@column.FkEntityName)@(@column.PropertyName)DropdownList();
|
||||
}
|
||||
}
|
||||
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:const @LowerFirstLetter(@column.FkEntityName)TreeData = ref<any>([]);
|
||||
@:const get@(@column.FkEntityName)TreeData = async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)Tree();
|
||||
} else {
|
||||
@:let list = await get@(@column.FkEntityName)Tree();
|
||||
}
|
||||
@:@LowerFirstLetter(@column.FkEntityName)TreeData.value = list.data.result ?? [];
|
||||
@:};
|
||||
@:get@(@column.FkEntityName)TreeData();
|
||||
}
|
||||
}
|
||||
|
||||
// 与父组件的交互逻辑
|
||||
const emits = defineEmits(['list-click']);
|
||||
const listClick = (row: any,column:any) => {
|
||||
emits('list-click', row,column);
|
||||
};
|
||||
// 将属性或者函数暴露给父组件
|
||||
defineExpose({ listhandleQuery });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-input),
|
||||
:deep(.el-select),
|
||||
:deep(.el-input-number) {
|
||||
width: 100%;
|
||||
}
|
||||
:deep(.el-slider .el-input-number){
|
||||
width: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,189 @@
|
||||
@{
|
||||
string LowerFirstLetter(string text)
|
||||
{
|
||||
return text.ToString()[..1].ToLower() + text[1..]; // 首字母小写
|
||||
}
|
||||
var pkField = Model.TableField.Where(c => c.ColumnKey == "True").FirstOrDefault();
|
||||
string pkFieldName = null;
|
||||
if(pkField != null && !string.IsNullOrEmpty(pkField.PropertyName))
|
||||
{
|
||||
pkFieldName = LowerFirstLetter(pkField.PropertyName);
|
||||
}
|
||||
Dictionary<string, int> definedObjects = new Dictionary<string, int>();
|
||||
bool haveLikeCdt = false;
|
||||
foreach (var column in Model.TableField){
|
||||
if (column.QueryWhether == "Y" && column.QueryType == "like"){
|
||||
haveLikeCdt = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<el-card class="box-card" shadow="hover" body-style="height:100%;overflow:auto;padding:5px;width:100%;">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<div class="tree-h-flex">
|
||||
<div class="tree-h-left">
|
||||
<el-input :prefix-icon="Search" v-model.lazy="filterText" clearable placeholder="@(@Model.BusName)" />
|
||||
</div>
|
||||
<div class="tree-h-right">
|
||||
<el-dropdown @@command="handleCommand">
|
||||
<el-button style="margin-left: 8px; width: 34px">
|
||||
<el-icon class="el-icon--center">
|
||||
<more-filled />
|
||||
</el-icon>
|
||||
</el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item command="expandAll">全部展开</el-dropdown-item>
|
||||
<el-dropdown-item command="collapseAll">全部折叠</el-dropdown-item>
|
||||
<el-dropdown-item command="rootNode">根节点</el-dropdown-item>
|
||||
<el-dropdown-item command="refresh">刷新</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
<el-checkbox v-if="!props.checkStrictly && state.isShowCheckbox" v-model="state.strictly" label="联动" style="margin-left: 8px" border />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div style="margin-bottom: 45px" v-loading="state.loading">
|
||||
<el-scrollbar>
|
||||
<el-tree
|
||||
ref="treeRef"
|
||||
class="filter-tree"
|
||||
:data="state.@(@Model.LowerClassName)Data"
|
||||
node-key="id"
|
||||
:props="{ children: 'children', label: 'name' }"
|
||||
:filter-node-method="filterNode"
|
||||
@@node-click="nodeClick"
|
||||
:show-checkbox="state.isShowCheckbox"
|
||||
:default-expanded-keys="state.@(@Model.LowerClassName)Data[0] && [state.@(@Model.LowerClassName)Data[0].id]"
|
||||
:default-checked-keys="state.own@(@Model.ClassName)Data"
|
||||
highlight-current
|
||||
:check-strictly="!state.strictly"
|
||||
>
|
||||
<template #default="{ node }">
|
||||
<el-icon v-if="node.level == 1" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-School /></el-icon>
|
||||
<el-icon v-else-if="node.level == 2" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-Refrigerator /></el-icon>
|
||||
<el-icon v-else size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-CollectionTag /></el-icon>
|
||||
{{ node.label }}
|
||||
</template>
|
||||
</el-tree>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { onMounted, reactive, ref, watch } from 'vue';
|
||||
import type { ElTree } from 'element-plus';
|
||||
import { Search, MoreFilled } from '@@element-plus/icons-vue';
|
||||
|
||||
import { treelist@(@Model.ClassName)} from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
import { TreeKey } from 'element-plus/es/components/tree/src/tree.type';
|
||||
|
||||
const props = defineProps({
|
||||
checkStrictly: { type: Boolean, defaul: true },
|
||||
});
|
||||
|
||||
const filterText = ref('');
|
||||
const treeRef = ref<InstanceType<typeof ElTree>>();
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
@(@Model.LowerClassName)Data: [] as any,
|
||||
isShowCheckbox: false,
|
||||
own@(@Model.ClassName)Data: [],
|
||||
strictly: false,
|
||||
});
|
||||
|
||||
// 页面初始化
|
||||
onMounted(async () => {
|
||||
await fetchTreeData();
|
||||
});
|
||||
|
||||
// 查询监听
|
||||
watch(filterText, (val) => {
|
||||
treeRef.value!.filter(val);
|
||||
});
|
||||
|
||||
// 获取树数据
|
||||
const fetchTreeData = async (showLoading: boolean = true) => {
|
||||
if (showLoading) state.loading = true;
|
||||
var res = await treelist@(@Model.ClassName)({Id:0});
|
||||
state.@(@Model.LowerClassName)Data = res.data.result ?? [];
|
||||
if (showLoading) state.loading = false;
|
||||
return res.data.result ?? [];
|
||||
};
|
||||
|
||||
// 设置默认选择
|
||||
const setCheckedKeys = (@(@Model.LowerClassName)Data: any) => {
|
||||
state.isShowCheckbox = true;
|
||||
treeRef.value!.setCheckedKeys([]);
|
||||
state.own@(@Model.ClassName)Data = @(@Model.LowerClassName)Data;
|
||||
};
|
||||
|
||||
// 获取已经选择
|
||||
const getCheckedKeys = () => {
|
||||
return treeRef.value!.getCheckedKeys();
|
||||
};
|
||||
|
||||
// 节点过滤
|
||||
const filterNode = (value: string, data: any) => {
|
||||
if (!value) return true;
|
||||
return data.name.includes(value);
|
||||
};
|
||||
|
||||
// 节点操作
|
||||
const handleCommand = async (command: string | number | object) => {
|
||||
if ('expandAll' == command) {
|
||||
for (let i = 0; i < treeRef.value!.store._getAllNodes().length; i++) {
|
||||
treeRef.value!.store._getAllNodes()[i].expanded = true;
|
||||
}
|
||||
} else if ('collapseAll' == command) {
|
||||
for (let i = 0; i < treeRef.value!.store._getAllNodes().length; i++) {
|
||||
treeRef.value!.store._getAllNodes()[i].expanded = false;
|
||||
}
|
||||
} else if ('refresh' == command) {
|
||||
fetchTreeData();
|
||||
} else if ('rootNode' == command) {
|
||||
treeRef.value?.setCurrentKey();
|
||||
emits('node-click', { id: 0, name: '' });
|
||||
}
|
||||
};
|
||||
|
||||
// 与父组件的交互逻辑
|
||||
const emits = defineEmits(['node-click']);
|
||||
const nodeClick = (node: any) => {
|
||||
emits('node-click', { id: node.id, name: node.name, data: node });
|
||||
};
|
||||
|
||||
//设置当前选中节点
|
||||
const setCurrentKey = (key?: TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => {
|
||||
treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
|
||||
};
|
||||
|
||||
// 导出对象
|
||||
defineExpose({ fetchTreeData, setCheckedKeys, getCheckedKeys, setCurrentKey });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.box-card {
|
||||
flex: 1;
|
||||
> :deep(.el-card__header) {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
.tree-h-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tree-h-left {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tree-h-right {
|
||||
width: 42px;
|
||||
min-width: 42px;
|
||||
}
|
||||
</style>
|
||||
@ -19,256 +19,17 @@
|
||||
}
|
||||
<template>
|
||||
<div class="@(@Model.LowerClassName)-container">
|
||||
<el-card shadow="hover" :body-style="{ padding: '20px 20px 16px 10px', display: 'flex', width: '100%', height: '100%', alignItems: 'start' }">
|
||||
<el-form :model="state.queryParams" ref="queryForm" :show-message="false" :inlineMessage="true" label-width="auto" style="flex: 1 1 0%" @@submit.prevent="handleQuery" >
|
||||
<el-row :gutter="10">
|
||||
@if(Model.QueryWhetherList.Count > 0){
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5">
|
||||
<el-form-item label="关键字" prop="searchKey">
|
||||
<el-input v-model="state.queryParams.searchKey" placeholder="请输入模糊查询关键字" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
foreach (var column in Model.QueryWhetherList) {
|
||||
if(@column.EffectType == "Input" || @column.EffectType == "InputTextArea") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-input v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="@column.ColumnComment" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "InputNumber") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment">
|
||||
<el-input-number v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="请输入@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment">
|
||||
<el-select filterable="" v-model="state.queryParams.@(@column.LowerPropertyName)" placeholder="请选择@(@column.ColumnComment)" clearable>
|
||||
<el-option v-for="(item,index) in @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList" :key="index" :value="item.value" :label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-select v-model="state.queryParams.@(@column.LowerPropertyName)" filterable placeholder="请选择@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" >
|
||||
<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="item.code" :label="`${item.name||''} [${item.code}] ${item.value}`" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-select v-model="state.queryParams.@(@column.LowerPropertyName)" filterable placeholder="请选择@(@column.ColumnComment)" clearable @@keyup.enter.native="handleQuery(true)" >
|
||||
<el-option v-for="(item,index) in dl('@(@column.DictTypeCode)')" :key="index" :value="item.value" :label="`${item.name} [${item.code}] ${item.value}`" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
<el-cascader
|
||||
@:options="@LowerFirstLetter(@column.FkEntityName)TreeData"
|
||||
@:props="{ checkStrictly: true, emitPath: false, value: '@LowerFirstLetter(@column.ValueColumn)', label: '@LowerFirstLetter(@column.DisplayColumn)' }"
|
||||
placeholder="请选择@(column.ColumnComment)"
|
||||
clearable=""
|
||||
class="w100"
|
||||
v-model="state.queryParams.@(@column.LowerPropertyName)"
|
||||
>
|
||||
<template #default="{ node, data }">
|
||||
<span>{{ data.@LowerFirstLetter(@column.DisplayColumn) }}</span>
|
||||
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
|
||||
</template>
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
} else if(@column.EffectType == "DatePicker") {
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb5" v-if="state.showAdvanceQueryUI">
|
||||
<el-form-item label="@column.ColumnComment" prop="@(@column.LowerPropertyName)">
|
||||
@if(@column.QueryType == "~"){
|
||||
@:<el-date-picker type="daterange" v-model="state.queryParams.@(@column.LowerPropertyName)Range" value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" />
|
||||
} else {
|
||||
@:<el-date-picker placeholder="请选择@(@column.ColumnComment)" value-format="YYYY/MM/DD" v-model="state.queryParams.@(@column.LowerPropertyName)" />
|
||||
}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
}
|
||||
}
|
||||
}
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<el-divider style="height: calc(100% - 5px); margin: 0 10px" direction="vertical" />
|
||||
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-button-group>
|
||||
<el-button type="primary" icon="ele-Search" @@click="handleQuery(true)" v-auth="'@(@Model.LowerClassName)/page'" :loading="options.loading"> 查询 </el-button>
|
||||
<el-button icon="ele-Refresh" @@click="resetQuery" :loading="options.loading"> 重置 </el-button>
|
||||
<el-button icon="ele-ZoomIn" @@click="changeAdvanceQueryUI" v-if="!state.showAdvanceQueryUI" style="margin-left: 5px"> 高级查询 </el-button>
|
||||
<el-button icon="ele-ZoomOut" @@click="changeAdvanceQueryUI" v-if="state.showAdvanceQueryUI" style="margin-left: 5px"> 隐藏 </el-button>
|
||||
</el-button-group>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card class="full-table" shadow="hover" style="margin-top: 5px">
|
||||
<vxe-grid ref="xGrid" class="xGrid-style" v-bind="options" v-on="gridEvents">
|
||||
<template #toolbar_buttons>
|
||||
<el-button type="primary" icon="ele-Plus" @@click="handleAdd" v-auth="'@(@Model.LowerClassName)/add'"> 新增 </el-button>
|
||||
</template>
|
||||
<template #toolbar_tools> </template>
|
||||
<template #empty>
|
||||
<el-empty :image-size="200" />
|
||||
</template>
|
||||
@foreach (var column in Model.TableField) {
|
||||
if(@column.WhetherTable == "Y") {
|
||||
if(@column.EffectType == "Upload") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-popover
|
||||
@:v-if="row.@column.LowerPropertyName"
|
||||
@:placement="bottom"
|
||||
@::width="60"
|
||||
@::height="60"
|
||||
@:trigger="hover">
|
||||
@:<template #reference>
|
||||
@:<el-tag>查看文件</el-tag>
|
||||
@:</template>
|
||||
@:<template #default>
|
||||
@:<el-image
|
||||
@::src="row.@column.LowerPropertyName"
|
||||
@::hide-on-click-modal="true"
|
||||
@::preview-src-list="[row.@column.LowerPropertyName]"
|
||||
@::initial-index="0"
|
||||
@:fit="scale-down"
|
||||
@:preview-teleported=""/>
|
||||
@:</template>
|
||||
@:</el-popover>
|
||||
@:<el-tag v-else type="info">暂无文件</el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{ row.@LowerFirstLetter(@column.PropertyName)@(@column.FkColumnName) }}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{ row.@LowerFirstLetter(@column.PropertyName)@(column.DisplayColumn) }}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "Switch") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag v-if="row.@(@column.LowerPropertyName)"> 是 </el-tag>
|
||||
@:<el-tag type="danger" v-else> 否 </el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "ConstSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<span>{{codeToName(row.@(@column.LowerPropertyName), '@(@column.DictTypeCode)')}}</span>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag v-if="row.@(@column.LowerPropertyName)" :type="dc('@(@column.DictTypeCode)', row.@(@column.LowerPropertyName))?.tagType"> {{dc('@(@column.DictTypeCode)', row.@column.LowerPropertyName)?.value}}</el-tag>
|
||||
@:</template>
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
@:<template #row_@(@column.LowerPropertyName)="{ row }">
|
||||
@:<el-tag :type="dv('@(@column.DictTypeCode)', row.@(@column.LowerPropertyName))?.tagType"> {{dv('@(@column.DictTypeCode)', row.@column.LowerPropertyName)?.name}}</el-tag>
|
||||
@:</template>
|
||||
}
|
||||
}
|
||||
}
|
||||
<template #row_record="{ row }">
|
||||
<ModifyRecord :data="row" />
|
||||
</template>
|
||||
<template #row_buttons="{ row }">
|
||||
@if(@Model.PrintType != "off") {
|
||||
<el-tooltip content="打印" placement="top">
|
||||
<el-button icon="ele-Printer" size="small" text type="primary" @@click="handlePrint(row)" v-auth="'@(@Model.LowerClassName)/print'" />
|
||||
</el-tooltip>
|
||||
}
|
||||
<el-tooltip content="编辑" placement="top">
|
||||
<el-button icon="ele-Edit" size="small" text type="primary" @@click="handleEdit(row)" v-auth="'@(@Model.LowerClassName)/update'" />
|
||||
</el-tooltip>
|
||||
<el-tooltip content="删除" placement="top">
|
||||
<el-button icon="ele-Delete" size="small" text type="danger" @@click="handleDelete(row)" v-auth="'@(@Model.LowerClassName)/delete'" />
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</vxe-grid>
|
||||
</el-card>
|
||||
@if(@Model.PrintType != "off"){
|
||||
@:<PrintDialog ref="printDialogRef" :title="state.title" @@reloadTable="handleQuery" />
|
||||
}
|
||||
<EditDialog ref="editDialogRef" :title="state.title" @@reloadTable="handleQuery" />
|
||||
<IndexList ref="indexListRef" @@list-click="handleIndexChange" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="@(@Model.LowerClassName)">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import { ElMessageBox, ElMessage } from "element-plus";
|
||||
import { auth } from '/@@/utils/authFunction';
|
||||
import { useUserInfo } from '/@@/stores/userInfo';
|
||||
|
||||
import { VxeGridInstance, VxeGridListeners, VxeGridPropTypes } from 'vxe-table';
|
||||
import { useVxeTable } from '/@@/hooks/useVxeTableOptionsHook';
|
||||
import { Local } from '/@@/utils/storage';
|
||||
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "DatePicker")){
|
||||
@:import { formatDate } from '/@@/utils/formatTime';
|
||||
}
|
||||
|
||||
@if(@Model.PrintType != "off"){
|
||||
@:// 推荐设置操作 width 为 200
|
||||
@:import { hiprint } from 'vue-plugin-hiprint';
|
||||
@:import { SysPrintApi } from '/@@/api-services/api';
|
||||
@:import { SysPrint } from '/@@/api-services/models';
|
||||
}
|
||||
// 子窗口
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:import PrintDialog from '/@@/views/system/print/component/hiprint/preview.vue';
|
||||
}
|
||||
import EditDialog from '/@@/views/@(@Model.PagePath)/@(@Model.LowerClassName)/component/editDialog.vue';
|
||||
import ModifyRecord from '/@@/components/table/modifyRecord.vue';
|
||||
|
||||
@if (@Model.IsApiService) {
|
||||
// 接口函数
|
||||
@:import { getAPI } from '/@@/utils/axios-utils';
|
||||
|
||||
// 接口
|
||||
@:import { @(@Model.ClassName)Api } from '/@@/api-services/api';
|
||||
|
||||
// 模型
|
||||
@:import { @(@Model.ClassName), @(@Model.ClassName)Input, @(@Model.ClassName)Output } from '/@@/api-services/models';
|
||||
|
||||
} else {
|
||||
@:import { page@(@Model.ClassName), delete@(@Model.ClassName) } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
foreach (var column in Model.QueryWhetherList){
|
||||
if(@column.EffectType == "ForeignKey"){
|
||||
@:import { get@(@column.FkEntityName)@(@column.PropertyName)Dropdown } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
}
|
||||
if(@column.EffectType == "ApiTreeSelector"){
|
||||
@:import { get@(@column.FkEntityName)Tree } from '/@@/api/@(@Model.PagePath)/@(@Model.LowerClassName)';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 子窗口对象
|
||||
const xGrid = ref<VxeGridInstance>();
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:const printDialogRef = ref<InstanceType<typeof PrintDialog>>();
|
||||
}
|
||||
const editDialogRef = ref<InstanceType<typeof EditDialog>>();
|
||||
const userStore = useUserInfo();
|
||||
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "ConstSelector")){
|
||||
@:const codeToName = userStore.codeToName;
|
||||
}
|
||||
@if(@Model.TableField.Any(x=>x.EffectType == "DictSelector") || @Model.TableField.Any(x=>x.EffectType == "EnumSelector")){
|
||||
@:const dc = userStore.getDictItemByCode;
|
||||
@:const dv = userStore.getDictLabelByVal;
|
||||
@:const dl = userStore.getDictDataByCode;
|
||||
}
|
||||
|
||||
import IndexList from '/@@/views/@(@Model.PagePath)/@(@Model.ClassName)/component/@(@Model.LowerClassName)List.vue';
|
||||
const indexListRef = ref<InstanceType<typeof IndexList>>();
|
||||
// 变量
|
||||
const state = reactive({
|
||||
showAdvanceQueryUI: false,
|
||||
queryParams: {
|
||||
searchKey: undefined,
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@ -276,234 +37,18 @@ const state = reactive({
|
||||
@:@(@column.LowerPropertyName): undefined,
|
||||
}
|
||||
}
|
||||
},
|
||||
localPageParam: {
|
||||
pageSize: 50 as number,
|
||||
defaultSort: { field: 'createTime', order: 'asc', descStr: 'desc' },
|
||||
},
|
||||
visible: false,
|
||||
title: '',
|
||||
}
|
||||
});
|
||||
|
||||
// 本地存储参数
|
||||
const localPageParamKey = 'localPageParam:@(@Model.LowerClassName)';
|
||||
|
||||
// 改变高级查询的控件显示状态
|
||||
const changeAdvanceQueryUI = () => {
|
||||
state.showAdvanceQueryUI = !state.showAdvanceQueryUI;
|
||||
};
|
||||
|
||||
// 校验表格字段权限
|
||||
const checkTableColumnVisible = (tableColumnName: any) => {
|
||||
return !userStore.userTableList.includes(tableColumnName);
|
||||
};
|
||||
|
||||
// 表格参数配置
|
||||
@if (@Model.IsApiService) {
|
||||
@:const options = useVxeTable<@(@Model.ClassName)>(
|
||||
} else {
|
||||
@:const options = useVxeTable(
|
||||
}
|
||||
{
|
||||
id: '@(@Model.ClassName)',
|
||||
name: '@(@Model.BusName)',
|
||||
columns: [
|
||||
{ type: 'seq', title: '序号', width: 60, fixed: 'left' },
|
||||
@foreach (var column in Model.TableField) {
|
||||
var whethersortable =column.WhetherSortable == "Y" ? "sortable: true" : "sortable: false";
|
||||
if(@column.WhetherTable == "Y") {
|
||||
if(@column.EffectType == "Upload" || @column.EffectType == "ForeignKey" || @column.EffectType == "ApiTreeSelector" || @column.EffectType == "Switch" || @column.EffectType == "ConstSelector") {
|
||||
if(@column.EffectType == "Upload") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ForeignKey") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "Switch") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "ConstSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
}
|
||||
} else if(@column.EffectType == "DictSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "EnumSelector") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', slots: { default: 'row_@column.LowerPropertyName' }, @whethersortable },
|
||||
} else if(@column.EffectType == "DatePicker") {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', formatter: ({ cellValue }) => formatDate(new Date(cellValue), 'YYYY-mm-dd HH:MM:SS'), @whethersortable },
|
||||
} else {
|
||||
@:{ visible: checkTableColumnVisible('@(@Model.LowerClassName):@(@column.LowerPropertyName)'), field: '@column.LowerPropertyName', title: '@column.ColumnComment', minWidth: 100, showOverflow: 'tooltip', @whethersortable},
|
||||
}
|
||||
}
|
||||
}
|
||||
{ title: '修改记录', width: 100, showOverflow: 'tooltip', slots: { default: 'row_record' } },
|
||||
{ title: '操作', fixed: 'right', width: 180, showOverflow: true, slots: { default: 'row_buttons' } },
|
||||
],
|
||||
},
|
||||
// vxeGrid配置参数(此处可覆写任何参数)，参考vxe-table官方文档
|
||||
{
|
||||
// 代理配置
|
||||
proxyConfig: { autoLoad: true, ajax: { query: ({ page, sort }) => handleQueryApi(page, sort) } },
|
||||
// 排序配置
|
||||
sortConfig: { defaultSort: Local.get(localPageParamKey)?.defaultSort || state.localPageParam.defaultSort },
|
||||
// 分页配置
|
||||
pagerConfig: { pageSize: Local.get(localPageParamKey)?.pageSize || state.localPageParam.pageSize },
|
||||
// 工具栏配置
|
||||
toolbarConfig: { export: false },
|
||||
// 行设置
|
||||
// rowConfig: { height: 80 },
|
||||
// 设置列显隐
|
||||
customConfig: {
|
||||
visibleMethod({ column }) {
|
||||
return checkTableColumnVisible(`@Model.LowerClassName:${column.field}`);
|
||||
},
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
// 页面初始化
|
||||
onMounted(() => {});
|
||||
|
||||
// 查询api
|
||||
const handleQueryApi = async (page: VxeGridPropTypes.ProxyAjaxQueryPageParams, sort: VxeGridPropTypes.ProxyAjaxQuerySortCheckedParams) => {
|
||||
const params = Object.assign(state.queryParams, { page: page.currentPage, pageSize: page.pageSize, field: sort.field, order: sort.order, descStr: 'desc' }) as @(@Model.ClassName)Input;
|
||||
@if (@Model.IsApiService) {
|
||||
@:return getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)PagePost(params);
|
||||
} else {
|
||||
@:return page@(@Model.ClassName)(params);
|
||||
}
|
||||
onMounted(() => {
|
||||
indexListRef.value?.listhandleQuery(state.queryParams);//列表控件初始化不请求数据，这里要请求一下
|
||||
});
|
||||
// 主表List组件点击
|
||||
const handleIndexChange = async (row: any,column: any) => {
|
||||
console.log('handleIndexChange--', JSON.stringify(row));
|
||||
console.log('handleIndexChange--', JSON.stringify(column));
|
||||
};
|
||||
|
||||
// 查询操作
|
||||
const handleQuery = async (reset = false) => {
|
||||
options.loading = true;
|
||||
reset ? await xGrid.value?.commitProxy('reload') : await xGrid.value?.commitProxy('query');
|
||||
options.loading = false;
|
||||
};
|
||||
|
||||
// 重置操作
|
||||
const resetQuery = async () => {
|
||||
state.queryParams.searchKey = undefined;
|
||||
@if(Model.QueryWhetherList.Count > 0) {
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@:state.queryParams.@(@column.LowerPropertyName) = undefined;
|
||||
}
|
||||
}
|
||||
await xGrid.value?.commitProxy('reload');
|
||||
};
|
||||
|
||||
// 打开新增页面
|
||||
const handleAdd = () => {
|
||||
state.title = '添加@(@Model.BusName)';
|
||||
let data = {
|
||||
@foreach (var column in Model.TableField){
|
||||
if(@column.WhetherAddUpdate == "Y"&&@column.DefaultValue!=null){
|
||||
if(@column.NetType.StartsWith("int")||@column.NetType.StartsWith("decimal")){
|
||||
@:@column.LowerPropertyName:@(string.IsNullOrEmpty(@column.DefaultValue)?0:@column.DefaultValue),
|
||||
}
|
||||
if(@column.NetType.StartsWith("string")){
|
||||
@:@column.LowerPropertyName:'@(@column.DefaultValue)',
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
editDialogRef.value?.openDialog(data);
|
||||
};
|
||||
|
||||
// 打开编辑页面
|
||||
const handleEdit = (row: any) => {
|
||||
state.title = '编辑@(@Model.BusName)';
|
||||
editDialogRef.value?.openDialog(row);
|
||||
};
|
||||
|
||||
@if(@Model.PrintType != "off") {
|
||||
@:// 打开打印页面
|
||||
@:const handlePrint = async (row: any) => {
|
||||
@:state.title = '打印@(@Model.BusName)';
|
||||
@if(@Model.PrintType != "off"){
|
||||
if (@Model.IsApiService) {
|
||||
@:var res = await getAPI(SysPrintApi).apiSysPrintPrintNameGet('@Model.PrintName');
|
||||
} else {
|
||||
@:var res = await getPrint@(@Model.ClassName)(row);
|
||||
}
|
||||
@:var printTemplate = res.data.result as SysPrint;
|
||||
@:var template = JSON.parse(printTemplate.template);
|
||||
@:var width = template.panels[0].width;
|
||||
@:row['barCode'] = row.code;
|
||||
@:row['qrCode'] = row.code;
|
||||
@:row["printDate"] = formatDate(new Date(), 'YYYY-mm-dd HH:MM');
|
||||
@:printDialogRef.value.showDialog(new hiprint.PrintTemplate({template: template}), row, width);
|
||||
}
|
||||
@if(@Model.PrintType == "auto"){
|
||||
@:printDialogRef.value.showDialog(row);
|
||||
}
|
||||
@:};
|
||||
}
|
||||
|
||||
// 删除
|
||||
const handleDelete = (row: any) => {
|
||||
ElMessageBox.confirm(`确定删除@(@Model.BusName)：【${row.id}】?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
}).then(async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)DeletePost({ id: row.id });
|
||||
} else {
|
||||
@:await delete@(@Model.ClassName)(row);
|
||||
}
|
||||
await handleQuery();
|
||||
ElMessage.success('删除成功');
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
|
||||
// 表格事件
|
||||
@if (@Model.IsApiService) {
|
||||
@:const gridEvents: VxeGridListeners<@(@Model.ClassName)> = {
|
||||
} else {
|
||||
@:const gridEvents: VxeGridListeners = {
|
||||
}
|
||||
// 只对 pager-config 配置时有效，分页发生改变时会触发该事件
|
||||
async pageChange({ pageSize }) {
|
||||
state.localPageParam.pageSize = pageSize;
|
||||
Local.set(localPageParamKey, state.localPageParam);
|
||||
},
|
||||
// 当排序条件发生变化时会触发该事件
|
||||
async sortChange({ field, order }) {
|
||||
state.localPageParam.defaultSort = { field: field, order: order!, descStr: 'desc' };
|
||||
Local.set(localPageParamKey, state.localPageParam);
|
||||
},
|
||||
};
|
||||
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@if(@column.EffectType == "ForeignKey") {
|
||||
@:const @LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList = ref<any>([]);
|
||||
@:const get@(@column.FkEntityName)@(@column.PropertyName)DropdownList = async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)@(@column.PropertyName)DropdownGet();
|
||||
} else {
|
||||
@:let list = await get@(@column.FkEntityName)@(@column.PropertyName)Dropdown();
|
||||
}
|
||||
@:@LowerFirstLetter(@column.FkEntityName)@(@column.PropertyName)DropdownList.value = list.data.result ?? [];
|
||||
@:};
|
||||
@:get@(@column.FkEntityName)@(@column.PropertyName)DropdownList();
|
||||
}
|
||||
}
|
||||
|
||||
@foreach (var column in Model.QueryWhetherList) {
|
||||
@if(@column.EffectType == "ApiTreeSelector") {
|
||||
@:const @LowerFirstLetter(@column.FkEntityName)TreeData = ref<any>([]);
|
||||
@:const get@(@column.FkEntityName)TreeData = async () => {
|
||||
@if (@Model.IsApiService) {
|
||||
@:let list = await getAPI(@(@Model.ClassName)Api).api@(@Model.ClassName)@(@column.FkEntityName)Tree();
|
||||
} else {
|
||||
@:let list = await get@(@column.FkEntityName)Tree();
|
||||
}
|
||||
@:@LowerFirstLetter(@column.FkEntityName)TreeData.value = list.data.result ?? [];
|
||||
@:};
|
||||
@:get@(@column.FkEntityName)TreeData();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="sys-editCodeGen-container">
|
||||
<el-dialog v-model="state.isShowDialog" draggable :close-on-click-modal="false" width="700px">
|
||||
<el-dialog v-model="state.isShowDialog" draggable :close-on-click-modal="false" width="980px">
|
||||
<template #header>
|
||||
<div style="color: #fff">
|
||||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>
|
||||
@ -73,6 +73,17 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="Name字段" prop="treeName"
|
||||
:rules="[{ required: true, message: '请选择树控件Name字段', trigger: 'blur' }]">
|
||||
<el-select v-model="state.ruleForm.treeName" @change="treeNameChanged"
|
||||
value-key="value" filterable clearable class="w100">
|
||||
<el-option v-for="item in state.columnData" :key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="业务名" prop="busName" :rules="[{ required: true, message: '业务名不能为空', trigger: 'blur' }]">
|
||||
<el-input v-model="state.ruleForm.busName" placeholder="请输入" clearable />
|
||||
@ -205,6 +216,171 @@
|
||||
</el-row>
|
||||
</template>
|
||||
</el-col> -->
|
||||
<el-col>
|
||||
<el-tabs v-model="activeName" class="demo-tabs">
|
||||
<el-tab-pane label="页面左边树" name="1">
|
||||
<el-row :gutter="10">
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="树库定位器" prop="configId2">
|
||||
<el-select v-model="state.ruleForm.configId2" placeholder="库名"
|
||||
filterable @change="dbChanged2()" class="w100">
|
||||
<el-option v-for="item in state.dbData" :key="item.configId"
|
||||
:label="item.configId" :value="item.configId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="左边树表" prop="leftTab">
|
||||
<template v-slot:label>
|
||||
<div>
|
||||
左边树表
|
||||
<el-tooltip raw-content
|
||||
content="若找不到在前端生成的实体/表，同上，如表有下划线_则因实体去掉划线取不到字段。"
|
||||
placement="top">
|
||||
<el-icon size="16"
|
||||
style="margin-right: 3px; display: inline; vertical-align: middle"><ele-QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select v-model="state.ruleForm.leftTab"
|
||||
@change="leftTableChanged" value-key="value" filterable
|
||||
clearable class="w100">
|
||||
<el-option v-for="item in state.tableData2"
|
||||
:key="item.entityName"
|
||||
:label="item.entityName + ' ( ' + item.tableName + ' ) [' + item.tableComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="左边树关联字段" prop="leftKey">
|
||||
<el-select v-model="state.ruleForm.leftKey" @change="leftKeyChanged"
|
||||
value-key="value" filterable clearable class="w100">
|
||||
<el-option v-for="item in state.lcolumnData"
|
||||
:key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
|
||||
<el-form-item label="关联主表字段" prop="bottomKey">
|
||||
<template v-slot:label>
|
||||
<div>
|
||||
关联主表字段
|
||||
<el-tooltip raw-content content="先选择主表才可以选择字段。"
|
||||
placement="top">
|
||||
<el-icon size="16"
|
||||
style="margin-right: 3px; display: inline; vertical-align: middle"><ele-QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select v-model="state.ruleForm.leftPrimaryKey"
|
||||
@change="leftPrimaryKeyChanged" value-key="value" filterable
|
||||
clearable class="w100">
|
||||
<el-option v-for="item in state.columnData"
|
||||
:key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="左边树Name字段" prop="leftName">
|
||||
<el-select v-model="state.ruleForm.leftName"
|
||||
@change="leftNameChanged" value-key="value" filterable clearable
|
||||
class="w100">
|
||||
<el-option v-for="item in state.lcolumnData"
|
||||
:key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="模板" prop="template">
|
||||
<el-input v-model="state.ruleForm.template" clearable
|
||||
placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="右区域下框" name="2">
|
||||
<el-row :gutter="10">
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="右区域下框库定位器" prop="configId3">
|
||||
<el-select v-model="state.ruleForm.configId3" placeholder="库名"
|
||||
filterable @change="dbChanged3()" class="w100">
|
||||
<el-option v-for="item in state.dbData" :key="item.configId"
|
||||
:label="item.configId" :value="item.configId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="下表名称" prop="bottomTab">
|
||||
<template v-slot:label>
|
||||
<div>
|
||||
下框关联表名称
|
||||
<el-tooltip raw-content
|
||||
content="若找不到在前端生成的实体/表，同上，如表有下划线_则因实体去掉划线取不到字段。"
|
||||
placement="top">
|
||||
<el-icon size="16"
|
||||
style="margin-right: 3px; display: inline; vertical-align: middle"><ele-QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select v-model="state.ruleForm.bottomTab"
|
||||
@change="bottomTableChanged" value-key="value" filterable
|
||||
clearable class="w100">
|
||||
<el-option v-for="item in state.tableData3"
|
||||
:key="item.entityName"
|
||||
:label="item.entityName + ' ( ' + item.tableName + ' ) [' + item.tableComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="下框表关联字段" prop="bottomKey">
|
||||
<el-select v-model="state.ruleForm.bottomKey"
|
||||
@change="bottomKeyChanged" value-key="value" filterable
|
||||
clearable class="w100">
|
||||
<el-option v-for="item in state.bcolumnData"
|
||||
:key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
|
||||
<el-form-item label="关联主表字段" prop="bottomPrimaryKey">
|
||||
<template v-slot:label>
|
||||
<div>
|
||||
关联主表字段
|
||||
<el-tooltip raw-content content="先选择主表才可以选择字段。"
|
||||
placement="top">
|
||||
<el-icon size="16"
|
||||
style="margin-right: 3px; display: inline; vertical-align: middle"><ele-QuestionFilled /></el-icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-select v-model="state.ruleForm.bottomPrimaryKey"
|
||||
@change="bottomPrimaryKeyChanged" value-key="value" filterable
|
||||
clearable class="w100">
|
||||
<el-option v-for="item in state.columnData"
|
||||
:key="item.columnName"
|
||||
:label="item.columnName + ' ( ' + item.columnName + ' ) [' + item.columnComment + ']'"
|
||||
:value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
@ -248,12 +424,16 @@ const state = reactive({
|
||||
isShowDialog: false,
|
||||
ruleForm: {} as UpdateCodeGenInput | any,
|
||||
tableData: [] as any,
|
||||
tableData2: [] as any,
|
||||
tableData3: [] as any,
|
||||
dbData: [] as any,
|
||||
columnData: [] as any,
|
||||
lcolumnData: [] as any,
|
||||
bcolumnData: [] as any,
|
||||
menuData: [] as Array<SysMenu>,
|
||||
printList: [] as Array<SysPrint>,
|
||||
});
|
||||
|
||||
const activeName = ref('1');
|
||||
const activeTab = ref('codeGen');
|
||||
const templateTableRef = ref();
|
||||
const multipleSelection = ref([] as any);
|
||||
@ -321,15 +501,70 @@ const dbChanged = async () => {
|
||||
state.ruleForm.connectionString = db[0].connectionString;
|
||||
state.ruleForm.dbType = db[0].dbType.toString();
|
||||
};
|
||||
|
||||
const dbChanged2 = async () => {
|
||||
if (state.ruleForm.configId === '' || state.ruleForm.configId == null) return;
|
||||
state.tableData2 = await getAPI(SysCodeGenApi)
|
||||
.apiSysCodeGenTableListConfigIdGet(state.ruleForm.configId2 as string)
|
||||
.then((res) => res.data.result ?? []);
|
||||
};
|
||||
const dbChanged3 = async () => {
|
||||
if (state.ruleForm.configId === '' || state.ruleForm.configId == null) return;
|
||||
state.tableData3 = await getAPI(SysCodeGenApi)
|
||||
.apiSysCodeGenTableListConfigIdGet(state.ruleForm.configId3 as string)
|
||||
.then((res) => res.data.result ?? []);
|
||||
};
|
||||
// table改变
|
||||
const tableChanged = (item: any) => {
|
||||
state.ruleForm.tableName = item.entityName;
|
||||
state.ruleForm.busName = item.tableComment;
|
||||
state.ruleForm.tableUniqueList = [];
|
||||
getColumnInfoList();
|
||||
getColumnInfoList(item);
|
||||
};
|
||||
const treeNameChanged = (item: any) => {
|
||||
state.ruleForm.treeName = item.columnName;
|
||||
};
|
||||
|
||||
const leftTableChanged = (item: any) => {
|
||||
state.ruleForm.leftTab = item.entityName;
|
||||
console.log('leftTableChanged--', JSON.stringify(item));
|
||||
getLColumnInfoList(item);
|
||||
};
|
||||
const leftKeyChanged = (item: any) => {
|
||||
console.log('leftKeyChanged--', JSON.stringify(item));
|
||||
state.ruleForm.leftKey = item.columnName;
|
||||
};
|
||||
const leftPrimaryKeyChanged = (item: any) => {
|
||||
console.log('leftPrimaryKeyChanged--', JSON.stringify(item));
|
||||
state.ruleForm.leftPrimaryKey = item.columnName;
|
||||
};
|
||||
const leftNameChanged = (item: any) => {
|
||||
state.ruleForm.leftName = item.columnName;
|
||||
};
|
||||
const getLColumnInfoList = async (item: any) => {
|
||||
if (state.ruleForm.configId2 == '' || state.ruleForm.configId2 == null || state.ruleForm.leftTab == '' || state.ruleForm.leftTab == null) return;
|
||||
state.lcolumnData =
|
||||
(await getAPI(SysCodeGenApi)
|
||||
.apiSysCodeGenColumnListByTableNameTableNameConfigIdGet(item.tableName, state.ruleForm.configId2)
|
||||
.then((res) => res.data.result)) ?? [];
|
||||
};
|
||||
const bottomTableChanged = (item: any) => {
|
||||
state.ruleForm.bottomTab = item.entityName;
|
||||
getLBColumnInfoList(item);
|
||||
};
|
||||
const bottomKeyChanged = (item: any) => {
|
||||
state.ruleForm.bottomKey = item.columnName;
|
||||
};
|
||||
const bottomPrimaryKeyChanged = (item: any) => {
|
||||
console.log('bottomPrimaryKeyChanged--', JSON.stringify(item));
|
||||
state.ruleForm.bottomPrimaryKey = item.columnName;
|
||||
};
|
||||
const getLBColumnInfoList = async (item: any) => {
|
||||
if (state.ruleForm.configId3 == '' || state.ruleForm.configId3 == null || state.ruleForm.bottomTab == '' || state.ruleForm.bottomTab == null) return;
|
||||
state.bcolumnData =
|
||||
(await getAPI(SysCodeGenApi)
|
||||
.apiSysCodeGenColumnListByTableNameTableNameConfigIdGet(item.tableName, state.ruleForm.configId3)
|
||||
.then((res) => res.data.result)) ?? [];
|
||||
};
|
||||
// 表唯一约束配置项字段改变事件
|
||||
const changeTableUniqueColumn = (value: any, index: number) => {
|
||||
if (value?.length === 1 && !state.ruleForm.tableUniqueList[index].message) {
|
||||
@ -337,11 +572,11 @@ const changeTableUniqueColumn = (value: any, index: number) => {
|
||||
}
|
||||
};
|
||||
|
||||
const getColumnInfoList = async () => {
|
||||
const getColumnInfoList = async (item: any) => {
|
||||
if (state.ruleForm.configId == '' || state.ruleForm.configId == null || state.ruleForm.tableName == '' || state.ruleForm.tableName == null) return;
|
||||
state.columnData =
|
||||
(await getAPI(SysCodeGenApi)
|
||||
.apiSysCodeGenColumnListByTableNameTableNameConfigIdGet(state.ruleForm.tableName, state.ruleForm.configId)
|
||||
.apiSysCodeGenColumnListByTableNameTableNameConfigIdGet(item.tableName, state.ruleForm.configId)
|
||||
.then((res) => res.data.result)) ?? [];
|
||||
};
|
||||
|
||||
@ -364,7 +599,7 @@ const getGlobalComponentSize = computed(() => {
|
||||
// 打开弹窗
|
||||
const openDialog = (row: any) => {
|
||||
state.ruleForm = JSON.parse(JSON.stringify(row));
|
||||
dbChanged().then(() => getColumnInfoList());
|
||||
dbChanged().then(() => getColumnInfoList(row));
|
||||
state.isShowDialog = true;
|
||||
ruleFormRef.value?.resetFields();
|
||||
getSysCodeGenTemplateList();
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="sys-codeGenPreview-container">
|
||||
<el-dialog v-model="state.isShowDialog" draggable :close-on-click-modal="false" width="70vw">
|
||||
<el-dialog v-model="state.isShowDialog" draggable :close-on-click-modal="false" width="80vw">
|
||||
<template #header>
|
||||
<div style="color: #fff">
|
||||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>
|
||||
|
||||
@ -176,6 +176,7 @@ const handleAdd = () => {
|
||||
state.title = '增加代码生成';
|
||||
EditCodeGenRef.value?.openDialog({
|
||||
authorName: 'Admin.NET',
|
||||
template: 'template',
|
||||
generateType: '200',
|
||||
printType: 'off',
|
||||
menuIcon: 'ele-Menu',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user