FEAT => 本次更新项目为:
-设备管理-设备详情-关联账户-微信号详情(微信号管理的详情)✔
This commit is contained in:
@@ -3,7 +3,6 @@ import { useParams, useNavigate } from "react-router-dom";
|
||||
import { NavBar, Tabs, Switch, Toast, SpinLoading, Button } from "antd-mobile";
|
||||
import { SettingOutlined, RedoOutlined } from "@ant-design/icons";
|
||||
import Layout from "@/components/Layout/Layout";
|
||||
import MeauMobile from "@/components/MeauMobile/MeauMoible";
|
||||
import {
|
||||
fetchDeviceDetail,
|
||||
fetchDeviceRelatedAccounts,
|
||||
@@ -23,7 +22,7 @@ const DeviceDetail: React.FC = () => {
|
||||
const [logs, setLogs] = useState<HandleLog[]>([]);
|
||||
const [logsLoading, setLogsLoading] = useState(false);
|
||||
const [featureSaving, setFeatureSaving] = useState<{ [k: string]: boolean }>(
|
||||
{}
|
||||
{},
|
||||
);
|
||||
|
||||
// 获取设备详情
|
||||
@@ -82,7 +81,7 @@ const DeviceDetail: React.FC = () => {
|
||||
// 功能开关
|
||||
const handleFeatureChange = async (
|
||||
feature: keyof Device["features"],
|
||||
checked: boolean
|
||||
checked: boolean,
|
||||
) => {
|
||||
if (!id) return;
|
||||
setFeatureSaving(prev => ({ ...prev, [feature]: true }));
|
||||
@@ -94,7 +93,7 @@ const DeviceDetail: React.FC = () => {
|
||||
...prev,
|
||||
features: { ...prev.features, [feature]: checked },
|
||||
}
|
||||
: prev
|
||||
: prev,
|
||||
);
|
||||
Toast.show({
|
||||
content: `${getFeatureName(feature)}已${checked ? "开启" : "关闭"}`,
|
||||
@@ -199,9 +198,9 @@ const DeviceDetail: React.FC = () => {
|
||||
}}
|
||||
>
|
||||
{["autoAddFriend", "autoReply", "momentsSync", "aiChat"].map(
|
||||
f => (
|
||||
(f, index) => (
|
||||
<div
|
||||
key={f}
|
||||
key={`${f}-${index}`}
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
@@ -219,12 +218,12 @@ const DeviceDetail: React.FC = () => {
|
||||
onChange={checked =>
|
||||
handleFeatureChange(
|
||||
f as keyof Device["features"],
|
||||
checked
|
||||
checked,
|
||||
)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
),
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
@@ -254,9 +253,9 @@ const DeviceDetail: React.FC = () => {
|
||||
<div
|
||||
style={{ display: "flex", flexDirection: "column", gap: 12 }}
|
||||
>
|
||||
{accounts.map(acc => (
|
||||
{accounts.map((acc, index) => (
|
||||
<div
|
||||
key={acc.id}
|
||||
key={`${acc.id}-${index}`}
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
@@ -265,6 +264,9 @@ const DeviceDetail: React.FC = () => {
|
||||
borderRadius: 8,
|
||||
padding: 10,
|
||||
}}
|
||||
onClick={() => {
|
||||
navigate(`/wechat-accounts/detail/${acc.wechatId}`);
|
||||
}}
|
||||
>
|
||||
<img
|
||||
src={acc.avatar || "/placeholder.svg"}
|
||||
@@ -334,9 +336,9 @@ const DeviceDetail: React.FC = () => {
|
||||
<div
|
||||
style={{ display: "flex", flexDirection: "column", gap: 12 }}
|
||||
>
|
||||
{logs.map(log => (
|
||||
{logs.map((log, index) => (
|
||||
<div
|
||||
key={log.id}
|
||||
key={`${log.id}-${index}`}
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: "column",
|
||||
|
||||
Reference in New Issue
Block a user