提交 bf04ed1e authored 作者: coderBryanFu's avatar coderBryanFu

update

......@@ -3,7 +3,6 @@
<!-- 导航菜单 -->
<div class="layout-main">
<div class="header-main">
<div class="layout-main-header">
<div class="layout-main-header-left-box">
<div class="left-box-top">
......@@ -12,9 +11,7 @@
</div>
<div class="info">
<div class="info-box1">{{ billInfoGlobal.billName }}</div>
<div class="info-box2">
{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}
</div>
<div class="info-box2">{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}</div>
</div>
</div>
<div class="left-box-bottom">
......@@ -53,7 +50,7 @@
</div>
<div class="text">{{ "查看官网" }}</div>
</div> -->
<div class="btn3">
<div class="btn3" @click="handleAnalysisClick">
<div class="icon">
<img src="./assets/icons/btn-icon3.png" alt="" />
</div>
......@@ -150,7 +147,6 @@ import icon4 from "./assets/icons/icon4.svg";
import icon4Active from "./assets/icons/icon4_active.svg";
import USALogo from "./assets/images/USA-logo.png";
// 法案原文
const billFullText = ref("");
const getBillFullTextFn = async () => {
......@@ -213,7 +209,7 @@ const mainHeaderBtnList = ref([
activeIcon: icon2Active,
name: "深度挖掘",
path: "/billLayout/deepDig"
},
}
// {
// icon: icon3,
// activeIcon: icon3Active,
......@@ -241,6 +237,16 @@ const handleClickMainHeaderBtn = item => {
});
};
const handleAnalysisClick = () => {
router.push({
path: "/writtingAsstaint",
query: {
topic: "法案",
fileId: route.query.billId
}
});
};
onMounted(() => {
getBillInfoGlobalFn();
if (window.sessionStorage.getItem("activeTitle")) {
......@@ -375,7 +381,6 @@ onMounted(() => {
// margin-right: 150px;
// margin-top: 19px;
.right-box-top {
height: 64px;
display: flex;
align-items: right;
......
......@@ -3,23 +3,29 @@
<!-- 导航菜单 -->
<div class="layout-main">
<div class="header-main">
<div class="layout-main-header">
<div class="layout-main-header-container">
<div class="layout-main-header-left-box">
<div class="left-box-top">
<div class="icon">
<img v-if="summaryInfo.imageUrl" :src="summaryInfo.imageUrl" alt="" style="height: 40px;margin-top: 12px;"/>
<img
v-if="summaryInfo.imageUrl"
:src="summaryInfo.imageUrl"
alt=""
style="height: 40px; margin-top: 12px"
/>
<img v-else :src="USALogo" alt="" />
</div>
<div class="info">
<div class="info-box1">{{ summaryInfo.name }}</div>
<div class="info-box2">
<div class="info-box2-item item1" v-if="summaryInfo.order">{{ summaryInfo.order +" | "}}</div>
<div class="info-box2-item item1" v-if="summaryInfo.order">
{{ summaryInfo.order + " | " }}
</div>
<div class="info-box2-item item2" v-if="summaryInfo.type">{{ summaryInfo.type + " | " }}</div>
<div class="info-box2-item item2" v-if="summaryInfo.type">
{{ summaryInfo.type + " | " }}
</div>
<div class="info-box2-item item3" v-if="summaryInfo.ename">{{ summaryInfo.ename }}</div>
</div>
</div>
......@@ -54,7 +60,7 @@
</div>
<div class="text">{{ "政令原文" }}</div>
</div>
<div class="btn-active">
<div class="btn-active" @click="handleAnalysisClick">
<div class="icon-active">
<img src="./assets/icons/edit-icon.png" alt="" />
</div>
......@@ -265,6 +271,16 @@ const handleShowReport = () => {
window.open(curRoute.href, "_blank");
};
const handleAnalysisClick = () => {
router.push({
path: "/writtingAsstaint",
query: {
topic: "政令",
fileId: route.query.id
}
});
};
onMounted(() => {
handleGetSummary();
console.log(route.path);
......
......@@ -2,7 +2,7 @@
<div class="entity-list">
<div class="header">
<div class="header-title">
<img :src="headerTitle.img" alt="">
<img :src="headerTitle.img" alt="" />
<div>
<div class="title">
{{ headerTitle.title }}
......@@ -12,9 +12,7 @@
{{ headerTitle.department }}
</div>
</div>
<div class="btn">
<img :src="icon01" alt="">切换
</div>
<div class="btn"><img :src="icon01" alt="" />切换</div>
</div>
<div class="header-nav">
<div
......@@ -24,21 +22,24 @@
:class="{ active: activeIndex === index }"
@click="activeIndex = index"
>
<img :src="activeIndex === index ? item.imgActive : item.img" alt="">
<img :src="activeIndex === index ? item.imgActive : item.img" alt="" />
<span>{{ item.title }}</span>
<div class="active-line" v-if="activeIndex === index"></div>
</div>
<div class="original-text-btn" @click="handleClickOriginalText">
<img :src="icon1" alt="">
<img :src="icon1" alt="" />
<span>实体清单原文</span>
</div>
<div class="btn3" @click="handleAnalysisClick">
<div class="icon">
<img src="./assets/btn-icon3.png" alt="" />
</div>
<div class="text">{{ "分析报告" }}</div>
</div>
</div>
</div>
<div class="main">
<sanctions-overview
v-if="activeIndex === 0"
:data="singleSanctionOverview"
></sanctions-overview>
<sanctions-overview v-if="activeIndex === 0" :data="singleSanctionOverview"></sanctions-overview>
<data-statistics v-if="activeIndex === 1"></data-statistics>
<deep-mining v-if="activeIndex === 2"></deep-mining>
<impact-analysis v-if="activeIndex === 3"></impact-analysis>
......@@ -47,15 +48,15 @@
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted } from "vue";
import sanctionsOverview from "./components/sanctionsOverview/index.vue"
import dataStatistics from "./components/dataStatistics/index.vue"
import deepMining from "./components/deepMining/index.vue"
import impactAnalysis from "./components/impactAnalysis/index.vue"
import sanctionsOverview from "./components/sanctionsOverview/index.vue";
import dataStatistics from "./components/dataStatistics/index.vue";
import deepMining from "./components/deepMining/index.vue";
import impactAnalysis from "./components/impactAnalysis/index.vue";
import title from "./assets/title.png"
import icon01 from "./assets/icon01.png"
import title from "./assets/title.png";
import icon01 from "./assets/icon01.png";
import icon1 from "../assets/icons/icon1.png";
import icon1Active from "../assets/icons/icon1_active.png";
import icon5 from "../assets/icons/icon5.png";
......@@ -65,32 +66,33 @@ import icon2Active from "../assets/icons/icon2_active.png";
import icon3 from "../assets/icons/icon3.png";
import icon3Active from "../assets/icons/icon3_active.png";
import { getSingleSanctionOverview } from "@/api/exportControlV2.0.js"
import { getSingleSanctionOverview } from "@/api/exportControlV2.0.js";
import router from "@/router";
// 处理点击实体清单原文按钮
const handleClickOriginalText = () => {
// 打开新标签页
window.open(`/exportControl/origin?id=${sanRecordId.value}`, "_blank")
}
window.open(`/exportControl/origin?id=${sanRecordId.value}`, "_blank");
};
// 获取URL参数
const sanRecordId = ref("")
const sanRecordId = ref("");
const getUrlParams = () => {
const urlParams = new URLSearchParams(window.location.search);
sanRecordId.value = urlParams.get("id") || ""
}
sanRecordId.value = urlParams.get("id") || "";
};
// console.log(sanRecordId.value)
// 单次制裁-制裁概况-基本信息
const singleSanctionOverview = ref({})
const singleSanctionOverview = ref({});
const getSingleSanctionOverviewData = async () => {
if (!sanRecordId.value) return
if (!sanRecordId.value) return;
try {
const res = await getSingleSanctionOverview({
sanRecordId: sanRecordId.value
})
});
if (res.code === 200) {
singleSanctionOverview.value = res.data || {}
singleSanctionOverview.value = res.data || {};
// 格式化日期
let dateStr = "";
......@@ -109,20 +111,18 @@ const getSingleSanctionOverviewData = async () => {
title: `${dateStr}${singleSanctionOverview.value.sanTitleZh || singleSanctionOverview.value.sanTitle}》`,
titleEn: singleSanctionOverview.value.sanTitle || "",
department: singleSanctionOverview.value.fileCode || ""
}
};
}
} catch (error) {
console.error("获取制裁概况失败:", error)
console.error("获取制裁概况失败:", error);
}
}
};
const headerTitle = ref({
img: title,
})
img: title
});
const activeIndex = ref(0)
const activeIndex = ref(0);
const headerNavList = ref([
{
......@@ -145,25 +145,34 @@ const headerNavList = ref([
imgActive: icon3Active,
title: "影响分析"
}
])
]);
const handleAnalysisClick = () => {
router.push({
path: "/writtingAsstaint",
query: {
topic: "清单",
fileId: singleSanctionOverview.value.postDate
}
});
};
onMounted(() => {
getUrlParams()
getSingleSanctionOverviewData()
})
getUrlParams();
getSingleSanctionOverviewData();
});
</script>
<style scoped lang="scss">
*{
* {
margin: 0;
padding: 0;
}
.entity-list{
.entity-list {
width: 100%;
height: 100%;
overflow-y: auto;
.header{
.header {
width: 100%;
height: 148px;
background-color: #fff;
......@@ -172,7 +181,7 @@ onMounted(() => {
top: 0;
z-index: 1000;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
.header-title{
.header-title {
width: 1601px;
height: 72px;
background-color: rgba(246, 250, 255, 1);
......@@ -279,7 +288,7 @@ onMounted(() => {
margin-left: auto;
width: 152px;
height: 36px;
background: #FFFFFF;
background: #ffffff;
border-radius: 4px;
border: 1px solid rgba(230, 231, 232, 1);
display: flex;
......@@ -301,13 +310,44 @@ onMounted(() => {
line-height: 24px;
}
}
.btn3 {
cursor: pointer;
width: 120px;
height: 36px;
border-radius: 6px;
background: rgba(5, 95, 194, 1);
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-left: 8px;
.icon {
width: 16px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 24px;
color: rgba(255, 255, 255, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
}
}
}
.main{
.main {
width: 100%;
height: auto;
min-height: calc(100% - 148px);
background-color: #F7F8F9;
background-color: #f7f8f9;
}
}
</style>
......@@ -57,7 +57,7 @@
</div>
<div class="text">{{ "文档下载" }}</div>
</div>
<div class="btn btn1">
<div class="btn btn1" @click="handleAnalysisClick">
<div class="icon">
<img src="./images/btn-icon4.png" alt="" />
</div>
......@@ -79,8 +79,9 @@ import { ref, onMounted } from "vue";
import ReportAnalysis from "./reportAnalysis/index.vue";
import PolicyTracking from "./policyTracking/index.vue";
import { getThinkTankReportSummary } from "@/api/thinkTank/overview";
import { useRouter } from "vue-router";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute();
const reportUrl = ref("");
const thinkInfo = ref({});
......@@ -113,6 +114,16 @@ const tabActiveName = ref("报告分析");
const switchTab = name => {
tabActiveName.value = name;
};
const handleAnalysisClick = () => {
router.push({
path: "/writtingAsstaint",
query: {
topic: "智库",
fileId: router.currentRoute._value.params.id
}
});
};
onMounted(async () => {
handleGetThinkTankReportSummary();
});
......
......@@ -31,6 +31,7 @@
</div>
<div class="writting-main">
<div class="left-box">
<div class="left-box-input">
<div class="process-box" v-if="isShowProcess">
<div class="back" @click="handleBack">{{ "< 返回" }}</div>
<div class="process-main-box">
......@@ -50,7 +51,7 @@
</div>
</div>
<div class="sider" v-else>
<div class="sider-box" v-if="false">
<div class="sider-box">
<div class="header">报文主题</div>
<div class="title-box">
<div class="title">主题名称</div>
......@@ -80,7 +81,10 @@
<div class="template-box">
<div
class="template"
:class="{ tempActive: tempActiveIndex === index }"
:class="{
tempActive: tempActiveIndex === index,
disableTemplate: tempActiveIndex !== index && Object.keys(route.query).length > 0
}"
v-for="(temp, index) in tempList"
:key="index"
@click="handleClickTemp(temp, index)"
......@@ -112,8 +116,13 @@
ref="upload"
:on-change="handleFileChange"
:file-list="uploadFileList"
:disabled="Object.keys(route.query).length !== 0"
>
<el-button
class="sider-upload-btn"
type="primary"
:disabled="Object.keys(route.query).length !== 0"
>
<el-button class="sider-upload-btn" type="primary">
<el-icon class="sider-upload-btn-text">
<Upload />
</el-icon>
......@@ -125,6 +134,7 @@
</el-upload>
</div>
</div>
</div>
<div class="submit-area">
<div class="tips">
<div class="tips-icon">
......@@ -182,14 +192,61 @@ import "@kangc/v-md-editor/lib/theme/style/vuepress.css";
import Prism from "prismjs";
import { ElButton, ElIcon, ElInput, ElMessage, ElUpload, genFileId } from "element-plus";
VMdEditor.use(vuepressTheme, {
Prism
});
import { useRoute } from "vue-router";
const route = useRoute();
const isGenerating = ref(false);
const isShowProcess = ref(false);
const uploadFileList = ref([]);
const upload = ref();
// 流程
const scrollProcessContainer = ref(null);
const processContent = ref("");
// 报文
const scrollContainer = ref(null);
const reportContent = ref("");
const curTempTitle = ref("政令");
const abortController = ref(null);
// 当前调用工具
const curAgentTool = ref("");
const writtingTitle = ref("");
const descText = ref("");
const tabList = ref([
{
name: "写报",
active: true
},
{
name: "收藏",
active: false
},
{
name: "问答",
active: false
}
]);
const tempList = ref([
{
title: "政令",
desc: "基于政令内容生成各维度的综合分析报告"
},
{
title: "法案",
desc: "基于政令内容生成各维度的综合分析报告"
},
{
title: "智库",
desc: "基于智库内容生成各维度的综合分析报告"
},
{
title: "清单",
desc: "基于清单内容生成各维度的综合分析报告"
}
]);
const tempActiveIndex = ref(0);
VMdEditor.use(vuepressTheme, {
Prism
});
//新上传文件替换
const handleExceed = files => {
......@@ -214,7 +271,7 @@ const handleBack = () => {
handleGenerate();
};
const isEditMode = ref(false);
const isEditMode = ref(true);
const handleSwitchMode = () => {
isEditMode.value = !isEditMode.value;
if (!isEditMode.value) {
......@@ -241,20 +298,9 @@ const saveToLocalStorage = text => {
localStorage.setItem("markdown-content", text);
};
const abortController = ref(null);
const { renderedContent, updateContent } = useMarkdownStream();
const { renderedProcess, updateProcess } = useStream();
// 流程
const scrollProcessContainer = ref(null);
const processContent = ref("");
// 报文
const scrollContainer = ref(null);
const reportContent = ref("");
const curTempTitle = ref("法案");
// 停止生成
const handleGenerate = () => {
isShowProcess.value = false;
......@@ -262,11 +308,21 @@ const handleGenerate = () => {
abortController.value.abort();
};
// 当前调用工具
const curAgentTool = ref("报告整体优化工具");
const getStreamChat = async (search, inputValue) => {
if (uploadFileList.value.length > 0) {
if (Object.keys(route.query).length !== 0) {
const params = {
query: writtingTitle.value, // "输出一篇报文"
desc: descText.value,
topic: curTempTitle.value,
report_id: route.query.fileId // 政令、智库、法案、清单
};
callSseWithAi(params);
} else {
if (curTempTitle.value === "政令") {
if (uploadFileList.value.length === 0) {
ElMessage.error("请上传政令文件");
return;
}
const rawFile = uploadFileList.value[0].raw;
if (!rawFile) {
ElMessage.error("文件解析失败,请重新选择");
......@@ -281,68 +337,131 @@ const getStreamChat = async (search, inputValue) => {
};
callSseWithAi(params);
}
}
};
const getFormattedTime = () => {
const now = new Date();
// 补零函数:确保单个数字补为两位(如 1 → 01,9 → 09)
const pad = n => n.toString().padStart(2, "0");
return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(
now.getMinutes()
)}:${pad(now.getSeconds())}`;
};
// 核心SSE调用函数(修复后)
const callSseWithPdf = async selectedFile => {
// 重置中断控制器
if (abortController.value) {
abortController.value.abort();
}
abortController.value = new AbortController();
// 状态重置
isGenerating.value = false;
isShowProcess.value = false;
try {
// 构造FormData(和后端字段名保持一致)
const formData = new FormData();
formData.append("pdf", selectedFile);
// 调用fetchEventSource(核心:支持POST+FormData+SSE)
await fetchEventSource("/pdfSse/api/v1/order/pdf/extract/report/sse", {
method: "POST", // 关键:设置POST方法
body: formData, // 关键:传递PDF文件的FormData
signal: abortController.value.signal, // 中断信号
method: "POST",
body: formData,
signal: abortController.value.signal,
headers: {
// 禁用默认的SSE协议头(避免和文件上传冲突)
Accept: "text/event-stream",
"Cache-Control": "no-cache",
Connection: "keep-alive"
"Cache-Control": "no-cache"
},
openWhenHidden: true,
// 核心:原生onmessage回调(无需手动分割/解析)
async onopen(res) {
console.log("流式回答开始", res);
retryDelay: 1000,
maxRetries: 3,
// 连接打开回调
async onopen(response) {
console.log("流式回答开始", response);
// 校验响应状态
if (response.ok && response.headers.get("content-type")?.includes("text/event-stream")) {
isGenerating.value = true;
isShowProcess.value = true;
} else {
ElMessage.warning("SSE连接格式异常,即将断开");
abortController.value.abort();
}
},
async onmessage(res) {
const { data, event } = res;
const jsonData = JSON.parse(data);
switch (event) {
// 核心修复:消息处理回调
async onmessage(event) {
// 1. 严格过滤空消息(解决失焦时空消息问题)
if (!event || !event.data || event.data.trim() === "") {
console.debug("收到空SSE消息,忽略", event);
return;
}
let jsonData = null;
try {
// 2. 容错处理:防止非JSON格式的消息导致解析报错
jsonData = JSON.parse(event.data.trim());
} catch (parseError) {
console.warn("SSE消息JSON解析失败", parseError, event.data);
return;
}
// 3. 按事件类型处理业务逻辑
switch (event.event) {
case "progress":
// 校验数据完整性
if (jsonData.message) {
processContent.value += `${getFormattedTime()}:${jsonData.message}\r\n`;
updateProcess(processContent.value, scrollProcessContainer.value);
}
break;
case "result":
callSseWithAi({
query: writtingTitle.value, // "输出一篇报文"
// 确保result数据有效
if (jsonData && Object.keys(jsonData).length) {
await callSseWithAi({
query: writtingTitle.value,
desc: descText.value,
topic: "政令",
result: data // 政令、智库、法案、清单
topic: curTempTitle.value,
result: jsonData // 传递解析后的对象而非原始字符串
});
}
break;
default:
console.debug("未处理的SSE事件类型", event.event);
break;
}
},
// 错误处理优化
onerror(error) {
ElMessage({
message: "写报生成报错!",
type: "warning"
});
console.error("SSE连接错误", error);
ElMessage.warning("写报生成报错!");
// 只在非主动中断时重连/终止
if (error.name !== "AbortError") {
// 触发库的自动重连机制(返回true)
return true;
}
// 主动中断时清理控制器
abortController.value.abort();
abortController.value = new AbortController();
throw new Error(error);
},
// 连接关闭回调
onclose() {
console.log("SSE连接正常关闭");
isGenerating.value = false;
}
});
} catch (error) {
// 全局异常捕获
if (error.name !== "AbortError") {
ElMessage.error(`请求失败:${error.message}`);
isLoading.value = false;
console.error("SSE请求异常", error);
}
// 重置状态
isGenerating.value = false;
isShowProcess.value = false;
// 清理控制器
abortController.value.abort();
abortController.value = new AbortController();
}
};
......@@ -412,54 +531,8 @@ const callSseWithAi = async params => {
});
};
const getFormattedTime = () => {
const now = new Date();
// 补零函数:确保单个数字补为两位(如 1 → 01,9 → 09)
const pad = n => n.toString().padStart(2, "0");
return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(
now.getMinutes()
)}:${pad(now.getSeconds())}`;
};
const writtingTitle = ref("");
const descText = ref("");
const tabList = ref([
{
name: "写报",
active: true
},
{
name: "收藏",
active: false
},
{
name: "问答",
active: false
}
]);
const tempList = ref([
{
title: "法案1",
desc: "基于法案内容生成各维度的综合分析报告"
},
{
title: "智库",
desc: "基于智库内容生成各维度的综合分析报告"
},
{
title: "政令",
desc: "基于政令内容生成各维度的综合分析报告"
},
{
title: "清单",
desc: "基于清单内容生成各维度的综合分析报告"
}
]);
const tempActiveIndex = ref(0);
const handleClickTemp = (item, index) => {
if (Object.keys(route.query).length !== 0) return;
tempActiveIndex.value = index;
curTempTitle.value = item.title;
};
......@@ -475,7 +548,16 @@ const exportContent = () => {
URL.revokeObjectURL(url);
};
onMounted(() => {});
onMounted(() => {
if (route && Object.keys(route.query).length !== 0) {
const { topic, fileId } = route.query;
if (!topic || !fileId) return;
curTempTitle.value = topic;
tempActiveIndex.value = tempList.value.findIndex((item, index) => {
return item.title === topic;
});
}
});
onUnmounted(() => {
if (abortController.value) {
......@@ -584,13 +666,20 @@ onUnmounted(() => {
.left-box {
display: flex;
flex-direction: column;
width: 520px;
padding: 21px 21px 29px 22px;
width: 525px;
padding-top: 22px;
padding-bottom: 29px;
box-sizing: border-box;
border-right: 1px solid rgba(234, 236, 238, 1);
border-top: 1px solid rgba(234, 236, 238, 1);
background: rgba(255, 255, 255, 1);
.left-box-input {
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: none;
padding-inline: 22px;
.process-box {
display: flex;
flex-direction: column;
......@@ -827,6 +916,90 @@ onUnmounted(() => {
}
}
.disableTemplate {
width: 230px;
height: 120px;
box-sizing: border-box;
border: 1px solid #e4e7ed;
border-radius: 4px;
position: relative;
cursor: not-allowed;
background-color: #f5f7fa;
.active-icon {
width: 24px;
height: 24px;
position: absolute;
top: 0;
right: 0;
z-index: 99;
img {
width: 100%;
height: 100%;
}
}
.selected-icon {
width: 8px;
height: 6px;
position: absolute;
top: -4px;
right: 3px;
z-index: 100;
img {
width: 8px;
height: 6px;
}
}
.header {
display: flex;
justify-content: space-between;
height: 50px;
.title {
height: 24px;
color: #c0c4cc;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-left: 15px;
margin-top: 16px;
}
.icon {
margin-top: 15px;
margin-right: 16px;
width: 30px;
height: 30px;
border-radius: 15px;
background: #f0f2f5;
img {
width: 17px;
height: 14px;
margin-top: 8px;
margin-left: 7px;
opacity: 0.5;
}
}
}
.content {
margin: 0 auto;
width: 200px;
height: 48px;
margin-top: 10px;
color: #dcdfe6;
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
}
.tempActive {
border: 1px solid rgba(5, 95, 194, 1);
background: rgba(246, 250, 255, 1);
......@@ -901,11 +1074,13 @@ onUnmounted(() => {
}
}
}
}
.submit-area {
margin-top: auto;
width: 100%;
min-height: 74px;
padding-inline: 22px;
.tips {
height: 22px;
......@@ -1026,7 +1201,7 @@ onUnmounted(() => {
background: #f7f8f9;
.edit-panel {
width: calc(100% - 100px);
width: calc(100% - 170px);
height: calc(100% - 40px);
margin: 20px 50px;
}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论