|
@@ -54,6 +54,7 @@ const menuChange=(data,node)=>{
|
|
|
const getDocument=(id)=>{
|
|
|
apiGetHelpDocDetail({bus_code:businessCode,classify_id:id}).then(res=>{
|
|
|
if(res.code == 200){
|
|
|
+ defaultActiveId.value = id
|
|
|
helpDocument.value=res.data || {}
|
|
|
Content.value = helpDocument.value.Content + createBottomHref(helpDocument.value.Recommend)
|
|
|
if(helpDocument.value?.Anchor?.length>0){
|
|
@@ -178,7 +179,7 @@ const scrollChange=()=>{
|
|
|
<template>
|
|
|
<div class="operation-document-container" id="operation-document-container">
|
|
|
<div class="operation-document-neck">
|
|
|
- <div class="banner-image">
|
|
|
+ <div class="banner-image" @click="getDocument(5)">
|
|
|
<img src="@/assets/img//help/data.png">
|
|
|
<div class="banner-text">
|
|
|
<div class="text">数据源</div>
|
|
@@ -186,7 +187,7 @@ const scrollChange=()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
<img src="@/assets/img/icon/line-arrow-blue.png" class="banner-line">
|
|
|
- <div class="banner-image">
|
|
|
+ <div class="banner-image" @click="getDocument(31)">
|
|
|
<img src="@/assets/img/help/database.png">
|
|
|
<div class="banner-text">
|
|
|
<div class="text">ETA指标库</div>
|
|
@@ -194,7 +195,7 @@ const scrollChange=()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
<img src="@/assets/img/icon/line-arrow-blue.png" class="banner-line">
|
|
|
- <div class="banner-image">
|
|
|
+ <div class="banner-image" @click="getDocument(32)">
|
|
|
<img src="@/assets/img/help/chart.png">
|
|
|
<div class="banner-text">
|
|
|
<div class="text">ETA图库</div>
|
|
@@ -202,7 +203,7 @@ const scrollChange=()=>{
|
|
|
</div>
|
|
|
</div>
|
|
|
<img src="@/assets/img/icon/line-arrow-blue.png" class="banner-line">
|
|
|
- <div class="banner-image">
|
|
|
+ <div class="banner-image" @click="getDocument(61)">
|
|
|
<img src="@/assets/img/help/report.png">
|
|
|
<div class="banner-text">
|
|
|
<div class="text">研报</div>
|
|
@@ -275,6 +276,7 @@ const scrollChange=()=>{
|
|
|
width: 250px;
|
|
|
min-width: 200px;
|
|
|
position: relative;
|
|
|
+ cursor: pointer;
|
|
|
.banner-text{
|
|
|
position: absolute;
|
|
|
top: 24px;
|
|
@@ -381,61 +383,234 @@ const scrollChange=()=>{
|
|
|
<style lang="scss">
|
|
|
// froala-editor 预览时的样式,如需使用在展示富文本的节点上加上 fr-view 的类
|
|
|
@import '/public/froala_style.min.css';
|
|
|
-// 因为富文本编辑的地方在hz_crm_web 项目,加入后台的样式保持两边看起来一致
|
|
|
-@import '/public/reset.min.css';
|
|
|
|
|
|
-p[data-f-id="pbf"] {
|
|
|
- display: none;
|
|
|
-}
|
|
|
+#operation-document-container{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ // 因为富文本编辑的地方在hz_crm_web 项目,加入后台的样式保持两边看起来一致
|
|
|
|
|
|
-.el-scrollbar__wrap {
|
|
|
- overflow-x: hidden;
|
|
|
-}
|
|
|
-.el-sub-menu .el-menu-item{
|
|
|
- padding-left:12px !important;
|
|
|
-}
|
|
|
+ h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ small {
|
|
|
+ font-size: 12px
|
|
|
+ }
|
|
|
|
|
|
-a{
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
+ h1 {
|
|
|
+ font-size: 18px
|
|
|
+ }
|
|
|
|
|
|
-.el-tree-node:focus > .el-tree-node__content {
|
|
|
-background-color: transparent !important;
|
|
|
-}
|
|
|
+ h2 {
|
|
|
+ font-size: 16px
|
|
|
+ }
|
|
|
|
|
|
-.el-tree-node__content{
|
|
|
- height: unset!important;
|
|
|
-}
|
|
|
-.el-tree-node__content:hover {
|
|
|
- background-color: transparent;
|
|
|
- .custom-tree-node{
|
|
|
- color: #366EF4!important;
|
|
|
- }
|
|
|
-}
|
|
|
-.active-node{
|
|
|
- color: #366EF4!important;
|
|
|
-}
|
|
|
-.el-tree-node__children{
|
|
|
- .active-node{
|
|
|
- color: #666666!important;
|
|
|
- text-decoration:underline;
|
|
|
+ h3 {
|
|
|
+ font-size: 14px
|
|
|
}
|
|
|
- .custom-tree-node{
|
|
|
- color: #666666!important;
|
|
|
- padding: 0 8px!important;
|
|
|
+
|
|
|
+ h4, h5, h6 {
|
|
|
+ font-size: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ ul, ol {
|
|
|
+ list-style: none
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
+ background-color: transparent
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover, a:active {
|
|
|
+ outline-width: 0;
|
|
|
+ text-decoration: none
|
|
|
+ }
|
|
|
+
|
|
|
+ table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ hr {
|
|
|
+ border: 0;
|
|
|
+ height: 1px
|
|
|
+ }
|
|
|
+
|
|
|
+ img {
|
|
|
+ border-style: none
|
|
|
+ }
|
|
|
+
|
|
|
+ img:not([src]) {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+
|
|
|
+ svg:not(:root) {
|
|
|
+ overflow: hidden
|
|
|
+ }
|
|
|
+
|
|
|
+ html {
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ -webkit-text-size-adjust: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ input, textarea, button, a {
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
|
|
+ }
|
|
|
+
|
|
|
+ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
|
|
|
+ display: block
|
|
|
+ }
|
|
|
+
|
|
|
+ audio, canvas, progress, video {
|
|
|
+ display: inline-block
|
|
|
+ }
|
|
|
+
|
|
|
+ audio:not([controls]), video:not([controls]) {
|
|
|
+ display: none;
|
|
|
+ height: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ progress {
|
|
|
+ vertical-align: baseline
|
|
|
+ }
|
|
|
+
|
|
|
+ mark {
|
|
|
+ background-color: #ff0;
|
|
|
+ color: #000
|
|
|
+ }
|
|
|
+
|
|
|
+ sub, sup {
|
|
|
+ position: relative;
|
|
|
+ font-size: 75%;
|
|
|
+ line-height: 0;
|
|
|
+ vertical-align: baseline
|
|
|
+ }
|
|
|
+
|
|
|
+ sub {
|
|
|
+ bottom: -0.25em
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.el-tree-node__children{
|
|
|
- .el-tree-node__content:hover{
|
|
|
- background-color: transparent;
|
|
|
- text-decoration: underline;
|
|
|
+ sup {
|
|
|
+ top: -0.5em
|
|
|
+ }
|
|
|
+
|
|
|
+ button, input, select, textarea {
|
|
|
+ font-size: 100%;
|
|
|
+ outline: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ button, input {
|
|
|
+ overflow: visible
|
|
|
+ }
|
|
|
+
|
|
|
+ button, select {
|
|
|
+ text-transform: none
|
|
|
+ }
|
|
|
+
|
|
|
+ textarea {
|
|
|
+ overflow: auto
|
|
|
+ }
|
|
|
+
|
|
|
+ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
|
|
|
+ border-style: none;
|
|
|
+ padding: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
|
|
|
+ outline: 1px dotted ButtonText
|
|
|
+ }
|
|
|
+
|
|
|
+ [type="checkbox"], [type="radio"] {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
|
|
|
+ height: auto
|
|
|
+ }
|
|
|
+
|
|
|
+ [type="search"] {
|
|
|
+ -webkit-appearance: textfield;
|
|
|
+ outline-offset: -2px
|
|
|
+ }
|
|
|
+
|
|
|
+ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
|
|
|
+ -webkit-appearance: none
|
|
|
+ }
|
|
|
+
|
|
|
+ ::-webkit-input-placeholder {
|
|
|
+ color: inherit;
|
|
|
+ opacity: .54
|
|
|
+ }
|
|
|
+
|
|
|
+ ::-webkit-file-upload-button {
|
|
|
+ -webkit-appearance: button;
|
|
|
+ font: inherit
|
|
|
+ }
|
|
|
+
|
|
|
+ .clear:after {
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ content: "";
|
|
|
+ clear: both
|
|
|
+ }
|
|
|
+
|
|
|
+ p[data-f-id="pbf"] {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-scrollbar__wrap {
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
+ .el-sub-menu .el-menu-item{
|
|
|
+ padding-left:12px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tree-node:focus > .el-tree-node__content {
|
|
|
+ background-color: transparent !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tree-node__content{
|
|
|
+ height: unset!important;
|
|
|
+ }
|
|
|
+ .el-tree-node__content:hover {
|
|
|
+ background-color: transparent;
|
|
|
+ .custom-tree-node{
|
|
|
+ color: #366EF4!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .active-node{
|
|
|
+ color: #366EF4!important;
|
|
|
+ }
|
|
|
+ .el-tree-node__children{
|
|
|
+ .active-node{
|
|
|
+ color: #666666!important;
|
|
|
+ text-decoration:underline;
|
|
|
+ }
|
|
|
.custom-tree-node{
|
|
|
color: #666666!important;
|
|
|
+ padding: 0 8px!important;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .el-tree-node__children{
|
|
|
+ .el-tree-node__content:hover{
|
|
|
+ background-color: transparent;
|
|
|
+ text-decoration: underline;
|
|
|
+ .custom-tree-node{
|
|
|
+ color: #666666!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-tree-node__expand-icon{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
-.el-tree-node__expand-icon{
|
|
|
- display: none;
|
|
|
-}
|
|
|
+
|
|
|
</style>
|