Browse Source

Merge branch 'link-add'

hbchen 1 year ago
parent
commit
fd6da25c4f
3 changed files with 226 additions and 233 deletions
  1. 0 185
      public/reset.min.css
  2. 3 0
      src/layouts/Index.vue
  3. 223 48
      src/views/help/Index.vue

+ 0 - 185
public/reset.min.css

@@ -1,185 +0,0 @@
-@charset "utf-8";
-body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td {
-    margin: 0;
-    padding: 0
-}
-
-body {
-    font-size: 12px;
-    font-style: normal;
-    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif,;
-
-}
-
-html {
-    /* overflow: scroll; */
-    overflow: auto;
-    min-width: 1000px;
-}
-
-small {
-    font-size: 12px
-}
-
-h1 {
-    font-size: 18px
-}
-
-h2 {
-    font-size: 16px
-}
-
-h3 {
-    font-size: 14px
-}
-
-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
-}
-
-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, html [type="button"], [type="reset"], [type="submit"] {
-    -webkit-appearance: button
-}
-
-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
-}

+ 3 - 0
src/layouts/Index.vue

@@ -37,6 +37,9 @@
                 width: 100%;
             }
         }
+        .title{
+            font-size: 18px;
+        }
     }
 }
 </style>

+ 223 - 48
src/views/help/Index.vue

@@ -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>