diff --git a/public/index.html b/public/index.html index 9a10c52..6c8f2a9 100644 --- a/public/index.html +++ b/public/index.html @@ -17,8 +17,8 @@ - - + + @@ -107,4 +107,4 @@
- \ No newline at end of file + diff --git a/src/assets/css/design_tokens.less b/src/assets/css/design_tokens.less new file mode 100644 index 0000000..0d8a3bb --- /dev/null +++ b/src/assets/css/design_tokens.less @@ -0,0 +1,21 @@ +:root { + --color-bg: #ffffff; + --color-bg-muted: #f6f8fb; + --color-surface: #ffffff; + --color-ink: #101828; + --color-text: #344054; + --color-text-muted: #667085; + --color-border: #e4e7ec; + --color-primary: #2563eb; + --color-primary-strong: #1d4ed8; + --color-primary-soft: #eef4ff; + --color-dark: #0f172a; + --space-section: 96px; + --space-section-mobile: 64px; + --radius-card: 8px; + --radius-control: 4px; + --shadow-card: 0 16px 40px rgba(16, 24, 40, 0.06); + --shadow-card-hover: 0 22px 50px rgba(16, 24, 40, 0.1); + --motion-fast: 0.2s ease; + --motion-base: 0.25s ease; +} diff --git a/src/components/icontent.vue b/src/components/icontent.vue index 4a19a25..1c5eb2a 100644 --- a/src/components/icontent.vue +++ b/src/components/icontent.vue @@ -7,11 +7,7 @@ diff --git a/src/components/ifooter.vue b/src/components/ifooter.vue index f079256..758d816 100644 --- a/src/components/ifooter.vue +++ b/src/components/ifooter.vue @@ -8,19 +8,11 @@ - - - + + + diff --git a/src/views/index.vue b/src/views/index.vue index 2557439..0b505d4 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -5,30 +5,15 @@ - - -
-
-
-

技术驱动未来,服务创造价值

-

上海丙维数字科技有限公司成立于2018年,专注于AI交付内容,为客户提供高质量的数字化解决方案

-
- -
-
-
🏢
-

公司概况

-

成立于2018年10月22日,注册资本600万元人民币,总部位于上海市宝山区高逸路112-118号3幢6422室

-
- -
-
🎯
-

核心使命

-

致力于计算机软硬件、网络科技、信息科技领域的技术开发、咨询、转让和服务

-
- -
-
🚀
-

AI转型

-

2022年成功转型AI交付领域,围绕客户需求提供智能应用解决方案

-
-
-
-
- - +
-

核心优势

+

客户价值

+

从业务目标出发,把模型、系统和流程落到可运行的交付物上。

-
-
- - {{advantage.icon}} -
+
+

{{advantage.title}}

{{advantage.description}}

-
-
- - -
-
-

业务领域

-
-
-
- - - {{area.icon}} -
-

{{area.name}}

-

{{area.description}}

-
    -
  • {{feature}}
  • -
-
+
- - - +
-

核心解决方案

-

为不同行业提供专业的技术解决方案,助力企业数字化转型

+

解决方案

+

覆盖 AI 集成、智能建筑、物联网与设施运营四类核心场景。

-
+
- +
了解更多 @@ -134,9 +75,10 @@
{{product.name}}
-
{{product.description}}
-
- {{tag}} +
+
适用场景{{product.scene}}
+
交付内容{{product.delivery}}
+
预期收益{{product.benefit}}
@@ -144,9 +86,42 @@
+
+ +
+
+

案例成果

+

以下案例已做脱敏处理,展示交付方式与可量化结果。

+
+
+
{{item.industry}}
+

{{item.problem}}

+

{{item.solution}}

+
{{item.result}}
+
+
+ +
+
+ + +
+
+
+

关于我们

+

成立于 2018 年,专注企业数字化与智能化交付。我们以工程化能力连接模型、系统与业务流程,帮助客户把 AI 能力稳定落地到日常运营。

+ 查看完整公司介绍 +
+
+
+
@@ -154,36 +129,40 @@

我们与众多知名企业建立了长期稳定的合作关系

-
+
+
-
+

联系我们

+

欢迎沟通业务场景,我们将在 1 个工作日内回复。

-
-
📍
+
+

注册地址

上海市宝山区高逸路112-118号3幢6422室

-
-
📞
+
+

联系电话

13817819452

-
-
🌐
+
+

官方网站

www.bimwe.com

@@ -210,7 +189,6 @@ let boxbg_cleaning = require('../assets/img/boxbg_cleaning.png') let boxbg_smartbuildings = require('../assets/img/boxbg_smartbuildings.png') let boxbg_iot = require('../assets/img/boxbg_iot.png') let boxbg_facilitiesmanagement = require('../assets/img/boxbg_facilitiesmanagement.png') -let boxbg_errands = require('../assets/img/boxbg_errands.png') // 客户logo图片 let client_01 = require('../assets/img/hezuo/client_01.png') @@ -244,10 +222,25 @@ export default { }, data() { + const icon = (path) => `` + const icons = { + company: icon(''), + target: icon(''), + ai: icon(''), + team: icon(''), + transform: icon(''), + trust: icon(''), + location: icon(''), + phone: icon(''), + globe: icon(''), + arrowRight: icon('') + } + return { + icons, swiperOption: { - autoplay: 3000, - speed: 1000, + autoplay: 4500, + speed: 900, loop: true, effect: 'fade', fadeEffect: { @@ -264,22 +257,22 @@ export default { }, }, banners: [ - { + { img: banner_index0, title: 'AI智能数字化解决方案', subtitle: '技术驱动未来,服务创造价值' }, - { + { img: banner_index1, title: 'AI技术引领者', subtitle: '专注AI交付,助力企业数字化转型' }, - { + { img: banner_index2, - title: '顶尖技术团队', - subtitle: '阿里、字节、腾讯技术精英汇聚' + title: '工程化交付体系', + subtitle: '从需求评估、系统集成到上线运维,支撑项目持续运行' }, - { + { img: banner_index3, title: '行业解决方案专家', subtitle: '金融、制造、零售多行业服务经验' @@ -287,39 +280,19 @@ export default { ], advantages: [ { - icon: '👥', - title: '顶尖技术团队', - description: '由阿里、字节、腾讯等顶尖互联网公司资深开发人员组成,技术积累深厚,项目经验丰富' + icon: icons.target, + title: '需求到方案可追踪', + description: '围绕目标指标、数据来源和流程边界进行拆解,确保每个交付项可验收。' }, { - icon: '🚀', - title: 'AI领域战略转型', - description: '2022年成功转型,将业务重心聚焦于AI交付领域,围绕客户需求提供定制化智能应用解决方案' + icon: icons.transform, + title: '与现有系统平滑集成', + description: '对接现有 ERP、设备平台与数据中台,减少重复建设与迁移成本。' }, { - icon: '🏆', - title: '客户广泛认可', - description: '为金融、制造、零售等多个行业的国内外知名企业提供服务,在行业内树立了可靠、专业的品牌形象' - } - ], - businessAreas: [ - { - icon: require('../assets/img/ic_1.png'), - name: '技术开发与服务', - description: '从事计算机软硬件、网络科技、信息科技领域的技术开发、咨询、转让和服务', - features: ['系统优化与性能提升', '网络架构设计', '信息安全解决方案', '技术咨询与培训'] - }, - { - icon: require('../assets/img/ic_2.png'), - name: 'AI智能应用', - description: '专注于人工智能技术,为客户提供定制化的智能解决方案', - features: ['数据分析与挖掘', '智能推荐系统', '自动化流程', '机器学习模型'] - }, - { - icon: require('../assets/img/ic_3.png'), - name: '系统集成与软件开发', - description: '提供高效的计算机信息系统集成服务,以及创新的软件开发', - features: ['系统集成服务', '定制化软件开发', '数字化转型', '技术架构设计'] + icon: icons.trust, + title: '结果可量化可复盘', + description: '以效率、时效、稳定性等核心指标评估效果,支持持续优化迭代。' } ], productData: [ @@ -328,41 +301,57 @@ export default { img: boxbg_cleaning, url: '/ourPlan/aiSolutions', isLink: false, - description: '基于人工智能技术,为企业提供智能化的业务解决方案', - tags: ['机器学习', '深度学习', '智能分析'] + scene: '客服、知识库、审批、报表等高频流程。', + delivery: '数据治理、模型接入、权限与日志配置。', + benefit: '检索耗时降低30%-50%,整理工时降低20%以上。' }, { name: '智能建筑', img: boxbg_smartbuildings, url: '/ourPlan/estateManagement', isLink: false, - description: '通过先进技术打造智能化建筑环境,提升建筑管理效率', - tags: ['BIM技术', '智能监控', '自动化管理'] + scene: '园区、办公楼、商业空间的巡检与安防。', + delivery: '空间数据整理、设备接入、看板与告警规则。', + benefit: '巡检闭环效率提升25%-40%,异常分钟级发现。' }, { name: '物联网', img: boxbg_iot, url: '/ourPlan/iot', isLink: false, - description: '连接万物,智能互联,打造数字化未来', - tags: ['传感器网络', '数据采集', '智能分析'] + scene: '设备分散、采集不稳、现场状态不可视。', + delivery: '设备接入、状态监测、接口开放与运维看板。', + benefit: '在线率提升至95%以上,人工核对减少50%以上。' }, { name: '设施管理', img: boxbg_facilitiesmanagement, url: '/ourPlan/facilityManagement', isLink: false, - description: '智能化设施管理,提升运营效率与用户体验', - tags: ['预防性维护', '智能调度', '成本优化'] + scene: '物业、园区、制造现场的报修与保养。', + delivery: '工单流程、设备台账、移动端处理与报表。', + benefit: '响应效率提升30%以上,维护覆盖率提升至90%以上。' + }, + ], + cases: [ + { + industry: '制造业', + problem: '设备故障处理依赖人工经验,定位慢、复盘难。', + solution: '建设设备知识库和工单分析看板,将历史故障、处理方案和备件信息统一沉淀。', + result: '故障定位平均耗时下降38%,重复问题处理时间下降42%。' }, { - name: '系统集成', - img: boxbg_errands, - url: '/ourPlan/technologyIntegration', - isLink: false, - description: '专业系统整合,构建统一的企业级平台', - tags: ['API集成', '数据同步', '统一管理'] + industry: '商业园区', + problem: '巡检、报修、供应商协同分散在多个系统,管理层缺少实时视图。', + solution: '打通设备台账、巡检计划与工单流转,建立异常告警与运营看板。', + result: '工单闭环效率提升35%,月度人工汇总工作量减少60%。' }, + { + industry: '零售连锁', + problem: '门店设备状态不可视,能耗和异常处理主要依赖人工反馈。', + solution: '接入关键设备数据,配置运行阈值、异常提醒和区域维度统计报表。', + result: '异常发现时间缩短70%,单店巡检记录完整率提升至96%。' + } ], clients: [ { logo: client_01 }, @@ -391,355 +380,577 @@ export default { } }, - - methods: {}, + methods: { + scrollToProducts() { + const products = document.getElementById('pageBoxesContainer') + if (products) { + products.scrollIntoView({ behavior: 'smooth', block: 'start' }) + } + } + }, } diff --git a/src/views/legal/LegalPage.vue b/src/views/legal/LegalPage.vue new file mode 100644 index 0000000..c9936ed --- /dev/null +++ b/src/views/legal/LegalPage.vue @@ -0,0 +1,156 @@ + + + + + diff --git a/src/views/ourPlan/aiSolutions.vue b/src/views/ourPlan/aiSolutions.vue index 9c0a8e4..80eb769 100644 --- a/src/views/ourPlan/aiSolutions.vue +++ b/src/views/ourPlan/aiSolutions.vue @@ -18,7 +18,7 @@

AI技术优势

- 我们运用最前沿的人工智能技术,为企业提供智能化解决方案。通过机器学习、深度学习、自然语言处理等AI技术,帮助企业实现数字化转型,提升运营效率。 + 我们围绕业务流程、数据质量和系统集成条件设计智能应用方案,帮助企业把知识检索、数据分析、自动化处理等能力接入现有业务。

@@ -26,22 +26,22 @@

核心AI服务

-
📊
+
DA

智能数据分析

利用AI算法分析海量数据,挖掘商业价值,为决策提供数据支撑。

-
💬
+
CS

智能客服系统

基于NLP技术的智能客服,24/7全天候服务,提升客户体验。

-
🔮
+
PM

预测性维护

通过AI预测设备故障,实现预防性维护,降低维护成本。

-
👁️
+
CV

智能图像识别

计算机视觉技术,实现自动化检测、质量控制和安防监控。

diff --git a/src/views/ourPlan/facilityManagement.vue b/src/views/ourPlan/facilityManagement.vue index 14239fc..6ddd132 100644 --- a/src/views/ourPlan/facilityManagement.vue +++ b/src/views/ourPlan/facilityManagement.vue @@ -16,7 +16,7 @@
-
🏢
+
BLD

建筑维护

定期检查、预防性维护、应急响应,确保建筑设施始终处于最佳状态

@@ -30,13 +30,13 @@
-
📊
+
DAT

数据分析

运营数据收集、性能分析、优化建议,数据驱动的决策支持

-
👥
+
OPS

人员管理

工作流程优化、任务分配、绩效评估,提升团队工作效率

@@ -86,12 +86,7 @@ export default { components: { ihead, ifooter - }, - data() { - return { - msg: 'Welcome to Your Vue.js App', - }; - }, + } }; diff --git a/src/views/ourPlan/iot.vue b/src/views/ourPlan/iot.vue index 5bbc60e..f52fc46 100644 --- a/src/views/ourPlan/iot.vue +++ b/src/views/ourPlan/iot.vue @@ -63,11 +63,6 @@ export default { ihead, ifooter }, - data() { - return { - msg: 'Welcome to Your Vue.js App', - }; - }, mounted() {}, }; diff --git a/src/views/ourPlan/ourPlan.vue b/src/views/ourPlan/ourPlan.vue index abad4bd..f206137 100644 --- a/src/views/ourPlan/ourPlan.vue +++ b/src/views/ourPlan/ourPlan.vue @@ -23,14 +23,14 @@

