diff --git a/nkebao/src/components/DeviceSelection/api.ts b/nkebao/src/components/DeviceSelection/api.ts
new file mode 100644
index 00000000..90572df2
--- /dev/null
+++ b/nkebao/src/components/DeviceSelection/api.ts
@@ -0,0 +1,10 @@
+import request from "@/api/request";
+
+// 获取设备列表
+export function getDeviceList(params: {
+  page: number;
+  limit: number;
+  keyword?: string;
+}) {
+  return request("/v1/device/list", params, "GET");
+}
diff --git a/nkebao/src/components/DeviceSelection/index.tsx b/nkebao/src/components/DeviceSelection/index.tsx
index 67d5072c..673a8c28 100644
--- a/nkebao/src/components/DeviceSelection/index.tsx
+++ b/nkebao/src/components/DeviceSelection/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { SearchOutlined, ReloadOutlined } from "@ant-design/icons";
 import { Input, Button, Checkbox, Popup, Toast } from "antd-mobile";
-import request from "@/api/request";
+import { getDeviceList } from "./api";
 import style from "./module.scss";
 
 // 设备选择项接口
@@ -37,15 +37,11 @@ export default function DeviceSelection({
   const fetchDevices = async (keyword: string = "") => {
     setLoading(true);
     try {
-      const res = await request(
-        "/v1/device/list",
-        {
-          page: 1,
-          limit: 100,
-          keyword: keyword.trim() || undefined,
-        },
-        "GET"
-      );
+      const res = await getDeviceList({
+        page: 1,
+        limit: 100,
+        keyword: keyword.trim() || undefined,
+      });
 
       if (res && Array.isArray(res.list)) {
         setDevices(
diff --git a/nkebao/src/components/DeviceSelectionDialog/api.ts b/nkebao/src/components/DeviceSelectionDialog/api.ts
new file mode 100644
index 00000000..90572df2
--- /dev/null
+++ b/nkebao/src/components/DeviceSelectionDialog/api.ts
@@ -0,0 +1,10 @@
+import request from "@/api/request";
+
+// 获取设备列表
+export function getDeviceList(params: {
+  page: number;
+  limit: number;
+  keyword?: string;
+}) {
+  return request("/v1/device/list", params, "GET");
+}
diff --git a/nkebao/src/components/DeviceSelectionDialog/index.tsx b/nkebao/src/components/DeviceSelectionDialog/index.tsx
index 4e741e15..5e24cad9 100644
--- a/nkebao/src/components/DeviceSelectionDialog/index.tsx
+++ b/nkebao/src/components/DeviceSelectionDialog/index.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from "react";
 import { SearchOutlined, ReloadOutlined } from "@ant-design/icons";
 import { Input, Button, Checkbox, Popup, Toast } from "antd-mobile";
-import request from "@/api/request";
+import { getDeviceList } from "./api";
 import style from "./module.scss";
 
 interface Device {
@@ -36,15 +36,11 @@ export function DeviceSelectionDialog({
   const fetchDevices = useCallback(async (keyword: string = "") => {
     setLoading(true);
     try {
-      const response = await request(
-        "/v1/device/list",
-        {
-          page: 1,
-          limit: 100,
-          keyword: keyword.trim() || undefined,
-        },
-        "GET"
-      );
+      const response = await getDeviceList({
+        page: 1,
+        limit: 100,
+        keyword: keyword.trim() || undefined,
+      });
 
       if (response && Array.isArray(response.list)) {
         // 转换服务端数据格式为组件需要的格式
diff --git a/nkebao/src/components/FriendSelection/api.ts b/nkebao/src/components/FriendSelection/api.ts
new file mode 100644
index 00000000..f94ab93b
--- /dev/null
+++ b/nkebao/src/components/FriendSelection/api.ts
@@ -0,0 +1,11 @@
+import request from "@/api/request";
+
+// 获取好友列表
+export function getFriendList(params: {
+  page: number;
+  limit: number;
+  deviceIds?: string;
+  keyword?: string;
+}) {
+  return request("/v1/friend", params, "GET");
+}
diff --git a/nkebao/src/components/FriendSelection/index.tsx b/nkebao/src/components/FriendSelection/index.tsx
index 43f37ce5..4bdbd12d 100644
--- a/nkebao/src/components/FriendSelection/index.tsx
+++ b/nkebao/src/components/FriendSelection/index.tsx
@@ -6,7 +6,7 @@ import {
   RightOutlined,
 } from "@ant-design/icons";
 import { Input, Button, Popup, Toast } from "antd-mobile";
-import request from "@/api/request";
+import { getFriendList } from "./api";
 import style from "./module.scss";
 
 // 微信好友接口类型
@@ -97,7 +97,7 @@ export default function FriendSelection({
         params.deviceIds = deviceIds.join(",");
       }
 
-      const res = await request("/v1/friend", params, "GET");
+      const res = await getFriendList(params);
 
       if (res && Array.isArray(res.list)) {
         setFriends(
diff --git a/nkebao/src/components/GroupSelection/api.ts b/nkebao/src/components/GroupSelection/api.ts
new file mode 100644
index 00000000..af1ea70c
--- /dev/null
+++ b/nkebao/src/components/GroupSelection/api.ts
@@ -0,0 +1,10 @@
+import request from "@/api/request";
+
+// 获取群组列表
+export function getGroupList(params: {
+  page: number;
+  limit: number;
+  keyword?: string;
+}) {
+  return request("/v1/chatroom", params, "GET");
+}
diff --git a/nkebao/src/components/GroupSelection/index.tsx b/nkebao/src/components/GroupSelection/index.tsx
index 5e871e86..e2d3b4fe 100644
--- a/nkebao/src/components/GroupSelection/index.tsx
+++ b/nkebao/src/components/GroupSelection/index.tsx
@@ -6,7 +6,7 @@ import {
   RightOutlined,
 } from "@ant-design/icons";
 import { Input, Button, Popup, Toast } from "antd-mobile";
-import request from "@/api/request";
+import { getGroupList } from "./api";
 import style from "./module.scss";
 
 // 群组接口类型
@@ -81,7 +81,7 @@ export default function GroupSelection({
         params.keyword = keyword.trim();
       }
 
-      const res = await request("/v1/chatroom", params, "GET");
+      const res = await getGroupList(params);
 
       if (res && Array.isArray(res.list)) {
         setGroups(
diff --git a/nkebao/src/vite-env.d.ts b/nkebao/src/vite-env.d.ts
index 7d0ff9ef..422e41c2 100644
--- a/nkebao/src/vite-env.d.ts
+++ b/nkebao/src/vite-env.d.ts
@@ -1 +1,11 @@
 /// <reference types="vite/client" />
+
+declare module "*.scss" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.css" {
+  const content: { [className: string]: string };
+  export default content;
+}