hy/hyapp-admin-platform
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化表单

Browse Source
This commit is contained in:
zhx 2026-06-23 11:53:05 +08:00
parent 57231bc95a
commit 8c23d7e6a7
5 changed files with 365 additions and 395 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.test.jsx
View File

@ -118,6 +118,8 @@ test("renders cp config route with an authenticated session", async () => {
renderWithRoute("/activities/cp-config");
expect((await screen.findAllByText("CP配置")).length).toBeGreaterThan(0);
expect(await screen.findByText("已加载 1 条 · 共 1 条")).toBeInTheDocument();
expect(screen.queryByText("共 1 条")).not.toBeInTheDocument();
});
test("admin routes declare menu code and permission", () => {

1
src/features/cp-config/pages/CPConfigPage.jsx
View File

@ -93,7 +93,6 @@ export function CPConfigPage() {
rowKey={(item) =>
isApplicationsTab ? item.applicationId : item.relationshipId || `${item.userA?.userId}-${item.userB?.userId}`
}
total={activePage.total}
/>
</AdminListBody>
</DataState>

42
src/features/rooms/hooks/useRobotRoomsPage.js
View File

@ -82,7 +82,6 @@ export function useRobotRoomsPage() {
const { showToast } = useToast();
const [activeAction, setActiveAction] = useState("");
const [availableRobotsState, setAvailableRobotsState] = useState({ error: "", loading: false, options: [] });
const [candidatesTouched, setCandidatesTouched] = useState(false);
const [form, setForm] = useState(emptyForm);
const [giftOptionsState, setGiftOptionsState] = useState({ error: "", loading: false, options: [] });
const [humanConfigState, setHumanConfigState] = useState({ config: null, error: "", loading: false });
@ -151,14 +150,21 @@ export function useRobotRoomsPage() {
}, [activeAction]);
useEffect(() => {
if (activeAction !== "create" || candidatesTouched) {
if (activeAction !== "create") {
return;
}
const ids = availableRobotsState.options.map((item) => item.userId).filter(Boolean);
if (ids.length > 0) {
setForm((current) => ({ ...current, candidateRobotUserIds: ids }));
}
}, [activeAction, availableRobotsState.options, candidatesTouched]);
const ownerRobotUserId = String(form.ownerRobotUserId || "");
const ids = availableRobotsState.options
.map((item) => item.userId)
.filter((userId) => userId && String(userId) !== ownerRobotUserId);
setForm((current) => {
const currentIds = (current.candidateRobotUserIds || []).map(String);
if (currentIds.join(",") === ids.map(String).join(",")) {
return current;
}
return { ...current, candidateRobotUserIds: ids };
});
}, [activeAction, availableRobotsState.options, form.ownerRobotUserId]);
const changeStatus = (value) => {
setStatus(value || "active");
@ -172,7 +178,6 @@ export function useRobotRoomsPage() {
const openCreate = () => {
setActiveAction("create");
setCandidatesTouched(false);
setForm(emptyForm());
setAvailableRobotsState({ error: "", loading: false, options: [] });
setGiftOptionsState({ error: "", loading: false, options: [] });
@ -233,16 +238,6 @@ export function useRobotRoomsPage() {
}));
};
const selectCandidateRobots = (robots) => {
setCandidatesTouched(true);
setForm((current) => ({
...current,
candidateRobotUserIds: robots
.map((robot) => robot.userId)
.filter((userId) => userId && String(userId) !== String(current.ownerRobotUserId)),
}));
};
const selectGiftIds = (key, gifts) => {
setForm((current) => ({ ...current, [key]: gifts.map(giftId).filter(Boolean) }));
};
@ -313,14 +308,6 @@ export function useRobotRoomsPage() {
() => availableRobotsState.options.find((item) => item.userId === String(form.ownerRobotUserId)) || null,
[availableRobotsState.options, form.ownerRobotUserId],
);
const selectedCandidateRobots = useMemo(() => {
const selected = new Set((form.candidateRobotUserIds || []).map(String));
return availableRobotsState.options.filter((item) => selected.has(String(item.userId)));
}, [availableRobotsState.options, form.candidateRobotUserIds]);
const candidateRobotOptions = useMemo(
() => availableRobotsState.options.filter((item) => String(item.userId) !== String(form.ownerRobotUserId)),
[availableRobotsState.options, form.ownerRobotUserId],
);
const countryLabels = useMemo(
() => Object.fromEntries(countryOptions.map((option) => [option.value, option.label])),
[countryOptions],
@ -365,7 +352,6 @@ export function useRobotRoomsPage() {
availableRobots: availableRobotsState.options,
changeStatus,
closeAction,
candidateRobotOptions,
countryOptions,
data,
error,
@ -387,11 +373,9 @@ export function useRobotRoomsPage() {
page,
reload,
resetFilters,
selectCandidateRobots,
selectGiftIds,
selectHumanGiftIds,
selectOwnerRobot,
selectedCandidateRobots,
selectedGiftOptions,
selectedLuckyGiftOptions,
selectedHumanGiftOptions,

705
src/features/rooms/pages/RoomRobotPage.jsx
View File

@ -7,7 +7,12 @@ import MenuItem from "@mui/material/MenuItem";
import TextField from "@mui/material/TextField";
import Tooltip from "@mui/material/Tooltip";
import { Button } from "@/shared/ui/Button.jsx";
import { AdminFormDialog } from "@/shared/ui/AdminFormDialog.jsx";
import {
AdminFormAmountField,
AdminFormDialog,
AdminFormFieldGrid,
AdminFormSection,
} from "@/shared/ui/AdminFormDialog.jsx";
import { AdminUserIdentity } from "@/shared/ui/AdminUserIdentity.jsx";
import { DataState } from "@/shared/ui/DataState.jsx";
import { DataTable } from "@/shared/ui/DataTable.jsx";
@ -190,190 +195,138 @@ export function RoomRobotPage() {
onClose={page.closeAction}
onSubmit={page.submitCreate}
>
<Autocomplete
getOptionLabel={robotOptionLabel}
isOptionEqualToValue={(option, value) => option.userId === value.userId}
loading={page.availableRobotsLoading}
noOptionsText="当前无数据"
options={page.availableRobots}
renderInput={(params) => (
<TextField
{...params}
error={Boolean(page.availableRobotsError)}
helperText={page.availableRobotsError}
label="房主机器人"
required
/>
)}
renderOption={(props, option) => (
<li {...props} key={option.userId}>
<OwnerRobotOption
countryLabels={page.robotCountryLabels}
loadingLocation={page.loadingRobotLocationOptions}
option={option}
regionLabels={page.robotRegionLabels}
<AdminFormSection title="房主设置">
<Autocomplete
getOptionLabel={robotOptionLabel}
isOptionEqualToValue={(option, value) => option.userId === value.userId}
loading={page.availableRobotsLoading}
noOptionsText="当前无数据"
options={page.availableRobots}
renderInput={(params) => (
<TextField
{...params}
error={Boolean(page.availableRobotsError)}
helperText={page.availableRobotsError}
label="房主机器人"
required
/>
</li>
)}
size="small"
value={page.selectedOwnerRobot}
onChange={(_, option) => page.selectOwnerRobot(option)}
/>
<Autocomplete
multiple
disableCloseOnSelect
getOptionLabel={robotOptionLabel}
isOptionEqualToValue={(option, value) => option.userId === value.userId}
loading={page.availableRobotsLoading}
noOptionsText="当前无数据"
options={page.candidateRobotOptions}
renderInput={(params) => (
<TextField
{...params}
error={Boolean(page.availableRobotsError)}
helperText={page.availableRobotsError}
label={<RequiredLabel>候选机器人</RequiredLabel>}
)}
renderOption={(props, option) => (
<li {...props} key={option.userId}>
<OwnerRobotOption
countryLabels={page.robotCountryLabels}
loadingLocation={page.loadingRobotLocationOptions}
option={option}
regionLabels={page.robotRegionLabels}
/>
</li>
)}
size="small"
value={page.selectedOwnerRobot}
onChange={(_, option) => page.selectOwnerRobot(option)}
/>
</AdminFormSection>
<AdminFormSection title="进房规则">
<AdminFormFieldGrid>
<ConfigNumberField
label="最少进房人数"
value={page.form.minRobotCount}
onChange={(value) => page.setForm({ ...page.form, minRobotCount: value })}
/>
)}
renderOption={(props, option) => (
<li {...props} key={option.userId}>
<RobotIdentity openInAppUserDetail={false} user={option.user} fallbackId={option.userId} />
</li>
)}
size="small"
value={page.selectedCandidateRobots}
onChange={(_, options) => page.selectCandidateRobots(options)}
/>
<div className={styles.formGrid}>
<TextField
label="最少进房人数"
required
type="number"
value={page.form.minRobotCount}
onChange={(event) => page.setForm({ ...page.form, minRobotCount: event.target.value })}
/>
<TextField
label="最多进房人数"
required
type="number"
value={page.form.maxRobotCount}
onChange={(event) => page.setForm({ ...page.form, maxRobotCount: event.target.value })}
/>
</div>
<Autocomplete
multiple
disableCloseOnSelect
getOptionLabel={giftOptionLabel}
isOptionEqualToValue={(option, value) => giftId(option) === giftId(value)}
loading={page.giftOptionsLoading}
noOptionsText="当前无数据"
options={page.giftOptions}
renderInput={(params) => (
<TextField
{...params}
error={Boolean(page.giftOptionsError)}
helperText={page.giftOptionsError}
label={<RequiredLabel>礼物合集</RequiredLabel>}
<ConfigNumberField
label="最多进房人数"
value={page.form.maxRobotCount}
onChange={(value) => page.setForm({ ...page.form, maxRobotCount: value })}
/>
)}
size="small"
value={page.selectedGiftOptions}
onChange={(_, options) => page.selectGiftIds("giftIds", options)}
/>
<TextField
label="普通礼物频次(毫秒)"
required
type="number"
value={page.form.normalGiftIntervalMs}
onChange={(event) => page.setForm({ ...page.form, normalGiftIntervalMs: event.target.value })}
/>
<div className={styles.formGrid}>
<TextField
label="最短停留(毫秒)"
</AdminFormFieldGrid>
</AdminFormSection>
<AdminFormSection title="普通礼物规则">
<GiftAutocomplete
error={Boolean(page.giftOptionsError)}
helperText={page.giftOptionsError}
label="礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
required
type="number"
value={page.form.robotStayMinMs}
onChange={(event) => page.setForm({ ...page.form, robotStayMinMs: event.target.value })}
value={page.selectedGiftOptions}
onChange={(options) => page.selectGiftIds("giftIds", options)}
/>
<TextField
label="最长停留(毫秒)"
required
type="number"
value={page.form.robotStayMaxMs}
onChange={(event) => page.setForm({ ...page.form, robotStayMaxMs: event.target.value })}
/>
<TextField
label="最短补位(毫秒)"
required
type="number"
value={page.form.robotReplaceMinMs}
onChange={(event) => page.setForm({ ...page.form, robotReplaceMinMs: event.target.value })}
/>
<TextField
label="最长补位(毫秒)"
required
type="number"
value={page.form.robotReplaceMaxMs}
onChange={(event) => page.setForm({ ...page.form, robotReplaceMaxMs: event.target.value })}
/>
<TextField
label="同时送礼上限"
required
type="number"
value={page.form.maxGiftSenders}
onChange={(event) => page.setForm({ ...page.form, maxGiftSenders: event.target.value })}
/>
</div>
<Autocomplete
multiple
disableCloseOnSelect
getOptionLabel={giftOptionLabel}
isOptionEqualToValue={(option, value) => giftId(option) === giftId(value)}
loading={page.giftOptionsLoading}
noOptionsText="当前无数据"
options={page.giftOptions}
renderInput={(params) => (
<TextField
{...params}
error={Boolean(page.giftOptionsError)}
helperText={page.giftOptionsError}
label={<RequiredLabel>幸运礼物合集</RequiredLabel>}
<AdminFormFieldGrid>
<ConfigNumberField
label="普通礼物频次"
unit="毫秒"
value={page.form.normalGiftIntervalMs}
onChange={(value) => page.setForm({ ...page.form, normalGiftIntervalMs: value })}
/>
)}
size="small"
value={page.selectedLuckyGiftOptions}
onChange={(_, options) => page.selectGiftIds("luckyGiftIds", options)}
/>
<div className={styles.formGrid}>
<TextField
label="最少幸运连击"
<ConfigNumberField
label="最短停留"
unit="毫秒"
value={page.form.robotStayMinMs}
onChange={(value) => page.setForm({ ...page.form, robotStayMinMs: value })}
/>
<ConfigNumberField
label="最长停留"
unit="毫秒"
value={page.form.robotStayMaxMs}
onChange={(value) => page.setForm({ ...page.form, robotStayMaxMs: value })}
/>
<ConfigNumberField
label="最短补位"
min={0}
unit="毫秒"
value={page.form.robotReplaceMinMs}
onChange={(value) => page.setForm({ ...page.form, robotReplaceMinMs: value })}
/>
<ConfigNumberField
label="最长补位"
min={0}
unit="毫秒"
value={page.form.robotReplaceMaxMs}
onChange={(value) => page.setForm({ ...page.form, robotReplaceMaxMs: value })}
/>
<ConfigNumberField
label="同时送礼上限"
value={page.form.maxGiftSenders}
onChange={(value) => page.setForm({ ...page.form, maxGiftSenders: value })}
/>
</AdminFormFieldGrid>
</AdminFormSection>
<AdminFormSection title="幸运礼物规则">
<GiftAutocomplete
error={Boolean(page.giftOptionsError)}
helperText={page.giftOptionsError}
label="幸运礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
required
type="number"
value={page.form.luckyComboMin}
onChange={(event) => page.setForm({ ...page.form, luckyComboMin: event.target.value })}
value={page.selectedLuckyGiftOptions}
onChange={(options) => page.selectGiftIds("luckyGiftIds", options)}
/>
<TextField
label="最多幸运连击"
required
type="number"
value={page.form.luckyComboMax}
onChange={(event) => page.setForm({ ...page.form, luckyComboMax: event.target.value })}
/>
<TextField
label="最短幸运间隔(毫秒)"
required
type="number"
value={page.form.luckyPauseMinMs}
onChange={(event) => page.setForm({ ...page.form, luckyPauseMinMs: event.target.value })}
/>
<TextField
label="最长幸运间隔(毫秒)"
required
type="number"
value={page.form.luckyPauseMaxMs}
onChange={(event) => page.setForm({ ...page.form, luckyPauseMaxMs: event.target.value })}
/>
</div>
<AdminFormFieldGrid>
<ConfigNumberField
label="最少幸运连击"
value={page.form.luckyComboMin}
onChange={(value) => page.setForm({ ...page.form, luckyComboMin: value })}
/>
<ConfigNumberField
label="最多幸运连击"
value={page.form.luckyComboMax}
onChange={(value) => page.setForm({ ...page.form, luckyComboMax: value })}
/>
<ConfigNumberField
label="最短幸运间隔"
unit="毫秒"
value={page.form.luckyPauseMinMs}
onChange={(value) => page.setForm({ ...page.form, luckyPauseMinMs: value })}
/>
<ConfigNumberField
label="最长幸运间隔"
unit="毫秒"
value={page.form.luckyPauseMaxMs}
onChange={(value) => page.setForm({ ...page.form, luckyPauseMaxMs: value })}
/>
</AdminFormFieldGrid>
</AdminFormSection>
</AdminFormDialog>
<HumanConfigDialog page={page} />
</section>
@ -446,190 +399,199 @@ function HumanConfigDialog({ page }) {
onClose={page.closeAction}
onSubmit={page.submitHumanConfig}
>
<div className={styles.formGrid}>
<label className={styles.switchField}>
<AdminSwitch
checked={Boolean(page.humanConfigForm.enabled)}
checkedLabel="启用"
label="启用真人房间机器人"
uncheckedLabel="关闭"
onChange={(_, checked) =>
page.setHumanConfigForm({ ...page.humanConfigForm, enabled: checked })
<AdminFormSection
actions={
<div className={styles.configSwitchActions}>
<span className={styles.switchField}>
<AdminSwitch
checked={Boolean(page.humanConfigForm.enabled)}
checkedLabel="启用"
label="启用真人房间机器人"
uncheckedLabel="关闭"
onChange={(_, checked) =>
page.setHumanConfigForm({ ...page.humanConfigForm, enabled: checked })
}
/>
</span>
</div>
}
title="基础规则"
>
<AdminFormFieldGrid>
<ConfigNumberField
label="真人房间低于人数"
value={page.humanConfigForm.candidateRoomMaxOnline}
onChange={(value) =>
page.setHumanConfigForm({
...page.humanConfigForm,
candidateRoomMaxOnline: value,
})
}
/>
</label>
<label className={styles.switchField}>
<AdminSwitch
checked={Boolean(page.humanConfigForm.countryLimitEnabled)}
checkedLabel="启用"
label="启用国家配置"
uncheckedLabel="关闭"
onChange={(_, checked) => page.setHumanCountryLimitEnabled(checked)}
<ConfigNumberField
label="目标人数下限"
value={page.humanConfigForm.roomTargetMinOnline}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, roomTargetMinOnline: value })
}
/>
</label>
<TextField
label="真人房间低于人数"
<ConfigNumberField
label="目标人数上限"
value={page.humanConfigForm.roomTargetMaxOnline}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, roomTargetMaxOnline: value })
}
/>
</AdminFormFieldGrid>
</AdminFormSection>
<AdminFormSection title="送礼机器人规则">
<AdminFormFieldGrid>
<ConfigNumberField
label="最短送礼间隔"
unit="毫秒"
value={page.humanConfigForm.normalGiftIntervalMinMs}
onChange={(value) =>
page.setHumanConfigForm({
...page.humanConfigForm,
normalGiftIntervalMinMs: value,
})
}
/>
<ConfigNumberField
label="最长送礼间隔"
unit="毫秒"
value={page.humanConfigForm.normalGiftIntervalMaxMs}
onChange={(value) =>
page.setHumanConfigForm({
...page.humanConfigForm,
normalGiftIntervalMaxMs: value,
})
}
/>
<ConfigNumberField
label="最短停留"
unit="毫秒"
value={page.humanConfigForm.robotStayMinMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotStayMinMs: value })
}
/>
<ConfigNumberField
label="最长停留"
unit="毫秒"
value={page.humanConfigForm.robotStayMaxMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotStayMaxMs: value })
}
/>
<ConfigNumberField
label="最短补位"
min={0}
unit="毫秒"
value={page.humanConfigForm.robotReplaceMinMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotReplaceMinMs: value })
}
/>
<ConfigNumberField
label="最长补位"
min={0}
unit="毫秒"
value={page.humanConfigForm.robotReplaceMaxMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotReplaceMaxMs: value })
}
/>
<ConfigNumberField
label="房间送礼机器人数"
value={page.humanConfigForm.maxGiftSenders}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, maxGiftSenders: value })
}
/>
</AdminFormFieldGrid>
</AdminFormSection>
<AdminFormSection title="礼物合集">
<GiftAutocomplete
label="普通礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
required
type="number"
value={page.humanConfigForm.candidateRoomMaxOnline}
onChange={(event) =>
page.setHumanConfigForm({
...page.humanConfigForm,
candidateRoomMaxOnline: event.target.value,
})
}
value={page.selectedHumanGiftOptions.giftIds}
onChange={(options) => page.selectHumanGiftIds("giftIds", options)}
/>
<TextField
label="目标人数下限"
required
type="number"
value={page.humanConfigForm.roomTargetMinOnline}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, roomTargetMinOnline: event.target.value })
}
<GiftAutocomplete
label="幸运礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
value={page.selectedHumanGiftOptions.luckyGiftIds}
onChange={(options) => page.selectHumanGiftIds("luckyGiftIds", options)}
/>
<TextField
label="目标人数上限"
required
type="number"
value={page.humanConfigForm.roomTargetMaxOnline}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, roomTargetMaxOnline: event.target.value })
}
<GiftAutocomplete
label="超级幸运礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
value={page.selectedHumanGiftOptions.superLuckyGiftIds}
onChange={(options) => page.selectHumanGiftIds("superLuckyGiftIds", options)}
/>
</div>
<div className={styles.formGrid}>
<TextField
label="最短送礼间隔(毫秒)"
required
type="number"
value={page.humanConfigForm.normalGiftIntervalMinMs}
onChange={(event) =>
page.setHumanConfigForm({
...page.humanConfigForm,
normalGiftIntervalMinMs: event.target.value,
})
}
/>
<TextField
label="最长送礼间隔(毫秒)"
required
type="number"
value={page.humanConfigForm.normalGiftIntervalMaxMs}
onChange={(event) =>
page.setHumanConfigForm({
...page.humanConfigForm,
normalGiftIntervalMaxMs: event.target.value,
})
}
/>
<TextField
label="最短停留(毫秒)"
required
type="number"
value={page.humanConfigForm.robotStayMinMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotStayMinMs: event.target.value })
}
/>
<TextField
label="最长停留(毫秒)"
required
type="number"
value={page.humanConfigForm.robotStayMaxMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotStayMaxMs: event.target.value })
}
/>
<TextField
label="最短补位(毫秒)"
required
type="number"
value={page.humanConfigForm.robotReplaceMinMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotReplaceMinMs: event.target.value })
}
/>
<TextField
label="最长补位(毫秒)"
required
type="number"
value={page.humanConfigForm.robotReplaceMaxMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, robotReplaceMaxMs: event.target.value })
}
/>
<TextField
label="房间送礼机器人数"
required
type="number"
value={page.humanConfigForm.maxGiftSenders}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, maxGiftSenders: event.target.value })
}
/>
</div>
<GiftAutocomplete
label="普通礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
required
value={page.selectedHumanGiftOptions.giftIds}
onChange={(options) => page.selectHumanGiftIds("giftIds", options)}
/>
<div className={styles.formGrid}>
<TextField
label="最少幸运连击"
required
type="number"
value={page.humanConfigForm.luckyComboMin}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyComboMin: event.target.value })
}
/>
<TextField
label="最多幸运连击"
required
type="number"
value={page.humanConfigForm.luckyComboMax}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyComboMax: event.target.value })
}
/>
<TextField
label="最短幸运间隔(毫秒)"
required
type="number"
value={page.humanConfigForm.luckyPauseMinMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyPauseMinMs: event.target.value })
}
/>
<TextField
label="最长幸运间隔(毫秒)"
required
type="number"
value={page.humanConfigForm.luckyPauseMaxMs}
onChange={(event) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyPauseMaxMs: event.target.value })
}
/>
</div>
<GiftAutocomplete
label="幸运礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
value={page.selectedHumanGiftOptions.luckyGiftIds}
onChange={(options) => page.selectHumanGiftIds("luckyGiftIds", options)}
/>
<GiftAutocomplete
label="超级幸运礼物合集"
loading={page.giftOptionsLoading}
options={page.giftOptions}
value={page.selectedHumanGiftOptions.superLuckyGiftIds}
onChange={(options) => page.selectHumanGiftIds("superLuckyGiftIds", options)}
/>
{page.humanConfigForm.countryLimitEnabled ? <HumanCountryRules page={page} /> : null}
</AdminFormSection>
<AdminFormSection title="幸运连击规则">
<AdminFormFieldGrid>
<ConfigNumberField
label="最少幸运连击"
value={page.humanConfigForm.luckyComboMin}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyComboMin: value })
}
/>
<ConfigNumberField
label="最多幸运连击"
value={page.humanConfigForm.luckyComboMax}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyComboMax: value })
}
/>
<ConfigNumberField
label="最短幸运间隔"
unit="毫秒"
value={page.humanConfigForm.luckyPauseMinMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyPauseMinMs: value })
}
/>
<ConfigNumberField
label="最长幸运间隔"
unit="毫秒"
value={page.humanConfigForm.luckyPauseMaxMs}
onChange={(value) =>
page.setHumanConfigForm({ ...page.humanConfigForm, luckyPauseMaxMs: value })
}
/>
</AdminFormFieldGrid>
</AdminFormSection>
<AdminFormSection
actions={
<div className={styles.configSwitchActions}>
<span className={styles.switchField}>
<AdminSwitch
checked={Boolean(page.humanConfigForm.countryLimitEnabled)}
checkedLabel="启用"
label="启用国家配置"
uncheckedLabel="关闭"
onChange={(_, checked) => page.setHumanCountryLimitEnabled(checked)}
/>
</span>
</div>
}
title="国家进房配置"
>
{page.humanConfigForm.countryLimitEnabled ? <HumanCountryRules page={page} /> : null}
</AdminFormSection>
<section className={styles.robotAutoPoolNotice}>
<div className={styles.primaryText}>机器人池自动获取</div>
<div className={styles.meta}>
@ -642,12 +604,26 @@ function HumanConfigDialog({ page }) {
);
}
function ConfigNumberField({ label, min = 1, onChange, size, unit, value }) {
const fieldProps = {
label,
required: true,
size,
slotProps: { htmlInput: { min, step: 1 } },
type: "number",
value,
onChange: (event) => onChange(event.target.value),
};
return unit ? <AdminFormAmountField {...fieldProps} unit={unit} /> : <TextField {...fieldProps} />;
}
function HumanCountryRules({ page }) {
const rows = page.humanConfigForm.countryRules || [];
return (
<section className={styles.countryRulesSection}>
<div className={styles.countryRulesHeader}>
<div className={styles.primaryText}>国家进房配置</div>
<div className={styles.meta}>按机器人账号国家限制同时进入真人房的房间数量</div>
<Button
startIcon={<AddOutlined fontSize="small" />}
variant="secondary"
@ -675,15 +651,11 @@ function HumanCountryRules({ page }) {
</MenuItem>
))}
</TextField>
<TextField
<ConfigNumberField
label="进房数量"
required
size="small"
type="number"
value={rule.maxRoomCount}
onChange={(event) =>
page.updateHumanCountryRule(index, { maxRoomCount: event.target.value })
}
onChange={(value) => page.updateHumanCountryRule(index, { maxRoomCount: value })}
/>
<Button
startIcon={<DeleteOutlineOutlined fontSize="small" />}
@ -694,13 +666,13 @@ function HumanCountryRules({ page }) {
</Button>
</div>
))}
{rows.length === 0 ? <div className={styles.meta}>当前没有国家配置</div> : null}
{rows.length === 0 ? <div className={styles.meta}>当前无数据</div> : null}
</div>
</section>
);
}
function GiftAutocomplete({ label, loading, onChange, options, required = false, value }) {
function GiftAutocomplete({ error = false, helperText = "", label, loading, onChange, options, required = false, value }) {
return (
<Autocomplete
multiple
@ -711,7 +683,12 @@ function GiftAutocomplete({ label, loading, onChange, options, required = false,
noOptionsText="当前无数据"
options={options}
renderInput={(params) => (
<TextField {...params} label={required ? <RequiredLabel>{label}</RequiredLabel> : label} />
<TextField
{...params}
error={error}
helperText={helperText}
label={required ? <RequiredLabel>{label}</RequiredLabel> : label}
/>
)}
size="small"
value={value}

10
src/features/rooms/rooms.module.css
View File

@ -286,6 +286,13 @@
align-items: center;
}
.configSwitchActions {
display: inline-flex;
min-width: 0;
align-items: center;
gap: var(--space-2);
}
.robotAutoPoolNotice {
display: grid;
gap: var(--space-3);
@ -319,13 +326,14 @@
.countryRuleRow {
display: grid;
grid-template-columns: minmax(180px, 1fr) minmax(140px, 0.6fr) auto;
grid-template-columns: minmax(220px, 1fr) minmax(132px, 0.42fr) auto;
align-items: center;
gap: var(--space-2);
}
@media (max-width: 720px) {
.countryRulesHeader,
.configSwitchActions,
.humanConfigActions {
align-items: stretch;
flex-direction: column;