From a54aeee0b1607e97ad7abdd9af3b60261032d0bf Mon Sep 17 00:00:00 2001
From: cKey <35512826+colinin@users.noreply.github.com>
Date: Mon, 21 Dec 2020 18:28:09 +0800
Subject: [PATCH] add layout view

---
 .../LINGYUN/Platform/Layouts/Dto/LayoutDto.cs |   4 -
 .../Platform/Layouts/ILayoutAppService.cs     |   4 +-
 .../Platform/Menus/Dto/MenuGetAllInput.cs     |   2 +
 .../Platform/Menus/Dto/MenuGetListInput.cs    |   2 +
 .../Platform/Layouts/LayoutAppService.cs      |  26 +-
 .../LINGYUN/Platform/Menus/MenuAppService.cs  |   6 +-
 .../LINGYUN.Platform.Domain.Shared.csproj     |   4 +
 .../Platform/Localization/Resources/en.json   |  13 +-
 .../Localization/Resources/zh-Hans.json       |   7 +-
 .../Platform/Layouts/ILayoutRepository.cs     |   7 +-
 .../LINGYUN/Platform/Layouts/Layout.cs        |   9 -
 .../LINGYUN/Platform/Menus/IMenuRepository.cs |   3 +
 .../Platform/PlatformDataSeedContributor.cs   |  20 +-
 .../Platform/Routes/IRouteDataSeeder.cs       |   1 -
 .../Platform/Routes/RouteDataSeeder.cs        |   2 -
 .../Layouts/EfCoreLayoutRepository.cs         |  14 +-
 .../Platform/Menus/EfCoreMenuRepository.cs    |   6 +
 .../Platform/Layouts/LayoutController.cs      |   7 +
 aspnet-core/modules/platform/README.md        |  24 +
 .../LINGYUN.ApiGateway.Host/event-bus-cap.db  | Bin 40960 -> 40960 bytes
 ...3615_Remove-Layout-Column-Code.Designer.cs | 641 ++++++++++++++++++
 ...0201221093615_Remove-Layout-Column-Code.cs |  23 +
 ...ApiHostMigrationsDbContextModelSnapshot.cs |   3 -
 vueJs/debug.log                               |   1 +
 vueJs/src/api/layout.ts                       |   8 +-
 vueJs/src/api/menu.ts                         |   3 +
 vueJs/src/router/index.ts                     |   5 +
 vueJs/src/router/modules/admin.ts             |  20 -
 vueJs/src/router/modules/container.ts         |  37 +
 .../components/CreateOrUpdateLayoutDialog.vue | 275 ++++++++
 vueJs/src/views/container/layouts/index.vue   | 237 +++++++
 .../components/CreateOrUpdateMenuDialog.vue   |   4 +
 .../menus/components/MenuMetaInput.vue        |   0
 .../{admin => container}/menus/index.vue      | 131 ++--
 34 files changed, 1403 insertions(+), 146 deletions(-)
 create mode 100644 aspnet-core/modules/platform/README.md
 create mode 100644 aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.Designer.cs
 create mode 100644 aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.cs
 create mode 100644 vueJs/src/router/modules/container.ts
 create mode 100644 vueJs/src/views/container/layouts/components/CreateOrUpdateLayoutDialog.vue
 create mode 100644 vueJs/src/views/container/layouts/index.vue
 rename vueJs/src/views/{admin => container}/menus/components/CreateOrUpdateMenuDialog.vue (98%)
 rename vueJs/src/views/{admin => container}/menus/components/MenuMetaInput.vue (100%)
 rename vueJs/src/views/{admin => container}/menus/index.vue (69%)

diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/Dto/LayoutDto.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/Dto/LayoutDto.cs
index 5e59b7547..e9357e1c0 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/Dto/LayoutDto.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/Dto/LayoutDto.cs
@@ -5,10 +5,6 @@ namespace LINGYUN.Platform.Layouts
 {
     public class LayoutDto : RouteDto
     {
-        /// <summary>
-        /// 布局编号
-        /// </summary>
-        public string Code { get; set; }
         /// <summary>
         /// 所属平台
         /// </summary>
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/ILayoutAppService.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/ILayoutAppService.cs
index 408877ac7..69dc95752 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/ILayoutAppService.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Layouts/ILayoutAppService.cs
@@ -1,4 +1,6 @@
 using System;
+using System.Threading.Tasks;
+using Volo.Abp.Application.Dtos;
 using Volo.Abp.Application.Services;
 
 namespace LINGYUN.Platform.Layouts
@@ -11,6 +13,6 @@ namespace LINGYUN.Platform.Layouts
             LayoutCreateDto,
             LayoutUpdateDto>
     {
-
+        Task<ListResultDto<LayoutDto>> GetAllListAsync();
     }
 }
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetAllInput.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetAllInput.cs
index e9a54631a..0e8c645a2 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetAllInput.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetAllInput.cs
@@ -14,5 +14,7 @@ namespace LINGYUN.Platform.Menus
         public Guid? ParentId { get; set; }
 
         public string Sorting { get; set; }
+
+        public Guid? LayoutId { get; set; }
     }
 }
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetListInput.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetListInput.cs
index 5a86ff7b6..0c073b8e9 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetListInput.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application.Contracts/LINGYUN/Platform/Menus/Dto/MenuGetListInput.cs
@@ -12,5 +12,7 @@ namespace LINGYUN.Platform.Menus
         public bool Reverse { get; set; }
 
         public Guid? ParentId { get; set; }
+
+        public Guid? LayoutId { get; set; }
     }
 }
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Layouts/LayoutAppService.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Layouts/LayoutAppService.cs
index 30a289f75..1e7137616 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Layouts/LayoutAppService.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Layouts/LayoutAppService.cs
@@ -1,5 +1,6 @@
 using LINGYUN.Platform.Datas;
 using LINGYUN.Platform.Permissions;
+using LINGYUN.Platform.Routes;
 using LINGYUN.Platform.Utils;
 using Microsoft.AspNetCore.Authorization;
 using System;
