修改

fhKeeper/formulahousekeeper/ArticleOperation/log/article.log

@@ -0,0 +1,176 @@
+2024-11-12 14:32:51.481 [main] ERROR o.s.b.SpringApplication - [reportFailure,818] - Application run failed
+org.yaml.snakeyaml.error.YAMLException: java.nio.charset.MalformedInputException: Input length = 1
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:218)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:176)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:171)
+	at org.yaml.snakeyaml.reader.StreamReader.peek(StreamReader.java:126)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.scanToNextToken(ScannerImpl.java:1218)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.fetchMoreTokens(ScannerImpl.java:329)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.checkToken(ScannerImpl.java:251)
+	at org.yaml.snakeyaml.parser.ParserImpl$ParseImplicitDocumentStart.produce(ParserImpl.java:214)
+	at org.yaml.snakeyaml.parser.ParserImpl.peekEvent(ParserImpl.java:166)
+	at org.yaml.snakeyaml.parser.ParserImpl.checkEvent(ParserImpl.java:156)
+	at org.yaml.snakeyaml.composer.Composer.checkNode(Composer.java:93)
+	at org.yaml.snakeyaml.constructor.BaseConstructor.checkData(BaseConstructor.java:124)
+	at org.yaml.snakeyaml.Yaml$1.hasNext(Yaml.java:509)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:199)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:166)
+	at org.springframework.boot.env.OriginTrackedYamlLoader.load(OriginTrackedYamlLoader.java:88)
+	at org.springframework.boot.env.YamlPropertySourceLoader.load(YamlPropertySourceLoader.java:50)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:54)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:36)
+	at org.springframework.boot.context.config.ConfigDataLoaders.load(ConfigDataLoaders.java:108)
+	at org.springframework.boot.context.config.ConfigDataImporter.load(ConfigDataImporter.java:132)
+	at org.springframework.boot.context.config.ConfigDataImporter.resolveAndLoad(ConfigDataImporter.java:87)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentContributors.withProcessedImports(ConfigDataEnvironmentContributors.java:116)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processInitial(ConfigDataEnvironment.java:240)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processAndApply(ConfigDataEnvironment.java:227)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:102)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:94)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEnvironmentPreparedEvent(EnvironmentPostProcessorApplicationListener.java:102)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEvent(EnvironmentPostProcessorApplicationListener.java:87)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.doInvokeListener(SimpleApplicationEventMulticaster.java:178)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.invokeListener(SimpleApplicationEventMulticaster.java:171)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:145)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:133)
+	at org.springframework.boot.context.event.EventPublishingRunListener.environmentPrepared(EventPublishingRunListener.java:85)
+	at org.springframework.boot.SpringApplicationRunListeners.lambda$environmentPrepared$2(SpringApplicationRunListeners.java:66)
+	at org.springframework.boot.SpringApplicationRunListeners$$Lambda$37/1452442375.accept(Unknown Source)
+	at java.util.ArrayList.forEach(ArrayList.java:1249)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:120)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:114)
+	at org.springframework.boot.SpringApplicationRunListeners.environmentPrepared(SpringApplicationRunListeners.java:65)
+	at org.springframework.boot.SpringApplication.prepareEnvironment(SpringApplication.java:344)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:302)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1300)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1289)
+	at com.my.bigevent.BigEventApplication.main(BigEventApplication.java:12)
+Caused by: java.nio.charset.MalformedInputException: Input length = 1
+	at java.nio.charset.CoderResult.throwException(CoderResult.java:281)
+	at sun.nio.cs.StreamDecoder.implRead(StreamDecoder.java:339)
+	at sun.nio.cs.StreamDecoder.read(StreamDecoder.java:178)
+	at java.io.InputStreamReader.read(InputStreamReader.java:184)
+	at org.yaml.snakeyaml.reader.UnicodeReader.read(UnicodeReader.java:125)
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:183)
+	... 44 common frames omitted
+2024-11-12 14:34:08.746 [main] ERROR o.s.b.SpringApplication - [reportFailure,818] - Application run failed
+org.yaml.snakeyaml.error.YAMLException: java.nio.charset.MalformedInputException: Input length = 1
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:218)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:176)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:171)
+	at org.yaml.snakeyaml.reader.StreamReader.peek(StreamReader.java:126)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.scanToNextToken(ScannerImpl.java:1218)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.fetchMoreTokens(ScannerImpl.java:329)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.checkToken(ScannerImpl.java:251)
+	at org.yaml.snakeyaml.parser.ParserImpl$ParseImplicitDocumentStart.produce(ParserImpl.java:214)
+	at org.yaml.snakeyaml.parser.ParserImpl.peekEvent(ParserImpl.java:166)
+	at org.yaml.snakeyaml.parser.ParserImpl.checkEvent(ParserImpl.java:156)
+	at org.yaml.snakeyaml.composer.Composer.checkNode(Composer.java:93)
+	at org.yaml.snakeyaml.constructor.BaseConstructor.checkData(BaseConstructor.java:124)
+	at org.yaml.snakeyaml.Yaml$1.hasNext(Yaml.java:509)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:199)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:166)
+	at org.springframework.boot.env.OriginTrackedYamlLoader.load(OriginTrackedYamlLoader.java:88)
+	at org.springframework.boot.env.YamlPropertySourceLoader.load(YamlPropertySourceLoader.java:50)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:54)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:36)
+	at org.springframework.boot.context.config.ConfigDataLoaders.load(ConfigDataLoaders.java:108)
+	at org.springframework.boot.context.config.ConfigDataImporter.load(ConfigDataImporter.java:132)
+	at org.springframework.boot.context.config.ConfigDataImporter.resolveAndLoad(ConfigDataImporter.java:87)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentContributors.withProcessedImports(ConfigDataEnvironmentContributors.java:116)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processInitial(ConfigDataEnvironment.java:240)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processAndApply(ConfigDataEnvironment.java:227)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:102)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:94)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEnvironmentPreparedEvent(EnvironmentPostProcessorApplicationListener.java:102)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEvent(EnvironmentPostProcessorApplicationListener.java:87)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.doInvokeListener(SimpleApplicationEventMulticaster.java:178)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.invokeListener(SimpleApplicationEventMulticaster.java:171)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:145)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:133)
+	at org.springframework.boot.context.event.EventPublishingRunListener.environmentPrepared(EventPublishingRunListener.java:85)
+	at org.springframework.boot.SpringApplicationRunListeners.lambda$environmentPrepared$2(SpringApplicationRunListeners.java:66)
+	at org.springframework.boot.SpringApplicationRunListeners$$Lambda$37/1452442375.accept(Unknown Source)
+	at java.util.ArrayList.forEach(ArrayList.java:1249)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:120)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:114)
+	at org.springframework.boot.SpringApplicationRunListeners.environmentPrepared(SpringApplicationRunListeners.java:65)
+	at org.springframework.boot.SpringApplication.prepareEnvironment(SpringApplication.java:344)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:302)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1300)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1289)
+	at com.my.bigevent.BigEventApplication.main(BigEventApplication.java:12)
+Caused by: java.nio.charset.MalformedInputException: Input length = 1
+	at java.nio.charset.CoderResult.throwException(CoderResult.java:281)
+	at sun.nio.cs.StreamDecoder.implRead(StreamDecoder.java:339)
+	at sun.nio.cs.StreamDecoder.read(StreamDecoder.java:178)
+	at java.io.InputStreamReader.read(InputStreamReader.java:184)
+	at org.yaml.snakeyaml.reader.UnicodeReader.read(UnicodeReader.java:125)
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:183)
+	... 44 common frames omitted
+2024-11-12 14:34:32.513 [main] ERROR o.s.b.SpringApplication - [reportFailure,818] - Application run failed
+org.yaml.snakeyaml.error.YAMLException: java.nio.charset.MalformedInputException: Input length = 1
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:218)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:176)
+	at org.yaml.snakeyaml.reader.StreamReader.ensureEnoughData(StreamReader.java:171)
+	at org.yaml.snakeyaml.reader.StreamReader.peek(StreamReader.java:126)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.scanToNextToken(ScannerImpl.java:1218)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.fetchMoreTokens(ScannerImpl.java:329)
+	at org.yaml.snakeyaml.scanner.ScannerImpl.checkToken(ScannerImpl.java:251)
+	at org.yaml.snakeyaml.parser.ParserImpl$ParseImplicitDocumentStart.produce(ParserImpl.java:214)
+	at org.yaml.snakeyaml.parser.ParserImpl.peekEvent(ParserImpl.java:166)
+	at org.yaml.snakeyaml.parser.ParserImpl.checkEvent(ParserImpl.java:156)
+	at org.yaml.snakeyaml.composer.Composer.checkNode(Composer.java:93)
+	at org.yaml.snakeyaml.constructor.BaseConstructor.checkData(BaseConstructor.java:124)
+	at org.yaml.snakeyaml.Yaml$1.hasNext(Yaml.java:509)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:199)
+	at org.springframework.beans.factory.config.YamlProcessor.process(YamlProcessor.java:166)
+	at org.springframework.boot.env.OriginTrackedYamlLoader.load(OriginTrackedYamlLoader.java:88)
+	at org.springframework.boot.env.YamlPropertySourceLoader.load(YamlPropertySourceLoader.java:50)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:54)
+	at org.springframework.boot.context.config.StandardConfigDataLoader.load(StandardConfigDataLoader.java:36)
+	at org.springframework.boot.context.config.ConfigDataLoaders.load(ConfigDataLoaders.java:108)
+	at org.springframework.boot.context.config.ConfigDataImporter.load(ConfigDataImporter.java:132)
+	at org.springframework.boot.context.config.ConfigDataImporter.resolveAndLoad(ConfigDataImporter.java:87)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentContributors.withProcessedImports(ConfigDataEnvironmentContributors.java:116)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processInitial(ConfigDataEnvironment.java:240)
+	at org.springframework.boot.context.config.ConfigDataEnvironment.processAndApply(ConfigDataEnvironment.java:227)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:102)
+	at org.springframework.boot.context.config.ConfigDataEnvironmentPostProcessor.postProcessEnvironment(ConfigDataEnvironmentPostProcessor.java:94)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEnvironmentPreparedEvent(EnvironmentPostProcessorApplicationListener.java:102)
+	at org.springframework.boot.env.EnvironmentPostProcessorApplicationListener.onApplicationEvent(EnvironmentPostProcessorApplicationListener.java:87)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.doInvokeListener(SimpleApplicationEventMulticaster.java:178)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.invokeListener(SimpleApplicationEventMulticaster.java:171)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:145)
+	at org.springframework.context.event.SimpleApplicationEventMulticaster.multicastEvent(SimpleApplicationEventMulticaster.java:133)
+	at org.springframework.boot.context.event.EventPublishingRunListener.environmentPrepared(EventPublishingRunListener.java:85)
+	at org.springframework.boot.SpringApplicationRunListeners.lambda$environmentPrepared$2(SpringApplicationRunListeners.java:66)
+	at org.springframework.boot.SpringApplicationRunListeners$$Lambda$37/1667148529.accept(Unknown Source)
+	at java.util.ArrayList.forEach(ArrayList.java:1249)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:120)
+	at org.springframework.boot.SpringApplicationRunListeners.doWithListeners(SpringApplicationRunListeners.java:114)
+	at org.springframework.boot.SpringApplicationRunListeners.environmentPrepared(SpringApplicationRunListeners.java:65)
+	at org.springframework.boot.SpringApplication.prepareEnvironment(SpringApplication.java:344)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:302)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1300)
+	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1289)
+	at com.my.bigevent.BigEventApplication.main(BigEventApplication.java:12)
+Caused by: java.nio.charset.MalformedInputException: Input length = 1
+	at java.nio.charset.CoderResult.throwException(CoderResult.java:281)
+	at sun.nio.cs.StreamDecoder.implRead(StreamDecoder.java:339)
+	at sun.nio.cs.StreamDecoder.read(StreamDecoder.java:178)
+	at java.io.InputStreamReader.read(InputStreamReader.java:184)
+	at org.yaml.snakeyaml.reader.UnicodeReader.read(UnicodeReader.java:125)
+	at org.yaml.snakeyaml.reader.StreamReader.update(StreamReader.java:183)
+	... 44 common frames omitted
+2024-11-12 14:34:52.557 [background-preinit] INFO  o.h.v.i.util.Version - [<clinit>,21] - HV000001: Hibernate Validator 6.2.5.Final
+2024-11-12 14:34:52.560 [main] INFO  c.m.b.BigEventApplication - [logStarting,55] - Starting BigEventApplication using Java 1.8.0_45 on Yurk with PID 29304 (D:\WorkSpeace\manHourHousekeeper\fhKeeper\formulahousekeeper\ArticleOperation\target\classes started by 123 in D:\WorkSpeace\manHourHousekeeper\fhKeeper\formulahousekeeper\ArticleOperation)
+2024-11-12 14:34:52.561 [main] INFO  c.m.b.BigEventApplication - [logStartupProfileInfo,632] - No active profile set, falling back to 1 default profile: "default"
+2024-11-12 14:34:53.152 [main] ERROR o.a.c.c.AprLifecycleListener - [log,173] - An incompatible version [1.1.32] of the Apache Tomcat Native library is installed, while Tomcat requires version [1.2.14]
+2024-11-12 14:34:53.285 [main] INFO  o.a.c.h.Http11NioProtocol - [log,173] - Initializing ProtocolHandler ["http-nio-8091"]
+2024-11-12 14:34:53.286 [main] INFO  o.a.c.c.StandardService - [log,173] - Starting service [Tomcat]
+2024-11-12 14:34:53.286 [main] INFO  o.a.c.c.StandardEngine - [log,173] - Starting Servlet engine: [Apache Tomcat/9.0.83]
+2024-11-12 14:34:53.404 [main] INFO  o.a.c.c.C.[.[.[/] - [log,173] - Initializing Spring embedded WebApplicationContext
+2024-11-12 14:34:53.849 [main] INFO  o.a.c.h.Http11NioProtocol - [log,173] - Starting ProtocolHandler ["http-nio-8091"]
+2024-11-12 14:34:53.866 [main] INFO  c.m.b.BigEventApplication - [logStarted,61] - Started BigEventApplication in 1.554 seconds (JVM running for 2.339)
+2024-11-12 14:35:03.671 [http-nio-8091-exec-1] INFO  o.a.c.c.C.[.[.[/] - [log,173] - Initializing Spring DispatcherServlet 'dispatcherServlet'

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/about.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="keywords"
+        content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
+    <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
+    <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+    <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">
+    <!-- <link href="css/fontawesome-all.css" rel="stylesheet"> -->
+    <link href="css/font-awesome.css" rel="stylesheet">
+    <link href="css/swiper.css" rel="stylesheet">
+    <link href="css/magnific-popup.css" rel="stylesheet">
+    <link href="css/styles.css" rel="stylesheet">
+    <link rel="icon" href="images/favicon.png">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/tongyong.css">
+    <!-- 底部重写 -->
+    <link rel="stylesheet" href="css/bottom.css">
+    <script type="text/javascript"
+        src="http://api.map.baidu.com/api?v=3.0&ak=IHxdPMrTZDs915Ohej7C3ItcPWZcMjDn"></script>
+    <script>
+        var _hmt = _hmt || [];
+        (function () {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?db6f9072933f13477e2679fb672a8761";
+            var s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+        })();
+    </script>
+</head>
+
+<body data-spy="scroll" data-target=".fixed-top">
+    <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" onLoad="reinitIframe();"></iframe>
+
+    <div id="details1" class="basic-1" style="padding-bottom: 0;">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <div class="image-container">
+                        <img class="img-fluid" src="images/place.jpg" alt="alternative">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class="text-container">
+                        <h2>公司介绍</h2>
+                        <p>
+                            南京火石闪信网络科技有限公司成立于2016年，坐落于六朝古都南京，是一家专注于企业办公和管理领域的国家高新技术企业。我们致力于通过互联网思维帮助企业完成数字化转型，为企业提高了工作效率，降低运营成本。
+                            <br>
+                            我们自主研发了云团队研发管理平台，快办团队协作管理软件和工时管家系统。使用客户遍布全国，软件获得了广泛好评。公司一直在技术方向不断积累和创新，获得了16项软著，3项专利。
+                            <br>
+                            南京火石闪信秉承“热情服务，卓越创新”的精神，不断完善产品和服务，为客户创造价值。
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="us_content_cetificate">
+        <div class="container">
+            <div class="row">
+                <h2>资质证书</h2>
+                <div class="cetificate_gallery" style="margin-top:10px;">
+                    <div><img alt="资质证书" src="images/gaoxin.jpg" /></div>
+                    <div><img alt="资质证书" src="images/smy.jpg" /></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="details" class="basic-1">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <div class="text-container" style="text-align: left;">
+                        <h2>联系我们</h2>
+                        <p>
+                            邮编：211001<br>
+                            地址：南京市江宁区秣周东路12号未来网络小镇4号楼U403室<br>
+                            联系电话：15895914665<br>
+                            邮箱：quyueting@huoshishanxin.com<br>
+                            QQ: 3052894409<br>
+                        </p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div id="container">
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn"></iframe>
+
+    <!-- Scripts -->
+    <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+    <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+    <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+    <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+    <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+    <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> <!-- Custom scripts -->
+    <script src="js/iframe.js"></script>
+    <script type="text/javascript">
+        var map = new BMap.Map("container");
+        map.centerAndZoom(new BMap.Point(118.834423, 31.874552), 15);
+        map.addOverlay(new BMap.Marker(new BMap.Point(118.834423, 31.874552)));
+        map.addControl(new BMap.NavigationControl());
+    </script>
+</body>
+
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/followup.html

@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="keywords" content="随访管理,数据统计,随访流程,阶段数据审核,随访日历,随访管理,文件上传" />
+    <meta name="description" content="随访报表-随访管家是一款集患者资料收集整理、随访计划执行和数据统计分析功能于一体的医患服务系统。添加患者"/>
+    <title>随访管理|随访日历|随访报表-随访管家是一款集患者资料收集整理、随访计划执行和数据统计分析功能于一体的医患服务系统。添加患者|访视记录|随访审核|随访报表！</title>
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <link href="css/styles.css" rel="stylesheet">
+    <link rel="stylesheet" href="css/tongyong.css">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/followup.css">
+    <!-- 底部重写 -->
+    <link rel="stylesheet" href="css/bottom.css">
+    <script src="./js/jquery1.42.min.js"></script>
+</head>
+<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" onLoad="reinitIframe();"></iframe>
+
+    <!-- 咨询客服 -->
+    <div class="zhixun" id="zhixun" style="display: none">
+        <p>微信扫码咨询</p>
+        <img src="./image/codecopy.jpg" alt="">
+        <p><span style="color: #595959;">客服QQ：</span>3052894409</p>
+    </div>
+    <!-- 咨询的图标 -->
+    <div class="consulting" id="consulting">
+        <img id="consultigImg" src="./image/ions/kefu2.png" alt="">
+    </div>
+
+    <!-- 产品介绍 -->
+    <div class="product" id="product" style="display: none">
+        <div class="connont">
+            <div style="display: flex;">
+                <div class="management">
+                    <h3>管家</h3>
+                    <ul>
+                        <a href="./index.html"><li>工时管家</li></a>
+                        <a href="./followup.html"><li>随访管家</li></a>
+                        <a href="./project.html"><li>项目管家</li></a>
+                        <a href="./customer.html"><li>客户管家</li></a>
+                        <a href="./workshop.html"><li>生产车间管家</li></a>
+                    </ul>
+                </div>
+                <div></div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+    <!-- bannar图片 -->
+    <div class="bannar">
+        <img src="./image/followup/bannar.png" alt="">
+        <div class="bannarCon">
+            <div class="bannarConTil">
+                全面管理临床随访数据
+            </div>
+            <div class="bannarConTilP">
+                ·信息安全可靠，更符合CRO/SMO行业的工作流程·
+            </div>
+            <a href="http://clinic.ttkuaiban.com/#/register">
+                <div class="bannBtn">注册</div>
+            </a>
+        </div>
+    </div>
+
+    <!-- 智能随访 -->
+    <div class="collaborationTeam" id="collaborationTeam">
+        <div class="collTeam">
+            <div class="contentes">
+                <div class="collCent" id="collCentImg" style="transform:translate(0, 250px)">
+                    <div class="collCentImg collCentDiv"><img src="./image/followup/suifang.png" alt=""></div>
+                    <div class="collCentFonts collCentDiv"><div id="collCentFonts" style="opacity: 0;">· 智能随访 只需一个 <span>随访管家</span></div></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 专业流程 -->
+    <div class="professional">
+        <div class="contentes" style="padding: 0 1.25rem;">
+            <div class="professionalBox">
+                <div class="professionalBoxTil"><span>专业</span>的解决方案，<br/>覆盖<i>全业务</i>流程</div>
+                <div style="display: flex;justify-content: flex-end;">
+                    <div class="professionalBoxTilRight">
+                        <div class="proList">
+                            <div><span>·</span>立项</div>
+                            <div><span>·</span>伦理</div>
+                            <div><span>·</span>遗传办</div>
+                            <div><span>·</span>启动会</div>
+                        </div>
+                        <div class="collections">
+                            <div class="rotating">
+                                    <div class="huabanOne huanOne">
+                                        <div class="huanOneIon"></div>
+                                        <div>
+                                            关<br/>中<br/>心<br/>管<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(45deg);">
+                                    <div class="huabanOne huanTwo" style="transform: translate(15px, 0);">
+                                        <div class="huanTwoIon" style="transform: rotate(-45deg);"></div>
+                                        <div style="transform: rotate(-45deg);">
+                                            启<br/>动<br/>管<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(90deg);">
+                                    <div class="huabanOne huanThere" style="transform: translate(35px, 0);">
+                                        <div class="huanThereIon" style="transform: rotate(-90deg);"></div>
+                                        <div style="transform: rotate(-90deg);margin-top: -15px;">
+                                            资<br/>质<br/>管<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(146.2deg);height: 46.125rem;">
+                                    <div class="huabanOne huanFour" style="transform: rotate(-10deg);">
+                                        <div class="huanFourIon" style="transform: rotate(-136.2deg);"></div>
+                                        <div style="transform: rotate(-136.2deg);">
+                                            其<br/>它<br/>管<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(212.6deg);height: 45.8125rem;">
+                                    <div class="huabanOne huanFive" style="transform: rotate(13deg);">
+                                        <div class="huanFiveIon" style="transform: rotate(-225.6deg);"></div>
+                                        <div style="transform: rotate(-225.6deg);">
+                                            入<br/>组<br/>随<br/>访
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(270deg);">
+                                    <div class="huabanOne huanXis" style="transform: translate(-35px, 0);">
+                                        <div class="huanXisIon" style="transform: rotate(-270deg);"></div>
+                                        <div style="transform: rotate(-270deg);margin-top: -15px;">
+                                            数<br/>据<br/>清<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                            <div class="rotating" style="transform: rotate(315deg);">
+                                    <div class="huabanOne huanSeven" style="transform: translate(-15px, 0);">
+                                        <div class="huanSevenIon" style="transform: rotate(-315deg);"></div>
+                                        <div style="transform: rotate(-315deg);">
+                                            质<br/>控<br/>管<br/>理
+                                        </div>
+                                    </div>
+                            </div>
+                        </div>
+                        <div class="proListLeft">
+                            <div>首例入组<span>·</span></div>
+                            <div>入组完成<span>·</span></div>
+                            <div>随访开展<span>·</span></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 轻松管理 -->
+    <div class="easyMan">
+        <h2>随访过程<span>轻松管理</span>，CRC填报，管理者审核</h2>
+        <div class="easyManBox">
+            <img id="easyManBoxConImg" src="./image/followup/qing1.png" alt="">
+            <div class="easyManBoxCon">
+                <img src="./image/followup/imgg.png" alt="">
+                <div class="easyManBoxConCli" id="easyManBoxConCli">
+
+                    <div class="easyManBoxConCliOne easyOn">
+                        <div class="easyManBoxConCliOneTil" style="background: #d8dbe1;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">筛选期</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne" style="opacity: 0;cursor:default">
+                        <div class="easyManBoxConCliOneTil"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">筛选期</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #fa71a5;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">V2访视（d7）</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #a2c9a5;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">导入期</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #84abdd;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">首次给药/治疗</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #d4d2fc;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">V3访视（d14）</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #f8b86e;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">基线图</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne" style="opacity: 0;cursor:default">
+                        <div class="easyManBoxConCliOneTil"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">筛选期</div>
+                    </div>
+
+                    <div class="easyManBoxConCliOne">
+                        <div class="easyManBoxConCliOneTil" style="background: #66d5cf;"><span></span></div>
+                        <div class="easyManBoxConCliOneCen">V...访视</div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 随访管家 -->
+    <div class="housekeeper">
+        <div class="housekCon">
+            <div class="housekeeperCon">
+                <div class="housekeeperConZuo" id="housekeeperConZuo">
+                    <div class="housekeeperConZuoUl">
+                        <img src="./image/followup/shuiOne.png" alt="">
+                        随访管家
+                    </div>
+
+                    <div class="housekeeperConZuoLi housekeeperOn">
+                        <img src="./image/followup/shuiTwo.png" alt="">
+                        手机填报，云端审核
+                    </div>
+                    <div class="housekeeperConZuoLi">
+                        <img src="./image/followup/shuiThree.png" alt="">
+                        每月奖金，一键核算
+                    </div>
+                    <div class="housekeeperConZuoLi">
+                        <img src="./image/followup/shuiFour.png" alt="">
+                        单据加密，自动打码
+                    </div>
+                    <div class="housekeeperConZuoLi">
+                        <img src="./image/followup/shuiFive.png" alt="">
+                        随访报表，数据清晰
+                    </div>
+                    <div class="housekeeperConZuoLi">
+                        <img src="./image/followup/shuiSix.png" alt="">
+                        随访模板，自由定制
+                    </div>
+                    <!-- <div class="housekeeperConZuoLi">
+                        <img src="./image/followup/shuiSeven.png" alt="">
+                        角色权限，专业定制
+                    </div> -->
+                </div>
+
+                <div class="housekeeperConYou">
+                    <div class="housekeeperConYouTil">产<br/>品<br/><span> 特<br/> 色</span></div>
+                    <div class="housekeeperConYouCon">
+                        <div class="housekeeperConYouConTli">
+                            <img src="./image/followup/huoConTilIon.png" alt="">
+                            <span id="housekeeperrText">手机填报，云端审核</span> 
+                        </div>
+                        <div class="housekeeperConYouConBon">
+                            
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="housekConImg">
+                <img src="./image/followup/suifangs1.png" id="housekConImg" alt="">
+            </div>
+        </div>
+    </div>
+
+    <!-- 客户评价 -->
+    <div class="evaluation">
+        <div class="evaluationKehu" id="customer">
+            <div class="evaluationKehuTil">
+                <h2>客户评价</h2>
+                <p>用户好评如潮,众多药研参与者使用</p>
+            </div>
+            <div class="evaluationKehuCon">
+                <div class="evaluationKehuConLi">
+                    <div class="evaluationKehuConImg">
+                        <img src="./image/followup/toxOne.png" alt="">
+                    </div>
+                    <h3>张经理</h3>
+                    <p>随访管家是一款集患者资料收集整理、随访计划执行、和数据统计分析功能于一体的医患服务系统，帮助医院规范随访工作，提高随访效率，提升医疗水平，提高患者依从度。</p>
+                </div>
+                <div class="evaluationKehuConLi">
+                    <div class="evaluationKehuConImg">
+                        <img src="./image/followup/toxTwo.png" alt="">
+                    </div>
+                    <h3>闵主任</h3>
+                    <p>优化随访工作流程、减轻随访工作人员劳动强度、提升随访工作效率。帮助医生或者医院从繁重无序的随访工作中解放出来。</p>
+                </div>
+                <div class="evaluationKehuConLi">
+                    <div class="evaluationKehuConImg">
+                        <img src="./image/followup/toxFour.png" alt="">
+                    </div>
+                    <h3>闫经理</h3>
+                    <p>随访时间和随访内容都是由系统自动生成并由系统自动提醒，使随访工作更加规范化。随访工作的记录都保存到系统中，随访工作评价更加的科学化。</p>
+                </div>
+                <div class="evaluationKehuConLi">
+                    <div class="evaluationKehuConImg">
+                        <img src="./image/followup/toxFive.png" alt="">
+                    </div>
+                    <h3>王部长</h3>
+                    <p>不做没意义的评价，不做没有严肃性的数字，不做没有信服力的结论，倍市得系统的精准定位与其开放的系统架构使得这些有据可依</p>
+                </div>
+            </div>
+        </div>
+
+        <!-- 产品定价 -->
+        <div class="pricing" id="pricing">
+            <h2>产品定价</h2>
+            <div class="pricingsConTop" style="margin-top: 3.125rem;">
+                <div style="border-top: 0px solid #333;">人数</div>
+                <div style="border-top: 0px solid #333;">价格</div>
+                <div>1-100</div>
+                <div>299/人/年</div>
+                <div>100-200</div>
+                <div>269/人/年</div>
+                <div>200-300</div>
+                <div>239/人/年</div>
+                <div>300-500</div>
+                <div>199/人/年</div>
+                <div>500+</div>
+                <div>待定</div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn" style="height: 24.2rem"></iframe>
+
+</body>
+<script src="js/js/jquery.min.js"></script>
+<script src="js/js/scripts.js"></script>
+<script src="./js/followup.js"></script>
+<!-- <script src="./js/one.js"></script> -->
+<script src="js/iframe.js"></script>
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/homemovement.html

@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <title>工时管家</title>
+    <link rel="stylesheet" href="./css/homemovement/normalize.css" />
+    <!-- 先引入css文件 放到自己css文件的上面 -->
+    <link rel="stylesheet" href="./css/homemovement/swiper.min.css" />
+    <link rel="stylesheet" href="./css/homemovement/homemovement.css" />
+    <script src="js/jquery1.42.min.js"></script>
+</head>
+<body>
+    <section class="warp">
+        <!-- 头部 -->
+        <div class="header">
+            <div class="header_logo"><img src="./image/logo.jpg" alt=""></div>
+            <div class="header_qiyeweix"><a href="https://open.work.weixin.qq.com" target="_blank"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=isp&c=white&s=medium@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
+            <div class="header_qw"><a href="javascript:;" id="zhuce"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
+            <div class="header_qx"><a href="javascript:;" id="anqiye"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a></div>
+        </div>
+
+        <div class="homepage">
+            <div class="homepage_img">
+                <img src="./image/bannar9.gif" alt="">
+            </div>
+            <div class="homepage_gsLogo">
+                <img src="./image/gsgj.png" alt="">
+            </div>
+            <div class="homepage_title">工时管家</div>
+        </div>
+
+        <div class="reduction">
+            <div class="reduction_img">
+                <img src="./image/huajian.png" alt="">
+            </div>
+        </div>
+
+        <div class="examination">
+            <div class="examination_title">填报、审批、统计分分钟搞定</div>
+            <div class="examination_img"><img src="./image/fill.jpg" alt=""></div>
+            <div class="get_job_focus">
+              <!-- Swiper -->
+              <div class="swiper-container get_job_fo">
+                <div class="swiper-wrapper">
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/xmcj.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/ygtb.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/xmjlsh.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/hzsj.png" alt="" />
+                  </div>
+                  <div class="swiper-slide">
+                    <img src="./image/yidong/sctjb.png" alt="" />
+                  </div>
+                </div>
+              </div>
+              <!-- Add Arrows 根据需求这个代码放到 container外面 添加左右箭头-->
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+        </div>
+
+        <div class="management">
+            <div class="management_title">强大的功能，轻松的管理</div>
+            <div class="management_tex">提供便捷且全面的工时填报、审核和统计功能，围绕企业成本管理提供一站式解决方案</div>
+
+            <div class="swiper-container study_fo">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <img src="./image/gs1.jpg" alt="" />
+                  <p>工时填报</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs2.jpg" alt="" />
+                  <p>报告查看</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs3.jpg" alt="" />
+                  <p>工时审批</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs4.jpg" alt="" />
+                  <p>项目管理</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs5.jpg" alt="" />
+                  <p>成本统计</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs6.jpg" alt="" />
+                  <p>财务核算</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs7.jpg" alt="" />
+                  <p>客户管理</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs8.jpg" alt="" />
+                  <p>费用报销</p>
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/gs9.jpg" alt="" />
+                  <p>工程管理</p>
+                </div>
+                <div class="swiper-slide">
+                    <img src="./image/gs10.jpg" alt="" />
+                    <p>审批流</p>
+                </div>
+              </div>
+              <!-- Add Pagination -->
+              <div class="swiper-pagination"></div>
+            </div>
+        </div>
+
+        <div class="customer">
+            <div class="customer_title">来自客户的认可</div>
+            <div class="swiper-container customer_fo">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg0.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg1.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg2.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg3.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg4.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg5.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg6.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg7.png" alt="" />
+                </div>
+                <div class="swiper-slide">
+                  <img src="./image/yidong/ggg8.png" alt="" />
+                </div>
+              </div>
+              <!-- Add Pagination -->
+              <div class="swiper-pagination"></div>
+            </div>
+        </div>
+
+        <div class="foots">
+            <div class="erweima">
+                <img src="./image/gzh.jpg" alt="">
+            </div>
+            <div class="erweima_text">工时管家官方客服</div>
+            <div class="erweima_haoma">Copyright©2016 南京火石闪信网络科技有限公司     苏ICP备18064522号-1</div>
+        </div>
+    </section>
+</body>
+<script src="./js/homemovement/flexible.js"></script>
+<!-- 比如引入js文件 -->
+<script src="./js/homemovement/swiper.min.js"></script>
+<script>
+    // 第一个函数里面是 就业指导轮播图
+    (function () {
+      var swiper = new Swiper(".get_job_fo", {
+        // 能够显示的 slider的个数
+        slidesPerView: 2,
+        // 每一个slide之间的距离
+        spaceBetween: 30,
+        centeredSlides: true,
+        loop: true,
+        // 添加左右箭头
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+      });
+    })();
+    // 第二个函数的轮播图
+    (function () {
+      //  如果有多个轮播图最好修改下 swiper-container
+      var swiper = new Swiper(".study_fo", {
+        // 我们可以可以看看到的是 2个半
+        slidesPerView: 1,
+        spaceBetween: 20,
+      });
+    })();
+    // 第三个函数的轮播图
+    (function () {
+      //  如果有多个轮播图最好修改下 swiper-container
+      var swiper = new Swiper(".customer_fo", {
+        // 我们可以可以看看到的是 2个半
+        slidesPerView: 2.2,
+        spaceBetween: 20,
+      });
+    })();
+  </script>
+  <script>
+    $('#anqiye').click(function() {
+        console.log('我被点击率')
+        // $.ajax({
+        //     type : "GET",
+        //     // url : "http://192.168.2.97:10010/wxcorp/getPreAuthCode",
+        //     url : "http://worktime.ttkuaiban.com/api/wxcorp/getPreAuthCode",
+        //     dataType : "jsonp",
+        //     jsonp: "jsoncallback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)
+        //     jsonpCallback:"jsoncallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名
+        //     success : function(data){
+        //         console.log(data);
+        //     },
+        //     error:function(){
+        //         alert('请求失败');
+        //     }
+        // });
+        // function jsoncallback(data) {
+        //     console.log(data)
+        // }
+
+        $.ajax({
+            type : "GET",
+            url : "https://worktime.ttkuaiban.com/api/wxcorp/getPreAuthCode",
+            success : function(data){
+                let suiteId = 'ww4e237fd6abb635af'
+                let huidiao = 'https://worktime.ttkuaiban.com/api/wxcorp/installFromWebsite'
+                let url = `https://open.work.weixin.qq.com/3rdapp/install?suite_id=${suiteId}&pre_auth_code=${data.data.code}&redirect_uri=${huidiao}&state=4`
+                window.location.href = url
+            },
+            error:function(){
+                alert('请求失败');
+            }
+        });
+
+    })
+
+    $('#zhuce').click(function() {
+        $.ajax({
+            type : "GET",
+            url : "https://worktime.ttkuaiban.com/api/wxcorp/getRegisterCode",
+            success : function(data){
+                if(data.code == 'ok') {
+                    let url = `https://open.work.weixin.qq.com/3rdservice/wework/register?register_code=${data.data.code}`
+                    if(data.data.code != undefined  && data.data.code != 'undefined') {
+                        window.location.href = url
+                    }
+                } else {
+                    console.log(data)
+                    alert(data.msg)
+                }
+            },
+            error:function(){
+                alert('请求失败');
+            }
+        });
+
+    })
+</script>
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/index.html

@@ -0,0 +1,691 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="keywords" content="工时管理,项目工时管理,项目成本管理,工时统计,项目成本统计,工时记录表,工时统计表" />
+    <meta name="description" content="工时管家是专业的工时管理和项目管理软件。提供工时填报，审核和工时统计功能。引进现代工时管理和项目管理的理念，核算项目投入成本准确便捷，企业IPO项目成本分摊好帮手"/>
+    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+    <title>工时管理|工时记录表|项目成本管理-工时管家是强大易用的项目工时管理系统。工时填报|工时统计|手机移动填报|核算项目成本|企业IPO利器！</title>
+	<link href="css/styles.css" rel="stylesheet">
+    <link href="css/font-awesome.css" rel="stylesheet">
+    <link rel="stylesheet" href="./css/reset.css">
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <link rel="stylesheet" href="css/index.css">
+    <!-- <script src="js/js/jquery.min.js"></script> -->
+    <script src="js/jquery1.42.min.js"></script>
+    <script src="js/jquery.SuperSlide.2.1.3.js"></script>
+    <!-- 统计文件 -->
+    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
+    <script>LA.init({id: "Jk62Sh8gvUhl1xcU",ck: "Jk62Sh8gvUhl1xcU"})</script>
+    <script>
+        let str = (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) ? 'app': 'pc';
+        let url = window.location.href
+        console.log(str)
+        if(str == 'app') {
+            let urlStr = window.location.href
+            let urlArr = urlStr.split('ttkuaiban.com')
+            let url = urlArr[0] + 'ttkuaiban.com/homemovement.html'
+            window.location.replace(url)
+        }
+    </script>
+</head>
+
+<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" onLoad="reinitIframe();"></iframe>
+
+    <!-- 咨询客服 -->
+    <div class="zhixun" id="zhixun" style="display: none">
+        <p>微信扫码咨询</p>
+        <img src="./image/codecopy.jpg" alt="">
+        <p><span style="color: #595959;">客服QQ：</span>3052894409</p>
+    </div>
+
+    <!-- 咨询的图标 -->
+    <div class="consulting" id="consulting">
+        <img id="consultigImg" src="./image/ions/kefu2.png" alt="">
+    </div>
+
+    <!-- 轮播图 -->
+    <div class="bannar" style="position: relative;background: #ffffff;height: 100vh">
+        <img src="./image/bannar11.png" alt="" class="bannarIMgGam">
+        <div class="bannarTxt">
+            <div class="bannarTil">专业团队用<span>工时管家</span></div>
+            <div class="bannarRz">
+                <div class="bannarRzBox" style="border: 0.125rem solid #00B050;">
+                    <img src="./image/ions/greenIcon.png" alt="">
+                    通过ISO27001：2013信息安全认证
+                </div>
+                <div class="bannarRzBox" style="border: 0.125rem solid #3396FB;background: #3396FB19;">
+                    <img src="./image/ions/blueIcon.png" alt="">
+                    通过ISO9001：2015质量体系认证
+                </div>
+            </div>
+            <div class="bannarTextList">
+                <ul>
+                    <li>提供最全面的项目工时统计解决方案</li>
+                    <li>满足对内团队项目管理需求 / 对外IPO审计财务分摊需求</li>
+                </ul>
+            </div>
+            <a href="javascript:;" id="zhuce"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=register&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a>
+            <a href="javascript:;" id="anqiye"><img src="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large" srcset="https://open.work.weixin.qq.com/service/img?id=wwf11426cf618e1703&t=install&c=white&s=large@2x 2x" referrerpolicy="unsafe-url" alt="企业微信"></a>
+            <div class="homeAdiv">
+                <a>
+                    <div class="bannarBtn" id="videoCli">观看产品介绍视频</div>
+                </a>
+                <a id="freeTrial" href="http://worktime.ttkuaiban.com/#/register">
+                    <div class="bannarBtn">免费试用</div>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <!-- 系统管理 -->
+    <div class="jiesao" style="position: relative;z-index: 3;"> 
+        <div class="managements">
+            <div class="connont">
+                <div class="manContent">
+                    <div style="position: relative;z-index: 2;">
+                        <img id="jiesaoImg" src="./image/gsgj.png" alt="">
+                        <p id="jiesaoP">化繁为简  只需一个<span>工时管家</span></p>
+                    </div>
+                    <!-- <div class="manConDD" id="manConDD1" style="width: 295px;left: 50%;margin-left: -150px;top: 30px;transform:translate(0, 293px);"> -->
+                    <div class="manConDD" id="manConDD1" style="width: 295px;left: 50%;margin-left: -150px;top: 50px;transform:translate(0, 293px);">
+                        <img src="./image/dd1.png" alt="">
+                        <p id="manConDDp1" style="opacity: 0;">可集成到企业微信、钉钉、飞书</p>
+                    </div>
+                    <div class="manConDD" id="manConDD2" style="right: 160px;top: 200px;transform:translate(-362px,123px);">
+                        <img src="./image/dd2.png" alt="">
+                        <p id="manConDDp2" style="opacity: 0;">可以设置工时审批流</p>
+                    </div>
+                    <div class="manConDD" id="manConDD3" style="right: 160px;bottom: -60px;transform:translate(-362px,-141px);">
+                        <img src="./image/dd3.png" alt="">
+                        <p id="manConDDp3" style="opacity: 0;">多层级项目任务结构</p>
+                    </div>
+                    <div class="manConDD" id="manConDD4" style="right: 360px;bottom: -260px;transform:translate(-162px,-339px);">
+                    <!-- <div class="manConDD" id="manConDD4" style="right: 360px;bottom: -200px;transform:translate(-162px,-339px);"> -->
+                        <img src="./image/dd4.png" alt="">
+                        <p id="manConDDp4" style="opacity: 0;">支持定制开发、私有化部署</p>
+                    </div>
+                    <div class="manConDD" id="manConDD5" style="left: 360px;bottom: -260px;transform:translate(162px,-339px);">
+                    <!-- <div class="manConDD" id="manConDD5" style="left: 360px;bottom: -200px;transform:translate(162px,-339px);"> -->
+                        <img src="./image/dd5.png" alt="">
+                        <p id="manConDDp5" style="opacity: 0;">图形化统计、Excel报表</p>
+                    </div>
+                    <div class="manConDD" id="manConDD6" style="left: 160px;bottom: -60px;transform:translate(362px,-141px);">
+                        <img src="./image/dd6.png" alt="">
+                        <p id="manConDDp6" style="opacity: 0;">模板可搭配、最高性价比</p>
+                    </div>
+                    <div class="manConDD" id="manConDD7" style="left: 160px;top: 200px;transform:translate(362px,123px);">
+                        <img src="./image/dd7.png" alt="">
+                        <p id="manConDDp7" style="opacity: 0;">自动下发漏填、待审核提醒</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 智能 -->
+    <div class="znyq">
+        <div class="smart">
+            <div class="connonst">
+                <h2 id="znyqH" style="transform:translate(0, 0);"><p>智能引擎</p> 适配多种行业的 <span>个性需求</span></h2>
+                <div class="smartEngine">
+                    <div class="smartEngineLeft">
+                        <div class="smartEngineLeftCon">
+                            <div class="selMou" id="selMou1" style="transform:translate(-500px,-500px); opacity: 1;">
+                                <img src="./image/sl1.jpg" alt="">
+                                <p>生物</p>
+                                <p>医药科技</p>
+                            </div>
+                            <div class="selMou" id="selMou2" style="transform:translate(-400px,-480px); opacity: 1;">
+                                <img src="./image/sl2.jpg" alt="">
+                                <p>药研CRO</p>
+                                <p>/SMO</p>
+                            </div>
+                            <div class="selMou" id="selMou3" style="transform:translate(-500px,500px); opacity: 1;">
+                                <img src="./image/sl3.jpg" alt="">
+                                <p>建筑</p>
+                                <p>工程</p>
+                            </div>
+                            <div class="selMou" id="selMou4" style="transform:translate(-400px,510px); opacity: 1;">
+                                <img src="./image/sl.jpg" alt="">
+                                <p>环境</p>
+                                <p>治理</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="smartEngineRight">
+                        <div class="smartEngineRightCon">
+                            <div class="selMouR" id="selMour1" style="transform:translate(300px,-500px); opacity: 1;">
+                                <img src="./image/yyds1.jpg" alt="">
+                                <p>软硬件</p>
+                                <p>研发</p>
+                            </div>
+                            <div class="selMouR" id="selMour2" style="transform:translate(400px,-500px); opacity: 1;">
+                                <img src="./image/yyds2.jpg" alt="">
+                                <p>电子信息</p>
+                                <p>科技</p>
+                            </div>
+                            <div class="selMouR" id="selMour3" style="transform:translate(500px,-500px); opacity: 1;">
+                                <img src="./image/yyds3.jpg" alt="">
+                                <p>互联网</p>
+                                <p>科技</p>
+                            </div>
+                            <div class="selMouR" id="selMour4" style="transform:translate(550px,-550px); opacity: 1;">
+                                <img src="./image/yyds4.jpg" alt="">
+                                <p>智能</p>
+                                <p>科技</p>
+                            </div>
+                            <div class="selMouR" id="selMour5" style="transform:translate(300px,500px); opacity: 1;">
+                                <img src="./image/yyds5.jpg" alt="">
+                                <p>产品</p>
+                                <p>设计</p>
+                            </div>
+                            <div class="selMouR" id="selMour6" style="transform:translate(400px,500px); opacity: 1;">
+                                <img src="./image/yyds6.jpg" alt="">
+                                <p>在线</p>
+                                <p>教育</p>
+                            </div>
+                            <div class="selMouR" id="selMour7" style="transform:translate(500px,500px); opacity: 1;">
+                                <img src="./image/yyds7.jpg" alt="">
+                                <p>生产</p>
+                                <p>设计</p>
+                            </div>
+                            <div class="selMouR" id="selMour8" style="transform:translate(550px,550px); opacity: 1;">
+                                <img src="./image/yyds8.jpg" alt="">
+                                <p>广告</p>
+                                <p>设计</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 填报 -->
+    <!-- <div class="tb"> -->
+        <div class="fill">
+            <div class="connonst">
+                <h2>填报、审批、统计分分钟搞定</h2>
+                <!-- <div class="fillCon fillCons" id="fillCon"> -->
+                <div class="fillCon" id="fillCon">
+                    <div class="fillConCen">
+                        <div class="fccCon" style="border: 1px solid #5e95f8;">
+                            <img src="./image/cj1.jpg" alt="" style="border-radius: 50%;border: 1px solid #5e95f8">
+                            <h3>项目创建</h3>
+                            <div class="ios" style="background-color: #6298f8;"></div>
+                            <div class="fccConP">
+                                <p>可估计工时 <br /> 设置成本基线</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="fillConCen" style="top: 48px;left: 280px;z-index: 1;">
+                        <div class="fccCon" style="border: 1px solid #b0d1ac;">
+                            <img src="./image/cj4.jpg" alt="" style="border-radius: 50%;border: 1px solid #b0d1ac">
+                            <h3>员工填报</h3>
+                            <div class="ios" style="background-color: #b0d1ac;"></div>
+                            <div class="fccConP">
+                                <p>日报/周报/月报 <br /> 一分钟搞定 <br /> 支持移动端</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="fillConCen" style="top: 69px;left: 50%;margin-left: -178.5px; z-index: 2;">
+                        <div class="fccCon" style="border: 1px solid #f88c52;">
+                            <img src="./image/cj5.jpg" alt="" style="border-radius: 50%;border: 1px solid #f88c52;box-sizing: border-box;">
+                            <h3>项目经理审核</h3>
+                            <div class="ios" style="background-color: #f88c52;"></div>
+                            <div class="fccConP">
+                                <p>支持按照人员/ <br /> 项目/部门筛选<br /> 批量审核</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="fillConCen" style="top: 48px;right: 280px;z-index: 1;">
+                        <div class="fccCon" style="border: 1px solid #6097f8;">
+                            <img src="./image/cj3.jpg" alt="" style="border-radius: 50%;border: 1px solid #6097f8">
+                            <h3>汇总数据</h3>
+                            <div class="ios" style="background-color: #6097f8;"></div>
+                            <div class="fccConP">
+                                <p>系统自动计算 <br /> 工时成本，按项 <br /> 目/部门/人员 <br /> 归纳 </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="fillConCen" style="right: 0px;z-index: 0;">
+                        <div class="fccCon" style="border: 1px solid #9fc89c;">
+                            <img src="./image/cj2.jpg" alt="" style="border-radius: 50%;border: 1px solid #9fc89c">
+                            <h3>生成统计报表</h3>
+                            <div class="ios" style="background-color: #9fc89c;"></div>
+                            <div class="fccConP">
+                                <p>项目成本表 <br /> 收支平衡表 <br /> 支持Excel导出</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    <!-- </div> -->
+
+    <!-- 便捷 -->
+    <div class="convenient">
+        <div class="connonst">
+            <div class="cvit">
+                <h2><span>强大</span>的功能，轻松的管理</h2>
+                <p>提供便捷且全面的工时填报、审核和统计功能，围绕企业成本管理提供一站式解决方案</p>
+            </div>
+            <ul class="tablTab" id="tablTabUl">
+                <li class="tabOn"><img src="./image/ions/1.png" alt="" style="margin-right: 10px;">工时填报</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/2.1.png" alt="">报告查看</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/3.1.png" alt="">工时审批</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/4.1.png" alt="">项目管理</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/5.1.png" alt="">成本统计</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/6.1.png" alt="">财务核算</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/7.1.png" alt="">客户管理</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/8.1.png" alt="">费用报销</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/9.1.png" alt="">工程管理</li>
+                <li><img style="margin-right: 10px;" src="./image/ions/10.1.png" alt="">审批流</li>
+                <!-- <li><img src="./image/ions/1.png" alt=""></li>
+                <li><img src="./image/ions/2.1.png" alt=""></li>
+                <li><img src="./image/ions/3.1.png" alt=""></li>
+                <li><img src="./image/ions/4.1.png" alt=""></li>
+                <li><img src="./image/ions/5.1.png" alt=""></li>
+                <li><img src="./image/ions/6.1.png" alt=""></li>
+                <li><img src="./image/ions/7.1.png" alt=""></li>
+                <li><img src="./image/ions/8.1.png" alt=""></li>
+                <li><img src="./image/ions/9.1.png" alt=""></li>
+                <li><img src="./image/ions/10.1.png" alt=""></li> -->
+            </ul>
+            <div class="tabFool">
+                <div></div>
+                <img src="./image/gs1.jpg" alt="" id="finImg">
+            </div>
+        </div>
+    </div>
+
+    <!-- 客户 -->
+    <div class="kehu" id="customer">
+        <div class="connonst">
+            <h2>来自客户的认可</h2>
+            <div class="conImg" style="left: 0;">
+                <!-- 北京首钢 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehuone.png" alt="">
+                    <div class="conImgConImg" style="width: 60px;">
+                        <img src="./image/ions/bjsg.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        公司有3000多人使用工时管家，每年上百万份日报，运行一直很稳定，并且与集团的其他应用系统对接，提供工时数据。
+                    </div>
+                    <div class="conIngFoot">
+                        <p>北京首钢集团</p>
+                        <span>张经理</span>
+                    </div>
+                </div>
+                <!-- 重庆美莱德生物科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu5.jpg" alt="">
+                    <div class="conImgConImg" style="width: 120px;">
+                        <img src="./image/ions/mld.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        我们是做生物科技的<br />
+                        由于员经常出差流动，需要掌握人员闲忙情况<br />
+                        工时管家提供了资源分配<br />
+                        人员的工时，出差，休假在甘特图上直接可视，轻松实现人力资源安排
+                    </div>
+                    <div class="conIngFoot">
+                        <p>重庆美莱德生物科技</p>
+                        <span>李经理</span>
+                    </div>
+                </div>
+                <!-- 芯传汇 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu2.jpg" alt="">
+                    <div class="conImgConImg">
+                        <img src="./image/ions/xinchun.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        企业上市对我们的财务提出了严格的要求<br />
+                        工时管家系统帮助我们达到了目标<br />
+                        每个月的成本可以自动分摊到项目上<br />
+                        精确化管理研发项目成本，非常方便好用
+                    </div>
+                    <div class="conIngFoot">
+                        <p>芯传汇</p>
+                        <span>财务总监</span>
+                    </div>
+                </div>
+                <!-- 深圳市法本信息技术 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu8.jpg" alt="">
+                    <div class="conImgConImg" style="width: 100px;">
+                        <img src="./image/ions/faben.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        工时管家系统提供了强大的填报，核算功能<br />
+                        平常项目研发周期长，每天填报太麻烦<br />
+                        工时管家系统提供了一次填报一周工时方便快捷<br />
+                        项目经理也可代填，工时一点不漏
+                    </div>
+                    <div class="conIngFoot">
+                        <p>深圳市法本信息技术</p>
+                        <span>刘经理</span>
+                    </div>
+                </div>
+                <!-- 唐古信息科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu3.jpg" alt="">
+                    <div class="conImgConImg">
+                        <img src="./image/ions/tanggu.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        对比多家供应商后，我们选择了工时管家<br />
+                        事实证明我们的选择是正确的<br />
+                        制药生产车间的各个环节人工成本得队数据化<br />
+                        我们实现了远程的成本把控
+                    </div>
+                    <div class="conIngFoot">
+                        <p>唐古信息科技</p>
+                        <span>总经理</span>
+                    </div>
+                </div>
+                <!-- 晶易医药科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu4.jpg" alt="">
+                    <div class="conImgConImg" style="width: 100px;">
+                        <img src="./image/ions/jinli.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        我们是药学至临床一站式CRO服务企业<br />
+                        项目需要跨部门协作项目进展需要信息传达不及时<br />
+                        工时管家系统提供了项目管理专业版<br />
+                        建立项目内的部门分组， 任务看板清晰明了，里程碑事件全员送达
+                    </div>
+                    <div class="conIngFoot">
+                        <p>晶易医药科技</p>
+                        <span>王经理</span>
+                    </div>
+                </div>
+                <!-- 盛立安元科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu6.jpg" alt="">
+                    <div class="conImgConImg" style="width: 100px;">
+                        <img src="./image/ions/shenli.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        工时管家不仅提供了工时的报表功能，还能帮助我们研发管理每日员工的工作内容<br />
+                        打通了企业微信的考勤，工时填报真实有效，减少了人工审核的难度<br />
+                    </div>
+                    <div class="conIngFoot">
+                        <p>盛立安元科技</p>
+                        <span>袁经理</span>
+                    </div>
+                </div>
+                <!-- 深圳市环保科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu7.jpg" alt="">
+                    <div class="conImgConImg" style="width: 40px;">
+                        <img src="./image/ions/haotian.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        我们是做环保的集团化企业<br />
+                        有些项目担心信息有泄露的风险<br />
+                        工时管家系统提供了私有化部署<br />
+                        应用和数据都在企业自己的服务器上，由自己的IT团队管理更放心
+                    </div>
+                    <div class="conIngFoot">
+                        <p>深环科技</p>
+                        <span>闫经理</span>
+                    </div>
+                </div>
+                <!-- 成都中为工程科技 -->
+                <div class="conImgCon">
+                    <div class="mengban"></div>
+                    <img src="./image/kehu1.jpg" alt="">
+                    <div class="conImgConImg">
+                        <img src="./image/ions/chengdu.png" alt="">
+                    </div>
+                    <div class="conImgFiz">
+                        我们是做建筑工程设计的<br />需要把控每个项目的投入成本<br />
+                        工时管家系统提供了面向工程专业的系统化<br />
+                        标准化的工时统计，我们得以进行更好的<br />
+                        财务核算及人力成本控制!
+                    </div>
+                    <div class="conIngFoot">
+                        <p>成都中为工程科技</p>
+                        <span>项目主管</span>
+                    </div>
+                </div>
+                
+            </div>
+
+            <div class="kehusab">
+                <div class="kehuLefts" id="kehuLeft"><img src="./image/ions/zuo.png" alt=""></div>
+                <div class="kehuRights" id="kehuRight"><img src="./image/ions/you.png" alt=""></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 产品定价 -->
+    <div class="pricings" id="pricing">
+        <div class="connonst">
+            <h2>产品定价</h2>
+        </div>
+        <div class="tooltipTis" id="tooltipTis">人数越多优惠越大</div>
+        <div class="pri">
+            <div class="li">
+                <div class="li_con">
+                    <div>基础版</div>
+                    <div>￥<span>188</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>系统基础设置</li>
+                        <li>组织结构管理</li>
+                        <li>基础项目管理</li>
+                        <li>员工填报日报</li>
+                        <li>项目经理审批</li>
+                        <li>日报数据导出</li>
+                        <li>财务核算成本</li>
+                        <li>工时成本统计</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>项目管理专业版</div>
+                    <div>￥<span>268</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">基础版全部功能+</li>
+                        <li>专业项目任务管理</li>
+                        <li>文件中心</li>
+                        <li>按项目统计成本</li>
+                        <li>项目数据统计</li>
+                        <li>项目成本预估</li>
+                        <li>费用报销管理</li>
+                        <li>项目报表服务</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>建筑工程专业版</div>
+                    <div>￥<span>318</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">项目管理专业版全部功能+</li>
+                        <li>工程专业管理</li>
+                        <li>项目关联专业</li>
+                        <li>设置专业负责人</li>
+                        <li>专业审核</li>
+                        <li>部门审核</li>
+                        <li>专业进度统计</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>企业旗舰版</div>
+                    <div>￥<span>368</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">项目管理专业版全部功能+</li>
+                        <li>自定义审批流</li>
+                        <li>请假管理</li>
+                        <li>出差管理</li>
+                        <li>客户管理</li>
+                        <li>日报审批流</li>
+                        <li>请假审批流</li>
+                        <li>出差审批流</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- q&a -->
+    <div class="QandA">
+        <div class="connonst">
+            <h2>Q&A</h2>
+            <div class="QandACon">
+                <div class="QandAConUl">
+                    <div class="QandAConli"><span>问题1：</span>专业版比基础版多了哪些功能？</div>
+                    <div class="QandAConli"><span>回复1：</span>专业版多了项目的 <span style="color:#20a0ff">任务管理</span> ，填报日报可以对应到任务。还有项目 <span style="color:#20a0ff">预算管理</span>，文件管理和 <span style="color:#20a0ff">费用报销</span>模块，并提供了更丰富的报表。</div>
+                </div>
+                <div class="QandAConUl">
+                    <div class="QandAConli"><span>问题2：</span>我们有些流动人员，中间有人<span style="color:#20a0ff">离职</span>了又会有新人加入，这个怎么算？</div>
+                    <div class="QandAConli"><span>回复2：</span>我们系统是按在职人数算名额的，离职后可以空出名额直接加新人，<span style="color:#20a0ff">无需额外收费。</span></div>
+                </div>
+                <div class="QandAConUl">
+                    <div class="QandAConli"><span>问题3：</span>可以和<span style="color:#20a0ff">考勤系统</span>打通吗？</div>
+                    <div class="QandAConli"><span>回复3：</span>可以的，可以额外打通<span style="color:#20a0ff">企业微信</span>的考勤打卡功能。如果是自建或其他服务商的系统，我们可提供<span style="color:#20a0ff">二次开发</span>进行数据对接。</div>
+                </div>
+                <div class="QandAConUl">
+                    <div class="QandAConli"><span>问题4：</span>审批可以设置<span style="color:#20a0ff">流程</span>吗？</div>
+                    <div class="QandAConli"><span>回复4：</span>可以的，系统支持按部门设置审批流程、员工自行选择审核人进行<span style="color:#20a0ff">多层审核</span>或者按项目的分组负责人审核等多种方式，具体可咨询客服人员为您开通。</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn"></iframe>
+    
+    <script>
+        $('#videoBox').click(function() {
+            window.open("./video/guanwang.mp4")
+        })
+        $('#videoCli').click(function() {
+            window.open("./video/guanwang.mp4")
+        })
+
+        $('#anqiye').click(function() {
+            $.ajax({
+                type : "GET",
+                url : "https://worktime.ttkuaiban.com/api/wxcorp/getPreAuthCode",
+                success : function(data){
+                    console.log(data, '扫码')
+                    let suiteId = 'ww4e237fd6abb635af'
+                    let huidiao = 'https://worktime.ttkuaiban.com/api/wxcorp/installFromWebsite'
+                    let url = `https://open.work.weixin.qq.com/3rdapp/install?suite_id=${suiteId}&pre_auth_code=${data.data.code}&redirect_uri=${huidiao}&state=4`
+                    window.open(url)
+                },
+                error:function(){
+                    alert('请求失败');
+                }
+            });
+
+        })
+
+        $('#zhuce').click(function() {
+            $.ajax({
+                type : "GET",
+                url : "https://worktime.ttkuaiban.com/api/wxcorp/getRegisterCode",
+                success : function(data){
+                    if(data.code == 'ok') {
+                        setTimeout(function (){
+                            let url = 'https://open.work.weixin.qq.com/3rdservice/wework/register?register_code=' + data.data.code
+                            window.open(url)
+                        }, 700);
+                    } else {
+                        console.log(data)
+                        alert(data.msg)
+                    }
+                },
+                error:function(){
+                    alert('请求失败');
+                }
+            });
+        })
+
+        function check(){
+            let str = window.location.href
+            if(str.indexOf('from') > 1) {
+				let strUrl = window.location.href.split('?')[1]
+                $('#tilA').attr('href', `http://worktime.ttkuaiban.com/#/register?${strUrl}`)
+                $('#freeTrial').attr('href', `http://worktime.ttkuaiban.com/#/register?${strUrl}`)
+            } else {
+                $('#tilA').attr('href', 'http://worktime.ttkuaiban.com/#/register')
+                $('#freeTrial').attr('href', 'http://worktime.ttkuaiban.com/#/register')
+            }
+
+        }
+        check()
+        
+    </script>
+    
+    <script src="js/js/jquery.min.js"></script>
+    <script src="js/index.js"></script>
+    <script src="js/js/scripts.js"></script>
+    <script src="js/iframe.js"></script>
+</body>
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledge.ftl

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="keywords"
+    content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
+  <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
+  <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+  <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">
+  <link href="/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/swiper.css" rel="stylesheet">
+  <link href="/css/magnific-popup.css" rel="stylesheet">
+  <link href="/css/styles.css" rel="stylesheet">
+  <link href="/css/reset.css" rel="stylesheet">
+  <link href="/css/tongyong.css" rel="stylesheet" >
+  <link href="/css/knowledgeField.css" rel="stylesheet" >
+</head>
+
+<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">
+        <div class="knowledgeField-header">
+          <div class="knowledgeField-header-text">知识园地</div>
+          <div class="flex">
+            <input id="knowledgeInput" type="text" class="knowledgeInput" placeholder="请输入关键字搜索">
+            <button class="searchButton" onclick="search()">搜索</button>
+          </div>
+        </div>
+        <div class="knowledgeField-content">
+          <#list knowledgeFieldTableList as item>
+            <div>
+              <div class="knowledgeField-content-item" onclick="triggerButtonClick(${item.id})">
+                <div class="image"><img src="${item.coverImgUrl}" class="wh100" class="wh100"></img>
+                </div>
+                <div class="textContent">
+                  <div class="textContentTitle">${ item.title }</div>
+                  <p>${ item.profile }</p>
+                  <div class="textContentUnderstand">
+                    <div class="textContentUnderstandText">发布于：${item.createTimeStr}</div>
+                    <button class="linkButtonss" onclick="learnMore(${item.id})">了解详情></button>
+                  </div>
+                </div>
+              </div>
+              <div class="dividingLine"></div>
+            </div>
+          </#list>
+        </div>
+        <div class="knowledgeField-bottom flex-center">
+          <div class="pagination">
+            <button class="prev" onclick="goToPage(currentPage - 1)">上一页</button>
+            <ul id="page-list">
+              <!-- 动态生成页码 -->
+            </ul>
+            <button class="next" onclick="goToPage(currentPage + 1)">下一页</button>
+          </div>
+          <div class="flex-center">
+            到第
+            <input type="number" class="paginationInput" min="0" id="paginationInput">
+            页
+          </div>
+          <button onClick="confirmJump()" class="paginationButton">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="/js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+<script src="/js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+<script src="/js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+<script src="/js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+<script src="/js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+<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>
+  // 获取当前页面的 URL 参数
+  const params = new URLSearchParams(window.location.search);
+  const pageIndex = +params.get('pageIndex') || 1;
+  const pageSize = +params.get('pageSize') || 10;
+
+  let total = ${total}
+  let totalPages = Math.ceil(total / pageSize); // 总页数
+  let currentSize = pageSize;
+  let currentPage = pageIndex; // 当前页
+  const knowledgeUrl = '/articleTemplate/pageList'
+  const knowledgeDetails = '/articleTemplate/articleDetail'
+  const fixedParameters = '?pageIndex=' + currentPage + '&pageSize=' + currentSize + '&info=' // 分页固定参数
+
+  function search() {
+    const inputVal = document.getElementById("knowledgeInput").value;
+    window.location.href = knowledgeUrl + fixedParameters + inputVal
+  }
+  function learnMore(id) {
+    window.location.href = knowledgeDetails + `?id=` + id
+  }
+  function triggerButtonClick(itemId) {
+    // 找到该 item 对应的按钮并触发点击事件
+    const button = document.querySelector('button[onclick="learnMore('+itemId+')"]');
+    if (button) {
+      button.click();
+    }
+  }
+  function confirmJump() {
+    let inputVal = document.getElementById("paginationInput").value;
+    if(inputVal <= 0) {
+      inputVal = 1
+    }
+    if(inputVal > totalPages) {
+      inputVal = totalPages
+    }
+    if(!inputVal) {
+      return
+    }
+    window.location.href = knowledgeUrl + '?pageIndex=' + inputVal + '&pageSize=' + currentSize
+  }
+
+  // 初始化分页组件
+  function initPagination() {
+    const pageList = document.getElementById('page-list');
+    pageList.innerHTML = ''; // 清空之前的页码
+
+    for (let i = 1; i <= totalPages; i++) {
+      const li = document.createElement('li');
+      li.textContent = i;
+      li.classList.toggle('active', i === currentPage); // 设置当前页的样式
+      li.onclick = () => goToPage(i);
+      pageList.appendChild(li);
+    }
+
+    // 更新按钮的禁用状态
+    document.querySelector('.prev').disabled = currentPage === 1;
+    document.querySelector('.next').disabled = currentPage === totalPages;
+  }
+
+  // 跳转到指定页面
+  function goToPage(page) {
+    window.location.href = knowledgeUrl + '?pageIndex=' + page + '&pageSize=' + currentSize
+  }
+
+  // 初始化分页
+  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>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeDetails.ftl

@@ -0,0 +1,197 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="keywords"
+    content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
+  <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
+  <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+  <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">
+  <link href="/css/font-awesome.css" rel="stylesheet">
+  <link href="/css/swiper.css" rel="stylesheet">
+  <link href="/css/magnific-popup.css" rel="stylesheet">
+  <link href="/css/styles.css" rel="stylesheet">
+  <link href="/css/reset.css" rel="stylesheet" >
+  <link href="/css/tongyong.css" rel="stylesheet">
+  <link href="/css/knowledgeField.css" rel="stylesheet" >
+</head>
+
+<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">
+        <img src="/image/ions/zuos.png" />
+      </div>
+      <div class="knowledgeDetails-left">
+        <div class="knowledgeDetails-left-title">${article.title}</div>
+        <div class="dividingLine"></div>
+        <div class="knowledgeDetails-left-con">
+          <div class="flex distribution">
+            <ul class="flex">
+              <li class="grey">标签：</li>
+              <#list categoryNameList as item>
+                <li class="blue">${item}</li>
+              </#list>
+            </ul>
+          </div>
+          <div class="flex-center distribution timeContent">
+            <p>发布时间</p>
+            <span>${ article.createTimeStr }</span>
+          </div>
+          <div class="flex-center distribution readUse" style="justify-content: flex-end;">
+            <div class="text">推荐使用:</div>
+            <#if article?exists && article.productId?exists>
+              <#if article.productId == "1">
+                <div class="jumpToImg" id="imgClick">工时管家</div>
+              <#elseif article.productId == "2">
+                <div class="jumpToImg" id="imgClick">随访管家</div>
+              <#elseif article.productId == "3">
+                <div class="jumpToImg" id="imgClick">项目管家</div>
+              <#elseif article.productId == "4">
+                <div class="jumpToImg" id="imgClick">客户管家</div>
+              <#elseif article.productId == "5">
+                <div class="jumpToImg" id="imgClick">生产车间管家</div>
+              <#else>
+                <div class="jumpToImg">敬请期待</div>
+              </#if>
+            <#else>
+              <div class="jumpToImg">敬请期待</div>
+            </#if>
+
+          </div>
+        </div>
+        <div class="hypertextContent" id="hypertextContent">
+          ${ article.content }
+        </div>
+        <div class="knowledgeDetails-left-bottom flex-center"></div>
+      </div>
+      <div class="knowledgeDetails-right">
+        <div class="latestArticles">
+          <div class="knowledgeDetails-right-title">
+            <div>最新文章</div>
+            <buttom class="linkButton" onclick="toKnowledge()">查看更多></buttom>
+          </div>
+          <div class="line"></div>
+          <div class="latestList">
+            <#list latestList as item>
+              <div class="latestList-item" data-item='${item.id}'>
+                <div class="latestList-item-image">
+                  <img src="${item.coverImgUrl}" class="wh100"></img>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">${ item.title }</div>
+                  <div class="data">${ item.createTimeStr }</div>
+                </div>
+              </div>
+            </#list>
+          </div>
+        </div>
+        <div class="relatedRecommendations">
+          <div class="knowledgeDetails-right-title">
+            <div>相关推荐</div>
+            <buttom class="linkButton" onclick="toKnowledge()">查看更多></buttom>
+          </div>
+          <div class="line"></div>
+          <div class="latestList">
+            <#list relatedList as item>
+              <div class="latestList-item" data-item='${item.id}'>
+                <div class="latestList-item-image">
+                  <img src="${item.coverImgUrl}" class="wh100"></img>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">${ item.title }</div>
+                  <div class="data">${item.createTimeStr}</div>
+                </div>
+              </div>
+            </#list>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="/js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+<script src="/js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+<script src="/js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+<script src="/js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+<script src="/js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+<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'
+  function toKnowledge() {
+    window.location.href = `/articleTemplate/pageList?pageIndex=1&pageSize=10`
+  }
+  $('#returnIcon').click(function () {
+    window.history.back()
+  })
+
+  $('#imgClick').click(function () {
+    const id = ${article.productId}
+    const jumpObject = {
+      '1': 'http://worktime.ttkuaiban.com/#/login',
+      '2': 'http://clinic.ttkuaiban.com/#/login',
+      '3': 'http://worktime.ttkuaiban.com/#/login',
+      '4': 'http://crm.ttkuaiban.com/login',
+      '5': 'http://workshop.ttkuaiban.com'
+    }
+    if (id) {
+      // window.location.href = jumpObject[id]
+      window.open(jumpObject[id], '_blank');
+    }
+  })
+
+  document.addEventListener("DOMContentLoaded", function () {
+    const items = document.querySelectorAll('.latestList-item');
+    items.forEach(item => {
+      item.addEventListener('click', function () {
+        const itemData = item.getAttribute('data-item');
+        console.log('点击了', itemData)
+        window.location.href = knowledgeDetails + `?id=` + itemData
+      });
+    });
+  });
+
+  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>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeField copy.html

@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="keywords"
+    content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
+  <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
+  <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+  <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">
+  <link href="css/font-awesome.css" rel="stylesheet">
+  <link href="css/swiper.css" rel="stylesheet">
+  <link href="css/magnific-popup.css" rel="stylesheet">
+  <link href="css/styles.css" rel="stylesheet">
+  <link rel="stylesheet" href="css/reset.css">
+  <link rel="stylesheet" href="css/tongyong.css">
+  <link rel="stylesheet" href="css/knowledgeField.css">
+  <!-- 底部重写 -->
+  <link rel="stylesheet" href="css/bottom.css">
+
+  <link rel="stylesheet" href="./css/element-uiCss.css">
+  <script src="./js/vue.min.js"></script>
+  <script src="./js/element-ui.js"></script>
+</head>
+
+<body data-spy="scroll" data-target=".fixed-top">
+  <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" onLoad="reinitIframe();"></iframe>
+  <!-- 主体内容 -->
+  <div class="knowledgeFieldCon" id="app">
+    <div v-loading="detailsSwitchingLoading" class="wh100 flex">
+      <!-- 知识园地 -->
+      <div class="knowledgeField" v-if="!isItForDetails">
+        <div class="knowledgeField-header">
+          <div class="knowledgeField-header-text">知识园地</div>
+          <div class="flex">
+            <el-input placeholder="请输入内容" v-model.trim="info" size="small" class="elInput"
+              @keyup.enter="getKnowledgeFieldTable()">
+            </el-input>
+            <el-button type="primary" size="mini" @click="getKnowledgeFieldTable()">确定</el-button>
+          </div>
+        </div>
+        <div class="flex1 knowledgeField-content" v-loading="knowledgeFieldTableLoading">
+          <div v-for="(item,index) in knowledgeFieldTableList" :key="index">
+            <div class="knowledgeField-content-item">
+              <div class="image"><el-image :src="item.coverImg" class="wh100"></el-image></div>
+              <div class="textContent">
+                <div>{{ item.title }}</div>
+                <p>{{ item.profile }}</p>
+                <span @click="learnMore(item, true)">了解详情></span>
+              </div>
+            </div>
+            <el-divider v-if="index < knowledgeFieldTableList.length - 1"></el-divider>
+          </div>
+        </div>
+        <div class="knowledgeField-bottom flex-center">
+          <el-pagination background layout="total, prev, pager, next, sizes" :page-sizes="[4, 8, 12, 20]"
+            :page-size="pageSize" :current-page.sync="pageIndex" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" :total="total">
+          </el-pagination>
+        </div>
+      </div>
+
+      <!-- 知识详情 -->
+      <div v-if="isItForDetails" class="knowledgeDetails">
+        <div class="returnIcon" @click="back()">
+          <i class="el-icon-arrow-left"></i>
+        </div>
+        <div class="knowledgeDetails-left">
+          <div class="knowledgeDetails-left-title">{{ articleDetails.title }}</div>
+          <el-divider></el-divider>
+          <div class="knowledgeDetails-left-con">
+            <div class="flex distribution">
+              <ul class="flex">
+                <li class="grey">标签：</li>
+                <li class="blue" v-for="(item, index) in articleDetails.categoryNamesList" :key="index">{{ item }}</li>
+              </ul>
+            </div>
+            <div class="flex-center distribution timeContent">
+              <p>发布时间</p>
+              <span>{{ articleDetails.createTime }}</span>
+            </div>
+            <div class="flex-center distribution readUse" style="justify-content: flex-end;">
+              <div class="text">推荐使用:</div>
+              <div><img src="./image/detailWork.png" alt=""></div>
+            </div>
+          </div>
+          <div class="hypertextContent" v-html="articleDetails.content">
+
+          </div>
+          <div class="knowledgeDetails-left-bottom flex-center"></div>
+        </div>
+        <div class="knowledgeDetails-right">
+          <div class="latestArticles">
+            <div class="knowledgeDetails-right-title">
+              <div>最新文章</div>
+              <span @click="learnMore({}, false, true)">查看更多></span>
+            </div>
+            <div class="line"></div>
+            <div class="latestList">
+              <div class="latestList-item" v-for="(item, index) in latestArticles" :key="index"
+                @click="detailsJump(item)">
+                <div class="latestList-item-image">
+                  <el-image :src="item.coverImg" class="wh100"></el-image>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">{{ item.title }}</div>
+                  <div class="data">{{ item.createTime }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="relatedRecommendations">
+            <div class="knowledgeDetails-right-title">
+              <div>相关推荐</div>
+              <span @click="learnMore({}, false, true)">查看更多></span>
+            </div>
+            <div class="line"></div>
+            <div class="latestList">
+              <div class="latestList-item" v-for="(item, index) in relatedRecommendations" :key="index"
+                @click="detailsJump(item)">
+                <div class="latestList-item-image">
+                  <el-image :src="item.coverImg" class="wh100"></el-image>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">{{ item.title }}</div>
+                  <div class="data">{{ item.createTime }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Scripts -->
+  <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+  <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+  <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+  <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+  <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+  <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>
+    new Vue({
+      el: "#app",
+      data: {
+        info: '',
+        pageIndex: 1,
+        pageSize: 4,
+        total: 0,
+        // requestPrefix: 'http://192.168.2.17:8080',
+        requestPrefix: 'http://47.101.180.183:9049',
+        // requestPrefix: '',
+        knowledgeFieldTableList: [],
+        latestArticles: [],
+        relatedRecommendations: [],
+        detailRow: {},
+        articleDetails: {},
+        isItForDetails: false,
+        knowledgeFieldTableLoading: false,
+        detailsSwitchingLoading: false,
+      },
+      methods: {
+        getArticleDetails() {
+          const url = `${this.requestPrefix}/article/getArticleById`
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            const row = {
+              ...res.data,
+              categoryNamesList: res.data.categoryNames ? res.data.categoryNames.split(',') : []
+            };
+            this.articleDetails = row
+          })
+        },
+        getLatestArticles() {
+          const url = `${this.requestPrefix}/article/latestList`;
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            this.latestArticles = res.data.map(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+              return { ...item }
+            })
+          })
+        },
+        getRelatedRecommendations() {
+          const url = `${this.requestPrefix}/article/relatedList`
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            this.relatedRecommendations = res.data.map(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+              return { ...item }
+            })
+          })
+        },
+        getKnowledgeFieldTable() {
+          const url = `${this.requestPrefix}/article/pageList`
+          const params = { pageIndex: this.pageIndex, pageSize: this.pageSize, info: this.info }
+          this.knowledgeFieldTableLoading = true
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            const { total = 0, data = [] } = res
+            data.forEach(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+            })
+            this.total = total
+            this.knowledgeFieldTableList = [...data]
+          }).finally(() => {
+            this.knowledgeFieldTableLoading = false
+          }).catch(err => {
+            console.log(err, '<==== 请求失败')
+          })
+        },
+        back() {
+          this.detailRow = {}
+          this.detailsSwitchingLoading = true
+          setTimeout(() => {
+            this.isItForDetails = false
+          }, 500)
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        detailsJump(item) {
+          this.detailRow = item
+          this.detailsSwitchingLoading = true
+          this.getArticleDetails()
+          this.getLatestArticles()
+          this.getRelatedRecommendations()
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        learnMore(item, flag = false, reset = false) {
+          this.detailRow = item
+          this.detailsSwitchingLoading = true
+          if (reset) {
+            this.pageIndex = 1
+            this.pageSize = 4
+            this.info = ''
+            this.getKnowledgeFieldTable()
+          }
+          if (flag) {
+            this.getArticleDetails()
+            this.getLatestArticles()
+            this.getRelatedRecommendations()
+          }
+          setTimeout(() => {
+            this.isItForDetails = flag
+          }, 500)
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        handleSizeChange(val) {
+          this.pageIndex = 1
+          this.pageSize = val
+          this.getKnowledgeFieldTable()
+        },
+        handleCurrentChange(val) {
+          this.pageIndex = val
+          this.getKnowledgeFieldTable()
+        },
+        // 封装请求接口
+        httpRequest(url, options = {}, method = 'GET') {
+          // 默认配置
+          const defaultOptions = {
+            method,
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: null,
+          };
+
+          const requestOptions = { ...defaultOptions, ...options };
+
+          if (requestOptions.body && typeof requestOptions.body !== 'string') {
+            requestOptions.body = JSON.stringify(requestOptions.body);
+          }
+          return fetch(url, requestOptions)
+            .then(response => {
+              if (!response.ok) {
+                throw new Error(`HTTP错误: ${response.status}`);
+              }
+              return response.json();
+            })
+            .catch(error => {
+              console.error('请求失败:', error);
+              throw error;
+            });
+        },
+        addQueryParams(url, params) {
+          const urlWithParams = new URL(url);
+          Object.keys(params).forEach(key => {
+            urlWithParams.searchParams.append(key, params[key]);
+          });
+          return urlWithParams.toString();
+        }
+      },
+      mounted: function () {
+        this.getKnowledgeFieldTable()
+      }
+    })
+  </script>
+  <script src="js/iframe.js"></script>
+</body>
+
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeField.html

