about-record
This commit is contained in:
WindowBird
parent
1a83aea7f2
commit
40f6fd251a
|
|
@ -1,5 +1,5 @@
|
|||
<script lang="ts" setup>
|
||||
import type {TabsItem} from '@nuxt/ui'
|
||||
import type {TabsItem, TimelineItem} from '@nuxt/ui'
|
||||
|
||||
const items = [
|
||||
{
|
||||
|
|
@ -18,20 +18,20 @@ const items = [
|
|||
label: '大事记',
|
||||
description: 'Make changes to your account here. Click save when you\'re done.',
|
||||
icon: 'i-lucide-cctv',
|
||||
slot: 'account' as const
|
||||
slot: 'record' as const
|
||||
},
|
||||
{
|
||||
label: '荣誉资质',
|
||||
description: 'Make changes to your account here. Click save when you\'re done.',
|
||||
icon: 'i-lucide-circle-star',
|
||||
slot: 'account' as const
|
||||
},
|
||||
{
|
||||
label: '合作伙伴',
|
||||
description: 'Change your password here. After saving, you\'ll be logged out.',
|
||||
icon: 'i-lucide-heart-handshake',
|
||||
slot: 'password' as const
|
||||
}
|
||||
// {
|
||||
// label: '荣誉资质',
|
||||
// description: 'Make changes to your account here. Click save when you\'re done.',
|
||||
// icon: 'i-lucide-circle-star',
|
||||
// slot: 'account' as const
|
||||
// },
|
||||
// {
|
||||
// label: '合作伙伴',
|
||||
// description: 'Change your password here. After saving, you\'ll be logged out.',
|
||||
// icon: 'i-lucide-heart-handshake',
|
||||
// slot: 'password' as const
|
||||
// }
|
||||
] satisfies TabsItem[]
|
||||
|
||||
const cards = [
|
||||
|
|
@ -71,6 +71,172 @@ const cards = [
|
|||
alt: "软硬一体化"
|
||||
}
|
||||
]
|
||||
|
||||
const lineItems: TimelineItem[] = [
|
||||
{
|
||||
date: 'Jul 2023',
|
||||
title: '智慧蜂业数字化服务平台上线',
|
||||
description: '正式推出智慧蜂业数字化服务平台，实现蜂业全流程数字化管理',
|
||||
icon: 'i-heroicons-cloud-arrow-up',
|
||||
value: 'platform-launch'
|
||||
},
|
||||
{
|
||||
date: 'Jun 2023',
|
||||
title: '获得北京市农业技术推广奖三等奖',
|
||||
description: '2020-2022年度北京市农业技术推广奖',
|
||||
icon: 'i-heroicons-trophy',
|
||||
value: 'award'
|
||||
},
|
||||
{
|
||||
date: 'May 2023',
|
||||
title: '优蜜蜂箱小程序上线',
|
||||
description: '推出移动端蜂箱管理小程序，方便蜂农实时监控',
|
||||
icon: 'i-heroicons-device-phone-mobile',
|
||||
value: 'mini-program'
|
||||
},
|
||||
{
|
||||
date: 'Nov 2022',
|
||||
title: '智能蜂箱系统专利授权',
|
||||
description: '基于深度学习的蜜蜂识别跟踪计数系统获得发明专利',
|
||||
icon: 'i-heroicons-document-duplicate',
|
||||
value: 'patent'
|
||||
},
|
||||
{
|
||||
date: 'Jul 2022',
|
||||
title: '慧养蜂蜂群认养系统上线',
|
||||
description: '创新蜂群认养模式，连接消费者与养蜂人',
|
||||
icon: 'i-heroicons-user-group',
|
||||
value: 'adoption-system'
|
||||
},
|
||||
{
|
||||
date: 'May 2022',
|
||||
title: '慧养蜂大数据平台更新',
|
||||
description: '升级数据分析功能，增强可视化展示',
|
||||
icon: 'i-heroicons-chart-bar',
|
||||
value: 'data-update'
|
||||
},
|
||||
{
|
||||
date: 'Apr 2022',
|
||||
title: '蜜源一张图上线',
|
||||
description: '集成GIS技术的蜜源分布可视化系统',
|
||||
icon: 'i-heroicons-map',
|
||||
value: 'honey-map'
|
||||
},
|
||||
{
|
||||
date: 'Dec 2021',
|
||||
title: '智能蜂箱更新',
|
||||
description: '新一代智能蜂箱硬件迭代升级',
|
||||
icon: 'i-heroicons-cube',
|
||||
value: 'hive-upgrade'
|
||||
},
|
||||
{
|
||||
date: 'Nov 2021',
|
||||
title: '蜂业上报系统上线',
|
||||
description: '行业数据采集与上报平台',
|
||||
icon: 'i-heroicons-document-text',
|
||||
value: 'reporting-system'
|
||||
},
|
||||
{
|
||||
date: 'Jun 2021',
|
||||
title: '获农业农村部优秀项目',
|
||||
description: '2021数字农业农村新技术新产品新模式优秀项目',
|
||||
icon: 'i-heroicons-star',
|
||||
value: 'ministry-award'
|
||||
},
|
||||
{
|
||||
date: 'Apr 2021',
|
||||
title: '蜂业一张图上线',
|
||||
description: '蜂产业全景数据可视化平台',
|
||||
icon: 'i-heroicons-globe-alt',
|
||||
value: 'industry-map'
|
||||
},
|
||||
{
|
||||
date: 'Feb 2021',
|
||||
title: '调研记（蜂业备忘录）上线',
|
||||
description: '养蜂调研数据记录工具',
|
||||
icon: 'i-heroicons-clipboard-document-list',
|
||||
value: 'research-notes'
|
||||
},
|
||||
{
|
||||
date: 'Jan 2021',
|
||||
title: '慧养蜂大数据平台上线',
|
||||
description: '首个蜂业大数据分析展示平台',
|
||||
icon: 'i-heroicons-server-stack',
|
||||
value: 'big-data-launch'
|
||||
},
|
||||
{
|
||||
date: 'May 2020',
|
||||
title: '智能蜂箱系统上线',
|
||||
description: '首套基于深度学习的蜜蜂识别跟踪系统',
|
||||
icon: 'i-heroicons-cpu-chip',
|
||||
value: 'ai-hive'
|
||||
},
|
||||
{
|
||||
date: 'Mar 2020',
|
||||
title: '蜂业工具套件发布',
|
||||
description: '包含蜂群转运路障通、养蜂部落、养蜂百科',
|
||||
icon: 'i-heroicons-wrench-screwdriver',
|
||||
value: 'toolkit'
|
||||
},
|
||||
{
|
||||
date: 'Jul 2019',
|
||||
title: '团队负责人获体系科学家称号',
|
||||
description: '国家蜂产业技术体系岗位科学家',
|
||||
icon: 'i-heroicons-academic-cap',
|
||||
value: 'scientist'
|
||||
},
|
||||
{
|
||||
date: 'Dec 2018',
|
||||
title: '慧养蜂智慧蜂业大数据上线',
|
||||
description: '首个蜂业大数据平台雏形',
|
||||
icon: 'i-heroicons-chart-pie',
|
||||
value: 'data-pioneer'
|
||||
},
|
||||
{
|
||||
date: 'Jul 2018',
|
||||
title: '智能蜂箱发布',
|
||||
description: '首代物联网智能蜂箱设备',
|
||||
icon: 'i-heroicons-beaker',
|
||||
value: 'first-hive'
|
||||
},
|
||||
{
|
||||
date: 'Nov 2017',
|
||||
title: '质量安全追溯系统上线',
|
||||
description: '蜂产品全流程溯源平台',
|
||||
icon: 'i-heroicons-shield-check',
|
||||
value: 'traceability'
|
||||
},
|
||||
{
|
||||
date: 'Aug 2016',
|
||||
title: '北京市蜂产品质量安全控制网发布',
|
||||
description: '区域性质量监控网络',
|
||||
icon: 'i-heroicons-shield-exclamation',
|
||||
value: 'safety-net'
|
||||
},
|
||||
{
|
||||
date: 'Dec 2015',
|
||||
title: '获北京市科学技术二等奖',
|
||||
description: '蜂产品质量安全控制系统',
|
||||
icon: 'i-heroicons-medal',
|
||||
value: 'science-award'
|
||||
},
|
||||
{
|
||||
date: '2007-2015',
|
||||
title: '蜂产品质量溯源平台研发',
|
||||
description: '8年技术积累期',
|
||||
icon: 'i-heroicons-clock',
|
||||
value: 'foundation'
|
||||
}
|
||||
]
|
||||
|
||||
const active = ref(0)
|
||||
|
||||
onMounted(() => {
|
||||
setInterval(() => {
|
||||
active.value = (active.value + 1) % lineItems.length
|
||||
}, 2000)
|
||||
})
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<UPage>
|
||||
|
|
@ -112,6 +278,15 @@ const cards = [
|
|||
</UPageCard>
|
||||
</div>
|
||||
</template>
|
||||
<template #record="{ item }">
|
||||
<view/>
|
||||
<UTimeline
|
||||
v-model="active" :items="lineItems" :ui="{
|
||||
date:'text-dimmed text-2xl',
|
||||
title: 'font-medium text-highlighted text-3xl',
|
||||
description: 'text-muted text-wrap text-xl'
|
||||
}" class=" px-auto " size="3xl"/>
|
||||
</template>
|
||||
</UTabs>
|
||||
</upagesection>
|
||||
</UPage>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user