Compare commits

..

No commits in common. "752a7029b936c0cc29b21f4ad6bea67850ae4b18" and "a08474d32c28e22f2083d075a570d7682f6d7054" have entirely different histories.

4 changed files with 30 additions and 105 deletions

View File

@ -7,7 +7,7 @@ import VueOfficePptx from '@vue-office/pptx';
// import '@vue-office/pptx/lib/index.css'; // import '@vue-office/pptx/lib/index.css';
// http://47.112.173.8:6802/static/66f3cfd95e364a239d8036390db658ae.pptx // http://47.112.173.8:6802/static/66f3cfd95e364a239d8036390db658ae.pptx
// const url = ref(''); const url = ref('');
const pptx = ref('/pptx/66f3cfd95e364a239d8036390db658ae.pptx'); const pptx = ref('/pptx/66f3cfd95e364a239d8036390db658ae.pptx');
const pptStyle = ref({ const pptStyle = ref({
height: 'calc(100vh - 100px)', height: 'calc(100vh - 100px)',
@ -30,11 +30,7 @@ const [Drawer, drawerApi] = useVbenDrawer({
}, },
onOpenChange(isOpen: boolean) { onOpenChange(isOpen: boolean) {
if (isOpen) { if (isOpen) {
const data = drawerApi.getData<Record<string, any>>(); url.value = drawerApi.getData<Record<string, any>>();
if (data) {
pptx.value = `/pptx/${data}`; // docx
}
// url.value = drawerApi.getData<Record<string, any>>();
} }
}, },
}); });

View File

