feat: user login

Author: wangdan-fit2cloud

ui/src/assets/chat/user-login-bg.jpg

@@ -1,6 +1,6 @@
 <template>
   <div class="chat-knowledge-source">
-    <div class="flex align-center mt-16" v-if="!isWorkFlow(props.type)">
+    <div class="flex align-center mt-16">
       <span class="mr-4 color-secondary">{{ $t('chat.KnowledgeSource.title') }}</span>
       <el-divider direction="vertical" />
       <el-button type="primary" class="mr-8" link @click="openParagraph(data)">
@@ -9,7 +9,7 @@
         {{ data.paragraph_list?.length || 0 }}</el-button
       >
     </div>
-    <div class="mt-8" v-if="!isWorkFlow(props.type)">
+    <div class="mt-8">
       <el-row :gutter="8" v-if="uniqueParagraphList?.length">
         <template v-for="(item, index) in uniqueParagraphList" :key="index">
           <el-col :span="12" class="mb-8">
@@ -51,11 +51,10 @@
         >
       </div>
       <el-button
-        v-if="isWorkFlow(props.type)"
         type="primary"
         link
         @click="openExecutionDetail(data.execution_details)"
-        style="padding: 0;"
+        style="padding: 0"
       >
         <el-icon class="mr-4"><Document /></el-icon>
         {{ $t('chat.executionDetails.title') }}</el-button
@@ -76,16 +75,16 @@ import { getImgUrl, getNormalizedUrl } from '@/utils/utils'
 const props = defineProps({
   data: {
     type: Object,
-    default: () => {}
+    default: () => {},
   },
   type: {
     type: String,
-    default: ''
+    default: '',
   },
   executionIsRightPanel: {
     type: Boolean,
     required: false,
-  }
+  },
 })
 
 const emit = defineEmits(['openExecutionDetail', 'openParagraph'])
@@ -100,7 +99,7 @@ function openParagraph(row: any, id?: string) {
   ParagraphSourceDialogRef.value.open(row, id)
 }
 function openExecutionDetail(row: any) {
-  if(props.executionIsRightPanel){
+  if (props.executionIsRightPanel) {
     emit('openExecutionDetail')
     return
   }

ui/src/components/ai-chat/KnowledgeSource.vue

@@ -2,7 +2,9 @@
   <div class="login-form-container">
     <div class="login-title">
       <div class="logo text-center">
-        <LogoFull height="45px" />
+        <slot name="logo">
+          <LogoFull height="45px" />
+        </slot>
       </div>
       <div class="sub-title text-center" v-if="subTitle">
         <el-text type="info">{{ subTitle }}</el-text>
@@ -16,7 +18,7 @@
 <script setup lang="ts">
 defineProps({
   title: String,
-  subTitle: String
+  subTitle: String,
 })
 </script>
 <style lang="scss" scoped>
@@ -30,7 +32,6 @@ defineProps({
     }
   }
   .login-card {
-    border-radius: 8px;
     padding: 18px;
   }
 }

ui/src/layout/login-layout/LoginContainer.vue

@@ -7,54 +7,10 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
-import { computed } from 'vue'
-import { getThemeImg } from '@/utils/theme'
-import useStore from '@/stores'
-import { useLocalStorage } from '@vueuse/core'
-import { langList, localeConfigKey, getBrowserLang } from '@/locales/index'
-defineProps({
-  lang: {
-    type: Boolean,
-    default: true,
-  },
-})
-const { user, theme } = useStore()
-
-const changeLang = (lang: string) => {
-  useLocalStorage(localeConfigKey, getBrowserLang()).value = lang
-  window.location.reload()
-}
-
-const currentLanguage = computed(() => {
-  return langList.value?.filter((v: any) => v.value === user.getLanguage())?.[0]?.label
-})
-
-const fileURL = computed(() => {
-  if (theme.themeInfo?.loginImage) {
-    if (typeof theme.themeInfo?.loginImage === 'string') {
-      return theme.themeInfo?.loginImage
-    } else {
-      return URL.createObjectURL(theme.themeInfo?.loginImage)
-    }
-  } else {
-    return ''
-  }
-})
-
-const loginImage = computed(() => {
-  if (theme.themeInfo?.loginImage) {
-    return `${fileURL.value}`
-  } else {
-    const imgName = getThemeImg(theme.themeInfo?.theme)
-    const imgPath = `${window.MaxKB.prefix}/theme/${imgName}.jpg`
-    const imageUrl = new URL(imgPath, import.meta.url).href
-    return imageUrl
-  }
-})
-</script>
+<script setup lang="ts"></script>
 <style lang="scss" scoped>
 .login-warp {
   height: 100vh;
+  background: url('@/assets/chat/user-login-bg.jpg') no-repeat center;
 }
 </style>

ui/src/layout/login-layout/UserLoginLayout.vue

@@ -230,7 +230,7 @@
                 <AppIcon
                   v-if="paginationConfig.total"
                   iconName="app-chat-record"
-                  class="info mr-8"
+                  class="color-secondary mr-8"
                   style="font-size: 16px"
                 ></AppIcon>
                 <span v-if="paginationConfig.total" class="lighter">