feat(emdeded): embedded managemant

Author: dataeaseShu

frontend/src/assets/embedded/LOGO-sql.png

@@ -71,7 +71,7 @@ const logout = () => {
 </script>
 
 <template>
-  <el-popover popper-class="system-person" :placement="collapse ? 'right' : 'top'">
+  <el-popover trigger="click" popper-class="system-person" :placement="collapse ? 'right' : 'top'">
     <template #reference>
       <button class="person" :class="collapse && 'collapse'">
         <img class="default-avatar" :src="Default_avatar" width="32px" height="32px" />
@@ -82,8 +82,8 @@ const logout = () => {
       <div class="popover-content">
         <div class="info">
           <img :src="Default_avatar" width="40px" height="40px" />
-          <div class="top">{{ name }}</div>
-          <div class="bottom">{{ account }}</div>
+          <div :title="name" class="top ellipsis">{{ name }}</div>
+          <div :title="account" class="bottom ellipsis">{{ account }}</div>
         </div>
         <div v-if="isAdmin && !inSysmenu" class="popover-item" @click="toSystem">
           <el-icon size="16">

frontend/src/assets/embedded/icon_community-tab_outlined.svg

@@ -66,7 +66,11 @@ onMounted(async () => {
 </script>
 
 <template>
-  <el-popover popper-class="system-workspace" :placement="collapse ? 'right' : 'bottom'">
+  <el-popover
+    trigger="click"
+    popper-class="system-workspace"
+    :placement="collapse ? 'right' : 'bottom'"
+  >
     <template #reference>
       <button class="workspace" :class="collapse && 'collapse'">
         <el-icon size="16">

frontend/src/assets/embedded/icon_database_colorful.png

@@ -198,6 +198,7 @@
     }
   },
   "datasource": {
+    "data_source_yet": "No data source yet",
     "search_by_name": "Search by Name",
     "search": "Search",
     "all_types": "All types",
@@ -391,6 +392,41 @@
     "filter_in": "Belongs to",
     "filter_not_in": "Does not belong to"
   },
+  "embedded": {
+    "embedded_management": "Embedded management",
+    "embedded_assistant": "Embedded assistant",
+    "embedded_page": "Embedded page",
+    "no_application": "No application",
+    "create_application": "Create application",
+    "basic_application": "Basic application",
+    "advanced_application": "Advanced application",
+    "embed_third_party": "Embed third party",
+    "support_is_required": "Applicable to scenarios where data verification is not required, just embed the embedded code into the third party code, no additional support is required",
+    "data_permissions_etc": "Applicable to scenarios where data verification is required, requiring the third party system to provide data source interface, user interface data permissions, etc.",
+    "create_basic_application": "Create basic application",
+    "set_data_source": "Set data source",
+    "basic_information": "Basic information",
+    "application_name": "Application name",
+    "application_description": "Application description",
+    "cross_domain_settings": "Cross-domain settings",
+    "third_party_address": "Please enter the embedded third party address",
+    "set_to_private": "Set to private",
+    "set_to_public": "Set to public",
+    "public": "Public",
+    "private": "Private",
+    "creating_advanced_applications": "Creating Advanced Applications",
+    "configure_interface": "Configure interface",
+    "interface_url": "Interface URL",
+    "credential_acquisition_method": "Credential acquisition method",
+    "table_notes": "Table notes",
+    "system_credential_type": "Source system credential type",
+    "credential_name": "Credential name",
+    "target_credential_location": "Target credential location",
+    "target_credential_name": "Target credential name",
+    "target_credential": "Target credential",
+    "edit_advanced_applications": "Edit advanced applications",
+    "edit_basic_applications": "Edit basic applications"
+  },
   "chat": {
     "type": "Chart Type",
     "chart_type": {
@@ -435,4 +471,4 @@
     "back_community": "Restore to Community Edition",
     "confirm_tips": "Are you sure to restore to Community Edition?"
   }
-}
+}

frontend/src/assets/embedded/icon_embedded_outlined.svg

@@ -201,6 +201,7 @@
     }
   },
   "datasource": {
+    "data_source_yet": "暂无数据源",
     "search_by_name": "通过名称搜索",
     "search": "搜索",
     "all_types": "全部类型",
@@ -403,6 +404,41 @@
     "filter_in": "属于",
     "filter_not_in": "不属于"
   },
+  "embedded": {
+    "embedded_management": "嵌入式管理",
+    "embedded_assistant": "小助手嵌入",
+    "embedded_page": "页面嵌入",
+    "no_application": "暂无应用",
+    "create_application": "创建应用",
+    "basic_application": "基础应用",
+    "advanced_application": "高级应用",
+    "embed_third_party": "嵌入第三方",
+    "support_is_required": "适用于无需数据校验的场景，只需将嵌入式代码内嵌到第三方的代码中，无需做额外的支持",
+    "data_permissions_etc": "适用于需要数据校验的场景，需要第三方系统提供数据源接口、用户接口数据权限等",
+    "create_basic_application": "创建基础应用",
+    "set_data_source": "设置数据源",
+    "basic_information": "基础信息",
+    "application_name": "应用名称",
+    "application_description": "应用描述",
+    "cross_domain_settings": "跨域设置",
+    "third_party_address": "请输入嵌入的第三方地址",
+    "set_to_private": "设为私有",
+    "set_to_public": "设为公共",
+    "public": "公共",
+    "private": "私有",
+    "configure_interface": "配置接口",
+    "interface_url": "接口 URL",
+    "creating_advanced_applications": "创建高级应用",
+    "credential_acquisition_method": "凭证获取方式",
+    "table_notes": "表备注",
+    "system_credential_type": "源系统凭证类型",
+    "credential_name": "凭证名称",
+    "target_credential_location": "目标凭证位置",
+    "target_credential_name": "目标凭证名称",
+    "target_credential": "目标凭证",
+    "edit_advanced_applications": "编辑高级应用",
+    "edit_basic_applications": "编辑基础应用"
+  },
   "chat": {
     "type": "图表类型",
     "chart_type": {
@@ -447,4 +483,4 @@
     "back_community": "还原至社区版",
     "confirm_tips": "确定还原至社区版？"
   }
-}
+}