fix 李琛检查页面问题处理

hookehuyr
Commit eaf11e9186d04fd7a6ae7f99b235fd642163b573 eaf11e91 1 parent 23403719
Showing 5 changed files with 43 additions and 24 deletions
src/views/about/china.vue
src/views/about/design.vue
src/views/about/development.vue
src/views/news/index.vue
src/views/recruit.vue
--- a/src/views/about/china.vue
View file @eaf11e9
+++ b/src/views/about/china.vue
View file @eaf11e9
 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 16:22:44
+ * @LastEditTime: 2024-10-23 14:39:18
  * @FilePath: /hager/src/views/about/china.vue
  * @Description: 关于海格-海格在中国
 -->
@@ -20,14 +20,16 @@
         <el-col :span="8">
           <div class="about-box-wrapper">
             <div class="about-box">
-              <div class="title">
+              <div class="about-box-a">
-                <p class="c">海格电气在中国</p>
+                <div class="title">
-                <p class="e">Hager in China</p>
+                  <p class="c">海格电气在中国</p>
-              </div>
+                  <p class="e">Hager in China</p>
-              <div class="introduce" v-clamp="3">
+                </div>
-                <p>唯有匠心，不负初心。<br/>专注为你，彼此成就！</p>
+                <div class="introduce" v-clamp="3">
-              </div>
+                  <p>唯有匠心，不负初心。<br/>专注为你，彼此成就！</p>
+                </div>
               </div>
+            </div>
           </div>
         </el-col>
         <el-col :span="16">
@@ -109,7 +111,7 @@ export default {
         padding: 2rem;
         background-color: #FFF;
       }