@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="keywords"
+    content="工时管理，工时统计，工时填报，项目成本统计，生产工时管理系统，工时成本管理，工时管理软件，研发工时管理系统，企业工时管理系统，项目工时统计，项目工时统计软件，项目工时统计系统，工时统计系统，工时统计表" />
+  <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目，部门，岗位等多维度统计成本。" />
+  <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+  <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">
+  <link href="css/font-awesome.css" rel="stylesheet">
+  <link href="css/swiper.css" rel="stylesheet">
+  <link href="css/magnific-popup.css" rel="stylesheet">
+  <link href="css/styles.css" rel="stylesheet">
+  <link rel="stylesheet" href="css/reset.css">
+  <link rel="stylesheet" href="css/tongyong.css">
+  <link rel="stylesheet" href="css/knowledgeField.css">
+  <!-- 底部重写 -->
+  <link rel="stylesheet" href="css/bottom.css">
+
+  <link rel="stylesheet" href="./css/element-uiCss.css">
+  <script src="./js/vue.min.js"></script>
+  <script src="./js/element-ui.js"></script>
+</head>
+
+<body data-spy="scroll" data-target=".fixed-top">
+  <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" onLoad="reinitIframe();"></iframe>
+  <!-- 主体内容 -->
+  <div class="knowledgeFieldCon" id="app">
+    <div v-loading="detailsSwitchingLoading" class="wh100 flex">
+      <!-- 知识园地 -->
+      <div class="knowledgeField" v-if="!isItForDetails">
+        <div class="knowledgeField-header">
+          <div class="knowledgeField-header-text">知识园地</div>
+          <div class="flex">
+            <el-input placeholder="请输入内容" v-model.trim="info" size="small" class="elInput"
+              @keyup.enter="getKnowledgeFieldTable()">
+            </el-input>
+            <el-button type="primary" size="mini" @click="getKnowledgeFieldTable()">确定</el-button>
+          </div>
+        </div>
+        <div class="flex1 knowledgeField-content" v-loading="knowledgeFieldTableLoading">
+          <div v-for="(item,index) in knowledgeFieldTableList" :key="index">
+            <div class="knowledgeField-content-item">
+              <div class="image"><el-image :src="item.coverImg" class="wh100"></el-image></div>
+              <div class="textContent">
+                <div>{{ item.title }}</div>
+                <p>{{ item.profile }}</p>
+                <span @click="learnMore(item, true)">了解详情></span>
+              </div>
+            </div>
+            <el-divider v-if="index < knowledgeFieldTableList.length - 1"></el-divider>
+          </div>
+        </div>
+        <div class="knowledgeField-bottom flex-center">
+          <el-pagination background layout="total, prev, pager, next, sizes" :page-sizes="[4, 8, 12, 20]"
+            :page-size="pageSize" :current-page.sync="pageIndex" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" :total="total">
+          </el-pagination>
+        </div>
+      </div>
+
+      <!-- 知识详情 -->
+      <div v-if="isItForDetails" class="knowledgeDetails">
+        <div class="returnIcon" @click="back()">
+          <i class="el-icon-arrow-left"></i>
+        </div>
+        <div class="knowledgeDetails-left">
+          <div class="knowledgeDetails-left-title">{{ articleDetails.title }}</div>
+          <el-divider></el-divider>
+          <div class="knowledgeDetails-left-con">
+            <div class="flex distribution">
+              <ul class="flex">
+                <li class="grey">标签：</li>
+                <li class="blue" v-for="(item, index) in articleDetails.categoryNamesList" :key="index">{{ item }}</li>
+              </ul>
+            </div>
+            <div class="flex-center distribution timeContent">
+              <p>发布时间</p>
+              <span>{{ articleDetails.createTime }}</span>
+            </div>
+            <div class="flex-center distribution readUse" style="justify-content: flex-end;">
+              <div class="text">推荐使用:</div>
+              <div><img src="./image/detailWork.png" alt=""></div>
+            </div>
+          </div>
+          <div class="hypertextContent" v-html="articleDetails.content">
+
+          </div>
+          <div class="knowledgeDetails-left-bottom flex-center"></div>
+        </div>
+        <div class="knowledgeDetails-right">
+          <div class="latestArticles">
+            <div class="knowledgeDetails-right-title">
+              <div>最新文章</div>
+              <span @click="learnMore({}, false, true)">查看更多></span>
+            </div>
+            <div class="line"></div>
+            <div class="latestList">
+              <div class="latestList-item" v-for="(item, index) in latestArticles" :key="index"
+                @click="detailsJump(item)">
+                <div class="latestList-item-image">
+                  <el-image :src="item.coverImg" class="wh100"></el-image>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">{{ item.title }}</div>
+                  <div class="data">{{ item.createTime }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="relatedRecommendations">
+            <div class="knowledgeDetails-right-title">
+              <div>相关推荐</div>
+              <span @click="learnMore({}, false, true)">查看更多></span>
+            </div>
+            <div class="line"></div>
+            <div class="latestList">
+              <div class="latestList-item" v-for="(item, index) in relatedRecommendations" :key="index"
+                @click="detailsJump(item)">
+                <div class="latestList-item-image">
+                  <el-image :src="item.coverImg" class="wh100"></el-image>
+                </div>
+                <div class="latestList-item-text">
+                  <div class="latestList-item-text-title">{{ item.title }}</div>
+                  <div class="data">{{ item.createTime }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Scripts -->
+  <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+  <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+  <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+  <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+  <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+  <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>
+    new Vue({
+      el: "#app",
+      data: {
+        info: '',
+        pageIndex: 1,
+        pageSize: 4,
+        total: 0,
+        // requestPrefix: 'http://192.168.2.17:8080',
+        requestPrefix: 'http://47.101.180.183:9049',
+        // requestPrefix: '',
+        knowledgeFieldTableList: [],
+        latestArticles: [],
+        relatedRecommendations: [],
+        detailRow: {},
+        articleDetails: {},
+        isItForDetails: false,
+        knowledgeFieldTableLoading: false,
+        detailsSwitchingLoading: false,
+      },
+      methods: {
+        getArticleDetails() {
+          const url = `${this.requestPrefix}/article/getArticleById`
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            const row = {
+              ...res.data,
+              categoryNamesList: res.data.categoryNames ? res.data.categoryNames.split(',') : []
+            };
+            this.articleDetails = row
+          })
+        },
+        getLatestArticles() {
+          const url = `${this.requestPrefix}/article/latestList`;
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            this.latestArticles = res.data.map(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+              return { ...item }
+            })
+          })
+        },
+        getRelatedRecommendations() {
+          const url = `${this.requestPrefix}/article/relatedList`
+          const params = { id: this.detailRow.id }
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            this.relatedRecommendations = res.data.map(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+              return { ...item }
+            })
+          })
+        },
+        getKnowledgeFieldTable() {
+          const url = `${this.requestPrefix}/article/pageList`
+          const params = { pageIndex: this.pageIndex, pageSize: this.pageSize, info: this.info }
+          this.knowledgeFieldTableLoading = true
+          this.httpRequest(this.addQueryParams(url, params)).then(res => {
+            const { total = 0, data = [] } = res
+            data.forEach(item => {
+              if(item.coverImg) {
+                item.coverImg = `data:image/jpeg;base64, ${item.coverImg}`
+              }
+            })
+            this.total = total
+            this.knowledgeFieldTableList = [...data]
+          }).finally(() => {
+            this.knowledgeFieldTableLoading = false
+          }).catch(err => {
+            console.log(err, '<==== 请求失败')
+          })
+        },
+        back() {
+          this.detailRow = {}
+          this.detailsSwitchingLoading = true
+          setTimeout(() => {
+            this.isItForDetails = false
+          }, 500)
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        detailsJump(item) {
+          this.detailRow = item
+          this.detailsSwitchingLoading = true
+          this.getArticleDetails()
+          this.getLatestArticles()
+          this.getRelatedRecommendations()
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        learnMore(item, flag = false, reset = false) {
+          this.detailRow = item
+          this.detailsSwitchingLoading = true
+          if (reset) {
+            this.pageIndex = 1
+            this.pageSize = 4
+            this.info = ''
+            this.getKnowledgeFieldTable()
+          }
+          if (flag) {
+            this.getArticleDetails()
+            this.getLatestArticles()
+            this.getRelatedRecommendations()
+          }
+          setTimeout(() => {
+            this.isItForDetails = flag
+          }, 500)
+          setTimeout(() => {
+            this.detailsSwitchingLoading = false
+          }, 1000)
+        },
+        handleSizeChange(val) {
+          this.pageIndex = 1
+          this.pageSize = val
+          this.getKnowledgeFieldTable()
+        },
+        handleCurrentChange(val) {
+          this.pageIndex = val
+          this.getKnowledgeFieldTable()
+        },
+        // 封装请求接口
+        httpRequest(url, options = {}, method = 'GET') {
+          // 默认配置
+          const defaultOptions = {
+            method,
+            headers: {
+              'Content-Type': 'application/json',
+            },
+            body: null,
+          };
+
+          const requestOptions = { ...defaultOptions, ...options };
+
+          if (requestOptions.body && typeof requestOptions.body !== 'string') {
+            requestOptions.body = JSON.stringify(requestOptions.body);
+          }
+          return fetch(url, requestOptions)
+            .then(response => {
+              if (!response.ok) {
+                throw new Error(`HTTP错误: ${response.status}`);
+              }
+              return response.json();
+            })
+            .catch(error => {
+              console.error('请求失败:', error);
+              throw error;
+            });
+        },
+        addQueryParams(url, params) {
+          const urlWithParams = new URL(url);
+          Object.keys(params).forEach(key => {
+            urlWithParams.searchParams.append(key, params[key]);
+          });
+          return urlWithParams.toString();
+        }
+      },
+      mounted: function () {
+        this.getKnowledgeFieldTable()
+      }
+    })
+  </script>
+  <script src="js/iframe.js"></script>
+</body>
+
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/mobile.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="keywords" content="工时管理，工时统计，项目成本统计" />
+    <meta name="description" content="工时管家提供专业的工时填报和统计报表。可按项目，部门，岗位等多维度统计成本。" />
+    <title>工时管家-专注工时管理，手机移动填报，核算项目投入人力成本，企业IPO利器！</title>
+    <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">
+    <!-- <link href="css/fontawesome-all.css" rel="stylesheet"> -->
+    <link href="css/font-awesome.css" rel="stylesheet">
+    <link href="css/swiper.css" rel="stylesheet">
+    <link href="css/magnific-popup.css" rel="stylesheet">
+    <link href="css/styles.css" rel="stylesheet">
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/tongyong.css">
+    <!-- 底部重写 -->
+    <link rel="stylesheet" href="css/bottom.css">
+</head>
+<style>
+    .ctas {
+        width: 80% !important;
+    }
+
+    .fenlei {
+        width: 100%;
+        margin: auto;
+        display: flex;
+        justify-content: space-around;
+    }
+
+    .fenlei img {
+        width: 259px;
+        margin-bottom: 20px;
+    }
+
+    .fenlei .fenlei-you img {
+        width: 230px;
+        margin-top: 10px;
+        margin-bottom: 40px;
+    }
+
+    .fenlei h4 {
+        font-size: 1.5rem;
+    }
+</style>
+
+<body data-spy="scroll" data-target=".fixed-top">
+    <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" onLoad="reinitIframe();"></iframe>
+
+    <!-- 产品功能 -->
+    <div class="product">
+        <div class="connn">
+            <div class="proFel">
+                <h2 style="margin-top: 80px;">访问手机版</h2>
+                <div class="flexx">
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzh.jpg" alt="">
+                        </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">微信</p>
+                        <p>微信扫码，先关注公众号</p>
+                    </div>
+
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzht.jpg" alt="">
+                        </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">企业微信</p>
+                        <p>企业微信扫码，专业绑定</p>
+                    </div>
+
+                    <div class="proFelCon">
+                        <div class="gallerys">
+                            <p></p>
+                            <img src="./image/gzhf.jpg" alt="">
+                        </div>
+                        <p style="font-size: 30px;padding: 15px 0 5px 0">钉钉</p>
+                        <p>钉钉扫码，一键同步组织架构，方便便捷</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- end of 产品功能 -->
+
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn"></iframe>
+
+
+    <!-- Scripts -->
+    <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
+    <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
+    <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
+    <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
+    <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
+    <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> <!-- Custom scripts -->
+    <script src="js/iframe.js"></script>
+    <script>
+        // //根据当前是手机还是PC,展示信息
+        // if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { //移动端
+        //     //TODO
+        //     document.getElementById('mobTxt').innerHTML ="请长按保存到手机，微信打开识别";
+        // } else {
+        //     document.getElementById('mobTxt').innerHTML ="请使用微信扫码关注公众号";
+        //     document.getElementById('mobLink').style.display="none";
+        // }
+    </script>
+</body>
+
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/project.html