@@ -13,42 +14,27 @@ namespace LINGYUN.Platform.Layouts
     [Authorize(PlatformPermissions.Layout.Default)]
     public class LayoutAppService : PlatformApplicationServiceBase, ILayoutAppService
     {
-        protected IDataRepository DataRepository { get; }
         protected ILayoutRepository LayoutRepository { get; }
 
         public LayoutAppService(
-            IDataRepository dataRepository,
             ILayoutRepository layoutRepository)
         {
-            DataRepository = dataRepository;
             LayoutRepository = layoutRepository;
         }
 
         [Authorize(PlatformPermissions.Layout.Create)]
         public virtual async Task<LayoutDto> CreateAsync(LayoutCreateDto input)
         {
-            var data = DataRepository.FindAsync(input.DataId);
-            if (data == null)
-            {
-                throw new UserFriendlyException($"数据字典 {input.DataId} 的不存在或已删除!");
-            }
-
             var layout = await LayoutRepository.FindByNameAsync(input.Name);
             if (layout != null)
             {
                 throw new UserFriendlyException($"已经存在名为 {input.Name} 的布局!");
             }
 
-            var lastLayout = await LayoutRepository.GetLastOrNullAsync();
-            var code = lastLayout != null
-                ? CodeNumberGenerator.CalculateNextCode(lastLayout.Code)
-                : CodeNumberGenerator.CreateCode(1);
-
             layout = new Layout(
                 GuidGenerator.Create(),
                 input.Path,
                 input.Name,
-                code,
                 input.DisplayName,
                 input.DataId,
                 input.PlatformType,
@@ -83,11 +69,19 @@ namespace LINGYUN.Platform.Layouts
             return ObjectMapper.Map<Layout, LayoutDto>(layout);
         }
 
+        public virtual async Task<ListResultDto<LayoutDto>> GetAllListAsync()
+        {
+            var layouts = await LayoutRepository.GetListAsync();
+
+            return new ListResultDto<LayoutDto>(
+                ObjectMapper.Map<List<Layout>, List<LayoutDto>>(layouts));
+        }
+
         public virtual async Task<PagedResultDto<LayoutDto>> GetListAsync(GetLayoutListInput input)
         {
             var count = await LayoutRepository.GetCountAsync(input.PlatformType, input.Filter);
 
-            var layouts = await LayoutRepository.GetListAsync(
+            var layouts = await LayoutRepository.GetPagedListAsync(
                 input.PlatformType, input.Filter,
                 input.Sorting, input.Reverse, false,
                 input.SkipCount, input.MaxResultCount);
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Menus/MenuAppService.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Menus/MenuAppService.cs
index e3e378848..6c39a5237 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Menus/MenuAppService.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Application/LINGYUN/Platform/Menus/MenuAppService.cs
@@ -60,7 +60,7 @@ namespace LINGYUN.Platform.Menus
         {
             var menus = await MenuRepository.GetAllAsync(
                 input.Filter, input.Sorting, input.Reverse,
-                input.PlatformType, input.ParentId);
+                input.PlatformType, input.ParentId, input.LayoutId);
 
             return new ListResultDto<MenuDto>(
                 ObjectMapper.Map<List<Menu>, List<MenuDto>>(menus));
@@ -68,11 +68,11 @@ namespace LINGYUN.Platform.Menus
 
         public virtual async Task<PagedResultDto<MenuDto>> GetListAsync(MenuGetListInput input)
         {
-            var count = await MenuRepository.GetCountAsync(input.Filter, input.PlatformType, input.ParentId);
+            var count = await MenuRepository.GetCountAsync(input.Filter, input.PlatformType, input.ParentId, input.LayoutId);
 
             var menus = await MenuRepository.GetListAsync(
                 input.Filter, input.Sorting, input.Reverse,
-                input.PlatformType, input.ParentId,
+                input.PlatformType, input.ParentId, input.LayoutId,
                 input.SkipCount, input.MaxResultCount);
 
             return new PagedResultDto<MenuDto>(count,
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN.Platform.Domain.Shared.csproj b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN.Platform.Domain.Shared.csproj
index 066eb3595..75b0aa691 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN.Platform.Domain.Shared.csproj
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN.Platform.Domain.Shared.csproj
@@ -21,4 +21,8 @@
     <PackageReference Include="Volo.Abp.Validation" Version="3.3.0" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="LINGYUN\Platform\Layouts\" />
+  </ItemGroup>
+
 </Project>
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/en.json b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/en.json
index 9cd1bf49a..dad8a587e 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/en.json
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/en.json
@@ -28,22 +28,25 @@
     "DisplayName:Component": "Component",
     "DisplayName:Filter": "Filter",
     "DisplayName:PlatformType": "Platform Type",
-    "DisplayName:SecrchMenu": "Secrch",
+    "DisplayName:SecrchMenu": "Secrch Menu",
+    "DisplayName:SecrchLayout": "Secrch Layout",
     "DisplayName:Layout": "Layout",
     "DisplayName:Basic": "Basic",
     "DisplayName:DataDictionary": "Data Dictionary",
+    "Layout:AddNew": "Add New",
+    "Layout:Edit": "Edit",
+    "Layout:EditByName": "Edit Layout - {0}",
+    "Layout:Delete": "Delete Layout",
     "Menu:AddNew": "Add New",
     "Menu:AddChildren": "Add Children",
     "Menu:Edit": "Edit",
     "Menu:EditByName": "Edit Menu - {0}",
-    "Menu:Delete": "Delete",
-    "Menu:WillDelete": "The menu {0} will be deleted",
-    "Data:WillDelete": "The dictionary {0} will be deleted",
+    "Menu:Delete": "Delete Menu",
     "Menu:Manage": "Manage Menus",
     "Data:AddNew": "Add New",
     "Data:AddChildren": "Add Children",
     "Data:Edit": "Edit",
-    "Data:Delete": "Delete",
+    "Data:Delete": "Delete Data",
     "Data:AppendItem": "Append Item",
     "Data:EditItem": "Edit Item",
     "Data:RemoveItem": "Remove Item",
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/zh-Hans.json b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/zh-Hans.json
index f5c536e60..318540f9a 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/zh-Hans.json
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain.Shared/LINGYUN/Platform/Localization/Resources/zh-Hans.json
@@ -29,17 +29,20 @@
     "DisplayName:Filter": "筛选",
     "DisplayName:PlatformType": "平台类型",
     "DisplayName:SecrchMenu": "查询菜单",
+    "DisplayName:SecrchLayout": "查询布局",
     "DisplayName:Layout": "布局",
     "DisplayName:Basic": "基础信息",
     "DisplayName:DataDictionary": "数据字典",
+    "Layout:AddNew": "添加新布局",
+    "Layout:Edit": "编辑布局",
+    "Layout:EditByName": "编辑布局 - {0}",
+    "Layout:Delete": "删除布局",
     "Menu:AddNew": "添加新菜单",
     "Menu:AddChildren": "添加子菜单",
     "Menu:Edit": "编辑菜单",
     "Menu:EditByName": "编辑菜单 - {0}",
     "Menu:Delete": "删除菜单",
-    "Menu:WillDelete": "将要删除菜单 {0}",
     "Menu:Manage": "管理菜单",
-    "Data:WillDelete": "将要删除字典 {0}",
     "Data:AddNew": "添加新字典",
     "Data:AddChildren": "添加下级字典",
     "Data:Edit": "编辑字典",
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/ILayoutRepository.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/ILayoutRepository.cs
index 5c5604548..9f09e047b 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/ILayoutRepository.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/ILayoutRepository.cs
@@ -20,18 +20,15 @@ namespace LINGYUN.Platform.Layouts
             bool includeDetails = true,
             CancellationToken cancellationToken = default);
 
-        Task<Layout> GetLastOrNullAsync(
-            CancellationToken cancellationToken = default);
-
         Task<int> GetCountAsync(
             PlatformType? platformType = null,
             string filter = "",
             CancellationToken cancellationToken = default);
 
-        Task<List<Layout>> GetListAsync(
+        Task<List<Layout>> GetPagedListAsync(
             PlatformType? platformType = null,
             string filter = "",
-            string sorting = nameof(Layout.Code),
+            string sorting = nameof(Layout.Name),
             bool reverse = false,
             bool includeDetails = false,
             int skipCount = 0,
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/Layout.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/Layout.cs
index 6699c22cd..32bf46ff2 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/Layout.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Layouts/Layout.cs
@@ -1,7 +1,6 @@
 using JetBrains.Annotations;
 using LINGYUN.Platform.Routes;
 using System;
-using Volo.Abp;
 
 namespace LINGYUN.Platform.Layouts
 {
@@ -10,10 +9,6 @@ namespace LINGYUN.Platform.Layouts
     /// </summary>
     public class Layout : Route
     {
-        /// <summary>
-        /// 布局编号
-        /// </summary>
-        public virtual string Code { get; set; }
         /// <summary>
         /// 所属平台
         /// </summary>
@@ -29,7 +24,6 @@ namespace LINGYUN.Platform.Layouts
             [NotNull] Guid id, 
             [NotNull] string path, 
             [NotNull] string name,
-            [NotNull] string code,
             [NotNull] string displayName,
             [NotNull] Guid dataId,
             [NotNull] PlatformType platformType = PlatformType.None,
@@ -38,9 +32,6 @@ namespace LINGYUN.Platform.Layouts
             [CanBeNull] Guid? tenantId = null) 
             : base(id, path, name, displayName, redirect, description, tenantId)
         {
-            Check.NotNullOrWhiteSpace(code, nameof(code));
-
-            Code = code;
             DataId = dataId;
             PlatformType = platformType;
         }
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Menus/IMenuRepository.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Menus/IMenuRepository.cs
index b57c0b44e..f2fdafb60 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Menus/IMenuRepository.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Menus/IMenuRepository.cs
@@ -77,6 +77,7 @@ namespace LINGYUN.Platform.Menus
             string filter = "",
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             CancellationToken cancellationToken = default);
 
         Task<List<Menu>> GetListAsync(
@@ -85,6 +86,7 @@ namespace LINGYUN.Platform.Menus
             bool reverse = false,
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             int skipCount = 0,
             int maxResultCount = 10,
             CancellationToken cancellationToken = default);
@@ -95,6 +97,7 @@ namespace LINGYUN.Platform.Menus
             bool reverse = false,
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             CancellationToken cancellationToken = default);
 
         Task RemoveAllRolesAsync(
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/PlatformDataSeedContributor.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/PlatformDataSeedContributor.cs
index 466feba01..c34500e6e 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/PlatformDataSeedContributor.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/PlatformDataSeedContributor.cs
@@ -138,7 +138,6 @@ namespace LINGYUN.Platform
             var layout = await RouteDataSeeder.SeedLayoutAsync(
                 "Layout",
                 "layout/index.vue",
-                CodeNumberGenerator.CreateCode(1),
                 "Vue Admin Layout",
                 data.Id,
                 PlatformType.WebMvvm, // 针对当前的vue管理页
@@ -567,10 +566,10 @@ namespace LINGYUN.Platform
             await SeedMenuAsync(
                layout,
                data,
-               "layout",
-                "layout",
+               "layouts",
+                "layouts",
                 CodeNumberGenerator.AppendCode(containerRoot.Code, CodeNumberGenerator.CreateCode(1)),
-                "views/admin/layouts/index.vue",
+                "views/container/layouts/index.vue",
                 "Manage Layouts",
                 "",
                 "Manage Layouts",
@@ -578,7 +577,7 @@ namespace LINGYUN.Platform
                 containerRoot.TenantId,
                new Dictionary<string, object>()
                {
-                    { "title", "layout" },
+                    { "title", "layouts" },
                     { "icon", "layout" }
                },
                new string[] { "admin" });
@@ -589,7 +588,7 @@ namespace LINGYUN.Platform
                "menus",
                 "menus",
                 CodeNumberGenerator.AppendCode(containerRoot.Code, CodeNumberGenerator.CreateCode(2)),
-                "views/admin/menus/index.vue",
+                "views/container/menus/index.vue",
                 "Manage Menus",
                 "",
                 "Manage Menus",
@@ -718,6 +717,7 @@ namespace LINGYUN.Platform
             Guid? tenantId = null,
             Dictionary<string, object> meta = null,
             string[] roles = null,
+            Guid[] users = null,
             bool isPublic = false
             )
         {
@@ -754,6 +754,14 @@ namespace LINGYUN.Platform
                 }
             }
 
+            if (users != null)
+            {
+                foreach (var user in users)
+                {
+                    await RouteDataSeeder.SeedUserMenuAsync(user, menu, tenantId);
+                }
+            }
+
             return menu;
         }
     }
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/IRouteDataSeeder.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/IRouteDataSeeder.cs
index 59357c51c..3faf37fb0 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/IRouteDataSeeder.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/IRouteDataSeeder.cs
@@ -11,7 +11,6 @@ namespace LINGYUN.Platform.Routes
         Task<Layout> SeedLayoutAsync(
             string name,
             string path,
-            string code,
             string displayName,
             Guid dataId,
             PlatformType platformType = PlatformType.None,
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/RouteDataSeeder.cs b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/RouteDataSeeder.cs
index a5daf80ec..f44680e3b 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/RouteDataSeeder.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.Domain/LINGYUN/Platform/Routes/RouteDataSeeder.cs
@@ -34,7 +34,6 @@ namespace LINGYUN.Platform.Routes
         public virtual async Task<Layout> SeedLayoutAsync(
             string name, 
             string path, 
-            string code, 
             string displayName,
             Guid dataId, 
             PlatformType platformType = PlatformType.None, 
@@ -50,7 +49,6 @@ namespace LINGYUN.Platform.Routes
                     GuidGenerator.Create(),
                     path,
                     name,
-                    code,
                     displayName,
                     dataId,
                     platformType,
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Layouts/EfCoreLayoutRepository.cs b/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Layouts/EfCoreLayoutRepository.cs
index 3d0abf5db..903dd8e65 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Layouts/EfCoreLayoutRepository.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Layouts/EfCoreLayoutRepository.cs
@@ -42,25 +42,17 @@ namespace LINGYUN.Platform.Layouts
                 .CountAsync(GetCancellationToken(cancellationToken));
         }
 
-        public virtual async Task<Layout> GetLastOrNullAsync(
-            CancellationToken cancellationToken = default)
-        {
-            return await DbSet
-                .OrderByDescending(x => x.Code)
-                .FirstOrDefaultAsync(GetCancellationToken(cancellationToken));
-        }
-
-        public virtual async Task<List<Layout>> GetListAsync(
+        public virtual async Task<List<Layout>> GetPagedListAsync(
             PlatformType? platformType = null, 
             string filter = "",
-            string sorting = "Code",
+            string sorting = nameof(Layout.Name),
             bool reverse = false,
             bool includeDetails = false, 
             int skipCount = 0, 
             int maxResultCount = 10,
             CancellationToken cancellationToken = default)
         {
-            sorting ??= nameof(Layout.Code);
+            sorting ??= nameof(Layout.Name);
             sorting = reverse ? sorting + " DESC" : sorting;
 
             return await DbSet
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Menus/EfCoreMenuRepository.cs b/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Menus/EfCoreMenuRepository.cs
index 2a66d9a33..f934545e5 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Menus/EfCoreMenuRepository.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.EntityFrameworkCore/LINGYUN/Platform/Menus/EfCoreMenuRepository.cs
@@ -148,6 +148,7 @@ namespace LINGYUN.Platform.Menus
             bool reverse = false,
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             CancellationToken cancellationToken = default)
         {
             sorting ??= nameof(Menu.Code);
@@ -155,6 +156,7 @@ namespace LINGYUN.Platform.Menus
 
             return await DbSet
                 .WhereIf(parentId.HasValue, x => x.ParentId == parentId)
+                .WhereIf(layoutId.HasValue, x => x.LayoutId == layoutId)
                 .WhereIf(platformType.HasValue, menu => menu.PlatformType.HasFlag(platformType.Value))
                 .WhereIf(!filter.IsNullOrWhiteSpace(), menu =>
                         menu.Path.Contains(filter) || menu.Name.Contains(filter) ||
@@ -168,10 +170,12 @@ namespace LINGYUN.Platform.Menus
             string filter = "",
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             CancellationToken cancellationToken = default)
         {
             return await DbSet
                 .WhereIf(parentId.HasValue, x => x.ParentId == parentId)
+                .WhereIf(layoutId.HasValue, x => x.LayoutId == layoutId)
                 .WhereIf(platformType.HasValue, menu => menu.PlatformType.HasFlag(platformType.Value))
                 .WhereIf(!filter.IsNullOrWhiteSpace(), menu => 
                         menu.Path.Contains(filter) || menu.Name.Contains(filter) ||
@@ -186,6 +190,7 @@ namespace LINGYUN.Platform.Menus
             bool reverse = false,
             PlatformType? platformType = null,
             Guid? parentId = null,
+            Guid? layoutId = null,
             int skipCount = 0, 
             int maxResultCount = 10, 
             CancellationToken cancellationToken = default)
@@ -195,6 +200,7 @@ namespace LINGYUN.Platform.Menus
 
             return await DbSet
                 .WhereIf(parentId.HasValue, x => x.ParentId == parentId)
+                .WhereIf(layoutId.HasValue, x => x.LayoutId == layoutId)
                 .WhereIf(platformType.HasValue, menu => menu.PlatformType.HasFlag(platformType.Value))
                 .WhereIf(!filter.IsNullOrWhiteSpace(), menu =>
                         menu.Path.Contains(filter) || menu.Name.Contains(filter) ||
diff --git a/aspnet-core/modules/platform/LINGYUN.Platform.HttpApi/LINGYUN/Platform/Layouts/LayoutController.cs b/aspnet-core/modules/platform/LINGYUN.Platform.HttpApi/LINGYUN/Platform/Layouts/LayoutController.cs
index 789316b2a..ac7e6bd33 100644
--- a/aspnet-core/modules/platform/LINGYUN.Platform.HttpApi/LINGYUN/Platform/Layouts/LayoutController.cs
+++ b/aspnet-core/modules/platform/LINGYUN.Platform.HttpApi/LINGYUN/Platform/Layouts/LayoutController.cs
@@ -40,6 +40,13 @@ namespace LINGYUN.Platform.Layouts
             return await LayoutAppService.GetAsync(id);
         }
 
+        [HttpGet]
+        [Route("all")]
+        public virtual async Task<ListResultDto<LayoutDto>> GetAllListAsync()
+        {
+            return await LayoutAppService.GetAllListAsync();
+        }
+
         [HttpGet]
         public virtual async Task<PagedResultDto<LayoutDto>> GetListAsync(GetLayoutListInput input)
         {
diff --git a/aspnet-core/modules/platform/README.md b/aspnet-core/modules/platform/README.md
new file mode 100644
index 000000000..d1bc08765
--- /dev/null
+++ b/aspnet-core/modules/platform/README.md
@@ -0,0 +1,24 @@
+# LINGYUN.Platform.Domain
+
+平台管理模块
+
+#### 注意
+
+> 动态菜单管理
+
+  ## IDataSeedContributor
+    说明: 用于预置菜单数据的接口,模块默认已初始化与vue-admin相关的菜单
+
+  ## 其他注意事项
+    不论是布局(path)还是菜单(component),都不需要添加 @/ 的前缀(这通常在前端定义路由时需要),因为前端不支持这样的形式
+  
+
+## 配置使用
+
+
+```csharp
+[DependsOn(typeof(PlatformDomainModule))]
+public class YouProjectModule : AbpModule
+{
+  // other
+}
diff --git a/aspnet-core/services/apigateway/LINGYUN.ApiGateway.Host/event-bus-cap.db b/aspnet-core/services/apigateway/LINGYUN.ApiGateway.Host/event-bus-cap.db
index 82cd869b882d713c5ff0180bb83d1d8bebf2db37..dc066d37fec461d90669698c4d938b7f2fe9c2fb 100644
GIT binary patch
delta 229
zcmZoTz|?SnX@WGP=|mZ4M$?T6OZeFsdABg|ZrRKwu!>i##gmbTO|X&Kuq~Ry*;!s_
z4)1{_OBE(JMz;!@7+9JaS{hgyT38wyn;Bb}Ois+J=Q1)>Fto5TFtak5Jh4@pA5GEZ
z_^t?1BV8lI5U3(^Ju@>i3o|qG$&K-zjtI@>dO%Z6jLa;I42%qP4S`yWVCGurnOj(x
tn;4h`mnJ8trlzE(a4|42F!Fz4;Qz9jOW_qiH#ajIC)A~z|LZdr002)YJSqSH

delta 217
zcmZoTz|?SnX@WGP@kAMCM&peMOZeFs1Q-}NWj1pOtl|}AU|{lL6KrHQY>Vb_c9s|F
zm)K)mIoVLMi`T@$(7@Eh*wO+>noLg2tLHW}R4_ENGB&X?Hk_OoEX{9jY>2FAaza=5
zWO-Rm9*_b(Q%h4zBV)_Sjq#q7Yh~H3z=CF$CYDC#CPoHE2D*kuKm;?;NYB*R*c>Pq
mT$-GmnwpZD!o>gtK!@_*+RUZ!ik}<E<AJzt!{-0`j0FI2@ikEZ

diff --git a/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.Designer.cs b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.Designer.cs
new file mode 100644
index 000000000..ea6e12d93
--- /dev/null
+++ b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.Designer.cs
@@ -0,0 +1,641 @@
+// <auto-generated />
+using System;
+using LINGYUN.Platform.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Volo.Abp.EntityFrameworkCore;
+
+namespace LINGYUN.Platform.Migrations
+{
+    [DbContext(typeof(PlatformHttpApiHostMigrationsDbContext))]
+    [Migration("20201221093615_Remove-Layout-Column-Code")]
+    partial class RemoveLayoutColumnCode
+    {
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("_Abp_DatabaseProvider", EfCoreDatabaseProvider.MySql)
+                .HasAnnotation("ProductVersion", "3.1.8")
+                .HasAnnotation("Relational:MaxIdentifierLength", 64);
+
+            modelBuilder.Entity("LINGYUN.Platform.Datas.Data", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnName("Code")
+                        .HasColumnType("varchar(1024) CHARACTER SET utf8mb4")
+                        .HasMaxLength(1024);
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnName("ConcurrencyStamp")
+                        .HasColumnType("varchar(40) CHARACTER SET utf8mb4")
+                        .HasMaxLength(40);
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("DeleterId")
+                        .HasColumnName("DeleterId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("DeletionTime")
+                        .HasColumnName("DeletionTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnName("Description")
+                        .HasColumnType("varchar(1024) CHARACTER SET utf8mb4")
+                        .HasMaxLength(1024);
+
+                    b.Property<string>("DisplayName")
+                        .IsRequired()
+                        .HasColumnName("DisplayName")
+                        .HasColumnType("varchar(128) CHARACTER SET utf8mb4")
+                        .HasMaxLength(128);
+
+                    b.Property<string>("ExtraProperties")
+                        .HasColumnName("ExtraProperties")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<bool>("IsDeleted")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnName("IsDeleted")
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(false);
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnName("Name")
+                        .HasColumnType("varchar(30) CHARACTER SET utf8mb4")
+                        .HasMaxLength(30);
+
+                    b.Property<Guid?>("ParentId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Name");
+
+                    b.ToTable("AppPlatformDatas");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Datas.DataItem", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<bool>("AllowBeNull")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(true);
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnName("ConcurrencyStamp")
+                        .HasColumnType("varchar(40) CHARACTER SET utf8mb4")
+                        .HasMaxLength(40);
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("DataId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("DefaultValue")
+                        .HasColumnName("DefaultValue")
+                        .HasColumnType("varchar(128) CHARACTER SET utf8mb4")
+                        .HasMaxLength(128);
+
+                    b.Property<Guid?>("DeleterId")
+                        .HasColumnName("DeleterId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("DeletionTime")
+                        .HasColumnName("DeletionTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnName("Description")
+                        .HasColumnType("varchar(1024) CHARACTER SET utf8mb4")
+                        .HasMaxLength(1024);
+
+                    b.Property<string>("DisplayName")
+                        .IsRequired()
+                        .HasColumnName("DisplayName")
+                        .HasColumnType("varchar(128) CHARACTER SET utf8mb4")
+                        .HasMaxLength(128);
+
+                    b.Property<string>("ExtraProperties")
+                        .HasColumnName("ExtraProperties")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<bool>("IsDeleted")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnName("IsDeleted")
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(false);
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnName("Name")
+                        .HasColumnType("varchar(30) CHARACTER SET utf8mb4")
+                        .HasMaxLength(30);
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<int>("ValueType")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("DataId");
+
+                    b.HasIndex("Name");
+
+                    b.ToTable("AppPlatformDataItems");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Layouts.Layout", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnName("ConcurrencyStamp")
+                        .HasColumnType("varchar(40) CHARACTER SET utf8mb4")
+                        .HasMaxLength(40);
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("DataId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("DeleterId")
+                        .HasColumnName("DeleterId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("DeletionTime")
+                        .HasColumnName("DeletionTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<string>("DisplayName")
+                        .IsRequired()
+                        .HasColumnName("DisplayName")
+                        .HasColumnType("varchar(128) CHARACTER SET utf8mb4")
+                        .HasMaxLength(128);
+
+                    b.Property<string>("ExtraProperties")
+                        .HasColumnName("ExtraProperties")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<bool>("IsDeleted")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnName("IsDeleted")
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(false);
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnName("Name")
+                        .HasColumnType("varchar(64) CHARACTER SET utf8mb4")
+                        .HasMaxLength(64);
+
+                    b.Property<string>("Path")
+                        .HasColumnName("Path")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<int>("PlatformType")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Redirect")
+                        .HasColumnName("Redirect")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("AppPlatformLayouts");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Menus.Menu", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Code")
+                        .IsRequired()
+                        .HasColumnName("Code")
+                        .HasColumnType("varchar(23) CHARACTER SET utf8mb4")
+                        .HasMaxLength(23);
+
+                    b.Property<string>("Component")
+                        .IsRequired()
+                        .HasColumnName("Component")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnName("ConcurrencyStamp")
+                        .HasColumnType("varchar(40) CHARACTER SET utf8mb4")
+                        .HasMaxLength(40);
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("DeleterId")
+                        .HasColumnName("DeleterId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("DeletionTime")
+                        .HasColumnName("DeletionTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<string>("DisplayName")
+                        .IsRequired()
+                        .HasColumnName("DisplayName")
+                        .HasColumnType("varchar(128) CHARACTER SET utf8mb4")
+                        .HasMaxLength(128);
+
+                    b.Property<string>("ExtraProperties")
+                        .HasColumnName("ExtraProperties")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<bool>("IsDeleted")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnName("IsDeleted")
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(false);
+
+                    b.Property<bool>("IsPublic")
+                        .HasColumnType("tinyint(1)");
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("LayoutId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnName("Name")
+                        .HasColumnType("varchar(64) CHARACTER SET utf8mb4")
+                        .HasMaxLength(64);
+
+                    b.Property<Guid?>("ParentId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Path")
+                        .HasColumnName("Path")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<int>("PlatformType")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Redirect")
+                        .HasColumnName("Redirect")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("AppPlatformMenus");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Menus.RoleMenu", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("MenuId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("RoleName")
+                        .IsRequired()
+                        .HasColumnName("RoleName")
+                        .HasColumnType("varchar(256) CHARACTER SET utf8mb4")
+                        .HasMaxLength(256);
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RoleName", "MenuId");
+
+                    b.ToTable("AppPlatformRoleMenus");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Menus.UserMenu", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("MenuId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid>("UserId")
+                        .HasColumnType("char(36)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId", "MenuId");
+
+                    b.ToTable("AppPlatformUserMenus");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Versions.AppVersion", b =>
+                {
+                    b.Property<Guid>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnName("ConcurrencyStamp")
+                        .HasColumnType("varchar(40) CHARACTER SET utf8mb4")
+                        .HasMaxLength(40);
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<Guid?>("DeleterId")
+                        .HasColumnName("DeleterId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime?>("DeletionTime")
+                        .HasColumnName("DeletionTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<string>("Description")
+                        .HasColumnName("Description")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4")
+                        .HasMaxLength(2048);
+
+                    b.Property<string>("ExtraProperties")
+                        .HasColumnName("ExtraProperties")
+                        .HasColumnType("longtext CHARACTER SET utf8mb4");
+
+                    b.Property<bool>("IsDeleted")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnName("IsDeleted")
+                        .HasColumnType("tinyint(1)")
+                        .HasDefaultValue(false);
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<int>("Level")
+                        .HasColumnType("int");
+
+                    b.Property<int>("PlatformType")
+                        .HasColumnType("int");
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnName("Title")
+                        .HasColumnType("varchar(50) CHARACTER SET utf8mb4")
+                        .HasMaxLength(50);
+
+                    b.Property<string>("Version")
+                        .IsRequired()
+                        .HasColumnName("Version")
+                        .HasColumnType("varchar(20) CHARACTER SET utf8mb4")
+                        .HasMaxLength(20);
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("Version");
+
+                    b.ToTable("AppPlatformVersion");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Versions.VersionFile", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    b.Property<Guid>("AppVersionId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<DateTime>("CreationTime")
+                        .HasColumnName("CreationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("CreatorId")
+                        .HasColumnName("CreatorId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<int>("DownloadCount")
+                        .HasColumnType("int");
+
+                    b.Property<int>("FileType")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime?>("LastModificationTime")
+                        .HasColumnName("LastModificationTime")
+                        .HasColumnType("datetime(6)");
+
+                    b.Property<Guid?>("LastModifierId")
+                        .HasColumnName("LastModifierId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnName("Name")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<string>("Path")
+                        .HasColumnName("Path")
+                        .HasColumnType("varchar(255) CHARACTER SET utf8mb4")
+                        .HasMaxLength(255);
+
+                    b.Property<string>("SHA256")
+                        .IsRequired()
+                        .HasColumnName("SHA256")
+                        .HasColumnType("varchar(65) CHARACTER SET utf8mb4")
+                        .HasMaxLength(65);
+
+                    b.Property<long>("Size")
+                        .HasColumnType("bigint");
+
+                    b.Property<Guid?>("TenantId")
+                        .HasColumnName("TenantId")
+                        .HasColumnType("char(36)");
+
+                    b.Property<string>("Version")
+                        .IsRequired()
+                        .HasColumnName("Version")
+                        .HasColumnType("varchar(20) CHARACTER SET utf8mb4")
+                        .HasMaxLength(20);
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("AppVersionId");
+
+                    b.HasIndex("Path", "Name", "Version")
+                        .IsUnique();
+
+                    b.ToTable("AppPlatformVersionFile");
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Datas.DataItem", b =>
+                {
+                    b.HasOne("LINGYUN.Platform.Datas.Data", null)
+                        .WithMany("Items")
+                        .HasForeignKey("DataId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("LINGYUN.Platform.Versions.VersionFile", b =>
+                {
+                    b.HasOne("LINGYUN.Platform.Versions.AppVersion", "AppVersion")
+                        .WithMany("Files")
+                        .HasForeignKey("AppVersionId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.cs b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.cs
new file mode 100644
index 000000000..3dc9febef
--- /dev/null
+++ b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/20201221093615_Remove-Layout-Column-Code.cs
@@ -0,0 +1,23 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+namespace LINGYUN.Platform.Migrations
+{
+    public partial class RemoveLayoutColumnCode : Migration
+    {
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "Code",
+                table: "AppPlatformLayouts");
+        }
+
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "Code",
+                table: "AppPlatformLayouts",
+                type: "longtext CHARACTER SET utf8mb4",
+                nullable: true);
+        }
+    }
+}
diff --git a/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/PlatformHttpApiHostMigrationsDbContextModelSnapshot.cs b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/PlatformHttpApiHostMigrationsDbContextModelSnapshot.cs
index 1a1ed68fe..63f721ef2 100644
--- a/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/PlatformHttpApiHostMigrationsDbContextModelSnapshot.cs
+++ b/aspnet-core/services/platform/LINGYUN.Platform.HttpApi.Host/Migrations/PlatformHttpApiHostMigrationsDbContextModelSnapshot.cs
@@ -200,9 +200,6 @@ namespace LINGYUN.Platform.Migrations
                         .ValueGeneratedOnAdd()
                         .HasColumnType("char(36)");
 
-                    b.Property<string>("Code")
-                        .HasColumnType("longtext CHARACTER SET utf8mb4");
-
                     b.Property<string>("ConcurrencyStamp")
                         .IsConcurrencyToken()
                         .HasColumnName("ConcurrencyStamp")
diff --git a/vueJs/debug.log b/vueJs/debug.log
index b7d44f1be..9fd001a32 100644
--- a/vueJs/debug.log
+++ b/vueJs/debug.log
@@ -3,3 +3,4 @@
 [1211/094715.020:ERROR:directory_reader_win.cc(43)] FindFirstFile: ϵͳ�Ҳ���ָ����·���� (0x3)
 [1219/155359.779:ERROR:directory_reader_win.cc(43)] FindFirstFile: ϵͳ�Ҳ���ָ����·���� (0x3)
 [1220/155401.094:ERROR:directory_reader_win.cc(43)] FindFirstFile: ϵͳ�Ҳ���ָ����·���� (0x3)
+[1221/155401.113:ERROR:directory_reader_win.cc(43)] FindFirstFile: ϵͳ�Ҳ���ָ����·���� (0x3)
diff --git a/vueJs/src/api/layout.ts b/vueJs/src/api/layout.ts
index 137c50232..af8cc757a 100644
--- a/vueJs/src/api/layout.ts
+++ b/vueJs/src/api/layout.ts
@@ -1,6 +1,6 @@
 import ApiService from './serviceBase'
 import { urlStringify } from '@/utils/index'
-import { FullAuditedEntityDto, PagedResultDto, PagedAndSortedResultRequestDto } from './types'
+import { ListResultDto, PagedResultDto, PagedAndSortedResultRequestDto } from './types'
 
 const sourceUrl = '/api/platform/layouts'
 /** 远程服务地址 */
@@ -13,6 +13,11 @@ export default class LayoutService {
     return ApiService.Get<Layout>(_url, serviceUrl)
   }
 
+  public static getAllList() {
+    const _url = sourceUrl + '/all'
+    return ApiService.Get<ListResultDto<Layout >>(_url, serviceUrl)
+  }
+
   public static getList(payload: GetLayoutByPaged) {
     const _url = sourceUrl + '?' + urlStringify(payload)
     return ApiService.Get<PagedResultDto<Layout >>(_url, serviceUrl)
@@ -76,7 +81,6 @@ export class Route {
 }
 
 export class Layout extends Route {
-  code!: string
   platformType!: PlatformType
   dataId!: string
 }
diff --git a/vueJs/src/api/menu.ts b/vueJs/src/api/menu.ts
index 47cc43238..dd29a114a 100644
--- a/vueJs/src/api/menu.ts
+++ b/vueJs/src/api/menu.ts
@@ -80,6 +80,7 @@ export class GetAllMenu implements ISortedResultRequest {
   sorting = ''
   reverse = false
   parentId?: string
+  layoutId?: string
   platformType?: PlatformType
 }
 
@@ -91,6 +92,8 @@ export class GetRoleMenu {
 export class GetMenuByPaged extends PagedAndSortedResultRequestDto {
   filter = ''
   reverse = false
+  layoutId?: string
+  parentId?: string
   platformType?: PlatformType
 }
 
diff --git a/vueJs/src/router/index.ts b/vueJs/src/router/index.ts
index 3566d6c04..0335c36cc 100644
--- a/vueJs/src/router/index.ts
+++ b/vueJs/src/router/index.ts
@@ -10,11 +10,15 @@ import Layout from '@/layout/index.vue'
 // import tableRouter from './modules/table'
 // import nestedRouter from './modules/nested'
 // import taskRouter from './modules/task'
+// 就算是动态菜单，依然要在这里定义一下路径，这是为了告诉webpack哪些文件需要打包，否则会找不到页面路径
+// 当然，更好的方法是指定webpack配置
+
 import adminRouter from './modules/admin'
 import auditingRouter from './modules/auditing'
 import apigatewayRouter from './modules/apigateway'
 import identityServerRouter from './modules/identityServer'
 import fileManagementRouter from './modules/file-management'
+import containerRouter from './modules/container'
 
 Vue.use(Router)
 /*
@@ -164,6 +168,7 @@ export const asyncRoutes: RouteConfig[] = [
   apigatewayRouter,
   identityServerRouter,
   fileManagementRouter,
+  containerRouter,
   {
     path: '*',
     component: () => import(/* webpackChunkName: "error-page-404" */ '@/views/error-page/404.vue'),
diff --git a/vueJs/src/router/modules/admin.ts b/vueJs/src/router/modules/admin.ts
index 00802cb7e..32eb3aa68 100644
--- a/vueJs/src/router/modules/admin.ts
+++ b/vueJs/src/router/modules/admin.ts
@@ -70,26 +70,6 @@ const adminRouter: RouteConfig = {
         icon: 'claim-type',
         roles: ['AbpIdentity.IdentityClaimTypes']
       }
-    },
-    {
-      path: 'data-dictionary',
-      component: () => import(/* webpackChunkName: "claim-type" */ '@/views/admin/data-dictionary/index.vue'),
-      name: 'data-dictionary',
-      meta: {
-        title: '数据字典',
-        icon: 'data-dictionary',
-        roles: ['AbpIdentity.IdentityClaimTypes']
-      }
-    },
-    {
-      path: 'menus',
-      component: () => import(/* webpackChunkName: "claim-type" */ '@/views/admin/menus/index.vue'),
-      name: 'menus',
-      meta: {
-        title: '菜单',
-        icon: 'menus',
-        roles: ['AbpIdentity.IdentityClaimTypes']
-      }
     }
   ]
 }
diff --git a/vueJs/src/router/modules/container.ts b/vueJs/src/router/modules/container.ts
new file mode 100644
index 000000000..1be5469c0
--- /dev/null
+++ b/vueJs/src/router/modules/container.ts
@@ -0,0 +1,37 @@
+import { RouteConfig } from 'vue-router'
+import Layout from '@/layout/index.vue'
+
+const containerRouter: RouteConfig = {
+  path: '/container',
+  component: Layout,
+  meta: {
+    title: 'container',
+    icon: 'container',
+    roles: ['Platform.Layout', 'Platform.Menus'],
+    alwaysShow: true
+  },
+  children: [
+    {
+      path: 'layouts',
+      component: () => import(/* webpackChunkName: "layouts" */ '@/views/container/layouts/index.vue'),
+      name: 'layouts',
+      meta: {
+        title: 'layouts',
+        icon: 'layouts',
+        roles: ['Platform.Layout']
+      }
+    },
+    {
+      path: 'menus',
+      component: () => import(/* webpackChunkName: "menus" */ '@/views/container/menus/index.vue'),
+      name: 'menus',
+      meta: {
+        title: 'menus',
+        icon: 'menus',
+        roles: ['ApiGateway.Menus']
+      }
+    }
+  ]
+}
+
+export default containerRouter
diff --git a/vueJs/src/views/container/layouts/components/CreateOrUpdateLayoutDialog.vue b/vueJs/src/views/container/layouts/components/CreateOrUpdateLayoutDialog.vue
new file mode 100644
index 000000000..016de8522
--- /dev/null
+++ b/vueJs/src/views/container/layouts/components/CreateOrUpdateLayoutDialog.vue
@@ -0,0 +1,275 @@
+<template>
+  <el-dialog
+    v-el-draggable-dialog
+    width="800px"
+    :visible="showDialog"
+    :title="title"
+    custom-class="modal-form"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @close="onFormClosed(false)"
+  >
+    <el-form
+      ref="formLayout"
+      :model="layout"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('AppPlatform.DisplayName:PlatformType')"
+        :rules="{
+          required: true,
+          message: $t('pleaseInputBy', {key: $t('AppPlatform.DisplayName:PlatformType')}),
+          trigger: 'blur'
+        }"
+      >
+        <el-select
+          v-model="layout.platformType"
+          style="width: 100%;"
+          class="filter-item"
+          clearable
+          :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:PlatformType')})"
+        >
+          <el-option
+            v-for="platformType in platformTypes"
+            :key="platformType.key"
+            :label="platformType.key"
+            :value="platformType.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        v-if="!isEdit"
+        :label="$t('AppPlatform.DisplayName:DataDictionary')"
+        :rules="{
+          required: true
+        }"
+      >
+        <el-select
+          v-model="dataId"
+          style="width: 100%;"
+          class="filter-item"
+          clearable
+          :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:DataDictionary')})"
+        >
+          <el-option
+            v-for="data in datas"
+            :key="data.name"
+            :label="data.displayName"
+            :value="data.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+        prop="name"
+        :label="$t(('AppPlatform.DisplayName:Name'))"
+        :rules="{
+          required: true,
+          message: $t('pleaseInputBy', {key: $t('AppPlatform.DisplayName:Name')}),
+          trigger: 'blur'
+        }"
+      >
+        <el-input
+          v-model="layout.name"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="displayName"
+        :label="$t(('AppPlatform.DisplayName:DisplayName'))"
+        :rules="{
+          required: true,
+          message: $t('pleaseInputBy', {key: $t('AppPlatform.DisplayName:DisplayName')}),
+          trigger: 'blur'
+        }"
+      >
+        <el-input
+          v-model="layout.displayName"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="path"
+        :label="$t(('AppPlatform.DisplayName:Path'))"
+        :rules="{
+          required: true,
+          message: $t('pleaseInputBy', {key: $t('AppPlatform.DisplayName:Path')}),
+          trigger: 'blur'
+        }"
+      >
+        <el-input
+          v-model="layout.path"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="redirect"
+        :label="$t(('AppPlatform.DisplayName:Redirect'))"
+      >
+        <el-input
+          v-model="layout.redirect"
+        />
+      </el-form-item>
+      <el-form-item
+        prop="description"
+        :label="$t(('AppPlatform.DisplayName:Description'))"
+      >
+        <el-input
+          v-model="layout.description"
+          type="textarea"
+        />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button
+          class="cancel"
+          type="info"
+          @click="onFormClosed(false)"
+        >
+          {{ $t('AbpUi.Cancel') }}
+        </el-button>
+        <el-button
+          class="confirm"
+          type="primary"
+          icon="el-icon-check"
+          @click="onSave"
+        >
+          {{ $t('AbpUi.Save') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Watch } from 'vue-property-decorator'
+
+import { Form } from 'element-ui'
+import DataService, { Data } from '@/api/data-dictionary'
+import LayoutService, {
+  Layout,
+  LayoutCreateOrUpdate,
+  LayoutCreate,
+  LayoutUpdate,
+  PlatformTypes
+} from '@/api/layout'
+
+@Component({
+  name: 'CreateOrUpdateLayoutDialog'
+})
+export default class CreateOrUpdateLayoutDialog extends Vue {
+  @Prop({ default: false })
+  private showDialog!: boolean
+
+  @Prop({ default: null })
+  private layoutId!: string
+
+  private layout = new Layout()
+  private datas = new Array<Data>()
+  private platformTypes = PlatformTypes
+  private dataId = ''
+
+  get isEdit() {
+    if (this.layoutId) {
+      return true
+    }
+    return false
+  }
+
+  get title() {
+    if (this.isEdit) {
+      return this.$t('AppPlatform.Layout:EditByName', { 0: this.layout.displayName })
+    }
+    return this.$t('AppPlatform.Layout:AddNew')
+  }
+
+  @Watch('showDialog')
+  private onShowDialogChanged() {
+    this.handleGetLayout()
+  }
+
+  mounted() {
+    this.handleGetDataDictionarys()
+  }
+
+  private handleGetDataDictionarys() {
+    DataService
+      .getAll()
+      .then(res => {
+        this.datas = res.items
+      })
+  }
+
+  private handleGetLayout() {
+    if (this.showDialog && this.layoutId) {
+      LayoutService
+        .get(this.layoutId)
+        .then(res => {
+          this.layout = res
+        })
+    } else {
+      this.layout = new Layout()
+    }
+  }
+
+  private onSave() {
+    const formLayout = this.$refs.formLayout as Form
+    formLayout
+      .validate(valid => {
+        if (valid) {
+          if (this.isEdit) {
+            const update = new LayoutUpdate()
+            this.updateMenuByInput(update)
+            LayoutService
+              .update(this.layoutId, update)
+              .then(res => {
+                this.layout = res
+                this.$message.success(this.$t('successful').toString())
+                this.onFormClosed(true)
+              })
+          } else {
+            if (!this.dataId) {
+              this.$message.warning(this.$t('pleaseSelectBy', { key: this.$t('AppPlatform.DisplayName:DataDictionary') }).toString())
+              return
+            }
+            const create = new LayoutCreate()
+            this.updateMenuByInput(create)
+            create.dataId = this.dataId
+            LayoutService
+              .create(create)
+              .then(res => {
+                this.layout = res
+                this.$message.success(this.$t('successful').toString())
+                this.onFormClosed(true)
+              })
+          }
+        }
+      })
+  }
+
+  private onFormClosed(changed: boolean) {
+    const formLayout = this.$refs.formLayout as Form
+    formLayout.resetFields()
+    this.$emit('closed', changed)
+  }
+
+  private updateMenuByInput(update: LayoutCreateOrUpdate) {
+    update.name = this.layout.name
+    update.path = this.layout.path
+    update.displayName = this.layout.displayName
+    update.description = this.layout.description
+    update.redirect = this.layout.redirect
+    update.platformType = this.layout.platformType
+  }
+}
+</script>
+
+<style scoped>
+.confirm {
+  position: absolute;
+  right: 10px;
+  width:100px;
+}
+.cancel {
+  position: absolute;
+  right: 120px;
+  width:100px;
+}
+</style>
diff --git a/vueJs/src/views/container/layouts/index.vue b/vueJs/src/views/container/layouts/index.vue
new file mode 100644
index 000000000..593d1df51
--- /dev/null
+++ b/vueJs/src/views/container/layouts/index.vue
@@ -0,0 +1,237 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-form inline>
+        <el-form-item
+          label-width="100px"
+          :label="$t('AppPlatform.DisplayName:Filter')"
+        >
+          <el-input
+            v-model="dataFilter.filter"
+          />
+        </el-form-item>
+        <el-form-item
+          label-width="100px"
+          :label="$t('AppPlatform.DisplayName:PlatformType')"
+        >
+          <el-select
+            v-model="dataFilter.platformType"
+            class="filter-item"
+            clearable
+            :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:PlatformType')})"
+          >
+            <el-option
+              v-for="item in platformTypes"
+              :key="item.key"
+              :label="item.key"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-button
+          class="filter-item"
+          style="width: 150px; margin-left: 10px;"
+          type="primary"
+          @click="refreshPagedData"
+        >
+          <i class="el-icon-search" />
+          {{ $t('AppPlatform.DisplayName:SecrchLayout') }}
+        </el-button>
+        <el-button
+          class="filter-item"
+          style="width: 150px; margin-left: 10px;"
+          type="success"
+          @click="handleAddLayout"
+        >
+          <i class="ivu-icon ivu-icon-md-add" />
+          {{ $t('AppPlatform.Layout:AddNew') }}
+        </el-button>
+      </el-form>
+    </div>
+
+    <el-table
+      v-loading="dataLoading"
+      row-key="id"
+      :data="dataList"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+      @sort-change="handleSortChange"
+    >
+      <el-table-column
+        :label="$t('AppPlatform.DisplayName:Name')"
+        prop="Name"
+        sortable
+        width="200px"
+      >
+        <template slot-scope="{row}">
+          <span>{{ row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('AppPlatform.DisplayName:Path')"
+        prop="path"
+        sortable
+        width="250px"
+      >
+        <template slot-scope="{row}">
+          <el-tag>
+            {{ row.path }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('AppPlatform.DisplayName:DisplayName')"
+        prop="displayName"
+        sortable
+        width="250px"
+      >
+        <template slot-scope="{row}">
+          <span>{{ row.displayName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('AppPlatform.DisplayName:Description')"
+        prop="description"
+        sortable
+        width="250px"
+      >
+        <template slot-scope="{row}">
+          <span>{{ row.description }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('AppPlatform.DisplayName:Redirect')"
+        prop="redirect"
+        sortable
+        width="250px"
+      >
+        <template slot-scope="{row}">
+          <span>{{ row.redirect }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('operaActions')"
+        align="center"
+        min-width="200px"
+      >
+        <template slot-scope="{row}">
+          <el-button
+            :disabled="!checkPermission(['Platform.Layout.Update'])"
+            size="mini"
+            type="primary"
+            icon="el-icon-edit"
+            @click="handleEditLayout(row.id)"
+          />
+          <el-button
+            :disabled="!checkPermission(['Platform.Layout.Delete'])"
+            size="mini"
+            type="danger"
+            icon="el-icon-delete"
+            @click="handleRemoveLayout(row)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="dataTotal>0"
+      :total="dataTotal"
+      :page.sync="currentPage"
+      :limit.sync="pageSize"
+      @pagination="refreshPagedData"
+      @sort-change="handleSortChange"
+    />
+
+    <create-or-update-layout-dialog
+      :show-dialog="showEditDialog"
+      :layout-id="editLayoutId"
+      @closed="onLayoutEditDialogClosed"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import { dateFormat, abpPagerFormat } from '@/utils'
+import { checkPermission } from '@/utils/permission'
+import LayoutService, { Layout, GetLayoutByPaged, PlatformTypes } from '@/api/layout'
+import DataListMiXin from '@/mixins/DataListMiXin'
+import Component, { mixins } from 'vue-class-component'
+import Pagination from '@/components/Pagination/index.vue'
+import CreateOrUpdateLayoutDialog from './components/CreateOrUpdateLayoutDialog.vue'
+
+@Component({
+  name: 'Layouts',
+  components: {
+    Pagination,
+    CreateOrUpdateLayoutDialog
+  },
+  filters: {
+    dateTimeFormatFilter(dateTime: Date) {
+      return dateFormat(new Date(dateTime), 'YYYY-mm-dd HH:MM:SS:NS')
+    }
+  },
+  methods: {
+    checkPermission
+  }
+})
+export default class extends mixins(DataListMiXin) {
+  public dataFilter = new GetLayoutByPaged()
+  private showEditDialog = false
+  private editLayoutId = ''
+
+  private platformTypes = PlatformTypes
+
+  mounted() {
+    this.refreshPagedData()
+  }
+
+  protected processDataFilter() {
+    this.dataFilter.skipCount = abpPagerFormat(this.currentPage, this.pageSize)
+  }
+
+  protected getPagedList(filter: any) {
+    return LayoutService.getList(filter)
+  }
+
+  private handleRemoveLayout(layout: Layout) {
+    this.$confirm(this.l('questingDeleteByMessage', { message: layout.displayName }),
+      this.l('AppPlatform.Layout:Delete'), {
+        callback: (action) => {
+          if (action === 'confirm') {
+            LayoutService
+              .delete(layout.id)
+              .then(() => {
+                this.$message.success(this.l('successful'))
+                this.refreshPagedData()
+              })
+          }
+        }
+      })
+  }
+
+  private handleAddLayout() {
+    this.editLayoutId = ''
+    this.showEditDialog = true
+  }
+
+  private handleEditLayout(id: string) {
+    this.editLayoutId = id
+    this.showEditDialog = true
+  }
+
+  private onLayoutEditDialogClosed(changed: boolean) {
+    this.showEditDialog = false
+    if (changed) {
+      this.refreshPagedData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.data-filter-collapse-title {
+  font-size: 15px;
+}
+</style>
diff --git a/vueJs/src/views/admin/menus/components/CreateOrUpdateMenuDialog.vue b/vueJs/src/views/container/menus/components/CreateOrUpdateMenuDialog.vue
similarity index 98%
rename from vueJs/src/views/admin/menus/components/CreateOrUpdateMenuDialog.vue
rename to vueJs/src/views/container/menus/components/CreateOrUpdateMenuDialog.vue
index b35d9b873..3aa84600b 100644
--- a/vueJs/src/views/admin/menus/components/CreateOrUpdateMenuDialog.vue
+++ b/vueJs/src/views/container/menus/components/CreateOrUpdateMenuDialog.vue
@@ -282,6 +282,10 @@ export default class CreateOrUpdateMenuDialog extends Vue {
   private onLayoutChanged() {
     const layout = this.layouts.find(x => x.id === this.layoutId)
     if (layout) {
+      if (!this.parentId) {
+        // 对于根菜单,自动设置组件路径为布局路径
+        this.menu.component = layout.path
+      }
       DataService
         .get(layout.dataId)
         .then(res => {
diff --git a/vueJs/src/views/admin/menus/components/MenuMetaInput.vue b/vueJs/src/views/container/menus/components/MenuMetaInput.vue
similarity index 100%
rename from vueJs/src/views/admin/menus/components/MenuMetaInput.vue
rename to vueJs/src/views/container/menus/components/MenuMetaInput.vue
diff --git a/vueJs/src/views/admin/menus/index.vue b/vueJs/src/views/container/menus/index.vue
similarity index 69%
rename from vueJs/src/views/admin/menus/index.vue
rename to vueJs/src/views/container/menus/index.vue
index ce39e8d38..910b15061 100644
--- a/vueJs/src/views/admin/menus/index.vue
+++ b/vueJs/src/views/container/menus/index.vue
@@ -1,60 +1,69 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-form>
-        <el-row>
-          <el-col :span="6">
-            <el-form-item
-              label-width="100px"
-              :label="$t('AppPlatform.DisplayName:Filter')"
-            >
-              <el-input
-                v-model="dataQueryFilter.filter"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              label-width="100px"
-              :label="$t('AppPlatform.DisplayName:PlatformType')"
-            >
-              <el-select
-                v-model="dataQueryFilter.platformType"
-                style="width: 250px;margin-left: 10px;"
-                class="filter-item"
-                clearable
-                :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:PlatformType')})"
-              >
-                <el-option
-                  v-for="item in platformTypes"
-                  :key="item.key"
-                  :label="item.key"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-button
-              class="filter-item"
-              style="width: 150px;"
-              type="primary"
-              @click="resetList"
-            >
-              <i class="el-icon-search" />
-              {{ $t('AppPlatform.DisplayName:SecrchMenu') }}
-            </el-button>
-            <el-button
-              class="filter-item"
-              style="width: 150px;"
-              type="success"
-              @click="handleAddMenu('')"
-            >
-              <i class="ivu-icon ivu-icon-md-add" />
-              {{ $t('AppPlatform.Menu:AddNew') }}
-            </el-button>
-          </el-col>
-        </el-row>
+      <el-form inline>
+        <el-form-item
+          label-width="100px"
+          :label="$t('AppPlatform.DisplayName:Filter')"
+        >
+          <el-input
+            v-model="dataQueryFilter.filter"
+          />
+        </el-form-item>
+        <el-form-item
+          label-width="100px"
+          :label="$t('AppPlatform.DisplayName:PlatformType')"
+        >
+          <el-select
+            v-model="dataQueryFilter.platformType"
+            class="filter-item"
+            clearable
+            :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:PlatformType')})"
+          >
+            <el-option
+              v-for="item in platformTypes"
+              :key="item.key"
+              :label="item.key"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label-width="100px"
+          :label="$t('AppPlatform.DisplayName:Layout')"
+        >
+          <el-select
+            v-model="dataQueryFilter.layoutId"
+            class="filter-item"
+            clearable
+            :placeholder="$t('pleaseSelectBy', {name: $t('AppPlatform.DisplayName:Layout')})"
+          >
+            <el-option
+              v-for="layout in layouts"
+              :key="layout.id"
+              :label="layout.displayName"
+              :value="layout.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-button
+          class="filter-item"
+          style="width: 150px; margin-left: 10px;"
+          type="primary"
+          @click="resetList"
+        >
+          <i class="el-icon-search" />
+          {{ $t('AppPlatform.DisplayName:SecrchMenu') }}
+        </el-button>
+        <el-button
+          class="filter-item"
+          style="width: 150px; margin-left: 10px;"
+          type="success"
+          @click="handleAddMenu('')"
+        >
+          <i class="ivu-icon ivu-icon-md-add" />
+          {{ $t('AppPlatform.Menu:AddNew') }}
+        </el-button>
       </el-form>
     </div>
 
@@ -177,7 +186,7 @@
 <script lang="ts">
 import { dateFormat, generateTree } from '@/utils'
 import { checkPermission } from '@/utils/permission'
-import { PlatformTypes } from '@/api/layout'
+import LayoutService, { PlatformTypes, Layout } from '@/api/layout'
 import MenuService, { Menu, GetAllMenu } from '@/api/menu'
 import DataListMiXin from '@/mixins/DataListMiXin'
 import Component, { mixins } from 'vue-class-component'
@@ -204,10 +213,12 @@ export default class extends mixins(DataListMiXin) {
   private showEditDialog = false
   private editMenuId = ''
   private parentMenuId = ''
+  private layouts = new Array<Layout>()
 
   private platformTypes = PlatformTypes
 
   mounted() {
+    this.handleGetLayouts()
     this.refreshData()
   }
 
@@ -224,9 +235,17 @@ export default class extends mixins(DataListMiXin) {
       })
   }
 
+  private handleGetLayouts() {
+    LayoutService
+      .getAllList()
+      .then(res => {
+        this.layouts = res.items
+      })
+  }
+
   private handleRemoveMenu(menu: Menu) {
     this.$confirm(this.l('questingDeleteByMessage', { message: menu.displayName }),
-      this.l('AppPlatform.RemoveMenu'), {
+      this.l('AppPlatform.Menu:Delete'), {
         callback: (action) => {
           if (action === 'confirm') {
             MenuService