提交 ab7ad717 authored 作者: yanpeng's avatar yanpeng

修改部分内容

上级 1dc720e0
......@@ -2,7 +2,7 @@
<div id="app">
<div class="pro-wrapper">
<div class="home-page">
<ModuleHeader/>
<ModuleHeader />
<div class="main-container">
<router-view />
</div>
......@@ -22,8 +22,8 @@
</div>
</div>
<div class="tool-box" @click="handleClickToolBox">
<div class="tool-item">
<div class="tool-box">
<!-- <div class="tool-item">
<img src="@/assets/icons/tool-item-icon1.png" alt="" />
</div>
<div class="tool-item">
......@@ -34,7 +34,26 @@
</div>
<div class="tool-item">
<img src="@/assets/icons/tool-item-icon4.png" alt="" />
</div> -->
<el-tooltip content="智能写报" placement="left" :offset="10">
<div class="tool-item" @click="handleOpenPage('znxb')">
<img src="@/assets/icons/tool-item-icon1.png" alt="" />
</div>
</el-tooltip>
<el-tooltip content="智能翻译" placement="left" :offset="10">
<div class="tool-item" @click="handleClickToolBox">
<img src="@/assets/icons/tool-item-icon2.png" alt="" />
</div>
</el-tooltip>
<!-- <div class="tool-item">
<img src="@/assets/icons/tool-item-icon3.png" alt="" />
</div> -->
<el-tooltip content="智能问答" placement="left" :offset="10">
<div class="tool-item" @click="handleOpenPage('znwd')">
<img src="@/assets/icons/tool-item-icon4.png" alt="" />
</div>
</el-tooltip>
</div>
<!-- <div class="ai-btn" @click="openAiBox">
......@@ -121,7 +140,7 @@ const handleGetPersonType = async () => {
personTypeList.value = [];
}
window.sessionStorage.setItem("personTypeList", JSON.stringify(personTypeList.value));
} catch (error) { }
} catch (error) {}
};
const isCurrentOverview = computed(() => {
......@@ -252,6 +271,14 @@ const handleClickTitle = item => {
}
};
const handleOpenPage = page => {
const pageObj = {
znwd: "/chat",
znxb: "/writtingAsstaint"
};
window.open(pageObj[page], "_blank");
};
const handleClickToolBox = () => {
ElMessage.warning("当前功能正在开发中,敬请期待!");
};
......@@ -291,7 +318,7 @@ body {
text-align: justify;
}
.el-popper[data-popper-placement^="top"]>.el-popper__arrow:before {
.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
display: none;
}
</style>
......
......@@ -36,7 +36,7 @@
<div class="name">{{ "管理员" }}</div>
</div>
</div>
<div class="menu-box" v-if="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
<div class="menu-box" v-show="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
<div class="menu-content">
<div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item)">
<div class="icon">
......@@ -372,11 +372,16 @@ onMounted(() => {
top: 52px;
left: 0;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 10px;
backdrop-filter: blur(30px);
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0px 8px 32px 0px rgba(31, 38, 135, 0.15);
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
.menu-content {
width: 562px;
......
......@@ -712,7 +712,7 @@ onUnmounted(() => {
.main {
width: 1598px;
height: 884px;
// height: 884px;
margin: 0 auto;
margin-top: 14px;
display: flex;
......@@ -726,9 +726,9 @@ onUnmounted(() => {
background: rgba(255, 255, 255, 0.65);
}
.left {
& > .left {
width: 472px;
display: none;
.box1 {
width: 472px;
height: 884px;
......@@ -915,11 +915,12 @@ onUnmounted(() => {
}
.right {
width: 1110px;
width: 100%;
.box2 {
width: 1110px;
height: 434px;
width: 100%;
// height: 434px;
height: 700px;
.box2-header {
height: 48px;
......@@ -957,30 +958,34 @@ onUnmounted(() => {
}
.box2-main {
height: 386px;
// height: 386px;
height: 646px;
background: rgba(255, 255, 255, 0.65);
display: flex;
justify-content: center;
gap: 16px;
.inner-box1 {
width: 640px;
height: 368px;
width: 50%;
// height: 368px;
height: 100%;
overflow: hidden;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
// border: 1px solid rgba(234, 236, 238, 1);
// border-radius: 10px;
display: flex;
.left {
width: 320px;
border-right: 1px solid rgba(234, 236, 238, 1);
// width: 320px;
width: 100%;
// border-right: 1px solid rgba(234, 236, 238, 1);
.left-main {
margin-top: 9px;
height: 270px;
// margin-top: 9px;
height: 600px;
.left-item {
width: 100%;
height: 54px;
border: 1px solid transparent;
display: flex;
......@@ -1009,7 +1014,7 @@ onUnmounted(() => {
}
.text {
width: 260px;
width: 95%;
height: 30px;
margin-left: 12px;
color: rgba(59, 65, 75, 1);
......@@ -1035,7 +1040,7 @@ onUnmounted(() => {
}
.left-footer {
margin-top: 30px;
// margin-top: 30px;
height: 60px;
display: flex;
justify-content: center;
......@@ -1049,7 +1054,7 @@ onUnmounted(() => {
overflow: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
.title {
width: 283px;
min-height: 24px;
......@@ -1157,8 +1162,10 @@ onUnmounted(() => {
}
.inner-box2 {
width: 412px;
height: 368px;
// width: 412px;
width: 760px;
// height: 368px;
height: 617px;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
......@@ -1185,8 +1192,8 @@ onUnmounted(() => {
}
.box2Chart {
width: 412px;
height: 368px;
width: 760px;
height: 617px;
}
}
}
......@@ -1194,8 +1201,9 @@ onUnmounted(() => {
.box3 {
margin-top: 16px;
width: 1110px;
height: 434px;
width: 100%;
// height: 434px;
height: 700px;
.box3-header {
height: 48px;
......@@ -1233,30 +1241,32 @@ onUnmounted(() => {
}
.box3-main {
height: 386px;
height: 646px;
background: rgba(255, 255, 255, 0.65);
display: flex;
justify-content: center;
gap: 16px;
.inner-box1 {
width: 640px;
height: 368px;
width: 50%;
// height: 368px;
height: 100%;
overflow: hidden;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
// border: 1px solid rgba(234, 236, 238, 1);
// border-radius: 10px;
display: flex;
.left {
width: 320px;
border-right: 1px solid rgba(234, 236, 238, 1);
width: 100%;
// border-right: 1px solid rgba(234, 236, 238, 1);
.left-main {
margin-top: 9px;
height: 270px;
// margin-top: 9px;
height: 600px;
.left-item {
width: 100%;
height: 54px;
border: 1px solid transparent;
display: flex;
......@@ -1285,7 +1295,7 @@ onUnmounted(() => {
}
.text {
width: 260px;
width: 95%;
height: 30px;
margin-left: 12px;
color: rgba(59, 65, 75, 1);
......@@ -1311,7 +1321,7 @@ onUnmounted(() => {
}
.left-footer {
margin-top: 30px;
// margin-top: 30px;
height: 60px;
display: flex;
justify-content: center;
......@@ -1325,7 +1335,7 @@ onUnmounted(() => {
overflow: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
.title {
width: 283px;
min-height: 24px;
......@@ -1433,8 +1443,8 @@ onUnmounted(() => {
}
.inner-box2 {
width: 412px;
height: 368px;
width: 760px;
height: 617px;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
......@@ -1461,8 +1471,8 @@ onUnmounted(() => {
}
.box3Chart {
width: 412px;
height: 368px;
width: 760px;
height: 617px;
}
}
}
......
......@@ -2055,7 +2055,7 @@ watch(activeDate, async () => {
}
.anti-area {
margin-top: 16px;
margin-top: 30px;
width: 1601px;
height: 500px;
display: flex;
......
......@@ -756,6 +756,10 @@ import {
getExportControlList
} from "@/api/exportControl";
import { getMultipleBarChart_m } from "./utils/charts";
import { formatAnyDateToChinese } from "./utils";
import _ from "lodash";
const currentRuleCompany = ref("");
const currentRuleCount = ref(0);
const currentRuleList = ref([]);
......@@ -858,10 +862,6 @@ const handleTitleClick = item => {
window.open(route.href, "_blank");
};
import { getMultipleBarChart_m } from "./utils/charts";
import { formatAnyDateToChinese } from "./utils";
import _ from "lodash";
const handleCompClick = item => {
// console.log("item", item);
// if (item.entityType != 2) return;
......@@ -944,27 +944,32 @@ onMounted(async () => {
});
entitiesDataInfoList.value = entitiesDataInfo || [];
const list = _.chain(industryCountByYear).filter("year").orderBy("year", "desc").value().slice(0, 5);
const cclList1 = _.chain(cclList).filter("year").orderBy("year", "desc").value();
const cclList1 = _.chain(cclList).filter("year").orderBy("year", "desc").value().slice(0, 5);
const total = _.sumBy(list, "count");
const maxCountItem = _.maxBy(list, "count");
const maxCountForList = maxCountItem ? maxCountItem.count : 0;
const maxCountItem1 = _.maxBy(cclList1, "count");
const maxCountForList1 = maxCountItem1 ? maxCountItem1.count : 0;
console.log("shuju list", list);
console.log("shuju total", total);
(console.log("shuju industryCountByYear", industryCountByYear),
(tableData1.value = _.map(list, item => {
tableData1.value = _.map(list, item => {
return {
year: item.year,
num: item.count,
percent: item.count / total,
percent: item.count / maxCountForList,
tags: item.domain
};
}).slice(0, 5)));
});
tableData2.value = _.map(cclList1, item => {
return {
year: item.year,
num: item.count,
percent: item.count / total,
percent: item.count / maxCountForList1,
tags: item.domain
};
}).slice(0, 5);
});
// 获取趋势图数据
await fetchTrendData();
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论