From 76f237ecabf8a5735e421c82f584a2ce8b00aa4e Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Sat, 30 Aug 2025 10:07:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E6=80=81=E5=AE=A2=E6=9C=8D=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/customer/customer.js                      |  5 ++
 .../customer-service-modal.vue                | 61 +++++++++++++------
 config/dev.js                                 |  2 +-
 pages/profile/profile.vue                     |  1 +
 utils/request.js                              |  6 +-
 5 files changed, 52 insertions(+), 23 deletions(-)
 create mode 100644 api/customer/customer.js

diff --git a/api/customer/customer.js b/api/customer/customer.js
new file mode 100644
index 0000000..c9c9ac5
--- /dev/null
+++ b/api/customer/customer.js
@@ -0,0 +1,5 @@
+import { get } from '../../utils/request'
+
+export function getCustomerList() {
+  return get('/app/customer/list')
+}
diff --git a/components/customer-service-modal/customer-service-modal.vue b/components/customer-service-modal/customer-service-modal.vue
index 1863e3f..5be160a 100644
--- a/components/customer-service-modal/customer-service-modal.vue
+++ b/components/customer-service-modal/customer-service-modal.vue
@@ -24,11 +24,11 @@
             <view class="service-info">
               <view class="service-name">
                 <text class="name">{{ service.name }}</text>
-                <text class="phone">{{ service.phone }}</text>
+                <text class="phone">{{ service.contact }}</text>
               </view>
               <view class="work-time">
                 <text class="time-label">工作时间:</text>
-                <text class="time-value">{{ service.workTime }}</text>
+                <text class="time-value">{{ service.startTime }}~{{ service.entTime }}</text>
               </view>
             </view>
             <view class="call-btn" @click="handleCall(service)">
@@ -48,7 +48,8 @@
 </template>
 
 <script setup>
-import { ref, defineProps, defineEmits } from 'vue'
+import { ref, defineProps, defineEmits, onMounted } from 'vue'
+import { getCustomerList } from '../../api/customer/customer'
 
 // 定义props
 const props = defineProps({
@@ -61,19 +62,8 @@ const props = defineProps({
 // 定义emits
 const emit = defineEmits(['close'])
 
-// 客服数据
-const serviceList = ref([
-  {
-    name: '阿帮',
-    phone: '13376970966',
-    workTime: '08:00:00~23:00:00',
-  },
-  {
-    name: '小翔',
-    phone: '13105875911',
-    workTime: '07:00:00~22:00:00',
-  },
-])
+// 响应式数据
+const serviceList = ref([])
 
 // 关闭弹窗
 const handleClose = () => {
@@ -89,7 +79,7 @@ const handleOverlayClick = () => {
 const handleCall = service => {
   uni.showModal({
     title: '确认拨打电话',
-    content: `是否拨打 ${service.name} 的电话 ${service.phone}？`,
+    content: `是否拨打 ${service.name} 的电话 ${service.contact}？`,
     success: res => {
       if (res.confirm) {
         // 检查当前时间是否在工作时间内
@@ -104,7 +94,7 @@ const handleCall = service => {
         if (currentTime >= start && currentTime <= end) {
           // 在工作时间内，直接拨打电话
           uni.makePhoneCall({
-            phoneNumber: service.phone,
+            phoneNumber: service.contact,
             success: () => {
               console.log('拨打电话成功')
             },
@@ -124,7 +114,7 @@ const handleCall = service => {
             success: res => {
               if (res.confirm) {
                 uni.makePhoneCall({
-                  phoneNumber: service.phone,
+                  phoneNumber: service.contact,
                   success: () => {
                     console.log('拨打电话成功')
                   },
@@ -144,6 +134,39 @@ const handleCall = service => {
     },
   })
 }
+
+// 获取客服列表
+const fetchCustomerList = async () => {
+  try {
+    console.log('开始获取客服列表...')
+    console.log('当前弹窗状态:', props.visible)
+
+    const response = await getCustomerList()
+    console.log('API响应:', response)
+
+    if (response && response.data) {
+      serviceList.value = response.data
+      console.log('客服列表获取成功:', serviceList.value)
+    } else {
+      console.warn('API响应中没有data字段:', response)
+    }
+  } catch (error) {
+    console.error('获取客服列表失败:', error)
+    // 隐藏加载状态
+    uni.hideLoading()
+
+    uni.showToast({
+      title: '获取客服信息失败',
+      icon: 'none',
+    })
+  }
+}
+
+// 组件挂载时也尝试获取一次数据
+onMounted(() => {
+  console.log('组件挂载，visible状态:', props.visible)
+  fetchCustomerList()
+})
 </script>
 
 <style scoped>
diff --git a/config/dev.js b/config/dev.js
index 02a66b7..53256f2 100644
--- a/config/dev.js
+++ b/config/dev.js
@@ -2,7 +2,7 @@
 export const DEV_CONFIG = {
   // 临时token，用于开发测试
   TEMP_TOKEN:
-    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjQzMjljNzhjLTFmN2YtNGRkMS1iMDllLTZjNGRhZGI4MWUzZSJ9.S6TisMbcX1V1LqGilCG9BGye-p_36pWzgaF67O3DxN2exLR48oZLEAxYdbjNU5cqEtg4x5WJ3rpVs2gQer3xig',
+    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjA2NzFkNWMzLTViZTEtNGFjZi1hYmFjLTMxZWZjYjY0NTg2MyJ9.dPnZkiM7f3v-uP1MMRwwIwNjPciZdQcHsz79n8WehiDPtFMGm_VsfJE4P_gN2N8nVcJJ5lf7YcKZW3HRUautXQ',
 
   // 是否使用临时token
   USE_TEMP_TOKEN: true,
diff --git a/pages/profile/profile.vue b/pages/profile/profile.vue
index 1bfe205..a7e136a 100644
--- a/pages/profile/profile.vue
+++ b/pages/profile/profile.vue
@@ -149,6 +149,7 @@ export default {
         deviceNum: 0,
         rentAmount: 0,
       },
+      CustomerList: [],
       loading: false,
       isAgent: false,
     }
diff --git a/utils/request.js b/utils/request.js
index 1a75b59..a17104a 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -19,17 +19,17 @@ const ENV_CONFIG = {
   develop: {
     // 开发环境
     // baseUrl: 'http://192.168.2.174:4501',
-    baseUrl: 'http://192.168.2.174:4601',
+    baseUrl: 'http://192.168.2.244:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
   trial: {
     // 体验版
-    baseUrl: 'http://192.168.2.174:4601',
+    baseUrl: 'http://192.168.2.244:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
   release: {
     // 正式版
-    baseUrl: 'http://192.168.2.174:4601',
+    baseUrl: 'http://192.168.2.244:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
 }