|
@@ -69,36 +69,36 @@
|
|
<!-- 大事记 -->
|
|
<!-- 大事记 -->
|
|
<div class="bifJournal" v-if="!showDetails">
|
|
<div class="bifJournal" v-if="!showDetails">
|
|
<div class="headline">企业大事记</div>
|
|
<div class="headline">企业大事记</div>
|
|
- <div class="eachItem" v-for="item in 2">
|
|
|
|
|
|
+ <div class="eachItem" v-for="item in chronicleEvents[pageIndex - 1]">
|
|
<div class="eachItemImg">
|
|
<div class="eachItemImg">
|
|
- <img src="./image/bannar7.jpg" alt="">
|
|
|
|
|
|
+ <img :src="item.img ? item.img : './image/gsgj.png'" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="eachItemRight">
|
|
<div class="eachItemRight">
|
|
- <div class="eachItemRightTilt">文章标题1</div>
|
|
|
|
|
|
+ <div class="eachItemRightTilt" style="opacity: 0;">文章标题1</div>
|
|
<div class="eachItemRightText">
|
|
<div class="eachItemRightText">
|
|
- 文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容
|
|
|
|
|
|
+ {{ item.text }}
|
|
</div>
|
|
</div>
|
|
<div class="eachItemRightBum">
|
|
<div class="eachItemRightBum">
|
|
- <span class="ons" @click="showDetails = true">了解详情<i class="el-icon-arrow-right"></i></span>
|
|
|
|
- <span>2023-02-01</span>
|
|
|
|
|
|
+ <span class="ons" @click="learnMore(item)">了解详情<i class="el-icon-arrow-right"></i></span>
|
|
|
|
+ <span>{{ item.date }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="paging">
|
|
<div class="paging">
|
|
- <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
|
|
|
|
|
|
+ <el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" @current-change="pageIndexChange"></el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 详情 -->
|
|
<!-- 详情 -->
|
|
<div class="details" v-if="showDetails">
|
|
<div class="details" v-if="showDetails">
|
|
<div class="detailsTil">
|
|
<div class="detailsTil">
|
|
- 文章标题1
|
|
|
|
|
|
+ <span style="opacity: 0;">文章标题1</span>
|
|
<div class="detailsBack" @click="showDetails = false">
|
|
<div class="detailsBack" @click="showDetails = false">
|
|
<i class="el-icon-arrow-left"></i> 返回
|
|
<i class="el-icon-arrow-left"></i> 返回
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="detailsData">2023-01-01</div>
|
|
|
|
|
|
+ <div class="detailsData">{{ chronicleEventsDetils.date }}</div>
|
|
<div class="detailstext">
|
|
<div class="detailstext">
|
|
- 文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容
|
|
|
|
|
|
+ {{ chronicleEventsDetils.text }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -162,8 +162,112 @@
|
|
new Vue({
|
|
new Vue({
|
|
el: "#app",
|
|
el: "#app",
|
|
data: {
|
|
data: {
|
|
- showDetails: false
|
|
|
|
- }
|
|
|
|
|
|
+ showDetails: false,
|
|
|
|
+ total: 0,
|
|
|
|
+ pageIndex: 1,
|
|
|
|
+ pageSize: 1,
|
|
|
|
+ chronicleEventsDetils: {},
|
|
|
|
+ chronicleEvents: [
|
|
|
|
+ [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '增加全球化网络访问的支持,方便在海外工作的客户使用。',
|
|
|
|
+ date: '2024.01.15',
|
|
|
|
+ img: ''
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '为苏州依斯倍环保装备科技有限公司提供项目工时一体化解决方案,深度对接SAP系统,完成数据双向通讯。',
|
|
|
|
+ date: '2023.12.20',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '为A股上市企业南京雷尔伟新技术完成车间管家系统的上线运营。通过深入沟通和快速响应,实现了个性化的需求,完成了原有MES系统无法实现的工时工钱统计目标。',
|
|
|
|
+ date: '2023.11.18',
|
|
|
|
+ img: './image/journal/chejian.jpg'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '签约重庆物奇微电子股份有限公司,帮助上百人的研发团队实现便捷轻松的工时管理。',
|
|
|
|
+ date: '2023.10.09',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '工时管家发布新版,支持钉钉和飞书平台。',
|
|
|
|
+ date: '2023.06.10',
|
|
|
|
+ img: ''
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '与中瀚设计集团达成战略合作关系,通过工时管家的项目管理专业版完成了项目中的工时成本、费用报销成本、项目预算、合同管理等全方位一体化的管理。',
|
|
|
|
+ date: '2023.05.23',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '工时管家上架企业微信平台,并成为企业微信推荐的唯一一款工时产品。',
|
|
|
|
+ date: '2022.10.15',
|
|
|
|
+ img: ''
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '签约深圳市法本信息技术有限公司,作为一家以软件外包为核心业务的大公司,研发人员的工时成本管理事关重要。经过反复对比和长期考察,法本信息最终决定使用我们的工时管家软件。',
|
|
|
|
+ date: '2022.06.10',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '上海威派格智慧水务有限公司之前一直使用宜搭来管理工时,但随着人员增长到1000人规模,对软件的需求越来越深入后,零代码平台已经无法实现他们的目标。切换到工时管家后,得益于我们平台的行业经验积累,通过我们内置的一些模块快速实现了业务需求。',
|
|
|
|
+ date: '2022.03.21',
|
|
|
|
+ img: ''
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '签约北京首钢集团信息化技术有限公司。为北京首钢提供了定制化需求和私有化部署,支持他们8000人规模的企业员工同时使用。',
|
|
|
|
+ date: '2022.02.25',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '随访管家系统发布,获得北京助研科技的青睐。作为一家CRO企业,对临床随访的管理需要一款远程数字化的协作平台,通过数据的互通来提高办公效率。随访管家便是针对这一方向打造的产品。',
|
|
|
|
+ date: '2021.06.24',
|
|
|
|
+ img: './image/journal/suifang.png'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '工时管家累计客户达100家,逐步发布专业版和企业旗舰版。',
|
|
|
|
+ date: '2021.03.18',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ], [
|
|
|
|
+ {
|
|
|
|
+ title: '',
|
|
|
|
+ text: '工时管家产品发布,支持工时的填报审核和统计。为企业IPO提供有效数据支持。',
|
|
|
|
+ date: '2020.10.12',
|
|
|
|
+ img: ''
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ ]
|
|
|
|
+ },
|
|
|
|
+ mounted () {
|
|
|
|
+ this.total = this.chronicleEvents.length
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ pageIndexChange (val) {
|
|
|
|
+ this.pageIndex = val
|
|
|
|
+ },
|
|
|
|
+ learnMore(item) {
|
|
|
|
+ this.showDetails = true
|
|
|
|
+ this.chronicleEventsDetils = item
|
|
|
|
+ }
|
|
|
|
+ },
|
|
})
|
|
})
|
|
</script>
|
|
</script>
|
|
</body>
|
|
</body>
|