Commit 259dd299 authored by 皮倩雯's avatar 皮倩雯

fix: '优化维保模板时间周期选择交互'

parent 97efbef3
Pipeline #63182 passed with stages
...@@ -3454,7 +3454,7 @@ const AddModal = props => { ...@@ -3454,7 +3454,7 @@ const AddModal = props => {
labelCol={{ span: 4 }} labelCol={{ span: 4 }}
rules={[{ required: true, message: '请输入控制规则' }]} rules={[{ required: true, message: '请输入控制规则' }]}
> >
{/* <TextArea placeholder="示例{表名.是否缴费} = ‘是’ and {表名.缴费金额} > 1000" /> */} {/* <TextArea placeholder="示例:{表名.是否缴费} = ‘是’ and {表名.缴费金额} > 1000" /> */}
<div style={{border:'2px solid #6A98FA', minHeight:'34px', lineHeight:'34px', textAlign:'center'}} onClick={editRule}><span>{form.getFieldsValue().configName}</span></div> <div style={{border:'2px solid #6A98FA', minHeight:'34px', lineHeight:'34px', textAlign:'center'}} onClick={editRule}><span>{form.getFieldsValue().configName}</span></div>
</Item> </Item>
</> </>
......
...@@ -17,6 +17,7 @@ import { ...@@ -17,6 +17,7 @@ import {
Space, Space,
Radio, Radio,
Switch, Switch,
TreeSelect,
} from 'antd'; } from 'antd';
import { import {
PlusOutlined, PlusOutlined,
...@@ -71,6 +72,51 @@ const AddModal = props => { ...@@ -71,6 +72,51 @@ const AddModal = props => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const { Item } = Form; const { Item } = Form;
const { TextArea } = Input; const { TextArea } = Input;
const { TreeNode } = TreeSelect;
const [characteristics1, setCharacteristics1] = useState([
{
name: '一日一次',
ID: 0,
},
{
name: '一周一次',
ID: 1,
},
{
name: '半月一次',
ID: 2,
},
{
name: '一月一次',
ID: 3,
},
{
name: '季度一次',
ID: 4,
},
{
name: '半年一次',
ID: 5,
},
{
name: '一年一次',
ID: 6,
},
{
name: '小时类',
ID: 7,
children: [
'1小时一次',
'2小时一次',
'3小时一次',
'4小时一次',
'6小时一次',
'8小时一次',
'12小时一次',
],
},
]);
useEffect(() => { useEffect(() => {
if (visible) { if (visible) {
...@@ -374,6 +420,20 @@ const AddModal = props => { ...@@ -374,6 +420,20 @@ const AddModal = props => {
setVisibleChecked1(e); setVisibleChecked1(e);
}; };
const mapTreeSelect = org => {
if (org.children) {
return (
<TreeNode value={org.name} title={org.name} disabled>
{org.children.map(item => mapTreeSelect(item))}
</TreeNode>
);
}
if (org.name) {
return <TreeNode value={org.name} title={org.name} />;
}
return <TreeNode value={org} title={org} key={org} />;
};
return ( return (
<Drawer <Drawer
title="巡维保计划配置" title="巡维保计划配置"
...@@ -450,10 +510,17 @@ const AddModal = props => { ...@@ -450,10 +510,17 @@ const AddModal = props => {
</Col> </Col>
<Col span={24}> <Col span={24}>
<Item label="执行周期" name="docycle" labelCol={{ span: 5 }}> <Item label="执行周期" name="docycle" labelCol={{ span: 5 }}>
<Select placeholder="选择计划执行周期"> <TreeSelect
<Option value="2小时一次">2小时一次</Option> showSearch
<Option value="6小时一次">6小时一次</Option> dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
<Option value="12小时一次">12小时一次</Option> placeholder="请选择表名 "
allowClear
treeDefaultExpandAll
showCheckedStrategy
>
{characteristics1.map(i => mapTreeSelect(i))}
</TreeSelect>
{/* <Select placeholder="选择计划执行周期">
<Option value="一日一次">一日一次</Option> <Option value="一日一次">一日一次</Option>
<Option value="一周一次">一周一次</Option> <Option value="一周一次">一周一次</Option>
<Option value="半月一次">半月一次</Option> <Option value="半月一次">半月一次</Option>
...@@ -461,7 +528,14 @@ const AddModal = props => { ...@@ -461,7 +528,14 @@ const AddModal = props => {
<Option value="季度一次">季度一次</Option> <Option value="季度一次">季度一次</Option>
<Option value="半年一次">半年一次</Option> <Option value="半年一次">半年一次</Option>
<Option value="一年一次">一年一次</Option> <Option value="一年一次">一年一次</Option>
</Select> <Option value="1小时一次">1小时一次</Option>
<Option value="2小时一次">2小时一次</Option>
<Option value="3小时一次">3小时一次</Option>
<Option value="4小时一次">4小时一次</Option>
<Option value="6小时一次">6小时一次</Option>
<Option value="8小时一次">8小时一次</Option>
<Option value="12小时一次">12小时一次</Option>
</Select> */}
</Item> </Item>
</Col> </Col>
<Col span={24}> <Col span={24}>
......
...@@ -52,10 +52,31 @@ const patrolFeedback = () => { ...@@ -52,10 +52,31 @@ const patrolFeedback = () => {
title: '反馈表', title: '反馈表',
dataIndex: 'tableName', dataIndex: 'tableName',
key: 'tableName', key: 'tableName',
width: 400, width: 200,
onCell: () => ({ onCell: () => ({
style: { style: {
maxWidth: 400, maxWidth: 200,
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
cursor: 'pointer',
},
}),
align: 'center',
render: record => (
<Tooltip placement="topLeft" title={record}>
{record}
</Tooltip>
),
},
{
title: '关联事件表',
dataIndex: 'relationEvent',
key: 'relationEvent',
width: 200,
onCell: () => ({
style: {
maxWidth: 200,
overflow: 'hidden', overflow: 'hidden',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment