Skip to content

R
risk-monitor
提交 5e26754e authored 作者: 朱亚刚's avatar 朱亚刚
浏览文件
操作

pdf写报（未完成）

上级 08966e42
显示空白字符变更
内嵌 并排
正在显示 包含 431 行增加 和 96 行删除
src/views/writtingAsstaint/index.vue
浏览文件 @ 5e26754e
...@@ -31,39 +31,24 @@ ...@@ -31,39 +31,24 @@
</div> </div>
<div class="writting-main"> <div class="writting-main">
<div class="sider"> <div class="sider">
<div class="sider-box1"> <div class="sider-box" v-if="false">
<div class="header">报文主题</div> <div class="header">报文主题</div>
<div class="title-box"> <div class="title-box">
<div class="title">主题名称</div> <div class="title">主题名称</div>
<el-input <el-input :disabled="true" style="width: 476px; height: 32px" class="title-input"
style="width: 476px; height: 32px" placeholder="输入主题名称，如：大而美法案" v-model="writtingTitle" />
class="title-input"
placeholder="输入主题名称，如：大而美法案"
v-model="writtingTitle"
/>
</div> </div>
<div class="description-box"> <div class="description-box">
<div class="title">主题描述</div> <div class="title">主题描述</div>
<el-input <el-input :disabled="true" class="description-input" type="textarea" style="width: 476px"
class="description-input" :rows="8" placeholder="输入报文主题描述，如：从科技领域方面分析大而美法案通过后对中国可能产生的影响" v-model="descText" />
type="textarea"
style="width: 476px"
:rows="8"
placeholder="输入报文主题描述，如：从科技领域方面分析大而美法案通过后对中国可能产生的影响"
v-model="descText"
/>
</div> </div>
</div> </div>
<div class="sider-box2"> <div class="sider-box">
<div class="header">报文模板</div> <div class="header">报文模板</div>
<div class="template-box"> <div class="template-box">
<div <div class="template" :class="{ tempActive: tempActiveIndex === index }"
class="template" v-for="(temp, index) in tempList" :key="index" @click="handleClickTemp(temp, index)">
:class="{ tempActive: tempActiveIndex === index }"
v-for="(temp, index) in tempList"
:key="index"
@click="handleClickTemp(temp, index)"
>
<div class="header"> <div class="header">
<div class="title">{{ temp.title }}</div> <div class="title">{{ temp.title }}</div>
<div class="icon"> <div class="icon">
...@@ -79,14 +64,32 @@ ...@@ -79,14 +64,32 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="sider-box">
<div class="header">加载本地文件</div>
<el-upload action="" :auto-upload="false" accept=".pdf" limit="1" :on-exceed="handleExceed"
ref="upload" :on-change="handleFileChange">
<el-button class="sider-upload-btn" type="primary">
<el-icon class="sider-upload-btn-text">
<Upload />
</el-icon>
<span class="sider-upload-btn-text">上传文件</span>
</el-button>
<template #tip>
<div class="sider-upload-btn-tip">
支持扩展名：.doc .docx .pdf
</div>
</template>
</el-upload>
</div>
<div class="submit-btn" @click="getStreamChat">
<div class="tips"> <div class="tips">
<div class="tips-icon"> <div class="tips-icon">
<img src="./assets/images/tips-icon.png" alt="" /> <img src="./assets/images/tips-icon.png" alt="" />
</div> </div>
<div class="tips-text">内容由AI生成，无法确保真实准确，仅供参考</div> <div class="tips-text">内容由AI生成，无法确保真实准确，仅供参考</div>
</div> </div>
</div>
<div class="submit-btn" @click="getStreamChat">
<div class="submit-icon"> <div class="submit-icon">
<img src="./assets/images/ai.png" alt="" /> <img src="./assets/images/ai.png" alt="" />
</div> </div>
...@@ -95,8 +98,7 @@ ...@@ -95,8 +98,7 @@
</div> </div>
<div class="process-box" v-if="isShowProcess"> <div class="process-box" v-if="isShowProcess">
<div class="back" @click="handleBack"> <div class="back" @click="handleBack">
{{ "< 返回" }} {{ "< 返回" }} </div>
</div>
<div class="process-main-box"> <div class="process-main-box">
<!-- <div class="analysis-box"> <!-- <div class="analysis-box">
<div class="analysis-header"> <div class="analysis-header">
...@@ -146,15 +148,10 @@ ...@@ -146,15 +148,10 @@
</div> </div>
<div class="main-box"> <div class="main-box">
<div v-if="isEditMode" class="edit-panel"> <div v-if="isEditMode" class="edit-panel">
<v-md-editor <v-md-editor v-model="reportContent" height="calc(100% - 40px)" :disabled-menus="[]"
v-model="reportContent" @upload-image="handleUploadImage" @save="handleSave"
height="calc(100% - 40px)"
:disabled-menus="[]"
@upload-image="handleUploadImage"
@save="handleSave"
left-toolbar="undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save" left-toolbar="undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image code | save"
right-toolbar="preview toc sync-scroll fullscreen" right-toolbar="preview toc sync-scroll fullscreen" />
/>
</div> </div>
<div v-else class="content-box" ref="scrollContainer" v-html="renderedContent"></div> <div v-else class="content-box" ref="scrollContainer" v-html="renderedContent"></div>
</div> </div>
...@@ -175,6 +172,7 @@ import "@kangc/v-md-editor/lib/theme/style/vuepress.css"; ...@@ -175,6 +172,7 @@ import "@kangc/v-md-editor/lib/theme/style/vuepress.css";
// 引入 Prism 相关依赖 // 引入 Prism 相关依赖
import Prism from "prismjs"; import Prism from "prismjs";
import { ElButton, ElIcon, ElInput, ElMessage, ElUpload, genFileId } from "element-plus";
VMdEditor.use(vuepressTheme, { VMdEditor.use(vuepressTheme, {
Prism Prism
...@@ -182,6 +180,28 @@ VMdEditor.use(vuepressTheme, { ...@@ -182,6 +180,28 @@ VMdEditor.use(vuepressTheme, {
const isGenerating = ref(false); const isGenerating = ref(false);
const isShowProcess = ref(false); const isShowProcess = ref(false);
const uploadFileList = ref([])
const upload = ref()
//新上传文件替换
const handleExceed = (files) => {
if (upload.value) {
upload.value.clearFiles()
const file = files[0]
file.uid = genFileId()
upload.value.handleStart(file)
}
}
const handleFileChange = (file, files) => {
// 只保留最后选中的1个文件（覆盖原有文件）
if (files.length > 1) {
uploadFileList.value = [file];
} else {
uploadFileList.value = files;
}
};
const handleBack = () => { const handleBack = () => {
isShowProcess.value = false; isShowProcess.value = false;
...@@ -219,7 +239,6 @@ const steps = [ ...@@ -219,7 +239,6 @@ const steps = [
]; ];
const isEditMode = ref(false); const isEditMode = ref(false);
const handleSwitchMode = () => { const handleSwitchMode = () => {
isEditMode.value = !isEditMode.value; isEditMode.value = !isEditMode.value;
if (!isEditMode.value) { if (!isEditMode.value) {
...@@ -269,13 +288,22 @@ const handleGenerate = () => { ...@@ -269,13 +288,22 @@ const handleGenerate = () => {
const curAgentTool = ref("报告整体优化工具"); const curAgentTool = ref("报告整体优化工具");
const getStreamChat = async (search, inputValue) => { const getStreamChat = async (search, inputValue) => {
if (uploadFileList.value.length > 0) {
const rawFile = uploadFileList.value[0].raw;
if (!rawFile) {
ElMessage.error('文件解析失败，请重新选择');
return;
}
callSseApi(rawFile)
} else {
abortController.value = new AbortController();
const params = { const params = {
query: writtingTitle.value, // "输出一篇报文" query: writtingTitle.value, // "输出一篇报文"
desc: descText.value, desc: descText.value,
topic: curTempTitle.value // 政令、智库、法案、清单 topic: curTempTitle.value // 政令、智库、法案、清单
}; };
abortController.value = new AbortController();
fetchEventSource("/sseWrite/api/v1/workflow/invoke", { fetchEventSource("/sseWrite/api/v1/workflow/invoke", {
method: "POST", method: "POST",
...@@ -339,8 +367,204 @@ const getStreamChat = async (search, inputValue) => { ...@@ -339,8 +367,204 @@ const getStreamChat = async (search, inputValue) => {
abortController.value = new AbortController(); abortController.value = new AbortController();
throw new Error(error); throw new Error(error);
}); });
}
};
const callSseApi = async (selectedFile) => {
abortController.value = new AbortController();
try {
const formData = new FormData();
formData.append('pdf', selectedFile);
const response = await fetch('/pdfSse/api/v1/order/pdf/extract/report/sse', {
method: 'POST',
body: formData,
signal: abortController.value.signal, // 绑定中断信号
});
if (!response.ok) {
throw new Error(`请求失败：${response.status} ${response.statusText}`);
}
console.log("流式回答开始", res);
isGenerating.value = true;
isShowProcess.value = true;
// 读取流式响应
const reader = response.body.getReader();
const decoder = new TextDecoder();
let buffer = ''; // 消息缓冲区
// 定义SSE消息回调（和原生onmessage用法一致）
const onmessage = (res) => {
const { type, data } = res
if (type === "progress") {
processContent.value += data.message;
updateProcess(processContent.value, scrollProcessContainer.value);
}
};
// 错误回调
const onerror = (error) => {
};
// 连接关闭回调
const onclose = () => {
};
// 循环读取并解析SSE消息（核心修复换行符兼容）
while (true) {
try {
const { done, value } = await reader.read();
// 连接正常关闭
if (done) {
onclose();
break;
}
// 1. 解码二进制流为文本，追加到缓冲区
buffer += decoder.decode(value, { stream: true });
// 2. 分割完整消息（兼容 \r\n\r\n 和 \n\n 换行符）
const fullMessages = buffer.split(/(\r\n|\n){2}/);
// 过滤空字符串，只保留有效消息
const validMessages = fullMessages.filter(msg => msg.trim() !== '');
// 3. 最后一条可能是不完整消息，放回缓冲区
let remainingBuffer = '';
if (validMessages.length > 0) {
remainingBuffer = validMessages.pop() || '';
}
// 4. 逐条解析有效消息
validMessages.forEach(fullMsg => {
const sseMsg = parseSSEMessage(fullMsg);
// 过滤心跳/注释消息（以:开头的消息）
if (sseMsg.isComment) return;
// 触发onmessage回调
if (sseMsg.data) {
debugger
onmessage({
type: sseMsg.event || 'message',
data: JSON.parse(sseMsg.data), // 解析为JSON对象
timeStamp: Date.now()
});
}
});
// 重置缓冲区（只保留不完整的消息）
buffer = remainingBuffer;
} catch (error) {
// 排除主动中断的情况
if (error.name !== 'AbortError') {
onerror(error);
}
break;
}
}
} catch (error) {
// 捕获请求级别的错误
if (error.name !== 'AbortError') {
ElMessage.error(`请求异常：${error.message}`);
isLoading.value = false;
}
}
};
// 工具函数：严格按SSE协议解析单条消息
const parseSSEMessage = (rawMsg) => {
// 兼容 \r\n 和 \n 分割行
const lines = rawMsg.split(/\r\n|\n/);
const result = {
event: 'progress', // 默认事件类型
data: '', // 消息数据
isComment: false // 是否是注释/心跳消息
};
lines.forEach(line => {
line = line.trimEnd(); // 去掉行尾空白符
// 注释行（以:开头）：心跳消息，标记为注释
if (line.startsWith(':')) {
result.isComment = true;
return;
}
// 解析event行（event: xxx）
if (line.startsWith('event:')) {
result.event = line.slice(6).trim();
return;
}
// 解析data行（data: xxx），支持多行data拼接
if (line.startsWith('data:')) {
result.data += line.slice(5).trim();
return;
}
// 空行忽略
if (line === '') return;
});
return result;
}; };
const ele = () => {
return new Promise((resolve, reject) => {
// 转换FormData为Blob（适配SSE的POST请求体）
const formDataBlob = new Blob([
// 模拟multipart/form-data的边界符（简化版，实际可复用浏览器自动生成的）
...Array.from(formData.entries()).map(([key, value]) => {
return `--boundary\r\nContent-Disposition: form-data; name="${key}"${value instanceof File ? `; filename="${value.name}"\r\nContent-Type: ${value.type}` : ''}\r\n\r\n${value instanceof File ? value : value}\r\n`;
}),
'--boundary--\r\n'
]);
fetchEventSource('/pdfSse/api/v1/order/pdf/extract/report/sse', {
method: 'POST',
headers: {
// 关键：设置multipart/form-data头，包含边界符
'Content-Type': `multipart/form-data; boundary=boundary`,
},
// 注意：fetchEventSource的body仅支持字符串/ArrayBuffer/Blob，这里传FormData转换后的Blob
body: formDataBlob,
signal: abortController.value.signal,
openWhenHidden: true,
// SSE连接开启
async onopen(res) {
console.log("流式回答开始", res);
isGenerating.value = true;
isShowProcess.value = true;
},
async onmessage(res) {
debugger
const { event, data } = res
let jsonData = JSON.parse(data);
if (event === "progress") {
processContent.value += jsonData.message;
updateProcess(processContent.value, scrollProcessContainer.value);
}
},
onerror(error) {
ElMessage({
message: "写报生成报错!",
type: "warning"
});
abortController.value.abort();
abortController.value = new AbortController();
throw new Error(error);
}
}).catch((error) => {
reject(error);
isProcessing.value = false;
});
});
}
const writtingTitle = ref(""); const writtingTitle = ref("");
const descText = ref(""); const descText = ref("");
const tabList = ref([ const tabList = ref([
...@@ -395,7 +619,7 @@ const exportContent = () => { ...@@ -395,7 +619,7 @@ const exportContent = () => {
URL.revokeObjectURL(url); URL.revokeObjectURL(url);
}; };
onMounted(() => {}); onMounted(() => { });
onUnmounted(() => { onUnmounted(() => {
if (abortController.value) { if (abortController.value) {
...@@ -408,6 +632,7 @@ onUnmounted(() => { ...@@ -408,6 +632,7 @@ onUnmounted(() => {
.writting-wrapper { .writting-wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.writting-header { .writting-header {
height: 60px; height: 60px;
box-sizing: border-box; box-sizing: border-box;
...@@ -417,6 +642,7 @@ onUnmounted(() => { ...@@ -417,6 +642,7 @@ onUnmounted(() => {
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
display: flex; display: flex;
position: relative; position: relative;
.tab-box { .tab-box {
display: flex; display: flex;
margin-left: 130px; margin-left: 130px;
...@@ -424,6 +650,7 @@ onUnmounted(() => { ...@@ -424,6 +650,7 @@ onUnmounted(() => {
width: 260px; width: 260px;
height: 46px; height: 46px;
justify-content: space-between; justify-content: space-between;
.tab { .tab {
color: rgba(95, 101, 108, 1); color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -431,6 +658,7 @@ onUnmounted(() => { ...@@ -431,6 +658,7 @@ onUnmounted(() => {
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
} }
.tabActive { .tabActive {
color: rgba(5, 95, 194, 1); color: rgba(5, 95, 194, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -440,12 +668,14 @@ onUnmounted(() => { ...@@ -440,12 +668,14 @@ onUnmounted(() => {
border-bottom: 4px solid rgba(5, 95, 194, 1); border-bottom: 4px solid rgba(5, 95, 194, 1);
} }
} }
.btn-box { .btn-box {
position: absolute; position: absolute;
top: 12px; top: 12px;
right: 39px; right: 39px;
display: flex; display: flex;
gap: 12px; gap: 12px;
.btn { .btn {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -458,14 +688,17 @@ onUnmounted(() => { ...@@ -458,14 +688,17 @@ onUnmounted(() => {
border-radius: 6px; border-radius: 6px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
cursor: pointer; cursor: pointer;
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.text { .text {
width: 32px; width: 32px;
height: 24px; height: 24px;
...@@ -475,19 +708,23 @@ onUnmounted(() => { ...@@ -475,19 +708,23 @@ onUnmounted(() => {
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 24px;
} }
.text1 { .text1 {
color: #fff; color: #fff;
} }
} }
.btn1 { .btn1 {
background: rgba(5, 95, 194, 1); background: rgba(5, 95, 194, 1);
} }
} }
} }
.writting-main { .writting-main {
display: flex; display: flex;
height: calc(100% - 60px); height: calc(100% - 60px);
position: relative; position: relative;
.process-box { .process-box {
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -496,6 +733,7 @@ onUnmounted(() => { ...@@ -496,6 +733,7 @@ onUnmounted(() => {
height: 100%; height: 100%;
z-index: 9999; z-index: 9999;
background: #fff; background: #fff;
.back { .back {
margin-top: 21px; margin-top: 21px;
height: 24px; height: 24px;
...@@ -508,24 +746,29 @@ onUnmounted(() => { ...@@ -508,24 +746,29 @@ onUnmounted(() => {
line-height: 24px; line-height: 24px;
cursor: pointer; cursor: pointer;
} }
.process-main-box { .process-main-box {
margin-top: 20px; margin-top: 20px;
margin-left: 22px; margin-left: 22px;
width: 476px; width: 476px;
height: 900px; height: 900px;
// background: orange; // background: orange;
.analysis-box { .analysis-box {
.analysis-header { .analysis-header {
display: flex; display: flex;
.icon { .icon {
margin-top: 5px; margin-top: 5px;
width: 20px; width: 20px;
height: 20px; height: 20px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.text { .text {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -536,6 +779,7 @@ onUnmounted(() => { ...@@ -536,6 +779,7 @@ onUnmounted(() => {
margin-left: 5px; margin-left: 5px;
} }
} }
.analysis-content { .analysis-content {
height: 90px; height: 90px;
line-height: 30px; line-height: 30px;
...@@ -546,19 +790,24 @@ onUnmounted(() => { ...@@ -546,19 +790,24 @@ onUnmounted(() => {
text-indent: 32px; text-indent: 32px;
} }
} }
.steps-box { .steps-box {
margin-top: 20px; margin-top: 20px;
.steps-header { .steps-header {
display: flex; display: flex;
.icon { .icon {
margin-top: 5px; margin-top: 5px;
width: 20px; width: 20px;
height: 20px; height: 20px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.text { .text {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -569,6 +818,7 @@ onUnmounted(() => { ...@@ -569,6 +818,7 @@ onUnmounted(() => {
margin-left: 5px; margin-left: 5px;
} }
} }
.steps-content { .steps-content {
height: 560px; height: 560px;
width: 100%; width: 100%;
...@@ -597,6 +847,7 @@ onUnmounted(() => { ...@@ -597,6 +847,7 @@ onUnmounted(() => {
// } // }
} }
} }
.doing-box { .doing-box {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -606,18 +857,21 @@ onUnmounted(() => { ...@@ -606,18 +857,21 @@ onUnmounted(() => {
font-weight: 400; font-weight: 400;
margin-left: 20px; margin-left: 20px;
} }
.tool-box { .tool-box {
width: 440px; width: 440px;
height: 160px; height: 160px;
margin: 10px auto; margin: 10px auto;
background: #f6f9fe; background: #f6f9fe;
border-radius: 10px; border-radius: 10px;
.tool-header { .tool-header {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 20px; margin-left: 20px;
color: var(--color-main-active); color: var(--color-main-active);
} }
.tool-main { .tool-main {
height: 110px; height: 110px;
width: 400px; width: 400px;
...@@ -631,21 +885,25 @@ onUnmounted(() => { ...@@ -631,21 +885,25 @@ onUnmounted(() => {
} }
} }
} }
.process-tips-box { .process-tips-box {
position: absolute; position: absolute;
left: 22px; left: 22px;
bottom: 81px; bottom: 81px;
height: 22px; height: 22px;
display: flex; display: flex;
.tips-icon { .tips-icon {
width: 14px; width: 14px;
height: 16px; height: 16px;
margin-top: 3px; margin-top: 3px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.tips-text { .tips-text {
margin-left: 8px; margin-left: 8px;
color: rgba(132, 136, 142, 1); color: rgba(132, 136, 142, 1);
...@@ -655,12 +913,14 @@ onUnmounted(() => { ...@@ -655,12 +913,14 @@ onUnmounted(() => {
line-height: 22px; line-height: 22px;
} }
} }
.process-footer-box { .process-footer-box {
height: 36px; height: 36px;
display: flex; display: flex;
position: absolute; position: absolute;
left: 22px; left: 22px;
bottom: 29px; bottom: 29px;
.footer-left { .footer-left {
width: 348px; width: 348px;
height: 36px; height: 36px;
...@@ -673,6 +933,7 @@ onUnmounted(() => { ...@@ -673,6 +933,7 @@ onUnmounted(() => {
text-align: center; text-align: center;
line-height: 36px; line-height: 36px;
} }
.footer-right { .footer-right {
margin-left: 8px; margin-left: 8px;
display: flex; display: flex;
...@@ -686,12 +947,14 @@ onUnmounted(() => { ...@@ -686,12 +947,14 @@ onUnmounted(() => {
align-items: center; align-items: center;
gap: 8px; gap: 8px;
cursor: pointer; cursor: pointer;
.icon { .icon {
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 2px; border-radius: 2px;
background: var(--color-main-active); background: var(--color-main-active);
} }
.text { .text {
color: var(--color-main-active); color: var(--color-main-active);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
...@@ -702,6 +965,7 @@ onUnmounted(() => { ...@@ -702,6 +965,7 @@ onUnmounted(() => {
} }
} }
} }
.sider { .sider {
width: 520px; width: 520px;
box-sizing: border-box; box-sizing: border-box;
...@@ -709,62 +973,28 @@ onUnmounted(() => { ...@@ -709,62 +973,28 @@ onUnmounted(() => {
border-top: 1px solid rgba(234, 236, 238, 1); border-top: 1px solid rgba(234, 236, 238, 1);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
position: relative; position: relative;
.sider-box1 { padding: 21px 21px;
margin-top: 21px; display: flex;
margin-left: 22px; flex-direction: column;
.header { gap: 23px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 16px; .sider-box {
font-weight: 700;
line-height: 24px;
}
.title-box {
margin-top: 15px;
.title {
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.title-input {
margin-top: 15px;
}
}
.description-box {
margin-top: 24px;
.title {
height: 24px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.description-input {
margin-top: 12px;
height: 200px;
}
}
}
.sider-box2 {
margin-top: 24px;
margin-left: 22px;
.header { .header {
height: 24px;
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
line-height: 24px; line-height: 24px;
} }
.template-box { .template-box {
margin-top: 19px; margin-top: 19px;
height: 260px; height: 260px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 16px; gap: 16px;
.template { .template {
width: 230px; width: 230px;
height: 120px; height: 120px;
...@@ -773,6 +1003,7 @@ onUnmounted(() => { ...@@ -773,6 +1003,7 @@ onUnmounted(() => {
border-radius: 4px; border-radius: 4px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
.active-icon { .active-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
...@@ -780,11 +1011,13 @@ onUnmounted(() => { ...@@ -780,11 +1011,13 @@ onUnmounted(() => {
top: 0; top: 0;
right: 0; right: 0;
z-index: 99; z-index: 99;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.selected-icon { .selected-icon {
width: 8px; width: 8px;
height: 6px; height: 6px;
...@@ -792,15 +1025,18 @@ onUnmounted(() => { ...@@ -792,15 +1025,18 @@ onUnmounted(() => {
top: -4px; top: -4px;
right: 3px; right: 3px;
z-index: 100; z-index: 100;
img { img {
width: 8px; width: 8px;
height: 6px; height: 6px;
} }
} }
.header { .header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 50px; height: 50px;
.title { .title {
height: 24px; height: 24px;
// color: rgba(59, 65, 75, 1); // color: rgba(59, 65, 75, 1);
...@@ -812,6 +1048,7 @@ onUnmounted(() => { ...@@ -812,6 +1048,7 @@ onUnmounted(() => {
margin-left: 15px; margin-left: 15px;
margin-top: 16px; margin-top: 16px;
} }
.icon { .icon {
margin-top: 15px; margin-top: 15px;
margin-right: 16px; margin-right: 16px;
...@@ -819,6 +1056,7 @@ onUnmounted(() => { ...@@ -819,6 +1056,7 @@ onUnmounted(() => {
height: 30px; height: 30px;
border-radius: 15px; border-radius: 15px;
background: rgba(231, 243, 255, 1); background: rgba(231, 243, 255, 1);
img { img {
width: 17px; width: 17px;
height: 14px; height: 14px;
...@@ -827,6 +1065,7 @@ onUnmounted(() => { ...@@ -827,6 +1065,7 @@ onUnmounted(() => {
} }
} }
} }
.content { .content {
margin: 0 auto; margin: 0 auto;
width: 200px; width: 200px;
...@@ -839,34 +1078,83 @@ onUnmounted(() => { ...@@ -839,34 +1078,83 @@ onUnmounted(() => {
line-height: 24px; line-height: 24px;
} }
} }
.tempActive { .tempActive {
border: 1px solid rgba(5, 95, 194, 1); border: 1px solid rgba(5, 95, 194, 1);
background: rgba(246, 250, 255, 1); background: rgba(246, 250, 255, 1);
} }
} }
.tips {
margin-top: 19px; .title-box {
height: 22px; margin-top: 15px;
display: flex;
.tips-icon { .title {
width: 14px; color: rgba(95, 101, 108, 1);
height: 16px; font-family: Microsoft YaHei;
margin-top: 3px; font-size: 16px;
img { font-weight: 400;
width: 100%; line-height: 24px;
height: 100%;
} }
.title-input {
margin-top: 15px;
} }
.tips-text { }
margin-left: 8px;
color: rgba(132, 136, 142, 1); .description-box {
margin-top: 24px;
.title {
height: 24px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.description-input {
margin-top: 12px;
height: 200px;
}
}
.sider-upload-btn {
width: 476px;
height: 36px;
box-sizing: border-box;
border: 1px dashed rgba(234, 236, 238, 1);
border-radius: 6px;
background: rgba(247, 248, 249, 1);
margin-top: 19px;
}
.sider-upload-btn-text {
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-style: Regular;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 22px; line-height: 22px;
letter-spacing: 0px;
text-align: left;
} }
.sider-upload-btn-tip {
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-style: Regular;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
margin-top: 8px;
} }
} }
.submit-btn { .submit-btn {
position: absolute; position: absolute;
left: 22px; left: 22px;
...@@ -878,19 +1166,51 @@ onUnmounted(() => { ...@@ -878,19 +1166,51 @@ onUnmounted(() => {
display: flex; display: flex;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: rgba(5, 95, 194, 0.8); background: rgba(5, 95, 194, 0.8);
} }
.tips {
height: 22px;
display: flex;
position: absolute;
top: -30px;
left: 0px;
.tips-icon {
width: 14px;
height: 16px;
margin-top: 3px;
img {
width: 100%;
height: 100%;
}
}
.tips-text {
margin-left: 8px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
}
.submit-icon { .submit-icon {
/* AI-logo */ /* AI-logo */
width: 21px; width: 21px;
height: 15px; height: 15px;
margin-top: 10px; margin-top: 10px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.submit-text { .submit-text {
height: 24px; height: 24px;
margin-top: 5px; margin-top: 5px;
...@@ -903,14 +1223,17 @@ onUnmounted(() => { ...@@ -903,14 +1223,17 @@ onUnmounted(() => {
} }
} }
} }
.main-box { .main-box {
flex: 1; flex: 1;
background: #f7f8f9; background: #f7f8f9;
.edit-panel { .edit-panel {
width: calc(100% - 100px); width: calc(100% - 100px);
height: calc(100% - 40px); height: calc(100% - 40px);
margin: 20px 50px; margin: 20px 50px;
} }
.content-box { .content-box {
width: calc(100% - 100px); width: calc(100% - 100px);
height: calc(100% - 40px); height: calc(100% - 40px);
...@@ -924,7 +1247,8 @@ onUnmounted(() => { ...@@ -924,7 +1247,8 @@ onUnmounted(() => {
line-height: 1.7; line-height: 1.7;
// font-size: 20px; // font-size: 20px;
font-size: 16px; font-size: 16px;
img{
img {
width: 300px; width: 300px;
height: auto; height: auto;
} }
......
vite.config.js
浏览文件 @ 5e26754e
...@@ -80,6 +80,17 @@ export default defineConfig({ ...@@ -80,6 +80,17 @@ export default defineConfig({
target: 'http://8.140.26.4:15000/', target: 'http://8.140.26.4:15000/',
changeOrigin: true, changeOrigin: true,
rewrite: (path) => path.replace(/^\/temporarySearch/, '') rewrite: (path) => path.replace(/^\/temporarySearch/, '')
},
'/pdfSse': {
target: 'http://8.140.26.4:10020/',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/pdfSse/, ''),
configure: (proxy) => {
proxy.on('proxyReq', (proxyReq) => {
proxyReq.setHeader('Connection', 'keep-alive');
proxyReq.setHeader('Cache-Control', 'no-cache');
});
}
} }
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论