核心服务

-
🏗️
+
BIM

AI智能建筑

运用AI技术打造智能化建筑,通过机器学习优化建筑管理效率和用户体验。

了解更多
-
🌐
+
IoT

AI物联网

构建AI驱动的物联网生态系统,实现智能设备互联互通和自动化控制。

了解更多 @@ -69,16 +69,16 @@

为什么选择我们?

-

AI专家团队

-

拥有丰富的AI项目经验和深度学习技术能力

+

场景评估清晰

+

先确认数据、流程和系统边界,再确定可交付范围

-

前沿AI技术

-

持续关注AI前沿技术,提供最新智能解决方案

+

系统对接可控

+

围绕现有业务系统设计接口、权限和运行监控

-

AI全流程服务

-

从AI咨询到实施落地,确保智能化转型成功

+

结果指标明确

+

以效率、工时、响应时长等指标验收交付效果

diff --git a/src/views/ourPlan/technologyIntegration.vue b/src/views/ourPlan/technologyIntegration.vue index 5967b33..929db8e 100644 --- a/src/views/ourPlan/technologyIntegration.vue +++ b/src/views/ourPlan/technologyIntegration.vue @@ -19,7 +19,7 @@

集成方案

-
🔌
+
API

API集成

提供标准化的RESTful API接口,支持多种数据格式,实现系统间的无缝连接

    @@ -31,7 +31,7 @@
-
🌐
+
MID

中间件集成

基于企业级中间件技术,实现复杂业务系统的深度集成

    @@ -43,7 +43,7 @@
-
📱
+
ETL

数据集成

实现多源数据的统一采集、清洗和同步,构建企业数据中台

    @@ -60,7 +60,7 @@

    服务优势

    -
    ☁️
    +
    CLD

    云端部署

    基于云原生架构,支持弹性扩展,确保系统高可用性和稳定性

    @@ -68,7 +68,7 @@
    -
    🔒
    +
    SEC

    安全可靠

    多层次安全防护,支持企业级权限管理,确保数据安全和系统稳定

    @@ -76,7 +76,7 @@
    -
    📊
    +
    OPS

    统一管理

    提供统一的系统管理界面,简化运维操作,提升管理效率

    @@ -100,12 +100,7 @@ export default { components: { ihead, ifooter - }, - data() { - return { - msg: 'Welcome to Your Vue.js App', - }; - }, + } };