From c7aece35a62b6e91fd98a625bf0e53f64bfbd18d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 17 八月 2023 16:22:15 +0800
Subject: [PATCH] 2023-08-17
---
src/templates/zshare/createinterface/mutilform/index.jsx | 45 +++++++++++++++++++++++++++++++--------------
1 files changed, 31 insertions(+), 14 deletions(-)
diff --git a/src/templates/zshare/createinterface/mutilform/index.jsx b/src/templates/zshare/createinterface/mutilform/index.jsx
index 8914e65..78db75e 100644
--- a/src/templates/zshare/createinterface/mutilform/index.jsx
+++ b/src/templates/zshare/createinterface/mutilform/index.jsx
@@ -1,38 +1,50 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, Radio, Select } from 'antd'
-import './index.scss'
+import { Form, Row, Col, Input, Radio, Select, Tooltip } from 'antd'
+import { QuestionCircleOutlined } from '@ant-design/icons'
+
+// import './index.scss'
class MainSearch extends Component {
static propTpyes = {
formlist: PropTypes.array, // 鎸夐挳淇℃伅銆佽〃鍗曞垪琛�
- dict: PropTypes.object // 瀛楀吀椤�
}
state = {
-
+ requireArr: true
}
- UNSAFE_componentWillMount () {
-
+ onChange = (value, key) => {
+ if (key === 'TryType' && value === 'N') {
+ this.setState({requireArr: false})
+ } else if (key === 'TryType' && value === 'Y') {
+ this.setState({requireArr: true})
+ }
}
getFields() {
const { getFieldDecorator } = this.props.form
-
+ const { requireArr } = this.state
const fields = []
this.props.formlist.forEach((item, index) => {
+ if (!requireArr && item.key === 'array_name') return
+
if (item.type === 'text') {
fields.push(
<Col span={24} key={index}>
- <Form.Item label={item.label}>
+ <Form.Item label={item.tooltip ?
+ <Tooltip placement="topLeft" title={item.tooltip}>
+ <QuestionCircleOutlined className="mk-form-tip" />
+ {item.label}
+ </Tooltip> : item.label
+ }>
{getFieldDecorator(item.key, {
initialValue: item.initval,
rules: [
{
required: item.required,
- message: this.props.dict['form.required.input'] + item.label + '!'
+ message: '璇疯緭鍏�' + item.label + '!'
}
]
})(<Input placeholder="" autoComplete="off"/>)}
@@ -48,7 +60,7 @@
rules: [
{
required: item.required,
- message: this.props.dict['form.required.select'] + item.label + '!'
+ message: '璇烽�夋嫨' + item.label + '!'
}
]
})(
@@ -67,17 +79,22 @@
} else if (item.type === 'radio') {
fields.push(
<Col span={24} key={index}>
- <Form.Item label={item.label}>
+ <Form.Item label={item.tooltip ?
+ <Tooltip placement="topLeft" title={item.tooltip}>
+ <QuestionCircleOutlined className="mk-form-tip" />
+ {item.label}
+ </Tooltip> : item.label
+ }>
{getFieldDecorator(item.key, {
initialValue: item.initval,
rules: [
{
required: item.required,
- message: this.props.dict['form.required.select'] + item.label + '!'
+ message: '璇烽�夋嫨' + item.label + '!'
}
]
})(
- <Radio.Group>
+ <Radio.Group onChange={(e) => this.onChange(e.target.value, item.key)}>
{item.options.map(op => {
return <Radio key={op.value} value={op.value}>{op.text}</Radio>
})}
@@ -117,7 +134,7 @@
}
}
return (
- <Form {...formItemLayout} className="create-Interface-setting-form">
+ <Form {...formItemLayout}>
<Row gutter={24}>{this.getFields()}</Row>
</Form>
)
--
Gitblit v1.8.0