Lijy 6 kuukautta sitten
vanhempi
commit
f14bd06ed3

+ 5 - 1
fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.css

@@ -321,7 +321,8 @@
   width: 100%;
   height: 100%;
 }
-.knowledgeFieldCon .linkButton {
+.knowledgeFieldCon .linkButton,
+.knowledgeFieldCon .linkButtonss {
   color: #7b7b7b;
   font-family: Microsoft YaHei UI;
   font-weight: regular;
@@ -332,6 +333,9 @@
   position: relative;
   z-index: 2;
 }
+.knowledgeFieldCon .linkButtonss {
+  color: #3396fb;
+}
 .knowledgeFieldCon .dividingLine {
   height: 0.0625rem;
   background: #dcdfe6;

+ 5 - 1
fhKeeper/formulahousekeeper/inva_4_tivo/css/knowledgeField.less

@@ -334,7 +334,7 @@
     height: 100%;
   }
 
-  .linkButton {
+  .linkButton, .linkButtonss {
     color: #7b7b7b;
     font-family: Microsoft YaHei UI;
     font-weight: regular;
@@ -346,6 +346,10 @@
     z-index: 2;
   }
 
+  .linkButtonss {
+    color: #3396fb;
+  }
+
   .dividingLine {
     height: 0.0625rem;
     background: #dcdfe6;

+ 37 - 4
fhKeeper/formulahousekeeper/inva_4_tivo/knowledge.ftl

@@ -9,7 +9,7 @@
     content="工时管理,工时统计,工时填报,项目成本统计,生产工时管理系统,工时成本管理,工时管理软件,研发工时管理系统,企业工时管理系统,项目工时统计,项目工时统计软件,项目工时统计系统,工时统计系统,工时统计表" />
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目,部门,岗位等多维度统计成本。" />
   <title>工时管家-专注工时管理,手机移动填报,核算项目投入人力成本,企业IPO利器!</title>
-  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
     rel="stylesheet">
   <link href="/css/bootstrap.css" rel="stylesheet">
@@ -22,8 +22,15 @@
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 </head>
 
-<body>
-  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass" onLoad="reinitIframe();"></iframe>
+<body data-spy="scroll" data-target=".fixed-top" id="body">
+  <div class="spinner-wrapper">
+      <div class="spinner">
+          <div class="bounce1"></div>
+          <div class="bounce2"></div>
+          <div class="bounce3"></div>
+      </div>
+  </div>
+  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass"></iframe>
   <div class="knowledgeFieldCon">
     <div v-loading="detailsSwitchingLoading" class="wh100 flex">
       <div class="knowledgeField">
@@ -43,7 +50,7 @@
                 <div class="textContent">
                   <div>${ item.title }</div>
                   <p>${ item.profile }</p>
-                  <button class="linkButton" onclick="learnMore(${item.id})">了解详情></button>
+                  <button class="linkButtonss" onclick="learnMore(${item.id})">了解详情></button>
                 </div>
               </div>
               <div class="dividingLine"></div>
@@ -153,6 +160,32 @@
 
   // 初始化分页
   initPagination();
+
+  function reinitIframe() {
+      const iframe = document.getElementById("headerIframe");
+      let observer = null
+      if (iframe) {
+          const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+          const iframeBody = iframeDocument.body
+          observer = new MutationObserver(function(mutationsList, observer) {
+              const bodyHeight = iframeBody.clientHeight;
+              iframe.style.height = (bodyHeight + 1) + 'px';
+          });
+
+          observer.observe(iframeBody, { attributes: true, childList: true, subtree: true });
+          let imgElement = iframeDocument.getElementById('logo');
+          let headerItems = iframeDocument.querySelectorAll('.header-item')
+          let headerView = iframeDocument.querySelector('.headerView')
+          headerView.style.background = '#fff'
+          imgElement.src = './image/logos.jpg'
+          headerView.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0)';
+          headerItems.forEach(function(item) {
+              item.style.color = '#000'; // 设置你想要的字体颜色
+          });
+      }
+  }
+  reinitIframe()
+  
 </script>
 
 </html>

+ 36 - 5
fhKeeper/formulahousekeeper/inva_4_tivo/knowledgeDetails.ftl

@@ -9,7 +9,7 @@
     content="工时管理,工时统计,工时填报,项目成本统计,生产工时管理系统,工时成本管理,工时管理软件,研发工时管理系统,企业工时管理系统,项目工时统计,项目工时统计软件,项目工时统计系统,工时统计系统,工时统计表" />
   <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目,部门,岗位等多维度统计成本。" />
   <title>工时管家-专注工时管理,手机移动填报,核算项目投入人力成本,企业IPO利器!</title>
-  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
     rel="stylesheet">
   <link href="/css/bootstrap.css" rel="stylesheet">
@@ -22,8 +22,15 @@
   <link href="/css/knowledgeField.css" rel="stylesheet" >
 </head>
 
-<body>
-  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass" onload="reinitIframe();"></iframe>
+<body data-spy="scroll" data-target=".fixed-top" id="body">
+  <div class="spinner-wrapper">
+      <div class="spinner">
+          <div class="bounce1"></div>
+          <div class="bounce2"></div>
+          <div class="bounce3"></div>
+      </div>
+  </div>
+  <iframe id="headerIframe" src="/moduleView/header.html" class="iframeClass"></iframe>
   <div class="knowledgeFieldCon">
     <div v-if="isItForDetails" class="knowledgeDetails">
       <div class="returnIcon" id="returnIcon">
@@ -125,6 +132,7 @@
 <script src="/js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
 <script src="/js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
 <script src="/js/js/scripts.js"></script>
+<script src="/js/iframe.js"></script>
 
 <script>
   const knowledgeDetails = '/articleTemplate/articleDetail'
@@ -159,7 +167,30 @@
       });
     });
   });
-</script>
-<script src="/js/iframe.js"></script>
 
+  function reinitIframe() {
+      const iframe = document.getElementById("headerIframe");
+      let observer = null
+      if (iframe) {
+          const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+          const iframeBody = iframeDocument.body
+          observer = new MutationObserver(function(mutationsList, observer) {
+              const bodyHeight = iframeBody.clientHeight;
+              iframe.style.height = (bodyHeight + 1) + 'px';
+          });
+
+          observer.observe(iframeBody, { attributes: true, childList: true, subtree: true });
+          let imgElement = iframeDocument.getElementById('logo');
+          let headerItems = iframeDocument.querySelectorAll('.header-item')
+          let headerView = iframeDocument.querySelector('.headerView')
+          headerView.style.background = '#fff'
+          imgElement.src = './image/logos.jpg'
+          headerView.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0)';
+          headerItems.forEach(function(item) {
+              item.style.color = '#000'; // 设置你想要的字体颜色
+          });
+      }
+  }
+  reinitIframe()
+</script>
 </html>