feat: 节点设备树、节点设备模块的联调完成
parent
c825f53982
commit
cd816525b7
@ -0,0 +1,216 @@
|
|||||||
|
import { apiDeviceClassification } from '@/services/business/device';
|
||||||
|
import { apiEntityNodesDeviceEdit } from '@/services/business/entity';
|
||||||
|
import { isSuccessApi } from '@/utils/forApi';
|
||||||
|
import {
|
||||||
|
ModalForm,
|
||||||
|
ProForm,
|
||||||
|
ProFormSelect,
|
||||||
|
ProFormText,
|
||||||
|
ProFormTextArea,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { FormattedMessage, useIntl } from '@umijs/max';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
import React from 'react';
|
||||||
|
import {
|
||||||
|
proFormSmallItemStyleProps,
|
||||||
|
proFormSmallModelWidth,
|
||||||
|
} from '../../../../../config/defaultForm';
|
||||||
|
// @ts-ignore
|
||||||
|
|
||||||
|
export type UpdateDeviceFormProps = {
|
||||||
|
updateModalOpen: boolean;
|
||||||
|
handleModal: () => void;
|
||||||
|
commInfo: Record<string, any>;
|
||||||
|
nodeInfo: Record<string, any>;
|
||||||
|
values: Record<string, any>;
|
||||||
|
reload: any;
|
||||||
|
};
|
||||||
|
const UpdateDeviceForm: React.FC<UpdateDeviceFormProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
// const [isAuto, setIsAuto] = useState(true);
|
||||||
|
const [form] = Form.useForm<Record<string, any>>({});
|
||||||
|
|
||||||
|
// function resetForm() {
|
||||||
|
// form.resetFields();
|
||||||
|
// }
|
||||||
|
// useEffect(() => {
|
||||||
|
// // if (props.updateModalOpen && props.values?.id) {
|
||||||
|
// // } else {
|
||||||
|
// // resetForm();
|
||||||
|
// // }
|
||||||
|
// }, [props.updateModalOpen, props.values]);
|
||||||
|
return (
|
||||||
|
<ModalForm<API.ModelCategory>
|
||||||
|
className="gn_modal_form gn_form"
|
||||||
|
width={proFormSmallModelWidth}
|
||||||
|
title={intl.formatMessage({
|
||||||
|
id: 'device_group_list.form.action.edit',
|
||||||
|
defaultMessage: '编辑',
|
||||||
|
})}
|
||||||
|
open={props.updateModalOpen}
|
||||||
|
form={form}
|
||||||
|
autoFocusFirstInput
|
||||||
|
modalProps={{
|
||||||
|
destroyOnClose: true,
|
||||||
|
onCancel: () => props.handleModal(),
|
||||||
|
}}
|
||||||
|
submitTimeout={2000}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
console.log(values, 'update_finish_values');
|
||||||
|
let resp = await apiEntityNodesDeviceEdit({
|
||||||
|
...values,
|
||||||
|
entity_id: props.commInfo.id,
|
||||||
|
node_id: props.nodeInfo.id,
|
||||||
|
});
|
||||||
|
if (isSuccessApi(resp)) {
|
||||||
|
message.success(
|
||||||
|
intl.formatMessage({ id: 'common.action.success', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
props.reload();
|
||||||
|
props.handleModal();
|
||||||
|
} else {
|
||||||
|
message.error(
|
||||||
|
resp?.meta?.message ||
|
||||||
|
intl.formatMessage({ id: 'common.action.failure', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ProForm.Group>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="name"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group_list.table.list.name" defaultMessage="设备名称" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.name',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
required={true}
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: (
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.rule.required.name"
|
||||||
|
defaultMessage="名称必填"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="addr"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceSite"
|
||||||
|
defaultMessage="设备位置"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceSite',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormSelect
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="classification"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceType"
|
||||||
|
defaultMessage="设备分类"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_select',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceType',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
showSearch
|
||||||
|
debounceTime={500}
|
||||||
|
request={async () => {
|
||||||
|
const { data } = await apiDeviceClassification();
|
||||||
|
return data?.data?.map((v: Record<string, any>) => {
|
||||||
|
return { ...v, label: v.name, value: v.suid };
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
required={true}
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: (
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.rule.required.deviceType"
|
||||||
|
defaultMessage="必选"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="device_model"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceModel"
|
||||||
|
defaultMessage="设备型号"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceModel',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="param"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceParams"
|
||||||
|
defaultMessage="设备参数"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceParams',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormTextArea
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="comment"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group_list.table.list.remark" defaultMessage="备注" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.remark',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
</ProForm.Group>
|
||||||
|
</ModalForm>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default UpdateDeviceForm;
|
||||||
@ -0,0 +1,233 @@
|
|||||||
|
import { apiDeviceClassification } from '@/services/business/device';
|
||||||
|
import { apiEntityNodesDeviceEdit } from '@/services/business/entity';
|
||||||
|
import { isSuccessApi } from '@/utils/forApi';
|
||||||
|
import {
|
||||||
|
ModalForm,
|
||||||
|
ProForm,
|
||||||
|
ProFormSelect,
|
||||||
|
ProFormText,
|
||||||
|
ProFormTextArea,
|
||||||
|
} from '@ant-design/pro-components';
|
||||||
|
import { FormattedMessage, useIntl } from '@umijs/max';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
import React, { useEffect } from 'react';
|
||||||
|
import {
|
||||||
|
proFormSmallItemStyleProps,
|
||||||
|
proFormSmallModelWidth,
|
||||||
|
} from '../../../../../config/defaultForm';
|
||||||
|
// @ts-ignore
|
||||||
|
|
||||||
|
export type UpdateDeviceFormProps = {
|
||||||
|
updateModalOpen: boolean;
|
||||||
|
handleModal: () => void;
|
||||||
|
commInfo: Record<string, any>;
|
||||||
|
nodeInfo: Record<string, any>;
|
||||||
|
values: Record<string, any>;
|
||||||
|
reload: any;
|
||||||
|
};
|
||||||
|
const UpdateDeviceForm: React.FC<UpdateDeviceFormProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
// const [isAuto, setIsAuto] = useState(true);
|
||||||
|
const [form] = Form.useForm<API.ModelCategory>();
|
||||||
|
function resetForm() {
|
||||||
|
form.resetFields();
|
||||||
|
}
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.updateModalOpen && props.values?.device_id) {
|
||||||
|
form.setFieldsValue({ ...props.values });
|
||||||
|
console.log(props.values, 'useEffect_values');
|
||||||
|
} else {
|
||||||
|
resetForm();
|
||||||
|
}
|
||||||
|
}, [props.updateModalOpen, props.values]);
|
||||||
|
// test 测试数据
|
||||||
|
// useEffect(() => {
|
||||||
|
// if (props.updateModalOpen) {
|
||||||
|
// form.setFieldsValue({
|
||||||
|
// name: 'video_2024_000',
|
||||||
|
// addr: '江苏省南京市雨花台区新华汇B4栋',
|
||||||
|
// // classification: null, // 设备分类的suid
|
||||||
|
// device_model: '设备型号2024_001', // 设备型号
|
||||||
|
// param: 'device_2024_05_24', // 设备参数
|
||||||
|
// comment:
|
||||||
|
// '测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注测试一下备注',
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// }, [props.updateModalOpen]);
|
||||||
|
return (
|
||||||
|
<ModalForm<API.ModelCategory>
|
||||||
|
className="gn_modal_form gn_form"
|
||||||
|
width={proFormSmallModelWidth}
|
||||||
|
title={intl.formatMessage({
|
||||||
|
id: 'device_group_list.form.action.edit',
|
||||||
|
defaultMessage: '编辑',
|
||||||
|
})}
|
||||||
|
open={props.updateModalOpen}
|
||||||
|
form={form}
|
||||||
|
autoFocusFirstInput
|
||||||
|
modalProps={{
|
||||||
|
destroyOnClose: true,
|
||||||
|
onCancel: () => props.handleModal(),
|
||||||
|
}}
|
||||||
|
submitTimeout={2000}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
console.log(values, 'add_finish_values');
|
||||||
|
// TODO 对接新增接口
|
||||||
|
let resp = await apiEntityNodesDeviceEdit({
|
||||||
|
...values,
|
||||||
|
device_id: props.values.device_id,
|
||||||
|
entity_id: props.commInfo.id,
|
||||||
|
node_id: props.nodeInfo.id,
|
||||||
|
});
|
||||||
|
if (isSuccessApi(resp)) {
|
||||||
|
message.success(
|
||||||
|
intl.formatMessage({ id: 'common.action.success', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
props.reload();
|
||||||
|
props.handleModal();
|
||||||
|
} else {
|
||||||
|
message.error(
|
||||||
|
resp?.meta?.message ||
|
||||||
|
intl.formatMessage({ id: 'common.action.failure', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ProForm.Group>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="name"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group_list.table.list.name" defaultMessage="设备名称" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.name',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
required={true}
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: (
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.rule.required.name"
|
||||||
|
defaultMessage="名称必填"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="addr"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceSite"
|
||||||
|
defaultMessage="设备位置"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceSite',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormSelect
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="classification"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceType"
|
||||||
|
defaultMessage="设备分类"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_select',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceType',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
showSearch
|
||||||
|
debounceTime={500}
|
||||||
|
request={async () => {
|
||||||
|
const { data } = await apiDeviceClassification();
|
||||||
|
return data?.data?.map((v: Record<string, any>) => {
|
||||||
|
return { ...v, label: v.name, value: v.suid };
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
required={true}
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: (
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.rule.required.deviceType"
|
||||||
|
defaultMessage="必选"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="device_model"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceModel"
|
||||||
|
defaultMessage="设备型号"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceModel',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="param"
|
||||||
|
label={
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group_list.table.list.deviceParams"
|
||||||
|
defaultMessage="设备参数"
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.deviceParams',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormTextArea
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="comment"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group_list.table.list.remark" defaultMessage="备注" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group_list.table.list.remark',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
</ProForm.Group>
|
||||||
|
</ModalForm>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default UpdateDeviceForm;
|
||||||
@ -0,0 +1,214 @@
|
|||||||
|
import { apiEntityNodesEdit } from '@/services/business/entity';
|
||||||
|
import { isSuccessApi } from '@/utils/forApi';
|
||||||
|
import { ModalForm, ProForm, ProFormText, ProFormTextArea } from '@ant-design/pro-components';
|
||||||
|
import { FormattedMessage, useIntl } from '@umijs/max';
|
||||||
|
import { Form, message } from 'antd';
|
||||||
|
|
||||||
|
import React, { useEffect } from 'react';
|
||||||
|
import {
|
||||||
|
proFormSmallItemStyleProps,
|
||||||
|
proFormSmallModelWidth,
|
||||||
|
} from '../../../../../config/defaultForm';
|
||||||
|
// @ts-ignore
|
||||||
|
|
||||||
|
export type UpdateFormProps = {
|
||||||
|
updateModalOpen: boolean;
|
||||||
|
handleModal: () => void;
|
||||||
|
commInfo: Record<string, any>;
|
||||||
|
values: Record<string, any>;
|
||||||
|
reload: any;
|
||||||
|
};
|
||||||
|
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
||||||
|
const intl = useIntl();
|
||||||
|
// const [isAuto, setIsAuto] = useState(true);
|
||||||
|
const [form] = Form.useForm<API.ModelCategory>();
|
||||||
|
function resetForm() {
|
||||||
|
form.resetFields();
|
||||||
|
}
|
||||||
|
useEffect(() => {
|
||||||
|
if (props.updateModalOpen && props.values?.id) {
|
||||||
|
const { lola } = props.values;
|
||||||
|
let lon, lat;
|
||||||
|
if (lola) {
|
||||||
|
const lolaArr = lola.split(',');
|
||||||
|
lon = lolaArr[0];
|
||||||
|
lat = lolaArr[1];
|
||||||
|
}
|
||||||
|
form.setFieldsValue({ ...props.values, lon, lat });
|
||||||
|
console.log(props.values, 'useEffect_values');
|
||||||
|
} else {
|
||||||
|
resetForm();
|
||||||
|
}
|
||||||
|
}, [props.updateModalOpen, props.values]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ModalForm<API.ModelCategory>
|
||||||
|
className="gn_modal_form gn_form"
|
||||||
|
width={proFormSmallModelWidth}
|
||||||
|
title={intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.form.action.update',
|
||||||
|
defaultMessage: '编辑',
|
||||||
|
})}
|
||||||
|
initialValues={props.values}
|
||||||
|
open={props.updateModalOpen}
|
||||||
|
form={form}
|
||||||
|
autoFocusFirstInput
|
||||||
|
modalProps={{
|
||||||
|
destroyOnClose: true,
|
||||||
|
onCancel: () => props.handleModal(),
|
||||||
|
}}
|
||||||
|
submitTimeout={2000}
|
||||||
|
onFinish={async (values) => {
|
||||||
|
let resp = await apiEntityNodesEdit({
|
||||||
|
...values,
|
||||||
|
entity_id: props.commInfo.id,
|
||||||
|
lola: values.lon + ',' + values.lat,
|
||||||
|
parent: props.values.parent,
|
||||||
|
node_id: props.values.node_id,
|
||||||
|
});
|
||||||
|
if (isSuccessApi(resp)) {
|
||||||
|
message.success(
|
||||||
|
intl.formatMessage({ id: 'common.action.success', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
props.reload();
|
||||||
|
props.handleModal();
|
||||||
|
} else {
|
||||||
|
message.error(
|
||||||
|
resp?.meta?.message ||
|
||||||
|
intl.formatMessage({ id: 'common.action.failure', defaultMessage: '$$$' }),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<ProForm.Group>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="name"
|
||||||
|
label={<FormattedMessage id="device_group.tree_node.name" defaultMessage="名称" />}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.name',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
required={true}
|
||||||
|
rules={[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: (
|
||||||
|
<FormattedMessage
|
||||||
|
id="device_group.tree_node.rule.required.name"
|
||||||
|
defaultMessage="名称必填"
|
||||||
|
/>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="parent_name"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group.tree_node.fatherName" defaultMessage="上级节点" />
|
||||||
|
}
|
||||||
|
// TODO 此处在联调时确定下上级节点数据获取来源
|
||||||
|
placeholder={
|
||||||
|
!props.values?.parent_name
|
||||||
|
? `${intl.formatMessage({
|
||||||
|
id: 'common.empty',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`
|
||||||
|
: `${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.fatherName',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`
|
||||||
|
}
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="addr"
|
||||||
|
label={<FormattedMessage id="device_group.tree_node.address" defaultMessage="地址" />}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.address',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="lon"
|
||||||
|
label={<FormattedMessage id="device_group.tree_node.lon" defaultMessage="经度" />}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.lon',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="lat"
|
||||||
|
label={<FormattedMessage id="device_group.tree_node.lat" defaultMessage="纬度" />}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.lat',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="contact"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group.tree_node.managerName" defaultMessage="负责人" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.managerName',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
<ProFormText
|
||||||
|
width={proFormSmallItemStyleProps.column2Width}
|
||||||
|
name="phone"
|
||||||
|
label={
|
||||||
|
<FormattedMessage id="device_group.tree_node.managerPhone" defaultMessage="联系方式" />
|
||||||
|
}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.managerPhone',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
<ProFormTextArea
|
||||||
|
width={proFormSmallItemStyleProps.width}
|
||||||
|
name="comment"
|
||||||
|
label={<FormattedMessage id="device_group.tree_node.remark" defaultMessage="简介" />}
|
||||||
|
placeholder={`${intl.formatMessage({
|
||||||
|
id: 'common.please_input',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}${intl.formatMessage({
|
||||||
|
id: 'device_group.tree_node.remark',
|
||||||
|
defaultMessage: '$$$',
|
||||||
|
})}`}
|
||||||
|
/>
|
||||||
|
</ProForm.Group>
|
||||||
|
</ModalForm>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default UpdateForm;
|
||||||
Loading…
Reference in New Issue