feat: remote apps添加helpmessages

src/i18n/langs/cn.json

@@ -31,6 +31,7 @@
   "assets": {
     "PasswordWithoutSpecialCharHelpText": "不能包含特殊字符",
     "GatewayProtocolHelpText": "SSH网关，支持代理SSH,RDP和VNC",
+    "RemoteAppListHelpMessage": "使用此功能前，请确保已将应用加载器上传到应用服务器并成功发布为一个 RemoteApp 应用 <b><a href='https://github.com/jumpserver/Jmservisor/releases'>下载应用加载器</a></b>",
     "FullName": "全称",
     "Key": "键",
     "NodeInformation": "节点信息",

src/i18n/langs/en.json

@@ -29,6 +29,7 @@
     "": ""
   },
   "assets": {
+    "RemoteAppListHelpMessage": "Before using this feature, make sure that the application loader has been uploaded to the application server and successfully published as a RemoteApp application <b><a href='https://github.com/jumpserver/Jmservisor/releases'> Download application loader</a></b>",
     "PasswordWithoutSpecialCharHelpText": "Password can't has special chars ",
     "GatewayProtocolHelpText": "SSH protocol gateway, support proxy SSH, RDP, VNC",
     "FullName": "Full name",

src/layout/components/Page/index.vue

@@ -7,7 +7,7 @@
       </template>
     </PageHeading>
     <PageContent>
-      <el-alert v-if="helpMessage" type="success"> {{ helpMessage }} </el-alert>
+      <el-alert v-if="helpMessage" type="success"> <span v-html="helpMessage" /> </el-alert>
       <slot />
     </PageContent>
   </div>

src/views/applications/RemoteApp/RemoteAppList.vue

@@ -1,5 +1,5 @@
 <template>
-  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
+  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" :help-message="helpMessage" />
 </template>
 
 <script type="text/jsx">
@@ -13,6 +13,7 @@ export default {
   data() {
     const vm = this
     return {
+      helpMessage: this.$t('assets.RemoteAppListHelpMessage'),
       tableConfig: {
         url: '/api/v1/applications/remote-apps/',
         columns: [