From 40f6fd251a5ecdfeb2b576cf6ee11292494d667b Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Fri, 24 Oct 2025 17:53:44 +0800
Subject: [PATCH] about-record

---
 app/pages/about/index.vue | 203 +++++++++++++++++++++++++++++++++++---
 1 file changed, 189 insertions(+), 14 deletions(-)

diff --git a/app/pages/about/index.vue b/app/pages/about/index.vue
index 3b9d108..f6dae61 100644
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@@ -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>