首页 发现 帮助
注册 登录
wutt
/
manHourHousekeeper
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

提交官网调整

Lijy 6 月之前
父节点
aa213c0a3d
当前提交
c8a4816ab9
共有 14 个文件被更改，包括 4386 次插入 和 0 次删除
分列视图 显示文件统计
  1. 130 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/about.html
  2. 410 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/customer.html
  3. 324 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/customerNew.html
  4. 221 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/dynamic.html
  5. 二进制
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/favicon.ico
  6. 352 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/followup.html
  7. 266 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/homemovement.html
  8. 691 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/index.html
  9. 187 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledge.ftl
  10. 328 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeField copy.html
  11. 328 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/knowledgeField.html
  12. 127 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/mobile.html
  13. 520 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/project.html
  14. 502 0
      fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/workshop.html

+ 130 - 0
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>

文件差异内容过多而无法显示
+ 410 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/customer.html


文件差异内容过多而无法显示
+ 324 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/customerNew.html


文件差异内容过多而无法显示
+ 221 - 0
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/dynamic.html


二进制
fhKeeper/formulahousekeeper/webttkuaiban/src/main/resources/static/favicon.ico
查看文件


+ 352 - 0
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>

+ 266 - 0
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>

+ 691 - 0
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>

+ 187 - 0
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>

+ 328 - 0
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>

+ 328 - 0
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>

+ 127 - 0
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>

+ 520 - 0
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>

+ 502 - 0
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>