Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
72c46633 1 parent e6e31e4e

✨ feat: 新增关于海格相关的页面

Inline Side-by-side
Showing 10 changed files with 399 additions and 5 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:42:11 2 * @Date: 2024-09-26 13:42:11
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-17 11:04:59 4 + * @LastEditTime: 2024-10-17 11:21:45
5 * @FilePath: /hager/src/components/common/hagerHeader.vue 5 * @FilePath: /hager/src/components/common/hagerHeader.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </el-col> 46 </el-col>
47 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col> 47 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col>
48 </el-row> 48 </el-row>
49 - <el-row class="hidden-xs-only" style="background-color: #fff; border-top: 1px solid rgba(218, 218, 218, 0.4);"> 49 + <el-row class="hidden-xs-only" style="background-color: #fff; border-top: 1px solid rgba(218, 218, 218, 0.4); border-bottom: 1px solid rgba(218, 218, 218, 0.4);">
50 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col> 50 <el-col :sm="1" :md="1" :lg="3" :xl="4">&nbsp;</el-col>
51 <el-col :sm="22" :md="22" :lg="18" :xl="16" style="position: relative;height: 5rem;"> 51 <el-col :sm="22" :md="22" :lg="18" :xl="16" style="position: relative;height: 5rem;">
52 <el-row> 52 <el-row>
......
...@@ -59,4 +59,58 @@ export default [{ ...@@ -59,4 +59,58 @@ export default [{
59 tag: 'about' 59 tag: 'about'
60 }, 60 },
61 children: [] 61 children: []
62 +}, {
63 + path: '/about/global',
64 + name: '海格全球',
65 + component: () => import('@/views/about/global'),
66 + meta: {
67 + title: '海格电器',
68 + tag: 'about'
69 + },
70 + children: []
71 +}, {
72 + path: '/about/china',
73 + name: '海格电气在中国',
74 + component: () => import('@/views/about/china'),
75 + meta: {
76 + title: '海格电器',
77 + tag: 'about'
78 + },
79 + children: []
80 +}, {
81 + path: '/about/design',
82 + name: '创新设计',
83 + component: () => import('@/views/about/design'),
84 + meta: {
85 + title: '海格电器',
86 + tag: 'about'
87 + },
88 + children: []
89 +}, {
90 + path: '/about/product',
91 + name: '生产研发',
92 + component: () => import('@/views/about/product'),
93 + meta: {
94 + title: '海格电器',
95 + tag: 'about'
96 + },
97 + children: []
98 +}, {
99 + path: '/about/development',
100 + name: '可持续发展',
101 + component: () => import('@/views/about/development'),
102 + meta: {
103 + title: '海格电器',
104 + tag: 'about'
105 + },
106 + children: []
107 +}, {
108 + path: '/about/honors',
109 + name: '荣誉展示',
110 + component: () => import('@/views/about/honors'),
111 + meta: {
112 + title: '海格电器',
113 + tag: 'about'
114 + },
115 + children: []
62 }] 116 }]
......
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:27:27
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + </div>
19 +</template>
20 +
21 +<script>
22 +import mixin from 'common/mixin';
23 +import hagerBox from '@/components/common/hagerBox';
24 +
25 +export default {
26 + components: { hagerBox },
27 + mixins: [mixin.init],
28 + data () {
29 + return {
30 +
31 + }
32 + },
33 + mounted () {
34 +
35 + },
36 + methods: {
37 +
38 + }
39 +}
40 +</script>
41 +
42 +<style lang="less" scoped>
43 + .hager-about-global-page {
44 +
45 + }
46 +</style>
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:27:27
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + </div>
19 +</template>
20 +
21 +<script>
22 +import mixin from 'common/mixin';
23 +import hagerBox from '@/components/common/hagerBox';
24 +
25 +export default {
26 + components: { hagerBox },
27 + mixins: [mixin.init],
28 + data () {
29 + return {
30 +
31 + }
32 + },
33 + mounted () {
34 +
35 + },
36 + methods: {
37 +
38 + }
39 +}
40 +</script>
41 +
42 +<style lang="less" scoped>
43 + .hager-about-global-page {
44 +
45 + }
46 +</style>
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:27:27
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + </div>
19 +</template>
20 +
21 +<script>
22 +import mixin from 'common/mixin';
23 +import hagerBox from '@/components/common/hagerBox';
24 +
25 +export default {
26 + components: { hagerBox },
27 + mixins: [mixin.init],
28 + data () {
29 + return {
30 +
31 + }
32 + },
33 + mounted () {
34 +
35 + },
36 + methods: {
37 +
38 + }
39 +}
40 +</script>
41 +
42 +<style lang="less" scoped>
43 + .hager-about-global-page {
44 +
45 + }
46 +</style>
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:48:43
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + <hager-box>
19 + <el-row style="margin: 3rem 0;">
20 + <el-col :span="8">
21 + <div class="about-box">
22 + <div style="top: 50%; transform: translateY(50%);">
23 + <div class="title">
24 + <p class="c">海格全球</p>
25 + <p class="e">Hager Group</p>
26 + </div>
27 + <div class="introduce" v-clamp="3">海格集团是全球领先的电气及智能化解决方案和服务提供商，应用领域涵盖住宅、商业建筑、公共建筑和工业。</div>
28 + </div>
29 + </div>
30 + </el-col>
31 + <el-col :span="15">
32 + <div class="about-img"></div>
33 + </el-col>
34 + </el-row>
35 + <div class="about-content">
36 + <p>海格电气品牌代表了集团的核心业务，覆盖配电系统、电缆管理系统，KNX 智能控制系统和开关面板、楼宇自动化和安防系统。集团旗下还拥有Berker、Bocchiotti、Elcom 和 E3 / DC 等品牌。这使我们得以整合专能，持续为楼宇自动化领域开发创新产品、系统和服务。</p>
37 + <p>海格集团是行业创新领导者之一，我们与来自工业和电气领域的客户一起致力于引领面向未来的主题，如家庭互联、智能建筑技术、能源效率、生活辅助系统、电动交通、可再生能源。配电系统是这些技术得以实现的中枢，也是伴随我们成长的基础产品。</p>
38 + <p>海格集团于1955年由Hermann Hager、Oswald Hager 博士和他们的父亲Peter Hager 一起创立，集团总部位于德国Blieskastel，直到今天依然是一家独立运营的家族企业。在“真诚、勇气、正直”价值观的指导下，全球13000名员工紧密与客户联系在一起，在2023年创造了约32亿欧元的销售业绩，来自全球22个生产基地的产品和解决方案赢得了100多个国家客户的信任。</p>
39 + </div>
40 + </hager-box>
41 + </div>
42 +</template>
43 +
44 +<script>
45 +import mixin from 'common/mixin';
46 +import hagerBox from '@/components/common/hagerBox';
47 +
48 +export default {
49 + components: { hagerBox },
50 + mixins: [mixin.init],
51 + data () {
52 + return {
53 +
54 + }
55 + },
56 + mounted () {
57 +
58 + },
59 + methods: {
60 +
61 + }
62 +}
63 +</script>
64 +
65 +<style lang="less" scoped>
66 + .hager-about-global-page {
67 + .about-img {
68 + width: 100%;
69 + height: 30rem;
70 + background-repeat: no-repeat;
71 + background-size: cover;
72 + background-position: center;
73 + background-image: url(https://cdn.ipadbiz.cn/hager/img/about/g07@2x.png);
74 + }
75 + .about-box {
76 + background-color: #F7F7F7;
77 + position: relative; /* 父容器设置为相对定位 */
78 + padding: 2rem;
79 + height: 30rem; /* 让 .about-box 撑满父容器 */
80 + box-sizing: border-box;
81 + .title {
82 + font-weight: bold;
83 + .c {
84 + font-size: 2rem;
85 + color: @secondary-color;
86 + }
87 + .e {
88 + font-size: 1.5rem;
89 + color: @primary-color;
90 + }
91 + }
92 + .introduce {
93 + line-height: 1.75;
94 + margin-top: 1rem;
95 + }
96 + }
97 +
98 + .about-content {
99 + padding: 0 2rem 2rem;
100 + p {
101 + line-height: 2;
102 + margin-bottom: 1.5rem;
103 + }
104 + }
105 + }
106 +</style>
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:27:27
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + </div>
19 +</template>
20 +
21 +<script>
22 +import mixin from 'common/mixin';
23 +import hagerBox from '@/components/common/hagerBox';
24 +
25 +export default {
26 + components: { hagerBox },
27 + mixins: [mixin.init],
28 + data () {
29 + return {
30 +
31 + }
32 + },
33 + mounted () {
34 +
35 + },
36 + methods: {
37 +
38 + }
39 +}
40 +</script>
41 +
42 +<style lang="less" scoped>
43 + .hager-about-global-page {
44 +
45 + }
46 +</style>
1 <!-- 1 <!--
2 * @Date: 2024-10-17 09:22:56 2 * @Date: 2024-10-17 09:22:56
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-17 10:46:59 4 + * @LastEditTime: 2024-10-17 11:26:40
5 * @FilePath: /hager/src/views/about/index.vue 5 * @FilePath: /hager/src/views/about/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -102,7 +102,11 @@ export default { ...@@ -102,7 +102,11 @@ export default {
102 102
103 }, 103 },
104 methods: { 104 methods: {
105 - 105 + goTo (path) {
106 + this.$router.push({
107 + path,
108 + });
109 + }
106 } 110 }
107 } 111 }
108 </script> 112 </script>
......
1 +<!--
2 + * @Date: 2024-10-17 11:13:44
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2024-10-17 11:27:27
5 + * @FilePath: /hager/src/views/about/global.vue
6 + * @Description: 文件描述
7 +-->
8 +<template>
9 + <div class="hager-about-global-page">
10 + <hager-box>
11 + <div v-if="!is_xs" style="margin-top: 1.5rem;">
12 + <el-breadcrumb separator="/">
13 + <el-breadcrumb-item>关于海格</el-breadcrumb-item>
14 + <el-breadcrumb-item>{{ $route.name }}</el-breadcrumb-item>
15 + </el-breadcrumb>
16 + </div>
17 + </hager-box>
18 + </div>
19 +</template>
20 +
21 +<script>
22 +import mixin from 'common/mixin';
23 +import hagerBox from '@/components/common/hagerBox';
24 +
25 +export default {
26 + components: { hagerBox },
27 + mixins: [mixin.init],
28 + data () {
29 + return {
30 +
31 + }
32 + },
33 + mounted () {
34 +
35 + },
36 + methods: {
37 +
38 + }
39 +}
40 +</script>
41 +
42 +<style lang="less" scoped>
43 + .hager-about-global-page {
44 +
45 + }
46 +</style>
1 <!-- 1 <!--
2 * @Date: 2024-08-27 10:06:30 2 * @Date: 2024-08-27 10:06:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-10-16 17:41:25 4 + * @LastEditTime: 2024-10-17 11:12:56
5 * @FilePath: /hager/src/views/index.vue 5 * @FilePath: /hager/src/views/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
......