From 79f13a1683a1f34a5db324e3d91a3c5aaf7d99ea Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 18 Oct 2024 18:19:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=98=BE=E7=A4=BA=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/assets/display-bg1.png                 | Bin 0 -> 18411 bytes
 ui/src/assets/display-bg2.png                 | Bin 0 -> 12469 bytes
 ui/src/assets/display-bg3.png                 | Bin 0 -> 240 bytes
 ui/src/styles/app.scss                        |   6 +
 .../component/XPackDisplaySettingDialog.vue   | 456 ++++++++++++++++++
 ui/src/views/application-overview/index.vue   |  18 +-
 6 files changed, 476 insertions(+), 4 deletions(-)
 create mode 100644 ui/src/assets/display-bg1.png
 create mode 100644 ui/src/assets/display-bg2.png
 create mode 100644 ui/src/assets/display-bg3.png
 create mode 100644 ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue

diff --git a/ui/src/assets/display-bg1.png b/ui/src/assets/display-bg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2e88757019dd818910c485c7138231abda09a83
GIT binary patch
literal 18411
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

literal 0
HcmV?d00001

diff --git a/ui/src/assets/display-bg2.png b/ui/src/assets/display-bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..606a5d918c53808582126859104b1fb931038d65
GIT binary patch
literal 12469
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
MYk<|up1l6>e^Uv4NB{r;

literal 0
HcmV?d00001

diff --git a/ui/src/assets/display-bg3.png b/ui/src/assets/display-bg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..52d0f92599e5d3c6c7d5e605b13f037a4f2a7555
GIT binary patch
literal 240
zcmeAS@N?(olHy`uVBq!ia0y~yV2lB>`8e2sWU~5_6d=V};1OBOz`!jG!i)^F=12eq
z8H<D5ofy`glX(f`u%tWsIx;Y9?C1WI$O`1Qdb&7<R4~51vyu0ZgMiD$y+@b0bcC(w
zIwh#cxT*HoyMx;=R=d{tn!NpaEAO*N|4LUjhUcee+}5|-8TUwU8w2y#9nb7?jE$Eu
zB&;Zv-!@IxLGU1}hSClOR~GRF9S@j91Y;VMnz#d83K+XM^c*I}Y<t0YAVRWuTmGKv
kepLpEM-tnPSDuxBpeD9&!RzHAKnF2+y85}Sb4q9e0NTq@EC2ui

literal 0
HcmV?d00001

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 92078291a..b6a710a64 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -245,6 +245,12 @@ h5 {
   align-items: center;
 }
 
+.flex-wrap {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: space-between;
+}
+
 .align-center {
   align-items: center;
 }
diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
new file mode 100644
index 000000000..c1b230d27
--- /dev/null
+++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
@@ -0,0 +1,456 @@
+<template>
+  <el-dialog
+    title="显示设置"
+    width="900"
+    v-model="dialogVisible"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    align-center
+    class="display-setting-dialog"
+  >
+    <template #header="{ titleId, titleClass }">
+      <div class="flex-between mb-8">
+        <h4 :id="titleId" :class="titleClass">显示设置</h4>
+        <div class="flex align-center">
+          <el-button type="primary" @click.prevent="resetForm" link>
+            <el-icon class="mr-4"><Refresh /></el-icon>
+            恢复默认
+          </el-button>
+          <el-divider direction="vertical" />
+        </div>
+      </div>
+    </template>
+
+    <el-row :gutter="8">
+      <el-col :span="12">
+        <div class="setting-preview border border-r-4 mr-16">
+          <div class="setting-preview-container">
+            <div class="setting-preview-header" :class="!isDefaultTheme ? 'custom-header' : ''">
+              <div class="flex-between">
+                <div class="flex align-center">
+                  <div class="mr-12 ml-24 flex">
+                    <AppAvatar
+                      v-if="isAppIcon(detail?.icon)"
+                      shape="square"
+                      :size="32"
+                      style="background: none"
+                    >
+                      <img :src="detail?.icon" alt="" />
+                    </AppAvatar>
+                    <AppAvatar
+                      v-else-if="detail?.name"
+                      :name="detail?.name"
+                      pinyinColor
+                      shape="square"
+                      :size="32"
+                    />
+                  </div>
+
+                  <h4>
+                    {{ detail?.name || $t('views.application.applicationForm.form.appName.label') }}
+                  </h4>
+                </div>
+                <div class="mr-16">
+                  <el-button link>
+                    <AppIcon
+                      :iconName="'app-magnify'"
+                      class="color-secondary"
+                      style="font-size: 20px"
+                    ></AppIcon>
+                  </el-button>
+                  <el-button link>
+                    <el-icon :size="20" class="color-secondary"><Close /></el-icon>
+                  </el-button>
+                </div>
+              </div>
+            </div>
+            <div>
+              <div class="p-16" style="position: relative">
+                <div class="flex">
+                  <div class="avatar">
+                    <el-image
+                      v-if="imgUrl.avatar"
+                      :src="imgUrl.avatar"
+                      alt=""
+                      fit="cover"
+                      style="width: 35px; height: 35px; display: block"
+                    />
+                    <LogoIcon
+                      v-else
+                      height="35px"
+                      style="width: 35px; height: 35px; display: block"
+                    />
+                  </div>
+
+                  <img src="@/assets/display-bg2.png" alt="" width="270" />
+                </div>
+                <div class="flex-between">
+                  <div class="avatar">
+                    <el-image
+                      v-if="imgUrl.user_avatar"
+                      :src="imgUrl.user_avatar"
+                      alt=""
+                      fit="cover"
+                      style="width: 35px; height: 35px; display: block"
+                    />
+                    <LogoIcon
+                      v-else
+                      height="35px"
+                      style="width: 35px; height: 35px; display: block"
+                    />
+                  </div>
+                  <img src="@/assets/user-icon.svg" width="270" alt="" />
+
+                  <img src="@/assets/display-bg3.png" alt="" width="270" />
+                </div>
+              </div>
+              <div style="position: absolute; bottom: 0">
+                <img src="@/assets/display-bg1.png" alt="" class="w-full" />
+              </div>
+            </div>
+          </div>
+
+          <div class="float_icon">
+            <el-image
+              v-if="imgUrl.float_icon"
+              :src="imgUrl.float_icon"
+              alt=""
+              fit="cover"
+              style="width: 40px; height: 40px; display: block"
+            />
+            <img
+              v-else
+              src="@/assets/logo/logo.svg"
+              height="50px"
+              style="width: 40px; height: 40px; display: block"
+            />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <el-form ref="displayFormRef" :model="form">
+          <el-row class="w-full mb-8">
+            <el-col :span="12">
+              <h5 class="mb-8">自定义主题色</h5>
+              <el-color-picker v-model="form.custom_theme.theme_color"
+            /></el-col>
+            <el-col :span="12">
+              <h5 class="mb-8">头部标题字体颜色</h5>
+              <el-color-picker v-model="form.custom_theme.header_font_color" />
+            </el-col>
+          </el-row>
+          <el-card shadow="never" class="mb-8">
+            <div class="flex-between mb-8">
+              <span class="lighter">提问用户头像</span>
+
+              <el-upload
+                ref="uploadRef"
+                action="#"
+                :auto-upload="false"
+                :show-file-list="false"
+                accept="image/*"
+                :on-change="(file: any, fileList: any) => onChange(file, fileList, 'user_avatar')"
+              >
+                <el-button size="small"> 替换 </el-button>
+              </el-upload>
+            </div>
+            <el-text type="info" size="small"
+              >建议尺寸 64*64，支持 JPG、PNG, GIF，大小不超过 10 MB</el-text
+            >
+          </el-card>
+          <el-card shadow="never" class="mb-8">
+            <div class="flex-between mb-8">
+              <span class="lighter">AI 回复头像</span>
+
+              <el-upload
+                ref="uploadRef"
+                action="#"
+                :auto-upload="false"
+                :show-file-list="false"
+                accept="image/*"
+                :on-change="(file: any, fileList: any) => onChange(file, fileList, 'avatar')"
+              >
+                <el-button size="small"> 替换 </el-button>
+              </el-upload>
+            </div>
+            <el-text type="info" size="small"
+              >建议尺寸 32*32，支持 JPG、PNG, GIF，大小不超过 10 MB</el-text
+            >
+          </el-card>
+          <el-card shadow="never" class="mb-8">
+            <div class="flex-between mb-8">
+              <span class="lighter">浮窗入口图标</span>
+              <el-upload
+                ref="uploadRef"
+                action="#"
+                :auto-upload="false"
+                :show-file-list="false"
+                accept="image/*"
+                :on-change="(file: any, fileList: any) => onChange(file, fileList, 'float_icon')"
+              >
+                <el-button size="small"> 替换 </el-button>
+              </el-upload>
+            </div>
+            <el-text type="info" size="small">
+              建议尺寸 64*64，支持 JPG、PNG, GIF，大小不超过 10 MB
+            </el-text>
+            <div class="border-t mt-8">
+              <div class="flex-between mb-8">
+                <span class="lighter">图标默认位置</span>
+                <el-checkbox v-model="form.draggable" label="可拖拽位置" />
+              </div>
+              <el-row :gutter="8" class="w-full mb-8">
+                <el-col :span="12">
+                  <div class="flex align-center">
+                    <el-select v-model="form.float_location.x.type" style="width: 80px">
+                      <el-option label="左" value="left" />
+                      <el-option label="右" value="right" />
+                    </el-select>
+                    <el-input-number
+                      v-model="form.float_location.x.value"
+                      :min="0"
+                      controls-position="right"
+                    />
+                    <span class="ml-4">px</span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="flex align-center">
+                    <el-select v-model="form.float_location.y.type" style="width: 80px">
+                      <el-option label="上" value="top" />
+                      <el-option label="下" value="bottom" />
+                    </el-select>
+                    <el-input-number
+                      v-model="form.float_location.y.value"
+                      :min="0"
+                      controls-position="right"
+                    />
+                    <span class="ml-4">px</span>
+                  </div>
+                </el-col>
+              </el-row>
+            </div>
+          </el-card>
+
+          <el-space direction="vertical" alignment="start" :size="2">
+            <el-checkbox v-model="form.show_source" label="显示知识来源" />
+            <el-checkbox v-model="form.show_history" label="显示历史记录" />
+            <el-checkbox v-model="form.show_guide" label="显示引导图（浮窗模式）" />
+            <el-checkbox v-model="form.disclaimer" label="免责声明" />
+            <el-input
+              v-if="form.disclaimer"
+              v-model="form.disclaimer_value"
+              style="width: 422px; margin-bottom: 10px"
+            />
+          </el-space>
+        </el-form>
+      </el-col>
+    </el-row>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click.prevent="dialogVisible = false"
+          >{{ $t('views.applicationOverview.appInfo.LimitDialog.cancelButtonText') }}
+        </el-button>
+        <el-button type="primary" @click="submit(displayFormRef)" :loading="loading">
+          {{ $t('views.applicationOverview.appInfo.LimitDialog.saveButtonText') }}
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import type { FormInstance, FormRules, UploadFiles } from 'element-plus'
+import { isAppIcon } from '@/utils/application'
+import applicationXpackApi from '@/api/application-xpack'
+import { MsgSuccess, MsgError } from '@/utils/message'
+import { t } from '@/locales'
+import useStore from '@/stores'
+const { user } = useStore()
+
+const route = useRoute()
+const {
+  params: { id }
+} = route
+
+const emit = defineEmits(['refresh'])
+
+const defaultSetting = {
+  show_source: false,
+  show_history: true,
+  draggable: true,
+  show_guide: true,
+  avatar: '',
+  float_icon: '',
+  user_avatar: '',
+  disclaimer: true,
+  disclaimer_value: '「以上内容均由AI生成，仅供参考和借鉴」',
+  custom_theme: {
+    theme_color: '',
+    header_font_color: ''
+  },
+  float_location: {
+    x: { type: '', value: '' },
+    y: { type: '', value: '' }
+  }
+}
+
+const displayFormRef = ref()
+const form = ref<any>({
+  show_source: false
+})
+
+const xpackForm = ref<any>({
+  show_source: false,
+  show_history: false,
+  draggable: false,
+  show_guide: false,
+  avatar: '',
+  float_icon: '',
+  user_avatar: '',
+  disclaimer: true,
+  disclaimer_value: '「以上内容均由AI生成，仅供参考和借鉴」',
+  custom_theme: {
+    theme_color: '',
+    header_font_color: ''
+  },
+  float_location: {
+    x: { type: '', value: '' },
+    y: { type: '', value: '' }
+  }
+})
+
+const imgUrl = ref<any>({
+  avatar: '',
+  float_icon: ''
+})
+
+const dialogVisible = ref<boolean>(false)
+const loading = ref(false)
+
+const detail = ref<any>(null)
+
+watch(dialogVisible, (bool) => {
+  if (!bool) {
+    form.value = {
+      show_source: false
+    }
+    imgUrl.value = {
+      avatar: '',
+      float_icon: ''
+    }
+  }
+})
+
+function resetForm() {
+  form.value = {
+    ...defaultSetting
+  }
+  imgUrl.value = {
+    avatar: '',
+    float_icon: ''
+  }
+}
+
+const onChange = (file: any, fileList: UploadFiles, attr: string) => {
+  //1、判断文件大小是否合法，文件限制不能大于 10 MB
+  const isLimit = file?.size / 1024 / 1024 < 10
+  if (!isLimit) {
+    // @ts-ignore
+    MsgError(t('views.applicationOverview.appInfo.EditAvatarDialog.fileSizeExceeded'))
+    return false
+  } else {
+    xpackForm.value[attr] = file.raw
+    imgUrl.value[attr] = URL.createObjectURL(file.raw)
+  }
+}
+
+const open = (data: any, content: any) => {
+  detail.value = content
+  xpackForm.value.show_source = data.show_source
+  xpackForm.value.show_history = data.show_history
+  xpackForm.value.draggable = data.draggable
+  xpackForm.value.show_guide = data.show_guide
+  xpackForm.value.avatar = data.avatar
+  xpackForm.value.float_icon = data.float_icon
+  imgUrl.value.avatar = data.avatar
+  imgUrl.value.float_icon = data.float_icon
+  imgUrl.value.user_avatar = data.user_avatar
+  xpackForm.value.user_avatar = data.user_avatar
+  xpackForm.value.disclaimer = data.disclaimer
+  xpackForm.value.disclaimer_value = data.disclaimer_value
+  xpackForm.value.custom_theme = JSON.parse(data.custom_theme)
+  xpackForm.value.float_location = JSON.parse(data.float_location)
+  form.value = xpackForm.value
+
+  dialogVisible.value = true
+}
+
+const submit = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      let fd = new FormData()
+      form.value.custom_theme = JSON.stringify(form.value.custom_theme)
+      form.value.float_location = JSON.stringify(form.value.float_location)
+      Object.keys(form.value).map((item) => {
+        fd.append(item, form.value[item])
+      })
+      applicationXpackApi.putAccessToken(id as string, fd, loading).then((res) => {
+        emit('refresh')
+        // @ts-ignore
+        MsgSuccess(t('views.applicationOverview.appInfo.LimitDialog.settingSuccessMessage'))
+        dialogVisible.value = false
+      })
+    }
+  })
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scope>
+.setting-preview {
+  background: #f5f6f7;
+  height: 570px;
+  position: relative;
+  .float_icon {
+    position: absolute;
+    right: 8px;
+    bottom: 15px;
+  }
+  .setting-preview-container {
+    position: absolute;
+    left: 16px;
+    top: 25px;
+    border-radius: 8px;
+    border: 1px solid #ffffff;
+    background: linear-gradient(
+        188deg,
+        rgba(235, 241, 255, 0.2) 39.6%,
+        rgba(231, 249, 255, 0.2) 94.3%
+      ),
+      #eff0f1;
+    box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
+    overflow: hidden;
+    width: 330px;
+    height: 520px;
+    .setting-preview-header {
+      background: var(--app-header-bg-color);
+      height: var(--app-header-height);
+      line-height: var(--app-header-height);
+      box-sizing: border-box;
+      border-bottom: 1px solid var(--el-border-color);
+    }
+  }
+}
+.display-setting-dialog {
+  .el-dialog__header {
+    padding-right: 16px;
+  }
+  .el-dialog__headerbtn {
+    top: 13px;
+  }
+}
+</style>
diff --git a/ui/src/views/application-overview/index.vue b/ui/src/views/application-overview/index.vue
index 186fa4390..618aed9c2 100644
--- a/ui/src/views/application-overview/index.vue
+++ b/ui/src/views/application-overview/index.vue
@@ -164,7 +164,12 @@
     <APIKeyDialog ref="APIKeyDialogRef" />
     <LimitDialog ref="LimitDialogRef" @refresh="refresh" />
     <EditAvatarDialog ref="EditAvatarDialogRef" @refresh="refreshIcon" />
