From 50f8b32b6d4ba14a944f7a08ba9960d54014f282 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sun, 25 May 2025 22:34:40 +0800
Subject: [PATCH] =?UTF-8?q?refactor(SCSS):=20=E6=B7=BB=E5=8A=A0sass:color?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E4=BB=A5=E6=94=AF=E6=8C=81=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor: 使用configParams动态设置电话链接和团队页面标题

refactor(CaseDetail): 简化当前案例的获取逻辑
```

### 解释：
1. **refactor(SCSS)**: 在多个文件中添加了 `@use "sass:color";` 以支持颜色操作，这是对SCSS的改进。
2. **refactor**: 使用 `configParams` 动态设置电话链接和团队页面的标题、副标题及背景图片，提高了代码的灵活性和可维护性。
3. **refactor(CaseDetail)**: 简化了 `CaseDetail.vue` 中当前案例的获取逻辑，直接返回列表中的第一个案例，减少了代码复杂度。
---
 src/components/CallToAction.vue | 11 ++++++++---
 src/views/company/Team.vue      |  7 ++++---
 src/views/pages/CaseDetail.vue  |  3 ++-
 src/views/pages/Cases.vue       |  1 +
 src/views/pages/Contact.vue     |  1 +
 src/views/pages/Services.vue    |  2 +-
 6 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/CallToAction.vue b/src/components/CallToAction.vue
index e50cace..417631c 100644
--- a/src/components/CallToAction.vue
+++ b/src/components/CallToAction.vue
@@ -1,4 +1,10 @@
 <script setup>
+
+
+import { useConfigStore } from '@/stores/config'
+const { configParams } = useConfigStore()
+
+
 // 接收props参数
 const props = defineProps({
   // 标题文本
@@ -27,9 +33,8 @@ const props = defineProps({
     default: '电话联系'
   },
   // 次按钮链接
-  secondaryButtonLink: {
+  secondaryButtonLink : {
     type: String,
-    default: 'tel:+8612345678901'
   },
   // 是否显示图标
   showIcon: {
@@ -58,7 +63,7 @@ const props = defineProps({
             {{ primaryButtonText }} 
             <i class="fas fa-arrow-right"></i>
           </a>
-          <a :href="secondaryButtonLink" class="btn-outline">{{ secondaryButtonText }}</a>
+          <a :href="secondaryButtonLink || `tel:+186${configParams.phone}`" class="btn-outline">{{ secondaryButtonText }}</a>
         </div>
       </div>
     </div>
diff --git a/src/views/company/Team.vue b/src/views/company/Team.vue
index 9f02764..fb89d75 100644
--- a/src/views/company/Team.vue
+++ b/src/views/company/Team.vue
@@ -99,9 +99,9 @@ const handleContact = (contactInfo) => {
 <template>
   <div class="team-page">
     <PageHeader 
-      title="我们的团队" 
-      subtitle="认识瀚海黎明背后的专业人才" 
-      backgroundImage="https://images.unsplash.com/photo-1522071901873-411886a10004?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80"
+      :title="configParams.team_banner_title" 
+      :subtitle="configParams.team_banner_subtitle" 
+      :backgroundImage="configParams.team_banner_bg && configParams.team_banner_bg.split(',')[0]"
     />
 
     <section class="team-members">
@@ -148,6 +148,7 @@ const handleContact = (contactInfo) => {
 <style lang="scss" scoped>
 /* 导入全局SCSS变量 */
 @use '../../assets/scss/main.scss' as *;
+@use "sass:color";
 
 /* 页面头部样式已移至PageHeader组件 */
 
diff --git a/src/views/pages/CaseDetail.vue b/src/views/pages/CaseDetail.vue
index a581c85..b14567c 100644
--- a/src/views/pages/CaseDetail.vue
+++ b/src/views/pages/CaseDetail.vue
@@ -223,7 +223,7 @@ const casesList = ref([
 
 // 当前案例
 const currentCase = computed(() => {
-    return casesList.value.find(item => item.id === caseId.value) || null;
+    return casesList.value[0] || null;
 });
 
 // 相关案例
@@ -406,6 +406,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 /* 导入全局SCSS变量 */
 @use '../../assets/scss/main.scss' as *;
+@use "sass:color";
 
 /* 页面头部样式 */
 .header-cta {
diff --git a/src/views/pages/Cases.vue b/src/views/pages/Cases.vue
index 662b1a5..ecd49c1 100644
--- a/src/views/pages/Cases.vue
+++ b/src/views/pages/Cases.vue
@@ -123,6 +123,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 /* 导入全局SCSS变量 */
 @use '../../assets/scss/main.scss' as *;
+@use "sass:color";
 
 /* 页面头部样式 */
 .page-header {
diff --git a/src/views/pages/Contact.vue b/src/views/pages/Contact.vue
index 3ffbbb1..2612ba7 100644
--- a/src/views/pages/Contact.vue
+++ b/src/views/pages/Contact.vue
@@ -414,6 +414,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 /* 导入全局SCSS变量 */
 @use '../../assets/scss/main.scss' as *;
+@use "sass:color";
 
 /* 页面头部样式已移至PageHeader组件 */
 
diff --git a/src/views/pages/Services.vue b/src/views/pages/Services.vue
index 0208f69..408e451 100644
--- a/src/views/pages/Services.vue
+++ b/src/views/pages/Services.vue
@@ -132,7 +132,7 @@ onMounted(() => {
             primaryButtonText="联系我们" 
             primaryButtonLink="/contact"
             secondaryButtonText="服务热线" 
-            secondaryButtonLink="tel:+8612345678901"
+            :secondaryButtonLink="`tel:+86${configParams.phone}`"
             iconClass="fas fa-paper-plane"
         />