-      .about-box {
+      .about-box-a {
         top: 50%;
         transform: translateY(50%);
         &.xs {
--- a/src/views/about/design.vue
View file @eaf11e9
+++ b/src/views/about/design.vue
View file @eaf11e9
@@ -27,7 +27,7 @@
               <div class="introduce" v-clamp="3">
                 <p>海格电气一直致力于创新，<br/>我们与客户共同着手面向未来的主题。</p>
               </div>
-              </div>
+            </div>
           </div>
         </el-col>
         <el-col :span="16">
--- a/src/views/about/development.vue
View file @eaf11e9
+++ b/src/views/about/development.vue
View file @eaf11e9
 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 16:22:39
+ * @LastEditTime: 2024-10-23 14:46:19
  * @FilePath: /hager/src/views/about/development.vue
  * @Description: 关于海格-可持续发展
 -->
@@ -25,9 +25,11 @@
                 <p class="e">Sustainable<br/>Development</p>
               </div>
               <div class="introduce">
-                <p style="margin: 1.5rem 0 1rem;">“关注人们的需求，关心我们的环境，顺乎道德，合乎责任。”</p>
+                <p style="margin: 1.5rem 0 1rem; text-align: justify;">“关注人们的需求，关心我们的环境，顺乎道德，合乎责任。”</p>
-                <p>——Daniel Hager 先生</p>
+                <div style="text-align: right;">
-                <p>海格集团监事会主席</p>
+                  <p>——Daniel Hager 先生</p>
+                  <p>海格集团监事会主席</p>
+                </div>
               </div>
               </div>
           </div>
@@ -37,7 +39,7 @@
         </el-col>
       </el-row>
       <div class="about-content">
-        <p>作为一家有着明确价值观的家族企业，我们今天就行动起来，以确保未来成功。海格电气一直持续不断地投资我们的员工及其技能开发和培训、优化我们的生态平衡、开发更节能的流程和解决方案。可持续发展是我们获得长期成功的关键。我们所做的每件事都秉承可持续发展的原则，因此我们将整个可持续发展的概念融合成为统一的理念：E3      。E3      是一个广泛的理念，用于指导我们更好地使用地球上有限的资源。三个E分别代表道德（Ethics）、环境（Environment）和能源（Energy）。</p>
+        <div>作为一家有着明确价值观的家族企业，我们今天就行动起来，以确保未来成功。海格电气一直持续不断地投资我们的员工及其技能开发和培训、优化我们的生态平衡、开发更节能的流程和解决方案。可持续发展是我们获得长期成功的关键。我们所做的每件事都秉承可持续发展的原则，因此我们将整个可持续发展的概念融合成为统一的理念：E3<p class="e3-icon"></p>。E3<p class="e3-icon"></p>是一个广泛的理念，用于指导我们更好地使用地球上有限的资源。三个E分别代表道德（Ethics）、环境（Environment）和能源（Energy）。</div>
       </div>
     </hager-box>
     <div v-else>
@@ -131,10 +133,17 @@ export default {
     .about-content {
       padding: 0 2rem 2rem;
-      p {
+      div {
         line-height: 2;
         margin-bottom: 1.5rem;
       }
+      .e3-icon {
+        display: inline-block;
+        width: 1rem;
+        height: 1rem;
+        background-image: url(https://cdn.ipadbiz.cn/hager/img/about/icon/img27@2x.png);
+        background-size: cover;
+      }
     }
   }
 </style>
--- a/src/views/news/index.vue
View file @eaf11e9
+++ b/src/views/news/index.vue
View file @eaf11e9
 <!--
  * @Date: 2024-10-18 12:05:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-23 11:57:18
+ * @LastEditTime: 2024-10-23 14:36:19
  * @FilePath: /hager/src/views/news/index.vue
  * @Description: 文件描述
 -->
@@ -24,10 +24,10 @@
         <div class="card" v-for="(item, index) in news_list" :key="index">
           <img :src="item.cover" alt="学校图片" class="card-image">
           <div class="news-item">
-            <el-tooltip class="item" effect="dark" :content="item.post_title" placement="bottom">
+            <!-- <el-tooltip class="item" effect="dark" :content="item.post_title" placement="bottom">
               <div class="news-item-title">{{ item.post_title }}</div>
-            </el-tooltip>
+            </el-tooltip> -->
-            <!-- <div class="news-item-title">{{ item.post_title }}</div> -->
+            <div class="news-item-title">{{ item.post_title }}</div>
             <p class="news-item-sub"  v-clamp="2">{{ item.post_title_en }}</p>
             <p class="news-item-content" v-clamp="3">{{ item.post_excerpt }}</p>
             <div @click="goToNew(item)" class="news-item-more" style="margin-top: 3rem;">MORE</div>
--- a/src/views/recruit.vue
View file @eaf11e9
+++ b/src/views/recruit.vue
View file @eaf11e9
 <!--
  * @Date: 2024-10-18 13:45:53
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 16:47:27
+ * @LastEditTime: 2024-10-23 14:57:22
  * @FilePath: /hager/src/views/recruit.vue
  * @Description: 招聘信息
 -->
@@ -40,7 +40,7 @@
                 </div>
                 <div class="introduce" v-clamp="7">在海格工作，意味着通过让人们的生活更安全、更清洁、更愉快来塑造明天的电气世界。海格善于寻找激发创造力的人，了解能源管理一切的人，确切知道如何让智能家居真正智能的人......所有人齐心协力解决未来的挑战。也许你就是他们其中一员！</div>
                 </div>
-                <div class="goto-btn">点击查看更多热门岗位</div>
+                <div @click="goToJob" class="goto-btn">点击查看更多热门岗位</div>
             </div>
           </el-col>
           <el-col :span="16">
@@ -58,7 +58,7 @@
             </div>
             <div class="introduce" v-clamp="7">在海格工作，意味着通过让人们的生活更安全、更清洁、更愉快来塑造明天的电气世界。海格善于寻找激发创造力的人，了解能源管理一切的人，确切知道如何让智能家居真正智能的人......所有人齐心协力解决未来的挑战。也许你就是他们其中一员！</div>
             </div>
-            <div class="goto-btn">点击查看更多热门岗位</div>
+            <div @click="goToJob" class="goto-btn">点击查看更多热门岗位</div>
         </div>
       </div>
       <hager-box class="box-n">
@@ -261,7 +261,7 @@ export default {
         img: 'https://cdn.ipadbiz.cn/hager/img/recruit/z14.png',
         zh: '人与企业共同成长',
         en: 'Grow Together',
-        text: '海格集团坚信人与企业共同成长为员工提供终身发展的机会。 <br/> <span>H!海格大学</span>帮助员工学习职业技能,让员工获得职场成长。'
+        text: '海格集团坚信人与企业共同成长为员工提供终身发展的机会。 <br/> <span>HI！海格大学</span>帮助员工学习职业技能，让员工获得职场成长。'
       }],
       recruit_list: [{
         cover: 'https://cdn.ipadbiz.cn/hager/img/recruit/r02@2x.png',
@@ -344,6 +344,11 @@ export default {
       } else {
         this.reach_design_end = false;
       }
+    },
+    goToJob () {
+      // 跳转链接
+      window.open('https://jobs.51job.com/huizhou-zkq/co175578.html?timestamp__1258=eqmxg70QG%3Di%3DqBKD%3DD%2FD0iw5EROoei4D&alichlgref=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3D9qYmYUHyj8fMunFcJyYJ1dfi7')
+      return;
     }
   }
 }
@@ -604,6 +609,9 @@ export default {
         padding: 1.25rem 0;
         font-weight: bold;
         margin-top: 1rem;
+        &:hover {
+          cursor: pointer
+        }
       }
     }