@@ -0,0 +1,520 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="keywords" content="工时管理,项目工时管理,项目成本管理,工时统计,项目成本统计,工时记录表,工时统计表" />
+    <meta name="description" content="工时管家是专业的工时管理和项目管理软件。提供工时填报，审核和工时统计功能。引进现代工时管理和项目管理的理念，核算项目投入成本准确便捷，企业IPO项目成本分摊好帮手"/>
+    <title>工时管理|工时记录表|项目成本管理-工时管家是强大易用的项目工时管理系统。工时填报|工时统计|手机移动填报|核算项目成本|企业IPO利器！</title>
+    <link href="css/styles.css" rel="stylesheet">
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <link rel="stylesheet" href="css/tongyong.css">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="css/projectt.css">
+    <!-- 底部重写 -->
+    <link rel="stylesheet" href="css/bottom.css">
+    <script src="./js/jquery1.42.min.js"></script>
+</head>
+<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" onLoad="reinitIframe();"></iframe>
+
+    <div style="height: 5.1rem"></div>
+    <div class="bannar">
+        <div class="bannarText">
+            <h4>企业级项目全过程管理工具</h4>
+            <p>·团队协作和项目管理一站式解决,提高项目交付质量·</p>
+            <a href="http://worktime.ttkuaiban.com/#/register"><div>免费试用</div></a>
+        </div>
+        <a href="http://worktime.ttkuaiban.com/#/register"><img src="./image/projectImg/bannar.jpg" style="width: 100%;" alt=""></a>
+    </div>
+
+    <!-- 咨询客服 -->
+    <div class="zhixun" id="zhixun" style="display: none">
+        <p>微信扫码咨询</p>
+        <img src="./image/codecopy.jpg" alt="">
+        <p><span style="color: #595959;">客服QQ：</span>3052894409</p>
+    </div>
+    <!-- 咨询的图标 -->
+    <div class="consulting" id="consulting">
+        <img id="consultigImg" src="./image/ions/kefu2.png" alt="">
+    </div>
+
+    <!-- 产品介绍 -->
+    <div class="product" id="product" style="display: none">
+        <div class="connont">
+            <div style="display: flex;">
+                <div class="management">
+                    <h3>管家</h3>
+                    <ul>
+                        <a href="./index.html"><li>工时管家</li></a>
+                        <a href="./followup.html"><li>随访管家</li></a>
+                        <a href="./project.html"><li>项目管家</li></a>
+                        <a href="./customer.html"><li>客户管家</li></a>
+                        <a href="./workshop.html"><li>生产车间管家</li></a>
+                    </ul>
+                </div>
+                <div></div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 团队协作 -->
+    <div class="collaborationTeam" id="collaborationTeam">
+        <div class="collTeam">
+            <div class="contentes">
+                <div class="collCent">
+                    <div class="collCentImg" id="collCentImg" style="transform:translate(250px,0);"><img src="./image/projectImg/tuandui.jpg" alt=""></div>
+                    <div class="collCentFonts"><div id="collCentFonts" style="transform:translate(-550px,0);">团队协作 只需一个 <span>项目管家</span></div></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 项目模板 -->
+    <div class="templateProject" id="templateProject">
+        <div class="templat">
+            <div class="contentes">
+                 <h2>高自由度项目模板，满足从<span>简单</span>到<i>复杂</i>的项目管理需求</h2>
+                 <div class="templatCon">
+                    <div class="templatOne bor" id="templatOne" style="transform:translate(500px,0);"><img src="./image/projectImg/ones.png" alt=""></div>
+                    <div class="templatTwo bor" id="templatTwo"><img src="./image/projectImg/twos.png" alt=""></div>
+                    <div class="templatThree bor" id="templatThree" style="transform:translate(0,500px);"><img src="./image/projectImg/threes.png" alt=""></div>
+                    <div class="templatFour bor" id="templatFour" style="transform:translate(-600px,0);"><img src="./image/projectImg/fours.png" alt=""></div>
+                 </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 跨部门 -->
+    <!-- <div class="acrossDepartments">
+        <div class="contentes">
+            <h2>支持跨部门，<span>多角色</span>的团队协作</h2>
+            <div class="acrossCon">
+                <div class="acrossConOne">
+                    <div class="acrossIonsOne" style="top: -3.5rem;left: 6.25rem">
+                        <div class="acrossIonsTwo acsTop">
+                            <div class="acrossIonsThree">
+                                <p>技术部</p>
+                                <div><img src="./image/projectImg/acrossOne.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                    <div class="acrossIonsOne" style="top: 6.25rem;left: 15.9375rem">
+                        <div class="acrossIonsTwo acsRight">
+                            <div class="acrossIonsThree">
+                                <p>售后服务部</p>
+                                <div><img src="./image/projectImg/acrossTwo.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                    <div class="acrossIonsOne" style="top: 15.9375rem;left: 6.25rem">
+                        <div class="acrossIonsTwo acsBon">
+                            <div class="acrossIonsThree">
+                                <p>其他部门</p>
+                                <div><img src="./image/projectImg/acrossThree.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                    <div class="acrossIonsOne" style="top: 6.25rem;left: -3.4375rem">
+                        <div class="acrossIonsTwo acsLeft">
+                            <div class="acrossIonsThree">
+                                <p>市场部</p>
+                                <div><img src="./image/projectImg/acrossFour.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                </div>
+                <div class="acrossConTwo">
+                    <div class="acrossIonsOne" style="top: -3.5rem;left: 6.25rem;">
+                        <div class="acrossIonsTwo acsTops">
+                            <div class="acrossIonsThree">
+                                <p>项目经理</p>
+                                <div><img src="./image/projectImg/acrossfive.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div> 
+                    <div class="acrossIonsOne" style="top: 6.25rem;left: 15.9375rem;">
+                        <div class="acrossIonsTwo acsRights">
+                            <div class="acrossIonsThree">
+                                <p>市场总监</p>
+                                <div><img src="./image/projectImg/acrossSix.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                    <div class="acrossIonsOne" style="top: 15.9375rem;left: 6.25rem;">
+                        <div class="acrossIonsTwo acsBons">
+                            <div class="acrossIonsThree">
+                                <p>普通员工</p>
+                                <div><img src="./image/projectImg/acrossSeven.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                    <div class="acrossIonsOne" style="top: 6.25rem;left: -3.4375rem;">
+                        <div class="acrossIonsTwo acsLefts">
+                            <div class="acrossIonsThree">
+                                <p>部门主管</p>
+                                <div><img src="./image/projectImg/acrossEight.jpg" alt=""></div>
+                            </div>
+                        </div>
+                    </div>  
+                </div>
+            </div>
+        </div>
+    </div> -->
+    <!-- 新版跨部门 -->
+    <div class="multipleRoles">
+        <div class="contentes">
+            <div class="multCons">
+                <div class="multipleRolesLeft">
+                    <div class="muRoLezc muDiv">
+                        支<br/>持<br/>跨<br/>部<br/>门<br/>,
+                    </div>
+                    <div class="muRoLetd muDiv">
+                        <span>多<br/>角<br/>色</span><br/>的<br/>团<br/>队<br/>协<br/>作
+                    </div>
+                </div>
+                <div class="multipleRolesRight">
+                    <div class="outerRing">
+                        <img src="./image/wai.png" alt="">
+                        <div class="outerRingNei">
+                            <img src="./image/qq.png" alt="">
+                        </div>
+                    </div>
+                    <div class="multipleRolesRightCon">
+                        <!-- 外圈 -->
+                        <div class="multipWai" style="top: -0.9375rem;left: 13.125rem">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/jishu.png" alt=""></div>
+                            </div>
+                            <p>技术部</p>
+                        </div>
+                        <div class="multipWai" style="top: 13.125rem;left: 28.75rem;">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/shoho.png" alt=""></div>
+                            </div>
+                            <p style="width: 6.25rem; margin-left: 2.5rem">售后服务部</p>
+                        </div>
+                        <div class="multipWai" style="left: 13.125rem;bottom: -3.75rem;">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/qita.png" alt=""></div>
+                            </div>
+                            <p>其他部门</p>
+                        </div>
+                        <div class="multipWai" style="top: 13.125rem;left: -2.1875rem;">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/shichang.png" alt=""></div>
+                            </div>
+                            <p style="margin-left: -2.1875rem;">市场部</p>
+                        </div>
+                        <!-- 内圈 -->
+                        <div class="multipWai" style="top: 8.125rem; left: 7.1875rem">
+                            <div class="multipWaiCont">
+                                <div style="width: 16px;"><img src="./image/projectImg/jingli.png" alt=""></div>
+                            </div>
+                            <p style="margin-left: -4.6875rem;margin-top: -1rem;">项目经理</p>
+                        </div>
+                        <div class="multipWai" style="top: 8.125rem; left: 19.0625rem;">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/zhongjian.png" alt=""></div>
+                            </div>
+                            <p style="margin-left: 4.6875rem;margin-top: -1rem;">市场总监</p>
+                        </div>
+                        <div class="multipWai" style="top: 19.0625rem;left: 19.0625rem;">
+                            <div class="multipWaiCont">
+                                <div><img src="./image/projectImg/yuangong.png" alt=""></div>
+                            </div>
+                            <p>普通员工</p>
+                        </div>
+                        <div class="multipWai" style="top: 19.0625rem;left: 7.1875rem">
+                            <div class="multipWaiCont">
+                                <div style="width: 25px;"><img src="./image/projectImg/zhuguan.png" alt=""></div>
+                            </div>
+                            <p>部门主管</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 支持多种行业和场景使用 -->
+    <div class="industryScenario">
+        <div class="contentes">
+            <h2>支持多种行业和场景使用 <br/> <p> Support a variety of industries and scenario </p></h2>
+            <div class="industryCon"> 
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #ba3570;">软件研发</div></div>
+                    <div class="industryConOverlapTex">PM把控项目研发进度<br/>
+                        组员每日执行任务<br/>
+                        追踪BUG，快速迭代开发</div>
+                    <div class="industryConOverlapBtn" style="color: #ba3570;">MORE ></div>
+                </div>
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #4a65ac;">生物医药研发</div></div>
+                    <div class="industryConOverlapTex">支持BE，非BE多种项目类型<br/>
+                        CRC、CRA在线管理人力资源<br/>
+                        丰富的项目工时成本报表。</div>
+                    <div class="industryConOverlapBtn" style="color: #4a65ac;">MORE ></div>
+                </div>
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #ba3570;">产品设计</div></div>
+                    <div class="industryConOverlapTex">设计方案在线评审<br/>
+                        提交审核修改全过程把控<br/>
+                        快速计算设计人力成本。</div>
+                    <div class="industryConOverlapBtn" style="color: #ba3570;">MORE ></div>
+                </div>
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #ba3570;">人工智能</div></div>
+                    <div class="industryConOverlapTex">支持人工智能过程开发<br/>
+                        项目成本预算把控<br/>
+                        财务成本分摊到项目。</div>
+                    <div class="industryConOverlapBtn" style="color: #ba3570;">MORE ></div>
+                </div>
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #4a65ac;">在线教育</div></div>
+                    <div class="industryConOverlapTex">课程研发在线管理<br/>
+                        自定义模板灵活匹配<br/>
+                        远程团队沟通交流。</div>
+                    <div class="industryConOverlapBtn" style="color: #4a65ac;">MORE ></div>
+                </div>
+                <div class="industryConOverlap">
+                    <div class="industryConOverlapTil"><div style="background: #ba3570;">微电子科技</div></div>
+                    <div class="industryConOverlapTex">电子研发成本把控<br/>
+                        分阶段开展工作<br/>
+                        技术资料在线共享。</div>
+                    <div class="industryConOverlapBtn" style="color: #ba3570;">MORE ></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 用户评价 -->
+    <div class="userEvaluation">
+        <div class="userEvaluationzuobian"></div>
+        <div class="contentes">
+            <div class="inBlock userEvaluationLeft">
+                <h2>用户评价</h2>
+                <p>用户好评如潮,众多企业参与者使用</p>
+                <div>Read more</div>
+            </div>
+            <div class="inBlock userKongz">
+                <div class="userEvaluationRight" style="left: 0px;">
+                    <div class="userEvaluationRightCon">
+                        <div class="userEvaluationRightConIMg">
+                            <img src="./image/ions/xinchun.png" alt="" style="width: 50%;height: 50%">
+                        </div>
+                        <div class="userEvaluationRightConTex">
+                            <p>芯传汇</p>
+                            <span>在项目管理的软件上，我们做过多种尝试<br/>
+                                在经历「自研产品」之后，我们选择了项目管家<br/>
+                                其核心功能：项目管理、项目预算、费用报销、项目工时管理、满足公司的实际需求。<br/>
+                                操作简单、易用、且速度快</span>
+                        </div>
+                    </div>
+                    <div class="userEvaluationRightCon">
+                        <div class="userEvaluationRightConIMg">
+                            <img src="./image/ions/haotian.png" alt="" style="width: 50%;height: 50%">
+                        </div>
+                        <div class="userEvaluationRightConTex">
+                            <p>深环科技</p>
+                            <span>一个项目管理的好坏更多体现在项目经理的管理水平
+                                但是优秀的项目管理工具是提高项目经理管理效率的法宝
+                                项目帮助我们将时间和精力更多的放在任务本身
+                                能够熟练的使用项目管理工具能够极大的方便我们的工作</span>
+                        </div>
+                    </div>
+                    <div class="userEvaluationRightCon">
+                        <div class="userEvaluationRightConIMg">
+                            <img src="./image/ions/tanggu.png" alt="" style="width: 50%;height: 50%">
+                        </div>
+                        <div class="userEvaluationRightConTex">
+                            <p>唐古信息科技</p>
+                            <span>项目管理平台软件可以同时处理许多个项目的信息并妥善进行管理，这让企业项目的运营不至于忙中出错，简洁明了的操作界面让学习的门槛大为降低，同时内置的记录、提醒、数据可视化等功能也能帮助管理者更好地推动项目的运作，对于保障企业项目运行会有很大的帮助。</span>
+                        </div>
+                    </div>
+                    <div class="userEvaluationRightCon">
+                        <div class="userEvaluationRightConIMg">
+                            <img src="./image/ions/chengdu.png" alt="" style="width: 50%;height: 50%">
+                        </div>
+                        <div class="userEvaluationRightConTex">
+                            <p>成都中为工程科技</p>
+                            <span>项目管理软件最方便的地方就在于可以电脑和手机端，这样在同步起来是非常的方便的，保证了血统的办公，同时在支持项目相关文件的上传，也可以防止文件的丢失。</span>
+                        </div>
+                    </div>
+                    <div class="userEvaluationRightCon">
+                        <div class="userEvaluationRightConIMg">
+                            <img src="./image/ions/jingyi.png" alt="" style="width: 50%;height: 50%">
+                        </div>
+                        <div class="userEvaluationRightConTex">
+                            <p>晶易医药科技</p>
+                            <span>项目管理软件可以展现强大的项目的管理的功能，其中团队的个人的任务的进展的具体的情况是可以同步的，可以不用一个一个的去工作的进度，还有目标的完成的具体的情况</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 左右箭头 -->
+            <div class="kehusab">
+                <div class="kehuLefts" id="kehuLeft"><img src="./image/ions/zuo.png" alt=""></div>
+                <div class="kehuRights" id="kehuRight"><img src="./image/ions/you.png" alt=""></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 新产品定价 -->
+    <div class="pricings" id="pricing">
+        <div class="connonst">
+            <h2>产品定价</h2>
+        </div>
+        <div class="pricingsCon">
+            <div class="pricingsConTop">
+                <div style="border-top: 0px solid #333;">标准版</div>
+                <div style="border-top: 0px solid #333;">文件空间</div>
+                <div>268/人/年</div>
+                <div>100G</div>
+            </div>
+            <div class="pricingsConTop" style="margin-top: 3.125rem;">
+                <div style="border-top: 0px solid #333;">可选模块</div>
+                <div style="border-top: 0px solid #333;">价格</div>
+                <div>费用报销</div>
+                <div>20/人/年</div>
+                <div>客户管理</div>
+                <div>20/人/年</div>
+                <div>供应商管理</div>
+                <div>20/人/年</div>
+                <div>审批流</div>
+                <div>20/人/年</div>
+                <div>其它需求</div>
+                <div>待定</div>
+            </div>
+        </div>
+    </div>
+    
+    <!-- 产品定价 -->
+    <!-- <div class="pricings" id="pricing">
+        <div class="connonst">
+            <h2>产品定价</h2>
+        </div>
+        <div class="tooltipTis" id="tooltipTis">人数越多优惠越大</div>
+        <div class="pri">
+            <div class="li">
+                <div class="li_con">
+                    <div>基础版</div>
+                    <div>￥<span>188</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>系统基础设置</li>
+                        <li>组织结构管理</li>
+                        <li>基础项目管理</li>
+                        <li>员工填报日报</li>
+                        <li>项目经理审批</li>
+                        <li>日报数据导出</li>
+                        <li>财务核算成本</li>
+                        <li>工时成本统计</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                        <li></li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>项目管理专业版</div>
+                    <div>￥<span>268</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">基础版全部功能+</li>
+                        <li>专业项目任务管理</li>
+                        <li>文件中心</li>
+                        <li>按项目统计成本</li>
+                        <li>项目数据统计</li>
+                        <li>项目成本预估</li>
+                        <li>费用报销管理</li>
+                        <li>项目报表服务</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>建筑工程专业版</div>
+                    <div>￥<span>318</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">项目管理专业版全部功能+</li>
+                        <li>工程专业管理</li>
+                        <li>项目关联专业</li>
+                        <li>设置专业负责人</li>
+                        <li>专业审核</li>
+                        <li>部门审核</li>
+                        <li>专业进度统计</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+
+            <div class="li">
+                <div class="li_con">
+                    <div>企业旗舰版</div>
+                    <div>￥<span>368</span>/人/年</div>
+                </div>
+                <div>
+                    <ul style="padding: 0;">
+                        <li>技术支持: 7X24小时</li>
+                        <li>1对1客服</li>
+                        <li>免费使用培训</li>
+                        <li style="color: #ff6565;">项目管理专业版全部功能+</li>
+                        <li>自定义审批流</li>
+                        <li>请假管理</li>
+                        <li>出差管理</li>
+                        <li>客户管理</li>
+                        <li>日报审批流</li>
+                        <li>请假审批流</li>
+                        <li>出差审批流</li>
+                        <li>支持PC端，微信端和钉钉填报</li>
+                        <li></li>
+                    </ul>
+                </div>
+                <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
+            </div>
+        </div>
+    </div> -->
+
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn" style="height: 24.2rem"></iframe>
+
+</body>
+
+<script src="js/js/jquery.min.js"></script>
+<script src="js/js/scripts.js"></script>
+<script src="./js/project.js"></script>
+<!-- <script src="./js/one.js"></script> -->
+<script src="js/iframe.js"></script>
+</html>

fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/workshop.html

@@ -0,0 +1,502 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta
+      name="keywords"
+      content="工时管理,项目工时管理,项目成本管理,工时统计,项目成本统计,工时记录表,工时统计表"
+    />
+    <meta
+      name="description"
+      content="工时管家是专业的工时管理和项目管理软件。提供工时填报，审核和工时统计功能。引进现代工时管理和项目管理的理念，核算项目投入成本准确便捷，企业IPO项目成本分摊好帮手"
+    />
+    <title>
+      工时管理|工时记录表|项目成本管理-工时管家是强大易用的项目工时管理系统。工时填报|工时统计|手机移动填报|核算项目成本|企业IPO利器！
+    </title>
+    <link href="css/styles.css" rel="stylesheet">
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <link rel="stylesheet" href="css/tongyong.css" />
+    <link rel="stylesheet" href="css/reset.css" />
+    <link rel="stylesheet" href="css/customer.css" />
+    <link rel="stylesheet" href="css/workshop/workshop.css" />
+    <!-- 底部重写 -->
+    <link rel="stylesheet" href="css/bottom.css" />
+    <script src="./js/jquery1.42.min.js"></script>
+  </head>
+  <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" onLoad="reinitIframe();"></iframe>
+
+    <!-- 咨询客服 -->
+    <div class="zhixun" id="zhixun" style="display: none">
+      <p>微信扫码咨询</p>
+      <img src="./image/codecopy.jpg" alt="" />
+      <p><span style="color: #595959">客服QQ：</span>3052894409</p>
+    </div>
+    <!-- 咨询的图标 -->
+    <div class="consulting" id="consulting">
+      <img id="consultigImg" src="./image/ions/kefu2.png" alt="" />
+    </div>
+
+    <!-- 产品介绍 -->
+    <div class="product" id="product" style="display: none">
+      <div class="connont">
+        <div style="display: flex">
+          <div class="management">
+            <h3>管家</h3>
+            <ul>
+              <a href="./index.html">
+                <li>工时管家</li>
+              </a>
+              <a href="./followup.html">
+                <li>随访管家</li>
+              </a>
+              <a href="./project.html">
+                <li>项目管家</li>
+              </a>
+              <a href="./customer.html">
+                <li>客户管家</li>
+              </a>
+              <a href="./workshop.html">
+                <li>生产车间管家</li>
+              </a>
+            </ul>
+          </div>
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+    </div>
+    <!-- bannar图片 -->
+    <div class="bannar">
+      <img src="./image/workshop/bj.png" alt="" />
+      <div class="bannarCon">
+        <div class="bannarConTil">车间管家</div>
+        <div class="bannarConTilP">
+          ·解决生产管理、员工报工、数据统计等企业痛点·
+        </div>
+        <a href="http://workshop.ttkuaiban.com">
+          <div class="bannBtn">申请使用</div>
+        </a>
+      </div>
+    </div>
+
+    <!-- 智能随访 -->
+    <div class="collaborationTeam" id="collaborationTeam">
+      <div class="collTeam">
+        <div class="contentes">
+          <div
+            class="collCent"
+            id="collCentImg"
+            style="transform: translate(0, 250px)"
+          >
+            <div class="collCentImg collCentDiv">
+              <img src="./image/workshop/logo.png" alt="" />
+            </div>
+            <div class="collCentFonts collCentDiv">
+              <div id="collCentFonts" style="opacity: 0">
+                · 车间管家, 生产智能化管理
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 车间管理 -->
+    <div class="shopManagement">
+      <div class="content">
+        <div class="moduleTitle">
+          <div class="title">车间管理</div>
+          <div class="subTitle">
+            解决<span>生产管理、员工报工、数据统计</span>等企业痛点
+          </div>
+        </div>
+        <div class="shopManagementContent">
+          <div class="shopManagementList">
+            <div class="module moduleOne">
+              <img src="./image/workshopimage/product.png" alt="" />
+              <div class="module_title">产品管理</div>
+              <div class="module_text">工序拆分表</div>
+              <div class="module_text">物料清点单</div>
+            </div>
+            <div class="module moduleTwo">
+              <img src="./image/workshopimage/scheduling.png" alt="" />
+              <div class="module_title">排产计划</div>
+              <div class="module_text">今日计划</div>
+              <div class="module_text">明日计划</div>
+              <div class="module_text">插单计划</div>
+            </div>
+            <div class="module moduleThree">
+              <img src="./image/workshopimage/employee.png" alt="" />
+              <div class="module_title">员工填报</div>
+              <div class="module_text">移动端填报</div>
+              <div class="module_text">填报工序进度</div>
+            </div>
+            <div class="module moduleFo">
+              <img src="./image/workshopimage/data.png" alt="" />
+              <div class="module_title">数据统计</div>
+              <div class="module_text">PC端查看全部</div>
+              <div class="module_text">移动端查看个人</div>
+            </div>
+          </div>
+
+          <div class="serialNumber">
+            <div class="on">维护产品</div>
+            <div style="left: -24px">创建排产计划</div>
+            <div style="left: -48px">工厂分配组员</div>
+            <div style="left: -72px">员工报工</div>
+            <div style="left: -96px">数据统计</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 零门槛 -->
+    <div class="zeroThreshold">
+      <div class="content">
+        <div class="moduleTitle">
+          <div class="title"><span>零门槛</span>的工厂数字化产品</div>
+          <div class="subTitle">MES系统臃肿难以用？试试车间管家！</div>
+        </div>
+        <div class="zeroThresholdContent">
+          <div class="zeroThresholdContentList">
+            <img
+              src="./image/workshopimage/deployback.png"
+              class="zeroThresholdContentList_Img"
+            />
+            <img
+              src="./image/workshopimage/deploy.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">急速部署</div>
+            <div class="zeroThresholdContentList_text">SasS系统，即买即用</div>
+          </div>
+          <div class="zeroThresholdContentList zeroThresholdContentList_on">
+            <img
+              src="./image/workshopimage/riskIcon.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">投入小，风险低</div>
+            <div class="zeroThresholdContentList_text">定价实惠，售后贴心</div>
+          </div>
+          <div class="zeroThresholdContentList zeroThresholdContentList_on">
+            <img
+              src="./image/workshopimage/dataIcon.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">数据安全</div>
+            <div class="zeroThresholdContentList_text">数据加密存储于云端</div>
+          </div>
+          <div class="zeroThresholdContentList zeroThresholdContentList_on">
+            <img
+              src="./image/workshopimage/controlsIcon.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">上手快速,操作简单</div>
+            <div class="zeroThresholdContentList_text">逻辑清晰,使用便捷</div>
+          </div>
+          <div class="zeroThresholdContentList zeroThresholdContentList_on">
+            <img
+              src="./image/workshopimage/featureIcon.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">功能强大</div>
+            <div class="zeroThresholdContentList_text">数字只能化车间管理</div>
+          </div>
+          <div class="zeroThresholdContentList zeroThresholdContentList_on">
+            <img
+              src="./image/workshopimage/echartsIcon.png"
+              class="zeroThresholdContentListImg"
+            />
+            <div class="zeroThresholdContentList_title">数据可视化</div>
+            <div class="zeroThresholdContentList_text">
+              数据分析,已图表形式展示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 电脑端 -->
+    <div class="computer">
+      <div class="content">
+        <div class="moduleTitle">
+          <div class="title">
+            电脑端·整体<span>规划控制</span>，实时查看<span>数据报表</span>
+          </div>
+        </div>
+        <div class="contentTab">
+          <div class="on"><img src="./image/workshopimage/workIconHover.png">报工情况</div>
+          <div><img src="./image/workshopimage/productIcon.png">产品管理</div>
+          <div><img src="./image/workshopimage/schedIcon.png">排产计划</div>
+          <div><img src="./image/workshopimage/powerIcon.png">数据智能</div>
+        </div>
+        <div class="computer_main" style="display: block;">
+          <div class="computer_left con" style="left: 0;">
+            <div class="computer_left_title">
+              <img src="./image/workshopimage/workIcon.png" alt="">
+              查看报工情况
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">按日期查看</div>
+              <div class="computerLeft_text">查看所选日期的员工填报</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">报工详情展示</div>
+              <div class="computerLeft_text">查看员工报工详情,了解生产进度</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">人员报工统计</div>
+              <div class="computerLeft_text">查看每日填写,未填情况</div>
+            </div>
+            <div class="computer_left_Btn">
+              <a href="http://workshop.ttkuaiban.com/">申请试用</a> 
+            </div>
+          </div>
+          <div class="computer_right con" style="right: 0;">
+            <img src="./image/workshopimage/computerWork.png" alt="">
+          </div>
+        </div>
+        <div class="computer_main" style="display: none;">
+          <div class="computer_left con" style="right: 0;">
+            <div class="computer_left_title">
+              <img src="./image/workshopimage/productIcon.png" alt="">
+              产品管理
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">维护产品</div>
+              <div class="computerLeft_text">工序拆分表、物料清点单，支持查看旧版本表单</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">产品分类自定义</div>
+              <div class="computerLeft_text">一个分类对应一个分类菜单，便于按照分类查看</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">产品复制</div>
+              <div class="computerLeft_text">适用于相似产品的创建，减少工作量</div>
+            </div>
+            <div class="computer_left_Btn">
+              <a href="http://workshop.ttkuaiban.com/">申请试用</a> 
+            </div>
+          </div>
+          <div class="computer_right con" style="left: 0;">
+            <img src="./image/workshopimage/computerProduct.png" alt="">
+          </div>
+        </div>
+        <div class="computer_main" style="display: none;">
+          <div class="computer_left con" style="left: 0;">
+            <div class="computer_left_title">
+              <img src="./image/workshopimage/schedIcon.png" alt="">
+              排产计划
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">今日计划、明日计划、插单计划</div>
+              <div class="computerLeft_text">三种计划类型，便于管理，明天计划自动转为今日计划</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">下发计划</div>
+              <div class="computerLeft_text">通过企业微信发送新计划通知</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">导入与导出</div>
+              <div class="computerLeft_text">支持批量操作</div>
+            </div>
+            <div class="computer_left_Btn">
+              <a href="http://workshop.ttkuaiban.com/">申请试用</a> 
+            </div>
+          </div>
+          <div class="computer_right con" style="right: 0;">
+            <img src="./image/workshopimage/computerSched.png" alt="">
+          </div>
+        </div>
+        <div class="computer_main" style="display: none;">
+          <div class="computer_left con" style="right: 0;">
+            <div class="computer_left_title">
+              <img src="./image/workshopimage/powerIcon.png" alt="">
+              数据智能
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">员工报工统计</div>
+              <div class="computerLeft_text">根据员工报工数据，进行统计并展示</div>
+            </div>
+            <div class="computer_left_List">
+              <div class="computerLeft_title">数据分析</div>
+              <div class="computerLeft_text">根据各种数据，进行数据分析，数据可视化</div>
+            </div>
+            <div class="computer_left_Btn">
+              <a href="http://workshop.ttkuaiban.com/">申请试用</a> 
+            </div>
+          </div>
+          <div class="computer_right con" style="left: 0;">
+            <img src="./image/workshopimage/computerProductTwo.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 手机端 -->
+    <div class="mobileTerminal">
+      <img src="./image/workshopimage/GroupTwo.png" class="mobileTerminal_Img">
+      <div class="content">
+        <div class="moduleTitle">
+          <div class="title">
+            手机端·<span>派工报工</span>，单手即可操作
+          </div>
+        </div>
+        <div class="mobileTerminal_project">
+          <div class="mobileTerminalProject">
+            <div class="left">今日计划:</div>
+            <div class="right">
+              <div class="on">工长分配工序</div>
+              <div style="left: -22px;">组员收到通知</div>
+              <div style="left: -44px;">组员查看详情</div>
+              <div style="left: -66px;">生产</div>
+              <div style="left: -88px;">报工</div>
+            </div>
+          </div>
+          <div class="mobileTerminalProject">
+            <div class="left">明日计划:</div>
+            <div class="right">
+              <div class="on">工长下发计划</div>
+              <div style="left: -22px;">组员收到通知</div>
+              <div style="left: -44px;">组员查看详情</div>
+            </div>
+          </div>
+          <div class="mobileTerminalProject">
+            <div class="left"></div>
+            <div class="right">
+              <div class="on">工长分配任务</div>
+              <div style="left: -22px;">组员收到通知</div>
+              <div style="left: -44px;">组员查看详情</div>
+              <div style="left: -66px;">生产</div>
+              <div style="left: -88px;">报工</div>
+            </div>
+          </div>
+          <div class="mobileTerminalProject">
+            <div class="left">插单计划:</div>
+            <div class="right">
+              <div class="on">工长创建计划</div>
+              <div style="left: -22px;">工长分配任务</div>
+              <div style="left: -44px;">组员收到通知</div>
+              <div style="left: -66px;">组员查看详情</div>
+              <div style="left: -88px;">生成</div>
+              <div style="left: -110px;">报工</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="mobileTerminal_ImgList">
+          <img src="./image/workshopimage/imgListone.png" alt="">
+          <img src="./image/workshopimage/imgListtwo.png" alt="">
+          <img src="./image/workshopimage/imgListthree.png" alt="">
+        </div>
+      </div>
+    </div>
+
+
+    <!-- 客户评价  -->
+    <div class="evaluation">
+      <div class="evaluationLogo">
+        <!-- <img src="./image/customer/hezuo.png" alt=""> -->
+      </div>
+      <div class="evaluationC">
+        <div class="evaluationCon">
+          <div class="evaluationConIkun" style="left: 0rem">
+            <div class="evaluationConLi">
+              <div class="evaluationConLiLeft">
+                <img src="./image/customer/kehu1.png" alt="" />
+              </div>
+              <div class="evaluationConLiRight">
+                <h3>客户评价</h3>
+                <p>
+                  车间管家对企业有着积极的影响，<br />
+                  让企业在生产管理工作当中变得更为轻松<br />
+                  尤其是提高生产管理效率的同时还能增加企业效益。
+                </p>
+                <div class="evaluationConLiRightBtn">
+                  <span>了解更多</span>
+                  <img src="./image/customer/xiaojianto.png" alt="" />
+                </div>
+              </div>
+            </div>
+
+            <div class="evaluationConLi">
+              <div class="evaluationConLiLeft">
+                <img src="./image/customer/kehu2.jpg" alt="" />
+              </div>
+              <div class="evaluationConLiRight">
+                <h3>客户评价</h3>
+                <p>
+                  车间管家对生产过程进行实时监控，将生产数据自动采集、分析，形成可视化生产数据报表，帮助企业了解生产过程实时情况，能够及时发现问题并提高生产质量。
+                </p>
+                <div class="evaluationConLiRightBtn">
+                  <span>了解更多</span>
+                  <img src="./image/customer/xiaojianto.png" alt="" />
+                </div>
+              </div>
+            </div>
+
+            <div class="evaluationConLi">
+              <div class="evaluationConLiLeft">
+                <img src="./image/customer/kehu3.jpg" alt="" />
+              </div>
+              <div class="evaluationConLiRight">
+                <h3>客户评价</h3>
+                <p>
+                  车间生产管理系统精细化管理生产过程，提高生产效率减少人力资源浪费，提高生产线利用率降低生产成本。企业通过使用车间生产管理系统，在管理工作中确实会更加轻松。
+                </p>
+                <div class="evaluationConLiRightBtn">
+                  <span>了解更多</span>
+                  <img src="./image/customer/xiaojianto.png" alt="" />
+                </div>
+              </div>
+            </div>
+
+            <div class="evaluationConLi">
+              <div class="evaluationConLiLeft">
+                <img src="./image/customer/kehu4.jpg" alt="" />
+              </div>
+              <div class="evaluationConLiRight">
+                <h3>客户评价</h3>
+                <p>
+                  车间管家可以实现生产管理全程可视化，提高生产管理水平，促进生产管理流程规范标准化，减少人工管理成本，提高企业管理效率，帮助企业快速优化生产管理流程，提高管理能力。
+                </p>
+                <div class="evaluationConLiRightBtn">
+                  <span>了解更多</span>
+                  <img src="./image/customer/xiaojianto.png" alt="" />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="zuo" id="kehuLeft">
+          <img src="./image/customer/zuo.png" alt="" />
+        </div>
+        <div class="you" id="kehuRight">
+          <img src="./image/customer/you.png" alt="" />
+        </div>
+      </div>
+    </div>
+    <!-- 底部 -->
+    <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn" style="height: 24.2rem"></iframe>
+  </body>
+  <script src="js/js/jquery.min.js"></script>
+  <script src="js/js/scripts.js"></script>
+  <script src="./js/customer.js"></script>
+  <!-- <script src="./js/one.js"></script> -->
+  <script src="./js/workshop/workshop.js"></script>
+  <script src="js/iframe.js"></script>
+</html>