diff --git a/index.html b/index.html index 3c91bee..e94e068 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Vite + Vue + TS diff --git a/src/components/timeline/CompanyTimeline.vue b/src/components/timeline/CompanyTimeline.vue index 466f91a..887162d 100644 --- a/src/components/timeline/CompanyTimeline.vue +++ b/src/components/timeline/CompanyTimeline.vue @@ -3,11 +3,11 @@

{{ t('timeline.title') }}

-
+
-
{{ event.date }}
-

{{ event.title }}

-

{{ event.description }}

+
{{ t(timelineEvent.date) }}
+

{{ t(timelineEvent.title) }}

+

{{ t(timelineEvent.description) }}

@@ -30,38 +30,38 @@ const timelineEvents = ref([ { id: 1, date: '2015', - title: 'Company Founded', - description: 'Our company was founded with a vision to provide innovative software solutions.', + title: "timelineEvents.timelineEvent1.title", + description: "timelineEvents.timelineEvent1.description", }, { id: 2, date: '2016', - title: 'First Project', - description: 'We successfully completed our first major project for a leading client.', + title: "timelineEvents.timelineEvent2.title", + description: "timelineEvents.timelineEvent2.description", }, { id: 3, date: '2018', - title: 'Team Expansion', - description: 'Our team grew to 20 employees with expertise in various technologies.', + title: "timelineEvents.timelineEvent3.title", + description: "timelineEvents.timelineEvent3.description", }, { id: 4, date: '2020', - title: 'Product Launch', - description: 'We launched our first proprietary software product.', + title: "timelineEvents.timelineEvent4.title", + description: "timelineEvents.timelineEvent4.description", }, { id: 5, date: '2022', - title: 'International Expansion', - description: 'We expanded our operations to serve clients worldwide.', + title: "timelineEvents.timelineEvent5.title", + description: "timelineEvents.timelineEvent5.description", }, { id: 6, date: '2023', - title: 'Industry Recognition', - description: 'Our company received multiple awards for excellence in software development.', + title: "timelineEvents.timelineEvent6.title", + description: "timelineEvents.timelineEvent6.description", }, ]) diff --git a/src/locales/ja.ts b/src/locales/ja.ts index 69e1031..6a9bd9d 100644 --- a/src/locales/ja.ts +++ b/src/locales/ja.ts @@ -66,13 +66,39 @@ export default { }, project4: { title: "工業生産管理システム", - description: "当システムは、マーケティング管理、生産計画、資材管理、工程管理、設備監視および品質管理などの各工程を統合し、生産プロセスの可視化と細やかな管理を実現します。リソースの最適な配分を図り、生産効率と製品品質を向上させ、運営コストを削減することで、企業のスマート化進展を推進します。", + description: "当システムは、国のDX推進に応じて開発されたもので、マーケティング管理、生産計画、資材管理、工程管理、設備監視および品質管理などの各工程を統合し、生産プロセスの可視化と細やかな管理を実現します。リソースの最適な配分を図り、生産効率と製品品質を向上させ、運営コストを削減することで、企業のスマート化進展を推進します。", }, project5: { title: "地図拡張システム", description: "本システムは、プロフェッショナル向けに設計された地図拡張ツールです。利用者は地図の閲覧や情報検索だけでなく、多彩な操作を地図上で実行可能。特定エリアやルートのマーキング機能に加え、2地点間の正確な距離測定や指定領域の面積計算も可能です。さらに強力な比較機能を搭載し、専門家の業務をサポートする高精度なデータを提供します。", }, }, + timelineEvents: { + timelineEvent1: { + title: "スタジオ設立", + description: "", + }, + timelineEvent2: { + title: "航空券管理システム", + description: "初の日本案件（一部）受注", + }, + timelineEvent3: { + title: "地図拡張システム", + description: "大型案件（一部）参画", + }, + timelineEvent4: { + title: "農作物管理・買取システム", + description: "機能開発・保守", + }, + timelineEvent5: { + title: "勤怠管理システム", + description: "機能開発・保守", + }, + timelineEvent6: { + title: "工業生産管理システム", + description: "DX推進、独立開発（開発中）", + }, + }, contact: { title: 'お問い合わせ', name: 'お名前', diff --git a/src/locales/zh.ts b/src/locales/zh.ts index 7735ba7..e0ff648 100644 --- a/src/locales/zh.ts +++ b/src/locales/zh.ts @@ -58,18 +58,44 @@ export default { description: "本系统连接农户与采购商，提供农产品管理，天气预报，病虫害管理，信息发布、在线洽谈、订单管理、质量追溯与电子结算等服务，打破信息壁垒，优化交易流程，促进农产品高效流通，助力农业增效、农户增收。", }, project3: { - title: "出勤管理系统", + title: "考勤管理系统", description: "系统通过考勤机、移动端等多方式记录员工上下班时间、请假、加班等信息，自动统计分析出勤数据，生成考勤报表，简化人事管理流程，确保考勤准确公正，为薪资计算和绩效考核提供可靠依据。", }, project4: { title: "工业生产管理系统", - description: "本系统是一款专业的生产加工行业的数字化系统，整合营销管理，生产计划、物料管理、工艺流程、设备监控与质量控制等环节，实现生产过程的可视化、精细化管理，优化资源配置，提高生产效率与产品质量，降低运营成本，推动企业智能化升级。", + description: "本系统是一款为响应国家数字化转型战略而打造的工业数字化系统，整合营销管理，生产计划、物料管理、工艺流程、设备监控与质量控制等环节，实现生产过程的可视化、精细化管理，优化资源配置，提高生产效率与产品质量，降低运营成本，推动企业智能化升级。", }, project5: { title: "地图扩展系统", description: "本系统是为专业人士打造的地图扩展工具。操作者不仅能进行地图阅览与信息查询，还可在地图上开展丰富操作；支持对特定区域、线路等进行标记，能够精准测量地图上任意两点间的距离以及特定区域的面积；同时具备强大的对比功能，为专业人士提供精确数据支撑。", }, }, + timelineEvents: { + timelineEvent1: { + title: "工作室成立", + description: "", + }, + timelineEvent2: { + title: "机票管理系统", + description: "首个对日项目（一部分参与）", + }, + timelineEvent3: { + title: "地图扩展系统", + description: "大型项目（一部分）参与", + }, + timelineEvent4: { + title: "农作物交易系统", + description: "功能开发和保守", + }, + timelineEvent5: { + title: "考勤管理系统", + description: "功能开发和保守", + }, + timelineEvent6: { + title: "工业生产管理系统", + description: "数字化转型项目，独立开发（进行中）", + }, + }, contact: { title: '联系我们', name: '您的姓名', diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index 76bdd6c..38b8ec3 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -53,7 +53,7 @@ const t = inject<(key: string) => string>('t') || ((key) => key) align-items: center; justify-content: center; text-align: center; - background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/src/assets/images/hero-bg.jpg'); /* 绝对路径，基于项目根目录 */ + background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('@/src/assets/images/hero-bg.jpg'); /* 绝对路径，基于项目根目录 */ background-size: cover; background-position: center; background-attachment: fixed;