Skip to content

R
risk-monitor
提交 30acf543 authored 作者: 张伊明's avatar 张伊明
浏览文件
操作

法案、政令、清单、智库新增写报跳转，写报修改样式

上级 463ca4d8
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 273 行增加 和 133 行删除
src/views/bill/billLayout/index.vue
浏览文件 @ 30acf543
......@@ -3,63 +3,60 @@
<!-- 导航菜单 -->
<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">
<div class="icon">
<img :src="billInfoGlobal.imageUrl || USALogo" alt="" />
</div>
<div class="info">
<div class="info-box1">{{ billInfoGlobal.billName }}</div>
<div class="info-box2">
{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}
</div>
</div>
</div>
<div class="left-box-bottom">
<div
class="left-box-bottom-item"
:class="{ leftBoxBottomItemActive: activeTitle === item.name }"
v-for="(item, index) in mainHeaderBtnList"
:key="index"
@click="handleClickMainHeaderBtn(item)"
>
<div class="layout-main-header-left-box">
<div class="left-box-top">
<div class="icon">
<img v-if="activeTitle === item.name" :src="item.activeIcon" alt="" />
<img v-else :src="item.icon" alt="" />
<img :src="billInfoGlobal.imageUrl || USALogo" alt="" />
</div>
<div class="name" :class="{ nameActive: activeTitle === item.name }">
{{ item.name }}
<div class="info">
<div class="info-box1">{{ billInfoGlobal.billName }}</div>
<div class="info-box2">{{ billInfoGlobal.description }} {{ billInfoGlobal.billNameEn }}</div>
</div>
</div>
</div>
</div>
<div class="layout-main-header-right-box">
<div class="right-box-top">
<div class="time">{{ billInfoGlobal.introductionDate }}</div>
<div class="name">{{ billInfoGlobal.tarName }}</div>
</div>
<div class="right-box-bottom">
<div class="btn1" @click="handleSwitchActiveName('法案原文')">
<div class="icon">
<img src="./assets/icons/btn-icon1.png" alt="" />
<div class="left-box-bottom">
<div
class="left-box-bottom-item"
:class="{ leftBoxBottomItemActive: activeTitle === item.name }"
v-for="(item, index) in mainHeaderBtnList"
:key="index"
@click="handleClickMainHeaderBtn(item)"
>
<div class="icon">
<img v-if="activeTitle === item.name" :src="item.activeIcon" alt="" />
<img v-else :src="item.icon" alt="" />
</div>
<div class="name" :class="{ nameActive: activeTitle === item.name }">
{{ item.name }}
</div>
</div>
<div class="text">{{ "法案原文" }}</div>
</div>
<!-- <div class="btn2">
</div>
<div class="layout-main-header-right-box">
<div class="right-box-top">
<div class="time">{{ billInfoGlobal.introductionDate }}</div>
<div class="name">{{ billInfoGlobal.tarName }}</div>
</div>
<div class="right-box-bottom">
<div class="btn1" @click="handleSwitchActiveName('法案原文')">
<div class="icon">
<img src="./assets/icons/btn-icon1.png" alt="" />
</div>
<div class="text">{{ "法案原文" }}</div>
</div>
<!-- <div class="btn2">
<div class="icon">
<img src="./assets/icons/btn-icon2.png" alt="" />
</div>
<div class="text">{{ "查看官网" }}</div>
</div> -->
<div class="btn3">
<div class="icon">
<img src="./assets/icons/btn-icon3.png" alt="" />
<div class="btn3" @click="handleAnalysisClick">
<div class="icon">
<img src="./assets/icons/btn-icon3.png" alt="" />
</div>
<div class="text">{{ "分析报告" }}</div>
</div>
<div class="text">{{ "分析报告" }}</div>
</div>
<!-- <div class="btn4">
<!-- <div class="btn4">
<div class="icon">
<img src="./assets/icons/btn-icon4.png" alt="" />
</div>
......@@ -68,11 +65,11 @@
<img src="./assets/icons/btn-icon5.png" alt="" />
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="layout-main-center">
<router-view />
</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,12 +381,11 @@ onMounted(() => {
// margin-right: 150px;
// margin-top: 19px;
.right-box-top {
height: 64px;
display: flex;
align-items: right;
flex-direction: column;
justify-content: center;
align-items: right;
flex-direction: column;
justify-content: center;
.time {
// height: 24px;
// line-height: 24px;
......
src/views/decree/decreeLayout/index.vue
浏览文件 @ 30acf543
......@@ -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 item2" v-if="summaryInfo.type">{{ summaryInfo.type + " | " }}</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 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);
......
src/views/thinkTank/ReportDetail/index.vue
浏览文件 @ 30acf543
......@@ -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();
});
......
src/views/writtingAsstaint/index.vue
浏览文件 @ 30acf543
......@@ -81,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)"
......@@ -113,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">
<el-button
class="sider-upload-btn"
type="primary"
:disabled="Object.keys(route.query).length !== 0"
>
<el-icon class="sider-upload-btn-text">
<Upload />
</el-icon>
......@@ -184,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 => {
......@@ -243,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;
......@@ -264,28 +308,35 @@ const handleGenerate = () => {
abortController.value.abort();
};
// 当前调用工具
const curAgentTool = ref("");
const getStreamChat = async (search, inputValue) => {
if (curTempTitle.value === "政令") {
if (uploadFileList.value.length === 0) {
ElMessage.error("请上传政令文件");
return;
}
const rawFile = uploadFileList.value[0].raw;
if (!rawFile) {
ElMessage.error("文件解析失败，请重新选择");
return;
}
callSseWithPdf(rawFile);
} else {
if (Object.keys(route.query).length !== 0) {
const params = {
query: writtingTitle.value, // "输出一篇报文"
desc: descText.value,
topic: curTempTitle.value // 政令、智库、法案、清单
topic: curTempTitle.value,
fileId: 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("文件解析失败，请重新选择");
return;
}
callSseWithPdf(rawFile);
} else {
const params = {
query: writtingTitle.value, // "输出一篇报文"
desc: descText.value,
topic: curTempTitle.value // 政令、智库、法案、清单
};
callSseWithAi(params);
}
}
};
......@@ -480,44 +531,8 @@ const callSseWithAi = async params => {
});
};
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);
const handleClickTemp = (item, index) => {
if (Object.keys(route.query).length !== 0) return;
tempActiveIndex.value = index;
curTempTitle.value = item.title;
};
......@@ -533,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) {
......@@ -892,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);
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论