From f3ca6cbf0f7c9bb759ff88e5e75bab5c91da28fb Mon Sep 17 00:00:00 2001
From: xjc <2324881835@qq.com>
Date: Thu, 21 Jul 2022 13:15:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E4=BC=9A=E8=AE=AE?=
 =?UTF-8?q?=E6=8C=87=E5=8D=97=E4=B8=8ESIG=20Landscape?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/.vitepress/src/i18n/sig/sig-en.ts         | 329 ++++++++++++++++-
 app/.vitepress/src/i18n/sig/sig-ru.ts         | 329 ++++++++++++++++-
 app/.vitepress/src/i18n/sig/sig-zh.ts         | 331 +++++++++++++++++-
 .../src/views/sig/sig-list/SigList.vue        |  81 ++---
 .../src/views/sig/sig-list/TheLandscape.vue   | 100 ++++++
 .../src/views/sig/sig-list/TheList.vue        |   3 +-
 app/zh/sig/meeting-guide/index.md             |  58 +++
 app/zh/sig/role-description/index.md          |  16 +-
 8 files changed, 1177 insertions(+), 70 deletions(-)
 create mode 100644 app/zh/sig/meeting-guide/index.md

diff --git a/app/.vitepress/src/i18n/sig/sig-en.ts b/app/.vitepress/src/i18n/sig/sig-en.ts
index 46614051f..53b32e167 100644
--- a/app/.vitepress/src/i18n/sig/sig-en.ts
+++ b/app/.vitepress/src/i18n/sig/sig-en.ts
@@ -74,5 +74,332 @@ export default {
     LI1: 'Each SIG comprises one or more projects on Gitee, and each project has repositories that store SIG deliverables. Registering with an SIG enables you to submit, discuss, and resolve issues with other members, as well as participate in reviews in an SIG repository.',
     LI2: 'An SIG is established for one or more specific technical topics. Core members of an SIG can manage each group, and members can contribute to the quality and the output of deliverables for the openEuler community.',
     LI3: 'In the README.md file on the project Gitee page, you can find project SIG information, members, and contact information. You can join specific SIGs by mailing the listed email addresses. Also, you can attend public meetings, join discussions or forums, or participate in other activities listed in the corresponding README.md file.'
-  }
+  },
+  SIG_LANDSCAPE:[
+    {
+      CATEGORY_NAME: 'Code Repository Management/Technology Innovation',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: 'Industry Solutions/Applications',
+          COLOR: '#7f6ffe',
+          LIST: [
+            {
+              NAME: 'sig-bio'
+            },
+            {
+              NAME: 'sig-ROS'
+            },
+            {
+              NAME: 'sig-android-middleware'
+            },
+            {
+              NAME: 'Application'
+            },
+            {
+               NAME: 'sig-industrial-control'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'General-Purpose Middleware',
+          COLOR: '#db7c61',
+          LIST: [
+            {
+              NAME: 'sig-embedded'
+            },
+            {
+              NAME: 'sig-OpenResty'
+            },
+            {
+              NAME: 'sig-cms'
+            },
+            {
+              NAME: 'DB'
+            },
+            {
+              NAME: 'sig-Ha'
+            },
+            {
+              NAME: 'sig-ai-bigdata'
+            },
+            {
+              NAME: 'sig-compat-winapp'
+            },
+            {
+              NAME: 'sig-ceph'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Toolchains/Languages/Running',
+          COLOR: '#505d75',
+          LIST: [
+            {
+              NAME: 'sig-Rust'
+            },
+            {
+              NAME: 'sig-perl-modules'
+            },
+            {
+              NAME: 'sig-python-modules'
+            },
+            {
+              NAME: 'sig-Java'
+            },
+            {
+              NAME: 'sig-nodejs'
+            },
+            {
+              NAME: 'dev-utils'
+            },
+            {
+              NAME: 'Runtime'
+            },
+            {
+              NAME: 'sig-libboundscheck'
+            },
+            {
+              NAME: 'System-tool'
+            },
+            {
+              NAME: 'sig-golang'
+            },
+            {
+              NAME: 'sig-ruby'
+            },
+            {
+              NAME: 'Compiler'
+            },
+            {
+              NAME: 'Programming-language',
+              IS_WIDER: 1
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Architecture/Processor/Core/Driver',
+          COLOR: '#fec456',
+          LIST: [
+            {
+              NAME: 'sig-RaspberryPi'
+            },
+            {
+              NAME: 'sig-RISC-V'
+            },
+            {
+              NAME: 'sig-aarch32'
+            },
+            {
+              NAME: 'Kernel'
+            },
+            {
+              NAME: 'sig-WayCa'
+            },
+            {
+              NAME: 'sig-DyscheOS'
+            },
+            {
+              NAME: 'sig-REDF'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Cloud Native Infrastructure',
+          COLOR: '#4d7dff',
+          LIST: [
+            {
+              NAME: 'sig-CloudNative'
+            },
+            {
+              NAME: 'sig-ONL'
+            },
+            {
+              NAME: 'sig-openstack'
+            },
+            {
+              NAME: 'sig-OKD'
+            },
+            {
+              NAME: 'Virt'
+            },
+            {
+              NAME: 'iSulad'
+            },
+            {
+              NAME: 'oVirt'
+            },
+            {
+              NAME: 'sig-KubeSphere'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Desktop/Graphics System',
+          COLOR: '#8e9aaf',
+          LIST: [
+            {
+              NAME: 'sig-mate-desktop'
+            },
+            {
+              NAME: 'sig-desktop-apps'
+            },
+            {
+              NAME: 'Desktop'
+            },
+            {
+              NAME: 'GNOME'
+            },
+            {
+              NAME: 'sig-KDE'
+            },
+            {
+              NAME: 'xfce'
+            },
+            {
+              NAME: 'sig-DDE'
+            },
+            {
+              NAME: 'sig-UKUI'
+            },
+            {
+              NAME: 'sig-KIRAN-DESKTOP'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Basic Functions/Features/Tools',
+          COLOR: '#2a9d8f',
+          LIST: [
+            {
+              NAME: 'A-Tune'
+            },
+            {
+              NAME: 'Storage'
+            },
+            {
+              NAME: 'Base-service'
+            },
+            {
+              NAME: 'Computing'
+            },
+            {
+              NAME: 'sig-ops'
+            },
+            {
+              NAME: 'sig-bootstrap'
+            },
+            {
+              NAME: 'Networking'
+            },
+            {
+              NAME: 'sig-security-facility'
+            },
+            {
+              NAME: 'sig-high-performance-network',
+              IS_WIDER: 1
+            },
+            {
+              NAME: 'sig-confidential-computing',
+              IS_WIDER: 1
+            }
+          ]
+        }
+      ]
+   },
+   {
+      CATEGORY_NAME: 'Community Governance and Operations',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: 'Community Ecological Progress',
+          COLOR: '#8e583d',
+          LIST: [
+            {
+              NAME: 'Marketing'
+            },
+            {
+              NAME: 'sig-minzuchess'
+            },
+            {
+              NAME: 'sig-Compatibility-Infra'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Version Release Related',
+          COLOR: '#cec79a',
+          LIST: [
+            {
+              NAME: 'sig-QA'
+            },
+            {
+              NAME: 'doc'
+            },
+            {
+              NAME: 'sig-release-management'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Build Systems/Tools/Dependencies',
+          COLOR: '#19647e',
+          LIST: [
+            {
+              NAME: 'sig-OS-Builder'
+            },
+            {
+              NAME: 'sig-Ostree-Assembly'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Security Committee/Technical Committee/Community Secretariat',
+          COLOR: '#73c0de',
+          LIST: [
+            {
+              NAME: 'TC'
+            },
+            {
+              NAME: 'sig-Community'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Software Package Management',
+          COLOR: '#4c3e72',
+          LIST: [
+            {
+              NAME: 'Packaging'
+            },
+            {
+              NAME: 'sig-recycle'
+            },
+            {
+              NAME: 'sig-EasyLife'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Community Infrastructure',
+          COLOR: '#c44e4e',
+          LIST: [
+            {
+              NAME: 'Infrastructure'
+            },
+            {
+              NAME: 'sig-CICD'
+            },
+            {
+              NAME: 'sig-Gatekeeper'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        }
+      ]
+    }
+  ]
 };
diff --git a/app/.vitepress/src/i18n/sig/sig-ru.ts b/app/.vitepress/src/i18n/sig/sig-ru.ts
index abbc39dfe..26b3f4e35 100644
--- a/app/.vitepress/src/i18n/sig/sig-ru.ts
+++ b/app/.vitepress/src/i18n/sig/sig-ru.ts
@@ -72,5 +72,332 @@ export default {
     LI1: 'Each SIG comprises one or more projects on Gitee, and each project has repositories that store SIG deliverables. Registering with an SIG enables you to submit, discuss, and resolve issues with other members, as well as participate in reviews in an SIG repository.',
     LI2: 'An SIG is established for one or more specific technical topics. Core members of an SIG can manage each group, and members can contribute to the quality and the output of deliverables for the openEuler community.',
     LI3: 'In the README.md file on the project Gitee page, you can find project SIG information, members, and contact information. You can join specific SIGs by mailing the listed email addresses. Also, you can attend public meetings, join discussions or forums, or participate in other activities listed in the corresponding README.md file.'
-  }
+  },
+  SIG_LANDSCAPE:[
+    {
+      CATEGORY_NAME: 'Code Repository Management/Technology Innovation',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: 'Industry Solutions/Applications',
+          COLOR: '#7f6ffe',
+          LIST: [
+            {
+              NAME: 'sig-bio'
+            },
+            {
+              NAME: 'sig-ROS'
+            },
+            {
+              NAME: 'sig-android-middleware'
+            },
+            {
+              NAME: 'Application'
+            },
+            {
+               NAME: 'sig-industrial-control'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'General-Purpose Middleware',
+          COLOR: '#db7c61',
+          LIST: [
+            {
+              NAME: 'sig-embedded'
+            },
+            {
+              NAME: 'sig-OpenResty'
+            },
+            {
+              NAME: 'sig-cms'
+            },
+            {
+              NAME: 'DB'
+            },
+            {
+              NAME: 'sig-Ha'
+            },
+            {
+              NAME: 'sig-ai-bigdata'
+            },
+            {
+              NAME: 'sig-compat-winapp'
+            },
+            {
+              NAME: 'sig-ceph'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Toolchains/Languages/Running',
+          COLOR: '#505d75',
+          LIST: [
+            {
+              NAME: 'sig-Rust'
+            },
+            {
+              NAME: 'sig-perl-modules'
+            },
+            {
+              NAME: 'sig-python-modules'
+            },
+            {
+              NAME: 'sig-Java'
+            },
+            {
+              NAME: 'sig-nodejs'
+            },
+            {
+              NAME: 'dev-utils'
+            },
+            {
+              NAME: 'Runtime'
+            },
+            {
+              NAME: 'sig-libboundscheck'
+            },
+            {
+              NAME: 'System-tool'
+            },
+            {
+              NAME: 'sig-golang'
+            },
+            {
+              NAME: 'sig-ruby'
+            },
+            {
+              NAME: 'Compiler'
+            },
+            {
+              NAME: 'Programming-language',
+              IS_WIDER: 1
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Architecture/Processor/Core/Driver',
+          COLOR: '#fec456',
+          LIST: [
+            {
+              NAME: 'sig-RaspberryPi'
+            },
+            {
+              NAME: 'sig-RISC-V'
+            },
+            {
+              NAME: 'sig-aarch32'
+            },
+            {
+              NAME: 'Kernel'
+            },
+            {
+              NAME: 'sig-WayCa'
+            },
+            {
+              NAME: 'sig-DyscheOS'
+            },
+            {
+              NAME: 'sig-REDF'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Cloud Native Infrastructure',
+          COLOR: '#4d7dff',
+          LIST: [
+            {
+              NAME: 'sig-CloudNative'
+            },
+            {
+              NAME: 'sig-ONL'
+            },
+            {
+              NAME: 'sig-openstack'
+            },
+            {
+              NAME: 'sig-OKD'
+            },
+            {
+              NAME: 'Virt'
+            },
+            {
+              NAME: 'iSulad'
+            },
+            {
+              NAME: 'oVirt'
+            },
+            {
+              NAME: 'sig-KubeSphere'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Desktop/Graphics System',
+          COLOR: '#8e9aaf',
+          LIST: [
+            {
+              NAME: 'sig-mate-desktop'
+            },
+            {
+              NAME: 'sig-desktop-apps'
+            },
+            {
+              NAME: 'Desktop'
+            },
+            {
+              NAME: 'GNOME'
+            },
+            {
+              NAME: 'sig-KDE'
+            },
+            {
+              NAME: 'xfce'
+            },
+            {
+              NAME: 'sig-DDE'
+            },
+            {
+              NAME: 'sig-UKUI'
+            },
+            {
+              NAME: 'sig-KIRAN-DESKTOP'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Basic Functions/Features/Tools',
+          COLOR: '#2a9d8f',
+          LIST: [
+            {
+              NAME: 'A-Tune'
+            },
+            {
+              NAME: 'Storage'
+            },
+            {
+              NAME: 'Base-service'
+            },
+            {
+              NAME: 'Computing'
+            },
+            {
+              NAME: 'sig-ops'
+            },
+            {
+              NAME: 'sig-bootstrap'
+            },
+            {
+              NAME: 'Networking'
+            },
+            {
+              NAME: 'sig-security-facility'
+            },
+            {
+              NAME: 'sig-high-performance-network',
+              IS_WIDER: 1
+            },
+            {
+              NAME: 'sig-confidential-computing',
+              IS_WIDER: 1
+            }
+          ]
+        }
+      ]
+   },
+   {
+      CATEGORY_NAME: 'Community Governance and Operations',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: 'Community Ecological Progress',
+          COLOR: '#8e583d',
+          LIST: [
+            {
+              NAME: 'Marketing'
+            },
+            {
+              NAME: 'sig-minzuchess'
+            },
+            {
+              NAME: 'sig-Compatibility-Infra'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Version Release Related',
+          COLOR: '#cec79a',
+          LIST: [
+            {
+              NAME: 'sig-QA'
+            },
+            {
+              NAME: 'doc'
+            },
+            {
+              NAME: 'sig-release-management'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Build Systems/Tools/Dependencies',
+          COLOR: '#19647e',
+          LIST: [
+            {
+              NAME: 'sig-OS-Builder'
+            },
+            {
+              NAME: 'sig-Ostree-Assembly'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Security Committee/Technical Committee/Community Secretariat',
+          COLOR: '#73c0de',
+          LIST: [
+            {
+              NAME: 'TC'
+            },
+            {
+              NAME: 'sig-Community'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Software Package Management',
+          COLOR: '#4c3e72',
+          LIST: [
+            {
+              NAME: 'Packaging'
+            },
+            {
+              NAME: 'sig-recycle'
+            },
+            {
+              NAME: 'sig-EasyLife'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: 'Community Infrastructure',
+          COLOR: '#c44e4e',
+          LIST: [
+            {
+              NAME: 'Infrastructure'
+            },
+            {
+              NAME: 'sig-CICD'
+            },
+            {
+              NAME: 'sig-Gatekeeper'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        }
+      ]
+    }
+  ]
 };
diff --git a/app/.vitepress/src/i18n/sig/sig-zh.ts b/app/.vitepress/src/i18n/sig/sig-zh.ts
index a6d669e15..92d5f2d4c 100644
--- a/app/.vitepress/src/i18n/sig/sig-zh.ts
+++ b/app/.vitepress/src/i18n/sig/sig-zh.ts
@@ -61,5 +61,332 @@ export default {
     LI1: '每一个SIG在Gitee上都会拥有一个或多个项目，这些项目会拥有一个或多个Repository，SIG的交付成果会保存在这些Repository内。您可以在SIG对应的Repository内提交Issue、针对特定问题参与讨论，提交和解决问题，参与评审等。',
     LI2: 'SIG都是针对特定的一个或多个技术主题而成立的。SIG的核心成员主导SIG的治理，SIG内的成员推动交付成果输出，并争取让交付成果成为openEuler社区发行的一部分。',
     LI3: '在SIG团队项目的gitee首页README.md文件中，可以找到该项目所属的SIG信息、交流方式、成员和联系方式等，欢迎通过邮件列表、公开例会及对应的README.md 文件中提到的联系方式积极参与进SIG内的交流。'
-  }
-};
+  },
+  SIG_LANDSCAPE:[
+    {
+      CATEGORY_NAME: '代码仓管理/技术创新',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: '行业解决方案/应用',
+          COLOR: '#7f6ffe',
+          LIST: [
+            {
+              NAME: 'sig-bio'
+            },
+            {
+              NAME: 'sig-ROS'
+            },
+            {
+              NAME: 'sig-android-middleware'
+            },
+            {
+              NAME: 'Application'
+            },
+            {
+               NAME: 'sig-industrial-control'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '通用中间组件',
+          COLOR: '#db7c61',
+          LIST: [
+            {
+              NAME: 'sig-embedded'
+            },
+            {
+              NAME: 'sig-OpenResty'
+            },
+            {
+              NAME: 'sig-cms'
+            },
+            {
+              NAME: 'DB'
+            },
+            {
+              NAME: 'sig-Ha'
+            },
+            {
+              NAME: 'sig-ai-bigdata'
+            },
+            {
+              NAME: 'sig-compat-winapp'
+            },
+            {
+              NAME: 'sig-ceph'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '工具链/语言/运行',
+          COLOR: '#505d75',
+          LIST: [
+            {
+              NAME: 'sig-Rust'
+            },
+            {
+              NAME: 'sig-perl-modules'
+            },
+            {
+              NAME: 'sig-python-modules'
+            },
+            {
+              NAME: 'sig-Java'
+            },
+            {
+              NAME: 'sig-nodejs'
+            },
+            {
+              NAME: 'dev-utils'
+            },
+            {
+              NAME: 'Runtime'
+            },
+            {
+              NAME: 'sig-libboundscheck'
+            },
+            {
+              NAME: 'System-tool'
+            },
+            {
+              NAME: 'sig-golang'
+            },
+            {
+              NAME: 'sig-ruby'
+            },
+            {
+              NAME: 'Compiler'
+            },
+            {
+              NAME: 'Programming-language',
+              IS_WIDER: 1
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '架构/处理器/内核/驱动',
+          COLOR: '#fec456',
+          LIST: [
+            {
+              NAME: 'sig-RaspberryPi'
+            },
+            {
+              NAME: 'sig-RISC-V'
+            },
+            {
+              NAME: 'sig-aarch32'
+            },
+            {
+              NAME: 'Kernel'
+            },
+            {
+              NAME: 'sig-WayCa'
+            },
+            {
+              NAME: 'sig-DyscheOS'
+            },
+            {
+              NAME: 'sig-REDF'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '云原生基础设施',
+          COLOR: '#4d7dff',
+          LIST: [
+            {
+              NAME: 'sig-CloudNative'
+            },
+            {
+              NAME: 'sig-ONL'
+            },
+            {
+              NAME: 'sig-openstack'
+            },
+            {
+              NAME: 'sig-OKD'
+            },
+            {
+              NAME: 'Virt'
+            },
+            {
+              NAME: 'iSulad'
+            },
+            {
+              NAME: 'oVirt'
+            },
+            {
+              NAME: 'sig-KubeSphere'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '桌面/图形系统',
+          COLOR: '#8e9aaf',
+          LIST: [
+            {
+              NAME: 'sig-mate-desktop'
+            },
+            {
+              NAME: 'sig-desktop-apps'
+            },
+            {
+              NAME: 'Desktop'
+            },
+            {
+              NAME: 'GNOME'
+            },
+            {
+              NAME: 'sig-KDE'
+            },
+            {
+              NAME: 'xfce'
+            },
+            {
+              NAME: 'sig-DDE'
+            },
+            {
+              NAME: 'sig-UKUI'
+            },
+            {
+              NAME: 'sig-KIRAN-DESKTOP'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '基础功能/特性/工具',
+          COLOR: '#2a9d8f',
+          LIST: [
+            {
+              NAME: 'A-Tune'
+            },
+            {
+              NAME: 'Storage'
+            },
+            {
+              NAME: 'Base-service'
+            },
+            {
+              NAME: 'Computing'
+            },
+            {
+              NAME: 'sig-ops'
+            },
+            {
+              NAME: 'sig-bootstrap'
+            },
+            {
+              NAME: 'Networking'
+            },
+            {
+              NAME: 'sig-security-facility'
+            },
+            {
+              NAME: 'sig-high-performance-network',
+              IS_WIDER: 1
+            },
+            {
+              NAME: 'sig-confidential-computing',
+              IS_WIDER: 1
+            }
+          ]
+        }
+      ]
+   },
+   {
+      CATEGORY_NAME: '社区治理运营',
+      SUB_LIST: [
+        {
+          SUB_CATEGORY_NAME: '社区生态进展',
+          COLOR: '#8e583d',
+          LIST: [
+            {
+              NAME: 'Marketing'
+            },
+            {
+              NAME: 'sig-minzuchess'
+            },
+            {
+              NAME: 'sig-Compatibility-Infra'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '版本发行相关',
+          COLOR: '#cec79a',
+          LIST: [
+            {
+              NAME: 'sig-QA'
+            },
+            {
+              NAME: 'doc'
+            },
+            {
+              NAME: 'sig-release-management'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '构建系统/工具/依赖',
+          COLOR: '#19647e',
+          LIST: [
+            {
+              NAME: 'sig-OS-Builder'
+            },
+            {
+              NAME: 'sig-Ostree-Assembly'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '安全委员会/技术委员会/社区秘书处',
+          COLOR: '#73c0de',
+          LIST: [
+            {
+              NAME: 'TC'
+            },
+            {
+              NAME: 'sig-Community'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '软件包管理相关',
+          COLOR: '#4c3e72',
+          LIST: [
+            {
+              NAME: 'Packaging'
+            },
+            {
+              NAME: 'sig-recycle'
+            },
+            {
+              NAME: 'sig-EasyLife'
+            }
+          ]
+        },
+        {
+          SUB_CATEGORY_NAME: '社区基础设施',
+          COLOR: '#c44e4e',
+          LIST: [
+            {
+              NAME: 'Infrastructure'
+            },
+            {
+              NAME: 'sig-CICD'
+            },
+            {
+              NAME: 'sig-Gatekeeper'
+            },
+            {
+              NAME: 'security-committee'
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/app/.vitepress/src/views/sig/sig-list/SigList.vue b/app/.vitepress/src/views/sig/sig-list/SigList.vue
index 6800066dd..9c74e3b57 100644
--- a/app/.vitepress/src/views/sig/sig-list/SigList.vue
+++ b/app/.vitepress/src/views/sig/sig-list/SigList.vue
@@ -2,16 +2,16 @@
  * @Author: xjc 2324881835@qq.com
  * @Date: 2022-07-18 16:18:31
  * @LastEditors: xjc 2324881835@qq.com
- * @LastEditTime: 2022-07-19 19:30:06
+ * @LastEditTime: 2022-07-21 12:53:54
  * @FilePath: \openEuler-portal\app\.vitepress\src\views\sig\sig-list\SigList.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <script setup lang="ts">
 import { useData } from 'vitepress';
-import BannerLevel2 from '@/components/BannerLevel2.vue'
-import TheList from './TheList.vue'
-import TheBoard from './TheBoard.vue'
-import TheLandscape from './TheLandscape.vue'
+import BannerLevel2 from '@/components/BannerLevel2.vue';
+import TheList from './TheList.vue';
+import TheBoard from './TheBoard.vue';
+import TheLandscape from './TheLandscape.vue';
 import banner from '@/assets/banner-secondary.png';
 import illustration from '@/assets/illustrations/search.png';
 
@@ -21,74 +21,53 @@ const { theme: i18n } = useData();
 <template>
   <header>
     <BannerLevel2
-    :background-image="banner"
-    :illustration="illustration"
-    title="SIG"
-    :subtitle="i18n.sig.SIG_DESCRIPTION.MEANING"/>
+      :background-image="banner"
+      :illustration="illustration"
+      title="SIG"
+      :subtitle="i18n.sig.SIG_DESCRIPTION.MEANING"
+    />
   </header>
   <div class="sig-ul">
-     <ul>
-      <li>{{i18n.sig.SIG_DESCRIPTION.LI1}}</li>
-      <li>{{i18n.sig.SIG_DESCRIPTION.LI2}}</li>
-      <li>{{i18n.sig.SIG_DESCRIPTION.LI3}}</li>
+    <ul>
+      <li>{{ i18n.sig.SIG_DESCRIPTION.LI1 }}</li>
+      <li>{{ i18n.sig.SIG_DESCRIPTION.LI2 }}</li>
+      <li>{{ i18n.sig.SIG_DESCRIPTION.LI3 }}</li>
     </ul>
   </div>
   <main>
     <div class="sig-list">
       <OTabs>
         <OTabPane label="SIG List">
-          <TheList/>
+          <TheList />
         </OTabPane>
         <OTabPane label="SIG Board">
-          <TheBoard/>
+          <TheBoard />
         </OTabPane>
         <OTabPane label="SIG Landscape">
-          <TheLandscape/>
+          <TheLandscape />
         </OTabPane>
       </OTabs>
     </div>
   </main>
 </template>
 <style lang="scss" scoped>
-.sig-list {
-  max-width: 1504px;
-  margin: 0 auto;
-  .list-table {
-    width: 100%;
-    padding: var(--o-spacing-h2);
-    background-color: var(--o-color-bg);
-    table {
-      border-collapse: collapse;
-      width: 100%;
-      thead {
-        background-color: var(--o-color-bg3);
-        th {
-          height: 54px;
-          border: none !important;
-          text-align: left;
-          &:nth-of-type(1) {
-            width: 300px;
-            padding-left: var(--o-spacing-h2);
-          }
-        }
-      }
-      tbody {
-        tr {
-          td {
-            height: 54px;
-            &:nth-of-type(1) {
-              width: 300px;
-              padding-left: var(--o-spacing-h2);
-            }
-          }
-        }
-      }
+.sig-ul {
+  font-size: var(--o-font-size-text);
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  line-height: var(--o-line-height-h8);
+  color: var(--o-color-text2);
+  max-width: 1380px;
+  margin: var(--o-spacing-h1) auto;
+  ul {
+    list-style: disc;
+    li {
+      margin-top: var(--o-spacing-h8);
     }
   }
 }
 .sig-list {
   max-width: 1504px;
-  margin: var(--o-spacing-l) auto;
-  height: 100px;
+  margin: var(--o-spacing-h1) auto;
 }
 </style>
diff --git a/app/.vitepress/src/views/sig/sig-list/TheLandscape.vue b/app/.vitepress/src/views/sig/sig-list/TheLandscape.vue
index e69de29bb..958f54e94 100644
--- a/app/.vitepress/src/views/sig/sig-list/TheLandscape.vue
+++ b/app/.vitepress/src/views/sig/sig-list/TheLandscape.vue
@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { useData } from 'vitepress';
+
+const { theme: i18n } = useData();
+</script>
+
+<template>
+  <div class="landscape">
+    <div
+      v-for="(item, fIndex) in i18n.sig.SIG_LANDSCAPE"
+      :key="fIndex"
+      class="sig-category-wrapper"
+    >
+      <h2>{{ item.CATEGORY_NAME }}</h2>
+      <ul class="sig-category-list">
+        <li
+          v-for="(subItem, index) in item.SUB_LIST"
+          :key="index"
+          class="sig-category-item"
+          :style="{ borderColor: subItem.COLOR }"
+        >
+          <h3 :style="{ backgroundColor: subItem.COLOR }">
+            {{ subItem.SUB_CATEGORY_NAME }}
+          </h3>
+          <ul class="sig-list">
+            <li
+              v-for="(followItem, followIndex) in subItem.LIST"
+              :key="followIndex"
+              :style="{ borderColor: subItem.COLOR }"
+              :class="followItem.IS_WIDER ? 'wider' : ''"
+            >
+              {{ followItem.NAME }}
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.landscape {
+  max-width: 1340px;
+  margin: 0 auto;
+  .sig-category-wrapper {
+    margin-bottom: var(--o-spacing-h1);
+    h2 {
+      font-size: var(--o-font-size-h5);
+      line-height: var(--o-line-height-h7);
+      color: var(--o-color-text2);
+      font-weight: normal;
+      margin-bottom: var(--o-spacing-h4);
+      text-align: center;
+    }
+    .sig-category-list {
+      column-count: 2;
+      column-gap: 20px;
+      .sig-category-item {
+        break-inside: avoid;
+        transform: translate3d(0, 0, 0);
+        border: 1px solid;
+        border-radius: 4px;
+        margin-bottom: var(--o-spacing-h4);
+        h3 {
+          font-size: var(--o-font-size-h8);
+          line-height: var(--o-line-height-h7);
+          color: var(--o-color-text);
+          font-weight: normal;
+          text-align: center;
+          line-height: var(--o-line-height-h3);
+        }
+        .sig-list {
+          padding: 20px 10px 10px 20px;
+          margin-bottom: unset;
+          column-count: unset;
+          column-gap: unset;
+          display: flex;
+          flex-wrap: wrap;
+          li {
+            flex-shrink: 0;
+            width: 162px;
+            text-align: center;
+            color: var(--o-color-text2);
+            font-size: var(--o-font-size-h8);
+            line-height: var(--o-line-height-h5);
+            height: var(--o-line-height-h5);
+            border: 1px solid;
+            border-radius: 4px;
+            margin: 0 10px 10px 0;
+            cursor: pointer;
+          }
+          .wider {
+            width: 248px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/app/.vitepress/src/views/sig/sig-list/TheList.vue b/app/.vitepress/src/views/sig/sig-list/TheList.vue
index 5c2e8b3f4..438c66184 100644
--- a/app/.vitepress/src/views/sig/sig-list/TheList.vue
+++ b/app/.vitepress/src/views/sig/sig-list/TheList.vue
@@ -1,4 +1,3 @@
-
 <template>
   <OTable></OTable>
-</template>
\ No newline at end of file
+</template>
diff --git a/app/zh/sig/meeting-guide/index.md b/app/zh/sig/meeting-guide/index.md
new file mode 100644
index 000000000..dbbdd6151
--- /dev/null
+++ b/app/zh/sig/meeting-guide/index.md
@@ -0,0 +1,58 @@
+---
+title: '会议指南'
+---
+<script setup>
+import BannerLevel2 from '@/components/BannerLevel2.vue'
+import banner from '@/assets/banner-secondary.png';
+import illustration from '@/assets/illustrations/search.png';
+</script>
+
+<BannerLevel2
+class="app-header"
+  :background-image="banner"
+  background-text="SIG"
+  title="会议指南"
+  :illustration="illustration"
+/>
+
+<div class="markdown">
+
+# openEuler Developer Day 2022 SIG组版本工作会议指南
+## 介绍
+openEuler开源社区按照不同的 SIG(Special Interests Group) 来组织开发及版本发布工作，openEuler开源社区的主要技术产品通过 openEuler 开源操作系统承载，它在每年的 3 月和 9 月发布两个版本。当一个版本发布完成后，openEuler开源社区将召开下一个版本的开发规划会议，会议以SIG组为单位，时长为0.5~1天，用于集中讨各SIG组未来 6 个月的规划、工作事项、任务分工、优先级等相关内容。openEuler开源社区将为各SIG组的规划会议提供场地和技术支持。
+
+SIG版本规划工作会议遵循开源、开放原则，议题收集、技术讨论、会议纪要等各讨论过程均对外开放。
+## 会议类型
+**单SIG组工作会议：** 单一SIG组内的工作会议，由该SIG组Maintainer进行组织，包括议题收集、议程安排、主持讨论、会议纪要输出等。
+
+**跨SIG组工作会议：** 跨SIG组之间的协作工作会议，需要各相关SIG组Maintainer提前通过邮件或其他方式与版本规划会议组织者联系并沟通场地安排并由各相关SIG组Maintainer负责进行组织，包括议题收集、议程安排、主持讨论、会议纪要输出等。
+## 需求收集
+各SIG应择时启动针对后续版本的需求收集，各SIG组Maintainer在openEuler Etherpad平台(https://etherpad.openeuler.org/)创建相应的会议收集目录(建议命名方式为: sig名-版本名(例如22.09)-Planning)用于收集该版本规划工作会议的需求收集及计划，并将该会议目录反馈至openEuler开源社区SIG版本规划会议组织者。(参考模板：https://etherpad.openeuler.org/p/planning-template)
+
+任何人均可以在SIG版本工作会议中提出需求，通过在各SIG版本工作会议指定的Etherpad共享文件中的Topics环节根据要求进行填写，通常需要包含以下内容：
+- 需求发起人
+- 需求的具体描述
+- Issue 反馈的在线地址
+- 已有的技术方案或PR
+- 已有的讨论纪要
+
+需求收集完成后由SIG组Maintainers按照所有收集到的需求的具体情况(类型、技术难度、工作量等)，根据会议时间安排指定会议议程，会议安排在工作会议召开前3天在Etherpad共享文件及社区邮件列表Maillist中公开发布，方便与会者了解会议议程。
+## 召开会议
+会议由各SIG组版本规划负责人主持召开，按照预先制定的会议议程进行会议，会议过程中需要注意时间控制，确保所有已经在会议议程中的需求都能得到相应的讨论时间。各与会者需要在Etherpad的Attendees环节根据要求填写自己的名字和Gitee_ID，若未到场且未指定代参加人员则该需求视为自动放弃。
+
+各议题讨论可以分为下面几个阶段：
+1. 需求陈述：由需求发起人对需求进行陈述，包括需求目标、需求来源、提议的技术方案及既往的讨论及结果等，需求陈述阶段其余听众不允许打断。
+2. 讨论：由各参会者针对该需求进行相应的讨论，所有与会者均可参与讨论，主持人负责记录各方观点及重点意见。
+3. 总结：在达成共识后，由主持人根据共识输出该议题的结论。若现场没有达成共识，则应商议再次讨论的具体时间。
+
+所有议题讨论完成后，由SIG Maintainer团队根 据各议题讨论情况及SIG组实际情况对各需求进行优先级排序及分工，“任务分工”靠贡献者“认领任务”的方式完成。
+
+## 会议纪要
+各SIG组版本规划负责人在工作会议结束后一周内整理完成会议纪要，并在Etherpad及SIG组、dev, tc, release sig邮件列表Maillist上公开发布该会议纪要，以便开发者、用户了解未来版本各SIG的工作计划，会议纪要需要包含以下内容：
+- 所有参与讨论的议题及该议题的结论
+- 下一版本各工作的负责人
+- 下一版本的工作优先级 会议纪要内容参考链接：
+
+    https://mailweb.openeuler.org/hyperkitty/list/openstack@openeuler.org/thread/NR3O2ZUUNE46XFBTV4CND4HEYDCBPW33/
+
+</div>
diff --git a/app/zh/sig/role-description/index.md b/app/zh/sig/role-description/index.md
index ba7c679a4..6adfdf458 100644
--- a/app/zh/sig/role-description/index.md
+++ b/app/zh/sig/role-description/index.md
@@ -1,3 +1,6 @@
+---
+title: '角色说明'
+---
 <script setup>
 import BannerLevel2 from '@/components/BannerLevel2.vue'
 import banner from '@/assets/banner-secondary.png';
@@ -121,16 +124,3 @@ class="app-header"
 * 召集SIG组会议：定期召集SIG会议，决策SIG内上升的争议。
 
 </div>
-
-<style scoped lang="scss">
-  .markdown {
-    margin-top: 64px;
-    .duty-table {
-    margin-top: 24px;
-    margin-bottom: 16px;
-   }
-  }
-  ul {
-    list-style: disc;
-  }
-</style>
-- 
Gitee