dynamic.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  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/font-awesome.css" rel="stylesheet">
  13. <link href="css/swiper.css" rel="stylesheet">
  14. <link href="css/magnific-popup.css" rel="stylesheet">
  15. <link href="css/styles.css" rel="stylesheet">
  16. <link rel="icon" href="images/favicon.png">
  17. <link rel="stylesheet" href="css/reset.css">
  18. <link rel="stylesheet" href="css/tongyong.css">
  19. <link rel="stylesheet" href="css/dynamic.css">
  20. <!-- 底部重写 -->
  21. <link rel="stylesheet" href="css/bottom.css">
  22. <link rel="stylesheet" href="./css/element-uiCss.css">
  23. <script src="./js/vue.min.js"></script>
  24. <script src="./js/element-ui.js"></script>
  25. </head>
  26. <body data-spy="scroll" data-target=".fixed-top">
  27. <div class="spinner-wrapper">
  28. <div class="spinner">
  29. <div class="bounce1"></div>
  30. <div class="bounce2"></div>
  31. <div class="bounce3"></div>
  32. </div>
  33. </div>
  34. <!-- 头部 -->
  35. <iframe id="headerIframe" src="./moduleView/header.html" class="iframeClass" onLoad="reinitIframe();"></iframe>
  36. <!-- 主题内容 -->
  37. <div class="enterpriseDynamics" id="app">
  38. <div class="content">
  39. <!-- 大事记 -->
  40. <div class="bifJournal" v-if="!showDetails">
  41. <div class="headline">企业大事记</div>
  42. <div class="eachItem" v-for="item in chronicleEvents[pageIndex - 1]">
  43. <div class="eachItemImg">
  44. <img :src="item.img ? item.img : './image/gsgj.png'" alt="">
  45. </div>
  46. <div class="eachItemRight">
  47. <div class="eachItemRightTilt" v-if="item.title">{{ item.title }}</div>
  48. <div class="eachItemRightText" v-html="item.text"></div>
  49. <div class="eachItemRightBum">
  50. <span class="ons" @click="learnMore(item)">
  51. <span v-if="item.showText">了解详情<i class="el-icon-arrow-right"></i></span>
  52. </span>
  53. <span>{{ item.date }}</span>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="paging">
  58. <el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" @current-change="pageIndexChange"></el-pagination>
  59. </div>
  60. </div>
  61. <!-- 详情 -->
  62. <div class="details" v-if="showDetails">
  63. <div class="detailsTil">
  64. <span v-if="chronicleEventsDetils.title">{{ chronicleEventsDetils.title }}</span>
  65. <div class="detailsBack" @click="showDetails = false">
  66. <i class="el-icon-arrow-left"></i> 返回
  67. </div>
  68. </div>
  69. <div class="detailsData">{{ chronicleEventsDetils.date }}</div>
  70. <div class="detailstext" v-html="chronicleEventsDetils.text"></div>
  71. </div>
  72. </div>
  73. </div>
  74. <!-- 底部 -->
  75. <iframe id="bottomIframe" src="./moduleView/bottom.html" class="resetIframe resetIframebtn"></iframe>
  76. <!-- Scripts -->
  77. <script src="js/js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
  78. <script src="js/js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
  79. <script src="js/js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
  80. <script src="js/js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
  81. <script src="js/js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
  82. <script src="js/js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
  83. <script src="js/js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
  84. <script src="js/js/scripts.js"></script>
  85. <script>
  86. new Vue({
  87. el: "#app",
  88. data: {
  89. showDetails: false,
  90. total: 0,
  91. pageIndex: 1,
  92. pageSize: 1,
  93. chronicleEventsDetils: {},
  94. chronicleEvents: [
  95. [
  96. {
  97. title: '',
  98. text: '增加全球化网络访问的支持,方便在海外工作的客户使用。',
  99. date: '2024.01.15',
  100. img: './image/journal/haiwai.jpg'
  101. },
  102. {
  103. title: '工时管家助力企业合规高效管理研发人力投入,应对9号文新要求',
  104. text: '<div>随着中国证券监督管理委员会在2023年12月24日发布的发行类9号文对上市公司披露研发人员及研发投入指标提出了更为明确和严格的要求,企业在人力资源管理和项目成本核算上面临新的挑战。为了顺应监管政策的调整,实现研发数据的精准记录、透明披露与有效利用,一款专业且高效的工时管理工具——工时管家成为了众多企业必不可少的选择。</div><div>工时管家作为一站式工时填报与统计平台,以其精细化、智能化的特点,为企业提供了精确量化研发活动投入的有效解决方案。通过该软件,研发团队成员可以便捷地记录每日工作任务、项目参与情况以及对应的工时,确保每一分钟的研发投入都得以准确无误地记录下来,符合9号文关于细化研发活动工时管理的规定。</div><div>不仅如此,工时管家还具备强大的多维度统计功能,能够按照项目、部门乃至岗位层级进行工时汇总分析,协助管理层实时掌握各研发项目的实际人力成本和进展状况。这一特性不仅有助于满足证监会对于研发投入结构化披露的需求,更能帮助企业优化资源配置,提高研发效率,从而提升整体竞争力。</div><div>此外,工时管家还能无缝对接企业的薪酬管理系统,实现工时数据与员工绩效、薪酬分摊之间的自动关联计算,使得企业在面对复杂的薪酬核算任务时更加从容不迫,确保在遵守法规的同时,亦能维护员工权益并促进内部公平公正。</div><div>综上所述,在新的信息披露环境下,工时管家凭借其专业的工时管理能力和严谨的数据整合分析优势,有力支持企业适应中国证监会发行类9号文的各项规定,提升研发管理水平,推动企业持续创新与发展。选择工时管家,即是选择了一条通往规范化、高效化研发管理的成功之路。</div>',
  105. date: '2023.12.24',
  106. img: './image/journal/nineImage.jpg',
  107. showText: true
  108. },
  109. {
  110. title: '',
  111. text: '为苏州依斯倍环保装备科技有限公司提供项目工时一体化解决方案,深度对接SAP系统,完成数据双向通讯。',
  112. date: '2023.12.20',
  113. img: './image/journal/dongtaiTwo.jpeg'
  114. },
  115. {
  116. title: '',
  117. text: '为A股上市企业南京雷尔伟新技术完成车间管家系统的上线运营。通过深入沟通和快速响应,实现了个性化的需求,完成了原有MES系统无法实现的工时工钱统计目标。',
  118. date: '2023.11.18',
  119. img: './image/journal/dongtaiThree.jpeg'
  120. },
  121. {
  122. title: '',
  123. text: '签约重庆物奇微电子股份有限公司,帮助上百人的研发团队实现便捷轻松的工时管理。',
  124. date: '2023.10.09',
  125. img: './image/journal/dongtaiFou.jpeg'
  126. },
  127. ], [
  128. {
  129. title: '',
  130. text: '工时管家发布新版,支持钉钉和飞书平台。',
  131. date: '2023.06.10',
  132. img: './image/journal/gongshi.jpg'
  133. },
  134. {
  135. title: '',
  136. text: '与中瀚设计集团达成战略合作关系,通过工时管家的项目管理专业版完成了项目中的工时成本、费用报销成本、项目预算、合同管理等全方位一体化的管理。',
  137. date: '2023.05.23',
  138. img: './image/journal/dongtailiu.jpeg'
  139. },
  140. {
  141. title: '',
  142. text: '工时管家上架企业微信平台,并成为企业微信推荐的唯一一款工时产品。',
  143. date: '2022.10.15',
  144. img: './image/journal/gongshi.jpg'
  145. },
  146. {
  147. title: '',
  148. text: '签约深圳市法本信息技术有限公司,作为一家以软件外包为核心业务的大公司,研发人员的工时成本管理事关重要。经过反复对比和长期考察,法本信息最终决定使用我们的工时管家软件。',
  149. date: '2022.06.10',
  150. img: './image/journal/dongtaiba.jpeg'
  151. },
  152. {
  153. title: '',
  154. text: '上海威派格智慧水务有限公司之前一直使用宜搭来管理工时,但随着人员增长到1000人规模,对软件的需求越来越深入后,零代码平台已经无法实现他们的目标。切换到工时管家后,得益于我们平台的行业经验积累,通过我们内置的一些模块快速实现了业务需求。',
  155. date: '2022.03.21',
  156. img: './image/journal/dongtaijiu.jpeg'
  157. },
  158. ], [
  159. {
  160. title: '',
  161. text: '签约北京首钢集团信息化技术有限公司。为北京首钢提供了定制化需求和私有化部署,支持他们8000人规模的企业员工同时使用。',
  162. date: '2022.02.25',
  163. img: './image/journal/dongtaishi.jpeg'
  164. },
  165. {
  166. title: '',
  167. text: '随访管家系统发布,获得北京助研科技的青睐。作为一家CRO企业,对临床随访的管理需要一款远程数字化的协作平台,通过数据的互通来提高办公效率。随访管家便是针对这一方向打造的产品。',
  168. date: '2021.06.24',
  169. img: './image/journal/dongtaishiyi.jpeg'
  170. },
  171. {
  172. title: '',
  173. text: '工时管家累计客户达100家,逐步发布专业版和企业旗舰版。',
  174. date: '2021.03.18',
  175. img: './image/journal/gongshi.jpg'
  176. },
  177. {
  178. title: '',
  179. text: '工时管家产品发布,支持工时的填报审核和统计。为企业IPO提供有效数据支持。',
  180. date: '2020.10.12',
  181. img: './image/journal/gongshi.jpg'
  182. }
  183. ]
  184. ]
  185. },
  186. mounted () {
  187. this.total = this.chronicleEvents.length
  188. },
  189. methods: {
  190. pageIndexChange (val) {
  191. this.pageIndex = val
  192. },
  193. learnMore(item) {
  194. this.showDetails = true
  195. this.chronicleEventsDetils = item
  196. }
  197. },
  198. })
  199. </script>
  200. <script src="js/iframe.js"></script>
  201. </body>
  202. </html>