dynamic.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="keywords" content="工时管理,工时统计,工时填报,项目成本统计,生产工时管理系统,工时成本管理,工时管理软件,研发工时管理系统,企业工时管理系统,项目工时统计,项目工时统计软件,项目工时统计系统,工时统计系统,工时统计表" />
  8. <meta name="description" content="工时管家提供专业的工时填报和统计报表。支持PC和手机端。可按项目,部门,岗位等多维度统计成本。"/>
  9. <title>工时管家-专注工时管理,手机移动填报,核算项目投入人力成本,企业IPO利器!</title>
  10. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
  11. <link href="css/bootstrap.css" rel="stylesheet">
  12. <!-- <link href="css/fontawesome-all.css" rel="stylesheet"> -->
  13. <link href="css/font-awesome.css" rel="stylesheet">
  14. <link href="css/swiper.css" rel="stylesheet">
  15. <link href="css/magnific-popup.css" rel="stylesheet">
  16. <link href="css/styles.css" rel="stylesheet">
  17. <link rel="icon" href="images/favicon.png">
  18. <link rel="stylesheet" href="css/reset.css">
  19. <link rel="stylesheet" href="css/tongyong.css">
  20. <link rel="stylesheet" href="css/dynamic.css">
  21. <!-- 底部重写 -->
  22. <link rel="stylesheet" href="css/bottom.css">
  23. <link rel="stylesheet" href="./css/element-uiCss.css">
  24. <script src="./js/vue.min.js"></script>
  25. <script src="./js/element-ui.js"></script>
  26. </head>
  27. <body data-spy="scroll" data-target=".fixed-top">
  28. <div class="spinner-wrapper">
  29. <div class="spinner">
  30. <div class="bounce1"></div>
  31. <div class="bounce2"></div>
  32. <div class="bounce3"></div>
  33. </div>
  34. </div>
  35. <nav class="headers" style="z-index: 9;">
  36. <div class="navigationBar">
  37. <div class="navigationBarBack" id="all"></div>
  38. <div class="navigationTitle abc" id="abc">
  39. <div class="flexs">
  40. <div class="inBlock"><a href="./index.html"><img id="loGo" src="./image/logo.jpg" alt=""></a></div>
  41. <div class="inBlock">
  42. <ul class="navigationUl fonsColorBai aus">
  43. <li class="til" id="productHov"><a href="./index.html">网站首页</a></li>
  44. <li class="til"><a href="./index.html#customer"> 客户案例</a></li>
  45. <li class="til"><a href="./mobile.html">手机版</a></li>
  46. <li class="til"><a href="./index.html#pricing">产品定价</a></li>
  47. <li class="til"><a href="./about.html">关于我们</a></li>
  48. <li class="til ons"><a href="./dynamic.html">企业动态</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. <div class="flexs">
  53. <ul class="navigationUl fonsColorBai auss">
  54. <!-- <li class="til"><a href="#">咨询客服</a></li> -->
  55. <!-- <li class="til"><a href="http://worktime.ttkuaiban.com/#/register">立即注册</a></li>
  56. <li class="til"><a href="http://worktime.ttkuaiban.com/#/login">后台登录</a></li> -->
  57. </ul>
  58. </div>
  59. </div>
  60. </div>
  61. </nav>
  62. <!-- 主题内容 -->
  63. <div class="enterpriseDynamics" id="app">
  64. <div class="content">
  65. <!-- 大事记 -->
  66. <div class="bifJournal" v-if="!showDetails">
  67. <div class="headline">企业大事记</div>
  68. <div class="eachItem" v-for="item in chronicleEvents[pageIndex - 1]">
  69. <div class="eachItemImg">
  70. <img :src="item.img ? item.img : './image/gsgj.png'" alt="">
  71. </div>
  72. <div class="eachItemRight">
  73. <div class="eachItemRightTilt" style="opacity: 0;" v-if="item.title">文章标题1</div>
  74. <div class="eachItemRightText">
  75. {{ item.text }}
  76. </div>
  77. <div class="eachItemRightBum">
  78. <span class="ons" @click="learnMore(item)">
  79. <span v-if="item.showText">了解详情<i class="el-icon-arrow-right"></i></span>
  80. </span>
  81. <span>{{ item.date }}</span>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="paging">
  86. <el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" @current-change="pageIndexChange"></el-pagination>
  87. </div>
  88. </div>
  89. <!-- 详情 -->
  90. <div class="details" v-if="showDetails">
  91. <div class="detailsTil">
  92. <span style="opacity: 0;">文章标题1</span>
  93. <div class="detailsBack" @click="showDetails = false">
  94. <i class="el-icon-arrow-left"></i> 返回
  95. </div>
  96. </div>
  97. <div class="detailsData">{{ chronicleEventsDetils.date }}</div>
  98. <div class="detailstext">
  99. {{ chronicleEventsDetils.text }}
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!-- 底部 -->
  105. <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#20a0ff;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
  106. <div class="indexBottom">
  107. <div class="indexBottomBox">
  108. <div class="indexBottomBox_box">
  109. <div class="indexBottomBox_one">
  110. <div class="indexBottomBox_one_til">推荐产品</div>
  111. <div>工时管家</div>
  112. <div>随访管家</div>
  113. <div>项目管家</div>
  114. <div>客户管家</div>
  115. </div>
  116. <div class="indexBottomBox_one">
  117. <div class="indexBottomBox_one_til">热门链接</div>
  118. <div>客户案例</div>
  119. <div>手机版</div>
  120. <div>产品定价</div>
  121. <div>关于我们</div>
  122. </div>
  123. <div class="indexBottomBox_video">
  124. <div class="indexBottomBox_one_til">视频中心</div>
  125. <div class="indexBottomBox_video_box" id="videoBox"><img src="./image/videos.png" alt=""></div>
  126. </div>
  127. <div class="contactUs">
  128. <div class="indexBottomBox_one_til">联系我们</div>
  129. <div class="contactUs_box">
  130. <div class="contactUs_box_img"><img src="image/code.jpg"></div>
  131. <div class="contactUs_box_tex">扫码添加客服微信</div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="copyright">
  138. <div class="container">
  139. <div class="row">
  140. <div class="col-lg-12">
  141. <p class="p-small">Copyright©2016 南京火石闪信网络科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn" target="_blank" style="color:white;">苏ICP备18064522号-1</a></p>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <!-- Scripts -->
  147. <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
  148. <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
  149. <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
  150. <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
  151. <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
  152. <script src="js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
  153. <script src="js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
  154. <script src="js/js/scripts.js"></script>
  155. <script>
  156. new Vue({
  157. el: "#app",
  158. data: {
  159. showDetails: false,
  160. total: 0,
  161. pageIndex: 1,
  162. pageSize: 1,
  163. chronicleEventsDetils: {},
  164. chronicleEvents: [
  165. [
  166. {
  167. title: '',
  168. text: '增加全球化网络访问的支持,方便在海外工作的客户使用。',
  169. date: '2024.01.15',
  170. img: './image/journal/haiwai.jpg'
  171. },
  172. {
  173. title: '',
  174. text: '为苏州依斯倍环保装备科技有限公司提供项目工时一体化解决方案,深度对接SAP系统,完成数据双向通讯。',
  175. date: '2023.12.20',
  176. img: './image/journal/dongtaiTwo.jpeg'
  177. },
  178. {
  179. title: '',
  180. text: '为A股上市企业南京雷尔伟新技术完成车间管家系统的上线运营。通过深入沟通和快速响应,实现了个性化的需求,完成了原有MES系统无法实现的工时工钱统计目标。',
  181. date: '2023.11.18',
  182. img: './image/journal/dongtaiThree.jpeg'
  183. },
  184. {
  185. title: '',
  186. text: '签约重庆物奇微电子股份有限公司,帮助上百人的研发团队实现便捷轻松的工时管理。',
  187. date: '2023.10.09',
  188. img: './image/journal/dongtaiFou.jpeg'
  189. },
  190. {
  191. title: '',
  192. text: '工时管家发布新版,支持钉钉和飞书平台。',
  193. date: '2023.06.10',
  194. img: './image/journal/gongshi.jpg'
  195. },
  196. ], [
  197. {
  198. title: '',
  199. text: '与中瀚设计集团达成战略合作关系,通过工时管家的项目管理专业版完成了项目中的工时成本、费用报销成本、项目预算、合同管理等全方位一体化的管理。',
  200. date: '2023.05.23',
  201. img: './image/journal/dongtailiu.jpeg'
  202. },
  203. {
  204. title: '',
  205. text: '工时管家上架企业微信平台,并成为企业微信推荐的唯一一款工时产品。',
  206. date: '2022.10.15',
  207. img: './image/journal/gongshi.jpg'
  208. },
  209. {
  210. title: '',
  211. text: '签约深圳市法本信息技术有限公司,作为一家以软件外包为核心业务的大公司,研发人员的工时成本管理事关重要。经过反复对比和长期考察,法本信息最终决定使用我们的工时管家软件。',
  212. date: '2022.06.10',
  213. img: './image/journal/dongtaiba.jpeg'
  214. },
  215. {
  216. title: '',
  217. text: '上海威派格智慧水务有限公司之前一直使用宜搭来管理工时,但随着人员增长到1000人规模,对软件的需求越来越深入后,零代码平台已经无法实现他们的目标。切换到工时管家后,得益于我们平台的行业经验积累,通过我们内置的一些模块快速实现了业务需求。',
  218. date: '2022.03.21',
  219. img: './image/journal/dongtaijiu.jpeg'
  220. },
  221. {
  222. title: '',
  223. text: '签约北京首钢集团信息化技术有限公司。为北京首钢提供了定制化需求和私有化部署,支持他们8000人规模的企业员工同时使用。',
  224. date: '2022.02.25',
  225. img: './image/journal/dongtaishi.jpeg'
  226. }
  227. ], [
  228. {
  229. title: '',
  230. text: '随访管家系统发布,获得北京助研科技的青睐。作为一家CRO企业,对临床随访的管理需要一款远程数字化的协作平台,通过数据的互通来提高办公效率。随访管家便是针对这一方向打造的产品。',
  231. date: '2021.06.24',
  232. img: './image/journal/dongtaishiyi.jpeg'
  233. },
  234. {
  235. title: '',
  236. text: '工时管家累计客户达100家,逐步发布专业版和企业旗舰版。',
  237. date: '2021.03.18',
  238. img: './image/journal/gongshi.jpg'
  239. },
  240. {
  241. title: '',
  242. text: '工时管家产品发布,支持工时的填报审核和统计。为企业IPO提供有效数据支持。',
  243. date: '2020.10.12',
  244. img: './image/journal/gongshi.jpg'
  245. }
  246. ]
  247. ]
  248. },
  249. mounted () {
  250. this.total = this.chronicleEvents.length
  251. },
  252. methods: {
  253. pageIndexChange (val) {
  254. this.pageIndex = val
  255. },
  256. learnMore(item) {
  257. this.showDetails = true
  258. this.chronicleEventsDetils = item
  259. }
  260. },
  261. })
  262. </script>
  263. </body>
  264. </html>