vertoryao/vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(@vben/web-antd): 优化页面布局和功能

Browse Source 
- 更新 API 地址
- 优化 PPT 和 Word 页面布局
- 添加项目名称必填验证
-修复文档生成后的处理逻辑
- 优化气泡列表组件属性
This commit is contained in:
vertoryao 2025-05-12 15:39:43 +08:00
parent 7f0a6a07c8
commit 851794c127
4 changed files with 35 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-antd/.env.production
View File

@ -1,7 +1,7 @@
VITE_BASE=/
# 接口地址
VITE_GLOB_API_URL=https://mock-napi.vben.pro/api
VITE_GLOB_API_URL=http://dify.vertoryao.xyz/api
# 是否开启压缩，可以设置为 none, brotli, gzip
VITE_COMPRESS=none

2
apps/web-antd/vite.config.mts
View File

@ -17,7 +17,7 @@ export default defineConfig(async () => {
'/docx': {
changeOrigin: true,
rewrite: (path) => path.replace(/^\/docx/, ''),
target: 'http://47.112.173.8:6802/static',
target: 'http://47.112.173.8:6805/static',
},
'/pptx': {
changeOrigin: true,

11
packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
View File

@ -162,6 +162,7 @@ const startFetching = async () => {
),
]),
});
value.value = '';
} catch (error) {
console.error(error);
}
@ -286,10 +287,12 @@ watch(
</script>
<template>
<div>
<PreviewDrawer />
<div style="height: calc(67vh - 120px); margin: 20px; overflow-y: auto">
<BubbleList :roles="roles" :items="resultItems" />
<PreviewDrawer />
<div class="flex h-[765px] flex-col">
<div class="flex-1 overflow-y-auto">
<div style="margin: 20px; overflow-y: auto">
<BubbleList :auto-scroll="true" :roles="roles" :items="resultItems" />
</div>
</div>
<Card class="w-full">
<Sender

64
packages/effects/common-ui/src/ui/word/word-work-view.vue
View File

@ -12,7 +12,7 @@ import { useVbenDrawer } from '@vben/common-ui';
import { Card } from '@vben-core/shadcn-ui';
import { UserOutlined } from '@ant-design/icons-vue';
import { Button, Flex } from 'ant-design-vue';
import { Button, Flex, notification } from 'ant-design-vue';
import { Attachments, BubbleList, Sender } from 'ant-design-x-vue';
import WordPreview from './word-preview.vue';
@ -75,7 +75,16 @@ function openPreviewDrawer(
previewDrawerApi.setState({ placement }).setData(fileData).open();
}
const inputStatus = ref<string>('');
const startFetching = async () => {
if (!projectName.value) {
inputStatus.value = 'error';
notification.error({
duration: 3,
message: '请填写项目名称',
});
return;
}
isFetching.value = true;
fetchStatus.value = 'fetching';
resultItems.value.push({
@ -181,36 +190,7 @@ const startFetching = async () => {
}
fetchResult.value = `/static/${filename.value}`;
// resultItems.value.push({
// key: resultItems.value.length + 1,
// role: 'ai',
// content: '文档已生成',
// footer: h(Flex, null, [
// h(
// Button,
// {
// size: 'nomarl',
// type: 'primary',
// onClick: () => {
// openPreviewDrawer('right');
// },
// },
// '文档预览',
// ),
// h(
// Button,
// {
// size: 'nomarl',
// type: 'primary',
// style: {
// marginLeft: '10px',
// },
// onClick: () => {},
// },
// '文档下载',
// ),
// ]),
// });
value.value = '';
} catch (error) {
console.error(error);
}
@ -272,13 +252,21 @@ const resultItems = ref<ResultItem[]>([]);
</script>
<template>
<div>
<PreviewDrawer />
<a-space class="w-full" direction="vertical">
<a-input v-model:value="projectName" required placeholder="项目名称" />
</a-space>
<div style="height: calc(67vh - 120px); margin: 20px; overflow-y: auto">
<BubbleList :roles="roles" :items="resultItems" />
<PreviewDrawer />
<div class="flex h-[765px] flex-col">
<div class="flex-1 overflow-y-auto">
<a-space class="w-full" direction="vertical">
<a-input
size="large"
v-model:value="projectName"
:status="inputStatus"
required
placeholder="项目名称(必填)"
/>
</a-space>
<div style="margin: 20px; overflow-y: auto">
<BubbleList :auto-scroll="true" :roles="roles" :items="resultItems" />
</div>
</div>
<Card class="w-full">
<Sender