#

vincentlu

2025-12-16 17924fac6b08fb267a2d3622e5743fd0002775a6

 zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx

@@ -1,4 +1,4 @@
import React from 'react';
import React, { useMemo } from 'react';
import {
    Stack,
    TextField,
@@ -23,6 +23,8 @@
    codeList,
    onSave,
    disableSave,
    onDelete,
    canDelete = false,
}) => {
    const translate = useTranslate();
    const icon = <CheckBoxOutlineBlankIcon fontSize="small" />;
@@ -34,6 +36,26 @@

    const getOptionId = (option) => {
        return option?.id;
    };

    const handleSaveClick = () => {
        if (disableSave) {
            return;
        }
        const confirmMsg = translate('page.map.area.saveConfirm', { _: '确认保存当前修改？' });
        if (window.confirm(confirmMsg)) {
            onSave?.();
        }
    };

    const handleDeleteClick = () => {
        if (!canDelete) {
            return;
        }
        const confirmMsg = translate('page.map.area.deleteConfirm', { _: '删除后将无法恢复，确认删除？' });
        if (window.confirm(confirmMsg)) {
            onDelete?.();
        }
    };

    return (
@@ -148,10 +170,13 @@
                </Paper>
            </Box>

            <Box display="flex" justifyContent="flex-start">
                <Button variant="contained" onClick={onSave} disabled={disableSave}>
            <Box display="flex" justifyContent="space-between" alignItems="center">
                <Button variant="contained" onClick={handleSaveClick} disabled={disableSave}>
                    {translate('common.action.save', { _: '保存' })}
                </Button>
                <Button variant="text" color="error" onClick={handleDeleteClick} disabled={!canDelete}>
                    {translate('common.action.delete', { _: '删除' })}
                </Button>
            </Box>
        </Stack>
    );