-    <DisplaySettingDialog ref="DisplaySettingDialogRef" @refresh="refresh" />
+    <XPackDisplaySettingDialog
+      ref="XPackDisplaySettingDialogRef"
+      @refresh="refresh"
+      v-if="user.isEnterprise()"
+    />
+    <DisplaySettingDialog ref="DisplaySettingDialogRef" @refresh="refresh" v-else />
   </LayoutContainer>
 </template>
 <script setup lang="ts">
@@ -174,7 +179,7 @@ import EmbedDialog from './component/EmbedDialog.vue'
 import APIKeyDialog from './component/APIKeyDialog.vue'
 import LimitDialog from './component/LimitDialog.vue'
 import DisplaySettingDialog from './component/DisplaySettingDialog.vue'
-
+import XPackDisplaySettingDialog from './component/XPackDisplaySettingDialog.vue'
 import EditAvatarDialog from './component/EditAvatarDialog.vue'
 import StatisticsCharts from './component/StatisticsCharts.vue'
 import applicationApi from '@/api/application'
@@ -185,7 +190,7 @@ import { copyClick } from '@/utils/clipboard'
 import { isAppIcon } from '@/utils/application'
 import useStore from '@/stores'
 import { t } from '@/locales'
-const { application } = useStore()
+const { user, application } = useStore()
 const route = useRoute()
 const {
   params: { id }
@@ -196,6 +201,7 @@ const apiUrl = window.location.origin + '/doc/chat/'
 const baseUrl = window.location.origin + '/api/application/'
 
 const DisplaySettingDialogRef = ref()
+const XPackDisplaySettingDialogRef = ref()
 const EditAvatarDialogRef = ref()
 const LimitDialogRef = ref()
 const APIKeyDialogRef = ref()
@@ -258,7 +264,11 @@ function toUrl(url: string) {
   window.open(url, '_blank')
 }
 function openDisplaySettingDialog() {
-  DisplaySettingDialogRef.value.open(accessToken.value)
+  if (user.isEnterprise()) {
+    XPackDisplaySettingDialogRef.value?.open(accessToken.value, detail.value)
+  } else {
+    DisplaySettingDialogRef.value?.open(accessToken.value)
+  }
 }
 function openEditAvatar() {
   EditAvatarDialogRef.value.open(detail.value)