|
|
@@ -1,5 +1,6 @@
|
|
|
<template>
|
|
|
<div class="scroll-container">
|
|
|
+ <div class="topaaa"></div>
|
|
|
<div class="top flex">
|
|
|
<div class="content flex">
|
|
|
<div
|
|
|
@@ -38,8 +39,8 @@
|
|
|
>
|
|
|
<template #title>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="item.name"
|
|
|
>
|
|
|
@@ -58,8 +59,8 @@
|
|
|
>
|
|
|
<template #title>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="item2.name"
|
|
|
>
|
|
|
@@ -75,12 +76,20 @@
|
|
|
<el-sub-menu
|
|
|
v-for="(item3, inda) in item2.children"
|
|
|
:key="inda"
|
|
|
- :index="item.id + '-' + item2.id + '-' + item3.id"
|
|
|
+ :index="
|
|
|
+ item.id +
|
|
|
+ '-' +
|
|
|
+ item2.id +
|
|
|
+ '-' +
|
|
|
+ item3.id +
|
|
|
+ '-' +
|
|
|
+ item3.name
|
|
|
+ "
|
|
|
>
|
|
|
<template #title>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="item3.name"
|
|
|
>
|
|
|
@@ -108,8 +117,8 @@
|
|
|
"
|
|
|
>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="child.title"
|
|
|
>
|
|
|
@@ -128,8 +137,8 @@
|
|
|
:index="item.id + '-' + item2.id + '-' + child.id"
|
|
|
>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="child.title"
|
|
|
>
|
|
|
@@ -149,8 +158,8 @@
|
|
|
@click="change(child.content, child.title)"
|
|
|
>
|
|
|
<el-popover
|
|
|
- placement="top-start"
|
|
|
- :width="200"
|
|
|
+ placement="right"
|
|
|
+ :width="150"
|
|
|
trigger="hover"
|
|
|
:content="child.title"
|
|
|
>
|
|
|
@@ -164,20 +173,25 @@
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right" v-if="book.content.con">
|
|
|
- <div style="display: flex; align-items: center; column-gap: 6px">
|
|
|
- <span class="topsm">{{ changefont }}</span>
|
|
|
- <el-icon v-if="categoryname"><ArrowRight /></el-icon>
|
|
|
- <span class="topsm">{{ categoryname }}</span>
|
|
|
- <el-icon v-if="docu"><ArrowRight /></el-icon>
|
|
|
- <span class="topsm">{{ docu }}</span>
|
|
|
+ <div class="leftbbb"></div>
|
|
|
+ <div class="right" v-if="book.content.con != ''">
|
|
|
+ <div class="topcontent"></div>
|
|
|
+ <div class="fix" style="">
|
|
|
+ <div style="display: flex; align-items: center; column-gap: 6px">
|
|
|
+ <span class="topsm">{{ changefont }}</span>
|
|
|
+ <el-icon v-if="categoryname"><ArrowRight /></el-icon>
|
|
|
+ <span class="topsm">{{ categoryname }}</span>
|
|
|
+ <el-icon v-if="docu"><ArrowRight /></el-icon>
|
|
|
+ <span class="topsm">{{ docu }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="bigtitle">{{ docu }}</div>
|
|
|
+ <div class="btnline"></div>
|
|
|
</div>
|
|
|
- <div class="bigtitle">{{ docu }}</div>
|
|
|
- <div class="btnline"></div>
|
|
|
- <div v-html="book.content.con"></div>
|
|
|
+ <div></div>
|
|
|
+ <div class="aaa" v-html="book.content.con"></div>
|
|
|
</div>
|
|
|
<div class="right" v-else>
|
|
|
- <div v-html="book.content.first"></div>
|
|
|
+ <div class="bbb" v-html="book.content.first"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -235,14 +249,17 @@ const topchange = (name, index, id) => {
|
|
|
const lastname = ref("");
|
|
|
const handleOpen = (key, keyPath) => {
|
|
|
lastname.value = key.split("-").pop();
|
|
|
+ console.log("11111111111", lastname.value);
|
|
|
};
|
|
|
-const closeb = (key, keyPath) => {};
|
|
|
|
|
|
//搜索结果
|
|
|
if (route.query.indexid) {
|
|
|
defaultact.value = route.query.indexid;
|
|
|
- const regex = new RegExp('<img', 'gi')
|
|
|
- book.content.con = route.query.content.replace(regex, `<img style="width: 100%; height: auto;margin-top:20px;"`)
|
|
|
+ const regex = new RegExp("<img", "gi");
|
|
|
+ book.content.con = route.query.content.replace(
|
|
|
+ regex,
|
|
|
+ `<img style="width: 100%; height: auto;margin-top:20px;"`
|
|
|
+ );
|
|
|
// book.content.con = route.query.content;
|
|
|
docu.value = route.query.title;
|
|
|
categoryname.value = route.query.category_name;
|
|
|
@@ -254,8 +271,11 @@ const agreement = async (code) => {
|
|
|
const { data } = await agreementAPi.agreement({
|
|
|
code: code,
|
|
|
});
|
|
|
- const regex = new RegExp('<img', 'gi')
|
|
|
- book.content.con = data.replace(regex, `<img style="width: 100%; height: auto;margin-top:20px;"`)
|
|
|
+ const regex = new RegExp("<img", "gi");
|
|
|
+ book.content.first = data.replace(
|
|
|
+ regex,
|
|
|
+ `<img style="width: 100%; height: auto;margin-top:20px;"`
|
|
|
+ );
|
|
|
// book.content.first = data;
|
|
|
} catch (error) {}
|
|
|
};
|
|
|
@@ -296,15 +316,36 @@ const category = async () => {
|
|
|
};
|
|
|
onMounted(category);
|
|
|
const change = (content, title) => {
|
|
|
- const regex = new RegExp('<img', 'gi')
|
|
|
- book.content.con = content.replace(regex, `<img style="width: 100%; height: auto;margin-top:20px;"`)
|
|
|
- // book.content.con = content;
|
|
|
+ const regex = new RegExp("<img", "gi");
|
|
|
+ book.content.con = content.replace(
|
|
|
+ regex,
|
|
|
+ `<img style="width: 100%; height: auto;margin-top:20px;"`
|
|
|
+ );
|
|
|
docu.value = title;
|
|
|
categoryname.value = lastname.value;
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+/* 隐藏滚动条 */
|
|
|
+
|
|
|
+.fix {
|
|
|
+ position: fixed;
|
|
|
+ left: 640px;
|
|
|
+ top: 120px;
|
|
|
+ background: #ffffff;
|
|
|
+ height: 100px;
|
|
|
+ padding: 40px 0;
|
|
|
+ width: 920px;
|
|
|
+}
|
|
|
+.topcontent {
|
|
|
+ background: #ffffff;
|
|
|
+ height: 140px;
|
|
|
+}
|
|
|
+.leftbbb {
|
|
|
+ width: 260px;
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
.over {
|
|
|
width: 160px;
|
|
|
overflow: hidden;
|
|
|
@@ -350,6 +391,7 @@ const change = (content, title) => {
|
|
|
margin-left: 40px;
|
|
|
flex: 1;
|
|
|
min-height: 80vh;
|
|
|
+ padding-bottom: 20px;
|
|
|
}
|
|
|
:deep(.el-col-12) {
|
|
|
max-width: 100% !important;
|
|
|
@@ -371,9 +413,12 @@ const change = (content, title) => {
|
|
|
position: relative;
|
|
|
}
|
|
|
.left {
|
|
|
+ position: fixed;
|
|
|
+ left: 360px;
|
|
|
min-width: 260px;
|
|
|
- height: 1200px;
|
|
|
+ height: 780px;
|
|
|
border-right: 1px solid rgba(151, 151, 151, 0.5);
|
|
|
+ overflow-y: scroll;
|
|
|
.chan {
|
|
|
font-family: PingFangSC, PingFang SC;
|
|
|
font-weight: 500;
|
|
|
@@ -385,6 +430,9 @@ const change = (content, title) => {
|
|
|
margin-bottom: 16px;
|
|
|
}
|
|
|
}
|
|
|
+.left::-webkit-scrollbar {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
.flex {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -397,10 +445,20 @@ const change = (content, title) => {
|
|
|
margin-top: 24px;
|
|
|
}
|
|
|
.top {
|
|
|
- // width: 1920px;
|
|
|
+ width: 99.4vw;
|
|
|
height: 60px;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2);
|
|
|
+ // margin-top: 60px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ position: fixed;
|
|
|
+ top: 60px;
|
|
|
+ z-index: 1000;
|
|
|
+ // left: 360px;
|
|
|
+}
|
|
|
+.topaaa {
|
|
|
+ width: 1920px;
|
|
|
+ height: 90px;
|
|
|
margin-top: 60px;
|
|
|
margin-bottom: 24px;
|
|
|
}
|
