(incubator-streampark) branch dev-2.1.4 updated: [Improve] Added locale picker to login page (#3670)

[benjobs]

This is an automated email from the ASF dual-hosted git repository.

benjobs pushed a commit to branch dev-2.1.4
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/dev-2.1.4 by this push:
     new 04c142e4d [Improve] Added locale picker to login page (#3670)
04c142e4d is described below

commit 04c142e4d3f52942a35902da5854e7f022c3cbd9
Author: Kriszu <39726513+wangsizhu0...@users.noreply.github.com>
AuthorDate: Tue Apr 16 12:19:50 2024 +0800

    [Improve] Added locale picker to login page (#3670)
---
 .../src/views/base/login/Login.vue                          | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue 
b/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
index d82491015..7f3f89ac9 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/base/login/Login.vue
@@ -15,7 +15,15 @@
   limitations under the License.
 -->
 <template>
-  <div class="h-full bg-gradient-primary overflow-auto">
+  <div class="relative h-full bg-gradient-primary overflow-auto">
+     <div class="flex items-center absolute right-15 top-10">
+        <AppLocalePicker
+          class="text-white enter-x"
+          v-if="getShowLocalePicker"
+          :reload="true"
+          :showText="false"
+        />
+      </div>    
     <div class="w-full relative h-[calc(100%-120px)] min-h-700px flex 
items-center section">
       <div class="scribble-box w-[80%] h-full absolute overflow-hidden">
         <figure class="scribble scale-2 !opacity-10 top-50 left-0">
@@ -72,6 +80,8 @@
   import { useDesign } from '/@/hooks/web/useDesign';
   import { Row, Col } from 'ant-design-vue';
   import { SvgIcon } from '/@/components/Icon';
+  import { useLocale } from '/@/locales/useLocale';
+  import { AppLocalePicker } from '/@/components/Application';
   defineProps({
     sessionTimeout: {
       type: Boolean,
@@ -79,6 +89,7 @@
   });
 
   // const globSetting = useGlobSetting();
+  const { getShowLocalePicker } = useLocale();
   const { prefixCls } = useDesign('login');
   sessionStorage.removeItem('appPageNo');
   // const title = computed(() => globSetting?.title ?? '');