From 4a7efc2c9beb2386a6c04a9097462b929698e3cc Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Wed, 30 Jul 2025 12:00:14 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/svg/chatbot.svg | 3 - src/assets/svg/svg-agent.svg | 3 + src/assets/svg/svg-chatbot.svg | 3 + .../svg/{workflow.svg => svg-workflow.svg} | 2 +- src/router/routes/modules/agent.ts | 2 +- src/views/agent/chat/index.vue | 32 ++++--- src/views/agent/chat/style.scss | 86 ++++++++----------- src/views/agent/index/index.vue | 33 ++++--- src/views/agent/index/style.scss | 55 ++++-------- .../work-flow/components/HistoryChat.vue | 2 +- src/views/agent/work-flow/index.vue | 2 +- 11 files changed, 94 insertions(+), 129 deletions(-) delete mode 100644 src/assets/svg/chatbot.svg create mode 100644 src/assets/svg/svg-agent.svg create mode 100644 src/assets/svg/svg-chatbot.svg rename src/assets/svg/{workflow.svg => svg-workflow.svg} (96%) diff --git a/src/assets/svg/chatbot.svg b/src/assets/svg/chatbot.svg deleted file mode 100644 index d5bb383..0000000 --- a/src/assets/svg/chatbot.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/svg/svg-agent.svg b/src/assets/svg/svg-agent.svg new file mode 100644 index 0000000..d2a3c26 --- /dev/null +++ b/src/assets/svg/svg-agent.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/svg-chatbot.svg b/src/assets/svg/svg-chatbot.svg new file mode 100644 index 0000000..78af40d --- /dev/null +++ b/src/assets/svg/svg-chatbot.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/workflow.svg b/src/assets/svg/svg-workflow.svg similarity index 96% rename from src/assets/svg/workflow.svg rename to src/assets/svg/svg-workflow.svg index d78eb5e..8b52cdb 100644 --- a/src/assets/svg/workflow.svg +++ b/src/assets/svg/svg-workflow.svg @@ -1,3 +1,3 @@ - + diff --git a/src/router/routes/modules/agent.ts b/src/router/routes/modules/agent.ts index 11ef5ad..ee460e8 100644 --- a/src/router/routes/modules/agent.ts +++ b/src/router/routes/modules/agent.ts @@ -1,7 +1,7 @@ import type { AppRouteRecordRaw } from '../types'; import { MENU_GROUP_IDS } from '@/router/constants'; -import IconRepository from '@/assets/svg/chatbot.svg'; +import IconRepository from '@/assets/svg/svg-agent.svg'; const COMPONENTS: AppRouteRecordRaw[] = [ { diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue index 4164c04..4987804 100644 --- a/src/views/agent/chat/index.vue +++ b/src/views/agent/chat/index.vue @@ -1,25 +1,24 @@ - - 返回空间 + + + + 返回空间 + - - - - - - - + + + - {{ cozeInfo?.name }} - + {{ cozeInfo?.name }} + - + 对话式 - - {{ cozeInfo?.views }} + + {{ formatNumberShow({ value: cozeInfo?.views, showExactValue: true }) }} 次使用 @@ -34,7 +33,7 @@ - + @@ -54,8 +53,7 @@ import { getChatAgent } from '@/api/all/agent'; import { useRouter } from 'vue-router'; import menuFold from '@/assets/svg/menu-fold.svg'; import menuUnfold from '@/assets/svg/menu-unfold.svg'; -import workflow from '@/assets/svg/workflow.svg'; -import chatbotIcon from '@/assets/svg/chatbot.svg'; +import { formatNumberShow } from "@/utils/tools" const router = useRouter(); diff --git a/src/views/agent/chat/style.scss b/src/views/agent/chat/style.scss index a07464f..dd7f3e8 100644 --- a/src/views/agent/chat/style.scss +++ b/src/views/agent/chat/style.scss @@ -1,29 +1,28 @@ +.cs { + color: #3C4043; + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 22px; +} .back-wap { width: 100%; - height: 100%; - margin-bottom: 20px; - padding-left: 24px; - padding-right: 24px; justify-content: flex-start; align-items: center; - gap: 4px; display: inline-flex; } .workflow-container { width: 100%; height: 100%; - padding-left: 24px; - padding-right: 24px; justify-content: flex-start; align-items: center; - gap: 24px; display: inline-flex; .left-wap { width: 360px; align-self: stretch; - background: var(--BG-100, #F7F8FA); overflow: hidden; border-radius: 8px; flex-direction: column; @@ -31,37 +30,35 @@ align-items: flex-start; display: inline-flex; - .header { - align-self: stretch; - height: 160px; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 10px; - display: flex; + // .header { + // align-self: stretch; + // height: 160px; + // flex-direction: column; + // justify-content: center; + // align-items: center; + // gap: 10px; + // display: flex; - .image-body { - align-self: stretch; - flex: 1 1 0; - position: relative; - background: #FFEDED; - overflow: hidden; - border-radius: 8px; + // .image-body { + // align-self: stretch; + // flex: 1 1 0; + // position: relative; + // background: #FFEDED; + // overflow: hidden; + // border-radius: 8px; - img { - width: 408.90px; - height: 218px; - left: -24.45px; - top: -29px; - position: absolute - } - } - } + // img { + // width: 408.90px; + // height: 218px; + // left: -24.45px; + // top: -29px; + // position: absolute + // } + // } + // } .content { align-self: stretch; - padding-top: 15px; - padding-bottom: 15px; justify-content: space-between; align-items: flex-start; display: inline-flex; @@ -78,7 +75,7 @@ flex-direction: column; color: var(--Text-1, #211F24); font-size: 18px; - font-family: Alibaba PuHuiTi; + font-family: $font-family-medium; font-weight: 400; line-height: 26px; word-wrap: break-word; @@ -99,7 +96,7 @@ .text { color: var(--Functional-Red-6, #6D4CFE); font-size: 12px; - font-family: Alibaba PuHuiTi; + font-family: $font-family-medium; font-weight: 400; line-height: 20px; word-wrap: break-word @@ -109,29 +106,20 @@ } .use-body { - width: 79px; - height: 24px; - position: relative; .num { - left: 20px; - top: 0px; - position: absolute; color: var(--Text-2, #3C4043); font-size: 16px; - font-family: Alibaba PuHuiTi; + font-family: $font-family-manrope-medium; font-weight: 400; line-height: 24px; word-wrap: break-word } .text { - left: 43px; - top: 3px; - position: absolute; color: var(--Text-3, #737478); font-size: 12px; - font-family: Alibaba PuHuiTi; + font-family: $font-family-regular; font-weight: 400; line-height: 20px; word-wrap: break-word; @@ -152,7 +140,7 @@ align-self: stretch; color: var(--Text-2, #3C4043); font-size: 14px; - font-family: Alibaba PuHuiTi; + font-family: $font-family-regular; font-weight: 400; line-height: 22px; word-wrap: break-word; diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue index 8caa46b..4431dec 100644 --- a/src/views/agent/index/index.vue +++ b/src/views/agent/index/index.vue @@ -1,19 +1,19 @@ - + - {{ item.name }} + {{ item.name }} - - + - - {{ product?.name }} - {{ product?.description }} + {{ product?.name }} + {{ product?.description }} - {{ product.views }} + {{ formatNumberShow({ value: product?.views, showExactValue: true }) }} 次使用 @@ -65,8 +64,8 @@
{{ item.name }}