@ -48,7 +48,7 @@ defineOptions({
name: 'SpiderWorkView', name: 'SpiderWorkView',
}); });
const props = withDefaults(defineProps<Props>(), { withDefaults(defineProps<Props>(), {
item: () => null, item: () => null,
runWorkflow: () => async () => ({ runWorkflow: () => async () => ({
data: { data: {
@ -65,12 +65,8 @@ const [PreviewDrawer, previewDrawerApi] = useVbenDrawer({
// placement: 'left', // placement: 'left',
}); });
function openPreviewDrawer( function openPreviewDrawer(placement: DrawerPlacement = 'right') {
placement: DrawerPlacement = 'right', previewDrawerApi.setState({ placement }).open();
filename?: string,
) {
const fileData = filename.value;
previewDrawerApi.setState({ placement }).setData(fileData).open();
} }
const startFetching = async () => { const startFetching = async () => {
@ -78,43 +74,21 @@ const startFetching = async () => {
fetchStatus.value = 'fetching'; fetchStatus.value = 'fetching';
try { try {
const res = await props.runWorkflow( // const res = await props.runWorkflow(
{ // {
appid: 'ee3889b6-50fa-463e-b956-3b93447727fc', // appid: props.item.id,
}, // },
{ // {
userId: '1562', // userId: '1562',
conversationId: '', // conversationId: '',
files: [], // files: [],
inputs: { // inputs: {
declarationDoc: value.value, // declarationDoc: value.value,
}, // },
}, // },
); // );
const { result } = res.data.outputs;
// .pptx URL
function isPptxURL(str: string): boolean {
return str.endsWith('.pptx');
}
// 使 /static/
function extractPptxFilename(url: string): null | string {
const match = url.match(/\/static\/([a-f0-9-]+\.pptx)$/i);
if (match) {
return match[1]; // 9e1c421e-991c-411f-8176-6350a97e70f3.pptx
}
return null;
}
const filename = ref('');
if (result && isPptxURL(result)) {
filename.value = extractPptxFilename(result);
}
// url http://47.112.173.8:6802/static/66f3cfd95e364a239d8036390db658ae.pptx // url http://47.112.173.8:6802/static/66f3cfd95e364a239d8036390db658ae.pptx
fetchResult.value = `/static/${filename.value}`; fetchResult.value = '/static/66f3cfd95e364a239d8036390db658ae.pptx';
resultItems.value.push({ resultItems.value.push({
key: resultItems.value.length + 1, key: resultItems.value.length + 1,
role: 'ai', role: 'ai',
@ -126,7 +100,7 @@ const startFetching = async () => {
size: 'nomarl', size: 'nomarl',
type: 'primary', type: 'primary',
onClick: () => { onClick: () => {
openPreviewDrawer('right', filename); openPreviewDrawer('right');
}, },
}, },
'文档预览', '文档预览',
@ -139,15 +113,7 @@ const startFetching = async () => {
style: { style: {
marginLeft: '10px', marginLeft: '10px',
}, },
onClick: () => { onClick: () => {},
// <a>
const link = document.createElement('a');
link.href = result; //
link.download = filename; //
document.body.append(link); // <a>
link.click(); //
link.remove(); // <a>
},
}, },
'文档下载', '文档下载',
), ),

View File

@ -7,8 +7,8 @@ import VueOfficeDocx from '@vue-office/docx';
import '@vue-office/docx/lib/index.css'; import '@vue-office/docx/lib/index.css';
// const url = ref(''); const url = ref('');
const docx = ref<any>(`/docx/027c6b7c-fea6-4964-839b-27857c4d3181.docx`); const docx = ref<any>('/docx/027c6b7c-fea6-4964-839b-27857c4d3181.docx');
const pptStyle = ref({ const pptStyle = ref({
height: 'calc(100vh - 100px)', height: 'calc(100vh - 100px)',
width: '100%', width: '100%',
@ -29,11 +29,7 @@ const [Drawer, drawerApi] = useVbenDrawer({
}, },
onOpenChange(isOpen: boolean) { onOpenChange(isOpen: boolean) {
if (isOpen) { if (isOpen) {
const data = drawerApi.getData<Record<string, any>>(); url.value = drawerApi.getData<Record<string, any>>();
if (data) {
docx.value = `/docx/${data}`; // docx
}
// url.value = drawerApi.getData<Record<string, any>>();
} }
}, },
}); });

View File

@ -67,12 +67,9 @@ const [PreviewDrawer, previewDrawerApi] = useVbenDrawer({
connectedComponent: WordPreview, connectedComponent: WordPreview,
// placement: 'left', // placement: 'left',
}); });
function openPreviewDrawer(
placement: DrawerPlacement = 'right', function openPreviewDrawer(placement: DrawerPlacement = 'right') {
filename?: string, previewDrawerApi.setState({ placement }).open();
) {
const fileData = filename.value;
previewDrawerApi.setState({ placement }).setData(fileData).open();
} }
const startFetching = async () => { const startFetching = async () => {
@ -114,29 +111,7 @@ const startFetching = async () => {
content: value.value || '', content: value.value || '',
}, },
); );
const { answer } = res; fetchResult.value = '/static/9e1c421e-991c-411f-8176-6350a97e70f3.docx';
// .docx URL
function isDocxURL(str: string): boolean {
return str.endsWith('.docx');
}
// 使 /static/
function extractDocxFilename(url: string): null | string {
const match = url.match(/\/static\/([a-f0-9-]+\.docx)$/i);
if (match) {
return match[1]; // 9e1c421e-991c-411f-8176-6350a97e70f3.docx
}
return null;
}
const filename = ref('');
if (answer && isDocxURL(answer)) {
filename.value = extractDocxFilename(answer);
}
fetchResult.value = `/static/${filename.value}`;
resultItems.value.push({ resultItems.value.push({
key: resultItems.value.length + 1, key: resultItems.value.length + 1,
role: 'ai', role: 'ai',
@ -148,7 +123,7 @@ const startFetching = async () => {
size: 'nomarl', size: 'nomarl',
type: 'primary', type: 'primary',
onClick: () => { onClick: () => {
openPreviewDrawer('right', filename); openPreviewDrawer('right');
}, },
}, },
'文档预览', '文档预览',
@ -161,15 +136,7 @@ const startFetching = async () => {
style: { style: {
marginLeft: '10px', marginLeft: '10px',
}, },
onClick: () => { onClick: () => {},
// <a>
const link = document.createElement('a');
link.href = answer; //
link.download = filename; //
document.body.append(link); // <a>
link.click(); //
link.remove(); // <a>
},
}, },
'文档下载', '文档下载',
), ),