feat: 帮助中心下拉增加三个链接

frontend/src/assets/icon-font/iconfont.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: iconfont; /* Project id 3462279 */
-  src: url('iconfont.woff2?t=1715932148897') format('woff2'), url('iconfont.woff?t=1715932148897') format('woff'),
+  src: url('iconfont.woff2?t=1716970683831') format('woff2'), url('iconfont.woff?t=1716970683831') format('woff'),
-    url('iconfont.ttf?t=1715932148897') format('truetype'), url('iconfont.svg?t=1715932148897#iconfont') format('svg');
+    url('iconfont.ttf?t=1716970683831') format('truetype'), url('iconfont.svg?t=1716970683831#iconfont') format('svg');
 }
 .iconfont {
   font-size: 16px;
@@ -10,6 +10,21 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.icon-icon_github::before {
+  content: '\e7b9';
+}
+.icon-icon_forum::before {
+  content: '\e7ba';
+}
+.icon-icon_vip::before {
+  content: '\e7bb';
+}
+.icon-icon_plan::before {
+  content: '\e7b8';
+}
+.icon-icon_scan_code::before {
+  content: '\e7b7';
+}
 .icon-icon_generate_report::before {
   content: '\e7b6';
 }

frontend/src/assets/icon-font/iconfont.json

@@ -5,6 +5,41 @@
   "css_prefix_text": "icon-",
   "description": "DE、MS项目icon管理",
   "glyphs": [
+    {
+      "icon_id": "40529317",
+      "name": "icon_github",
+      "font_class": "icon_github",
+      "unicode": "e7b9",
+      "unicode_decimal": 59321
+    },
+    {
+      "icon_id": "40529315",
+      "name": "icon_forum",
+      "font_class": "icon_forum",
+      "unicode": "e7ba",
+      "unicode_decimal": 59322
+    },
+    {
+      "icon_id": "40529316",
+      "name": "icon_vip",
+      "font_class": "icon_vip",
+      "unicode": "e7bb",
+      "unicode_decimal": 59323
+    },
+    {
+      "icon_id": "40501306",
+      "name": "icon_plan",
+      "font_class": "icon_plan",
+      "unicode": "e7b8",
+      "unicode_decimal": 59320
+    },
+    {
+      "icon_id": "40446095",
+      "name": "icon_scan_code",
+      "font_class": "icon_scan_code",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
     {
       "icon_id": "40376562",
       "name": "icon_generate_report",

frontend/src/assets/icon-font/iconfont.svg

@@ -14,6 +14,16 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="icon_github" unicode="&#59321;" d="M892.501333 789.973333c1.365333-18.730667-0.426667-38.058667-5.632-75.776l-0.597333-4.608c-1.877333-13.44-3.114667-22.613333-3.925333-29.738666l-0.853334-7.68a251.477333 251.477333 0 0 1-0.981333-13.397334l-0.042667-3.157333 1.877334-2.346667c33.877333-44.458667 53.376-95.189333 56.021333-148.437333l0.298667-12.330667c0-91.306667-41.984-178.730667-116.224-234.410666-28.288-21.205333-61.738667-38.272-99.242667-51.072 8.704-20.138667 13.141333-39.893333 13.141333-59.392v-194.304a44.928 44.928 0 1 0-89.813333 0V147.626667c0 14.506667-8.533333 34.730667-27.776 59.946666l-0.341333 0.426667a44.586667 44.586667 0 0 0-7.936 17.664l-0.085334 0.426667a44.8 44.8 0 0 0-0.512 3.2l0.597334-3.626667a45.397333 45.397333 0 0 0-0.938667 9.642667v0.597333a45.141333 45.141333 0 0 0 1.109333 8.746667l0.256 0.981333a45.098667 45.098667 0 0 0 15.872 24.533333l0.469334 0.341334a44.416 44.416 0 0 0 18.090666 8.277333c49.92 10.368 92.074667 27.818667 123.221334 51.2 51.2 38.4 80.298667 98.944 80.298666 162.56 0 40.106667-15.061333 78.933333-43.733333 113.493333-13.866667 16.725333-15.786667 34.133333-14.08 61.909334 0.853333 13.653333 2.133333 24.405333 6.229333 53.888l0.64 4.565333 1.194667 8.832 0.768 6.186667-2.645333-1.493334-11.392-6.144-5.12-2.730666c-56.448-29.781333-91.306667-41.472-127.146667-30.848a420.266667 420.266667 0 0 1-119.125333 16.853333c-36.053333 0-71.253333-4.352-104.533334-12.842667-46.634667-11.904-78.08 0.042667-141.141333 37.973334a2285.056 2285.056 0 0 1-10.368 6.229333l-0.426667-2.901333c-0.298667-5.12-0.512-10.837333-0.64-17.066667l-0.170666-9.770667-0.042667-7.68-0.042667-29.44c-0.085333-13.866667-0.256-21.333333-0.725333-29.610666-1.322667-22.272-3.754667-34.944-14.506667-48.298667-27.434667-33.962667-41.813333-71.936-41.813333-111.146667 0-59.648 33.109333-121.898667 87.296-162.56 36.096-27.050667 83.157333-45.653333 138.922667-55.04l2.304-0.426666-2.304 0.426666a45.397333 45.397333 0 0 0 18.346666-7.509333l1.152-0.853333a40.149333 40.149333 0 0 0 2.773334-2.261334l0.426666-0.426666 0.512-0.426667c0.938667-0.853333 1.834667-1.792 2.688-2.730667l-3.157333 3.157334a45.312 45.312 0 0 0 11.52-16.64l0.298667-0.64a44.714667 44.714667 0 0 0-8.32-45.653334l-0.426667-0.469333c-19.2-21.077333-27.392-38.272-27.392-51.370667v-195.754666a44.928 44.928 0 0 0-89.813333 0l-0.042667 78.464H305.92c-43.093333 0-80.981333 23.68-116.266667 62.421333-20.864 22.869333-35.712 44.416-52.906666 72.874667-2.474667 4.053333-5.162667 5.717333-11.989334 6.528a44.928 44.928 0 0 0 5.973334 89.514666l4.906666-0.341333c33.578667-4.096 60.842667-20.992 77.866667-49.152 32.469333-53.546667 67.584-92.032 92.416-92.032h48.853333v27.477333c0 17.834667 3.882667 35.413333 11.306667 52.778667-42.325333 13.141333-80.213333 31.872-112.64 56.234667-76.245333 57.173333-123.221333 145.621333-123.221333 234.410666 0 56.405333 18.944 110.421333 53.930666 157.568l2.133334 2.816 0.085333 0.682667 0.256 3.669333c0.426667 6.357333 0.512 12.885333 0.554667 25.514667v12.458667l0.042666 16.298666 0.085334 8.192c0.384 34.432 2.218667 58.026667 7.509333 77.781334 11.136 41.514667 43.392 69.12 87.893333 50.005333 6.826667-2.986667 13.866667-6.4 21.248-10.325333 8.96-4.821333 15.488-8.618667 31.018667-17.962667 41.941333-25.173333 58.581333-31.573333 72.746667-27.946667a513.706667 513.706667 0 0 0 126.72 15.658667c50.005333 0 98.816-7.04 144.597333-20.608 3.84-1.109333 25.685333 6.229333 59.733333 24.192l9.813334 5.248 4.266666 2.304 1.365334 0.768 25.173333 13.653333 1.706667 0.938667c10.368 5.546667 18.816 9.856 26.709333 13.525333 49.28 22.954667 81.408-11.733333 84.650667-56.96z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_forum" unicode="&#59322;" d="M768 810.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-298.666667h128a42.666667 42.666667 0 0 0 42.666666-42.666666v-341.333334a42.666667 42.666667 0 0 0-42.666666-42.666666h-89.002667l-51.498667-51.498667a42.666667 42.666667 0 0 0-56.32-3.541333l-4.010666 3.541333L686.293333 42.666667H469.333333a42.666667 42.666667 0 0 0-42.368 37.674666L426.666667 85.333333v128H380.330667l-72.832-72.832a42.666667 42.666667 0 0 0-56.32-3.541333l-4.010667 3.541333L174.293333 213.333333H85.333333a42.666667 42.666667 0 0 0-42.368 37.674667L42.666667 256V768a42.666667 42.666667 0 0 0 42.666666 42.666667h682.666667z m128-426.666667h-85.333333v-128a42.666667 42.666667 0 0 0-37.674667-42.368L768 213.333333h-256v-85.333333h192a42.666667 42.666667 0 0 0 25.941333-8.789333l4.266667-3.712 33.792-33.792 33.834667 33.792a42.666667 42.666667 0 0 0 24.576 12.117333L832 128H896v256z m-170.666667 341.333333H128v-426.666666h64a42.666667 42.666667 0 0 0 25.941333-8.789334l4.266667-3.712L277.333333 231.04l55.168 55.125333a42.666667 42.666667 0 0 0 24.576 12.117334L362.666667 298.666667H725.333333V725.333333z m-341.333333-256a42.666667 42.666667 0 0 0 0-85.333333H256a42.666667 42.666667 0 0 0 0 85.333333h128z m128 170.666667a42.666667 42.666667 0 0 0 0-85.333333H256a42.666667 42.666667 0 1 0 0 85.333333h256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_vip" unicode="&#59323;" d="M723.584 768c24.618667 0 48.213333-10.112 64.768-28.074667l170.965333-185.472c28.288-30.72 29.226667-76.373333 4.48-106.837333l-403.797333-457.685333a64 64 0 0 0-96 0l-397.824 450.986666a82.090667 82.090667 0 0 0-1.493333 113.493334l170.965333 185.514666C252.16 757.845333 275.754667 768 300.373333 768h423.168z m0-85.333333H300.373333c-1.024 0-1.834667-0.341333-2.048-0.597334L129.152 498.517333 512 64.512l382.848 433.92-169.216 183.637333a2.304 2.304 0 0 1-1.109333 0.512L723.584 682.666667z m-12.586667-202.794667a42.666667 42.666667 0 0 0 3.541334-60.202667l-170.666667-192a42.666667 42.666667 0 0 0-63.744 0l-170.666667 192a42.666667 42.666667 0 1 0 63.744 56.661334L512 320.256l138.794667 156.074667a42.666667 42.666667 0 0 0 60.202666 3.541333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_plan" unicode="&#59320;" d="M981.333333 4.053333A89.386667 89.386667 0 0 0 891.946667-85.333333H132.053333A89.386667 89.386667 0 0 0 42.666667 4.053333V696.874667c0 49.408 40.021333 89.429333 89.386666 89.429333h156.416v22.314667a44.714667 44.714667 0 1 0 89.429334 0v-22.314667h268.16v22.314667a44.714667 44.714667 0 0 0 89.429333 0v-22.314667h156.458667c49.365333 0 89.386667-40.021333 89.386666-89.429333v-692.821334z m-277.461333 389.205334l-236.586667-236.544-102.485333 102.442666a44.714667 44.714667 0 1 1-63.189333-63.189333l134.101333-134.101333c17.450667-17.493333 45.738667-17.493333 63.189333 0l268.202667 268.16a44.714667 44.714667 0 1 1-63.232 63.232zM288.469333 696.917333H132.053333v-156.458666h759.893334V696.874667l-156.458667 0.042666v-67.072a44.714667 44.714667 0 1 0-89.386667 0l-0.042666 67.072H377.898667v-67.072a44.714667 44.714667 0 0 0-89.386667 0L288.426667 696.917333z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="icon_scan_code" unicode="&#59319;" d="M320 810.666667a42.666667 42.666667 0 1 0 0-85.333334H170.666667v-149.333333a42.666667 42.666667 0 0 0-37.674667-42.368L128 533.333333a42.666667 42.666667 0 0 0-42.666667 42.666667V768a42.666667 42.666667 0 0 0 42.666667 42.666667h192zM128 234.666667a42.666667 42.666667 0 0 0 42.666667-42.666667V42.666667h149.333333a42.666667 42.666667 0 0 0 42.368-37.674667L362.666667 0a42.666667 42.666667 0 0 0-42.666667-42.666667H128a42.666667 42.666667 0 0 0-42.666667 42.666667v192a42.666667 42.666667 0 0 0 42.666667 42.666667zM896 810.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-192a42.666667 42.666667 0 0 0-85.333334 0V725.333333h-149.333333a42.666667 42.666667 0 0 0-42.368 37.674667L661.333333 768a42.666667 42.666667 0 0 0 42.666667 42.666667H896z m-85.333333-384a42.666667 42.666667 0 0 0 0-85.333334H213.333333a42.666667 42.666667 0 0 0 0 85.333334h597.333334z m85.333333-192a42.666667 42.666667 0 0 0 42.666667-42.666667V0a42.666667 42.666667 0 0 0-42.666667-42.666667h-192a42.666667 42.666667 0 0 0 0 85.333334H853.333333v149.333333a42.666667 42.666667 0 0 0 37.674667 42.368L896 234.666667z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="icon_generate_report" unicode="&#59318;" d="M810.666667 853.333333a85.333333 85.333333 0 0 0 85.333333-85.333333v-768a85.333333 85.333333 0 0 0-85.333333-85.333333H213.333333a85.333333 85.333333 0 0 0-85.333333 85.333333V768a85.333333 85.333333 0 0 0 85.333333 85.333333h597.333334z m0-85.333333H213.333333v-768h597.333334V768z m-298.666667-597.333333a42.666667 42.666667 0 0 0 0-85.333334H362.666667a42.666667 42.666667 0 0 0 0 85.333334H512z m149.333333 128a42.666667 42.666667 0 0 0 0-85.333334h-298.666666a42.666667 42.666667 0 0 0 0 85.333334h298.666666z m8.832 350.165333a42.666667 42.666667 0 0 0 0-60.330667l-170.666666-170.666666a42.666667 42.666667 0 0 0-60.330667 0l-85.333333 85.333333a42.666667 42.666667 0 0 0 60.330666 60.330667L469.333333 508.373333l140.501334 140.458667a42.666667 42.666667 0 0 0 60.330666 0z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="icon_project" unicode="&#59317;" d="M510.72 768a42.666667 42.666667 0 0 0 41.344-32.128l14.421333-56.576h250.88c41.898667 0 75.306667-33.237333 78.421334-74.410667l0.213333-6.229333v-43.946667l39.509333-0.042666a42.666667 42.666667 0 0 0 42.666667-42.666667l-0.128-3.029333-36.565333-512a42.666667 42.666667 0 0 0-42.538667-39.637334H125.013333a42.666667 42.666667 0 0 0-42.538666 39.637334l-36.565334 512a42.666667 42.666667 0 0 0 39.509334 45.568L86.954667 554.666667 128 554.666667V687.402667C128 731.434667 162.645333 768 206.592 768h304.128z m378.965333-298.624L134.314667 469.333333l30.464-426.666666h694.4l30.506666 426.709333zM682.666667 384a42.666667 42.666667 0 0 0 0-85.333333H341.333333a42.666667 42.666667 0 0 0 0 85.333333h341.333334z m-205.141334 298.666667H213.333333v-128l597.333334 0.042666v39.253334h-277.333334a42.666667 42.666667 0 0 0-39.893333 27.477333l-1.450667 4.608L477.525333 682.666667z"  horiz-adv-x="1024" />

frontend/src/components/pure/navbar/index.vue

@@ -101,7 +101,7 @@
           </a-tooltip>
           <template #content>
             <a-doption v-if="appStore.pageConfig.helpDoc" value="doc">
-              <component :is="IconQuestionCircle"></component>
+              <MsIcon type="icon-icon-maybe_outlined" />
               {{ t('settings.help.doc') }}
             </a-doption>
             <a-popover position="left">
@@ -119,6 +119,18 @@
                 </div>
               </template>
             </a-popover>
+            <a-doption value="forumHelp">
+              <MsIcon type="icon-icon_forum" />
+              {{ t('settings.help.forumHelp') }}
+            </a-doption>
+            <a-doption value="github">
+              <MsIcon type="icon-icon_github" />
+              {{ t('settings.help.gitHubProject') }}
+            </a-doption>
+            <a-doption value="enterprise">
+              <MsIcon type="icon-icon_vip" />
+              {{ t('settings.help.enterpriseVersionTrial') }}
+            </a-doption>
           </template>
         </a-dropdown>
       </li>
@@ -169,7 +181,7 @@
   import useUserStore from '@/store/modules/user';
   import { getFirstRouteNameByPermission } from '@/utils/permission';
 
-  import { IconInfoCircle, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+  import { IconInfoCircle } from '@arco-design/web-vue/es/icon';
 
   const props = defineProps<{
     isPreview?: boolean;
@@ -265,8 +277,21 @@
   }
 
   function handleHelpSelect(val: string | number | Record<string, any> | undefined) {
-    if (val === 'doc') {
+    switch (val) {
-      window.open(appStore.pageConfig.helpDoc, '_blank');
+      case 'doc':
+        window.open(appStore.pageConfig.helpDoc, '_blank');
+        break;
+      case 'forumHelp':
+        window.open('https://bbs.fit2cloud.com/c/ms/8', '_blank');
+        break;
+      case 'github':
+        window.open('https://github.com/metersphere/metersphere', '_blank');
+        break;
+      case 'enterprise':
+        window.open('https://jinshuju.net/f/CzzAOe', '_blank');
+        break;
+      default:
+        break;
     }
   }
 

frontend/src/locale/en-US/settings.ts

@@ -14,6 +14,9 @@ export default {
   'settings.navbar.help': 'Help center',
   'settings.help.guide': 'Use Guide',
   'settings.help.doc': 'Help docs',
+  'settings.help.forumHelp': 'Forum Help',
+  'settings.help.gitHubProject': 'GitHub project',
+  'settings.help.enterpriseVersionTrial': 'Enterprise version trial',
   'settings.help.APIDoc': 'API docs',
   'settings.help.versionInfo': 'Version info',
   'settings.help.version': 'Version',

frontend/src/locale/zh-CN/settings.ts

@@ -14,6 +14,9 @@ export default {
   'settings.navbar.help': '帮助中心',
   'settings.help.guide': '新手指引',
   'settings.help.doc': '帮助文档',
+  'settings.help.forumHelp': '论坛求助',
+  'settings.help.gitHubProject': 'GitHub 项目',
+  'settings.help.enterpriseVersionTrial': '企业版试用',
   'settings.help.APIDoc': 'API文档',
   'settings.help.versionInfo': '版本信息',
   'settings.help.version': '版本',

frontend/src/views/api-test/components/requestComposition/response/index.vue

@@ -235,7 +235,7 @@
   .response-head {
     @apply flex flex-wrap items-center justify-between border-b;
 
-    padding: 13px 16px;
+    padding: 11px 16px;
     border-color: var(--color-text-n8);
     gap: 8px;
   }