|
|
|
@ -32,8 +32,8 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
|
|
|
<ModalForm<any>
|
|
|
|
|
width={proFormSmallModelWidth}
|
|
|
|
|
title={intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.title1',
|
|
|
|
|
defaultMessage: `编辑${props.values.warning_name}`,
|
|
|
|
|
id: 'alarm_rules.page.form.title',
|
|
|
|
|
defaultMessage: `$$$`,
|
|
|
|
|
})}
|
|
|
|
|
open={props.updateModalOpen}
|
|
|
|
|
form={form}
|
|
|
|
@ -43,11 +43,6 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
|
|
|
onCancel: () => props.handleModal(),
|
|
|
|
|
}}
|
|
|
|
|
submitTimeout={2000}
|
|
|
|
|
initialValues={{
|
|
|
|
|
list: [props.values.time_period,
|
|
|
|
|
props.values.time_interval,
|
|
|
|
|
props.values.appear_number],
|
|
|
|
|
}}
|
|
|
|
|
onFinish={async (values) => {
|
|
|
|
|
values.id = props.values.id
|
|
|
|
|
values.is_use = values.is_use ? 1 : 0
|
|
|
|
@ -66,21 +61,6 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<ProForm.Group>
|
|
|
|
|
{/* <ProFormText
|
|
|
|
|
width={proFormSmallItemStyleProps.width}
|
|
|
|
|
name="name"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.enabled" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.enabled',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.enabled}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/> */}
|
|
|
|
|
<ProFormSwitch
|
|
|
|
|
width={proFormSmallItemStyleProps.column2Width}
|
|
|
|
|
name="is_use"
|
|
|
|
@ -121,159 +101,96 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<ProFormFieldSet
|
|
|
|
|
name="list"
|
|
|
|
|
label="触发条件"
|
|
|
|
|
type='space'
|
|
|
|
|
transform={(value: any) => ({
|
|
|
|
|
// list: value,
|
|
|
|
|
// startTime: value[0],
|
|
|
|
|
// endTime: value[1],
|
|
|
|
|
time_period: value[0],
|
|
|
|
|
time_interval: value[1],
|
|
|
|
|
appear_number: value[2],
|
|
|
|
|
})}
|
|
|
|
|
className={styles}
|
|
|
|
|
>
|
|
|
|
|
当检测到风险人员单人,于<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="time_period"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.time_period}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>小时内,间隔
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="time_interval"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.time_interval}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>小时,重复出现
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="appear_number"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.appear_number}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>
|
|
|
|
|
次,则触发警告。
|
|
|
|
|
</ProFormFieldSet>
|
|
|
|
|
{/* { multipleStatus &&
|
|
|
|
|
<ProFormFieldSet
|
|
|
|
|
name="list"
|
|
|
|
|
label="触发条件"
|
|
|
|
|
type='space'
|
|
|
|
|
transform={(value: any) => ({
|
|
|
|
|
// list: value,
|
|
|
|
|
// startTime: value[0],
|
|
|
|
|
// endTime: value[1],
|
|
|
|
|
time_period: value[0],
|
|
|
|
|
time_interval: value[1],
|
|
|
|
|
appear_number: value[2],
|
|
|
|
|
})}
|
|
|
|
|
className={styles}
|
|
|
|
|
>
|
|
|
|
|
当检测到风险人员人数大于<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="person_number"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.person_number}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>人时,则触发告警,触发间隔
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="time_interval"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.time_interval}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>分钟。
|
|
|
|
|
</ProFormFieldSet>}
|
|
|
|
|
{ timeStatus &&
|
|
|
|
|
<ProFormFieldSet
|
|
|
|
|
name="list"
|
|
|
|
|
label="触发条件"
|
|
|
|
|
type='space'
|
|
|
|
|
transform={(value: any) => ({
|
|
|
|
|
// list: value,
|
|
|
|
|
// startTime: value[0],
|
|
|
|
|
// endTime: value[1],
|
|
|
|
|
time_period: value[0],
|
|
|
|
|
time_interval: value[1],
|
|
|
|
|
appear_number: value[2],
|
|
|
|
|
})}
|
|
|
|
|
className={styles}
|
|
|
|
|
>
|
|
|
|
|
当处于<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="trigger_start_time"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.trigger_start_time}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>至
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="trigger_end_time"
|
|
|
|
|
label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={false}
|
|
|
|
|
initialValue={props.values.trigger_end_time}
|
|
|
|
|
disabled={false}
|
|
|
|
|
/>时间内,发现风险人员立即告警。
|
|
|
|
|
</ProFormFieldSet>} */}
|
|
|
|
|
<div>触发条件</div>
|
|
|
|
|
<div style={{
|
|
|
|
|
display: 'flex',
|
|
|
|
|
flexWrap: 'wrap',
|
|
|
|
|
justifyContent: 'flex-start',
|
|
|
|
|
alignItems: 'baseline'
|
|
|
|
|
}}>
|
|
|
|
|
<span style={{ marginRight: 6 }}>当检测到风险人员单人,于</span>
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="time_period"
|
|
|
|
|
// label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={true}
|
|
|
|
|
initialValue={props.values.time_period}
|
|
|
|
|
disabled={false}
|
|
|
|
|
rules={[
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: (
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
id="alarm_rules.page.rule.required.time_interval"
|
|
|
|
|
defaultMessage="name is required"
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<span style={{ margin: '0 6px' }}>小时内,间隔</span>
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="time_interval"
|
|
|
|
|
// label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={true}
|
|
|
|
|
initialValue={props.values.time_interval}
|
|
|
|
|
disabled={false}
|
|
|
|
|
rules={[
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: (
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
id="alarm_rules.page.rule.required.time_interval"
|
|
|
|
|
defaultMessage="name is required"
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<span style={{ marginRight: 6 }}>小时,重复出现</span>
|
|
|
|
|
<ProFormText
|
|
|
|
|
width={100}
|
|
|
|
|
name="appear_number"
|
|
|
|
|
// label={<FormattedMessage id="alarm_rules.page.form.triggerConditions" defaultMessage="$$$" />}
|
|
|
|
|
placeholder={`${intl.formatMessage({
|
|
|
|
|
id: 'common.please_input',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}${intl.formatMessage({
|
|
|
|
|
id: 'alarm_rules.page.form.triggerConditions',
|
|
|
|
|
defaultMessage: '$$$',
|
|
|
|
|
})}`}
|
|
|
|
|
required={true}
|
|
|
|
|
initialValue={props.values.appear_number}
|
|
|
|
|
disabled={false}
|
|
|
|
|
rules={[
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: (
|
|
|
|
|
<FormattedMessage
|
|
|
|
|
id="alarm_rules.page.rule.required.appear_number"
|
|
|
|
|
defaultMessage="name is required"
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
<span style={{ marginLeft: 6 }}>次,则触发警告。</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ProForm.Group>
|
|
|
|
|
</ModalForm>
|
|
|
|
|
);
|
|
|
|
|