Commit 143057cf authored by 邓超's avatar 邓超

fix: 优化流程中心样式

parent e9a79e1a
Pipeline #66171 passed with stages
...@@ -300,7 +300,7 @@ const WorkflowHomePage = () => { ...@@ -300,7 +300,7 @@ const WorkflowHomePage = () => {
onClick={() => onChange(item.name)} onClick={() => onChange(item.name)}
key={item.name} key={item.name}
> >
{item.name} {item.name}({item.count})
</div> </div>
))} ))}
</div> </div>
...@@ -340,12 +340,16 @@ const WorkflowHomePage = () => { ...@@ -340,12 +340,16 @@ const WorkflowHomePage = () => {
<div className={styles.flowGroup} key={item.name} id={item.name}> <div className={styles.flowGroup} key={item.name} id={item.name}>
<div <div
className={styles.header} className={styles.header}
onClick={() => eiditFlowGroup(item, index)}
style={{ display: item.children.length > 0 ? 'flex' : 'none' }} style={{ display: item.children.length > 0 ? 'flex' : 'none' }}
> >
<div className={styles.line} /> <div className={styles.line} />
<div className={styles.name}>{item.name}</div> <div className={styles.name} onClick={() => eiditFlowGroup(item, index)}>
<EditOutlined style={{ marginLeft: '5px' }} /> {item.name}
</div>
<EditOutlined
style={{ marginLeft: '5px' }}
onClick={() => eiditFlowGroup(item, index)}
/>
</div> </div>
<div className={styles.groupBox}> <div className={styles.groupBox}>
{item.children.map((ele, num) => ( {item.children.map((ele, num) => (
......
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
.left { .left {
margin-right: 490px; margin-right: 490px;
margin-left: 7px; margin-left: 12px;
span { span {
display: inline-block; display: inline-block;
...@@ -132,6 +132,9 @@ ...@@ -132,6 +132,9 @@
} }
.ant-input-affix-wrapper { .ant-input-affix-wrapper {
border: 1px solid #fff;
border-right: none;
height: 34px;
background-color: #C2D6FA; background-color: #C2D6FA;
border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px;
...@@ -139,6 +142,7 @@ ...@@ -139,6 +142,7 @@
background-color: #C2D6FA; background-color: #C2D6FA;
color: #7E8BA3; color: #7E8BA3;
border: none; border: none;
outline: none;
} }
.ant-input::placeholder { .ant-input::placeholder {
...@@ -147,8 +151,18 @@ ...@@ -147,8 +151,18 @@
} }
} }
.ant-input-affix-wrapper-focused {
height: 34px;
outline: none;
border: 1px solid #fff;
border-right: none;
box-shadow: none;
}
.ant-input-group-addon { .ant-input-group-addon {
border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;
border: 1px solid #fff;
border-left: none;
.ant-input-search-button { .ant-input-search-button {
border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;
...@@ -169,20 +183,21 @@ ...@@ -169,20 +183,21 @@
display: flex; display: flex;
align-items: center; align-items: center;
height: 45px; height: 45px;
cursor: pointer;
.line { .line {
width: 3px; width: 3px;
height: 12px; height: 12px;
background-color: #3D78FF; background-color: #3D78FF;
margin-right: 5px; margin-right: 5px;
margin-left: 7px; margin-left: 5px;
} }
.name { .name {
font-size: 14px; font-size: 14px;
color: #2A4260; color: #2A4260;
cursor: pointer;
} }
} }
......
...@@ -15,7 +15,8 @@ const FlowModal = props => { ...@@ -15,7 +15,8 @@ const FlowModal = props => {
if (modalType === 'edit') { if (modalType === 'edit') {
getFormData(); getFormData();
} else { } else {
form.setFieldsValue({ Type: msg.name }); form.setFieldsValue({ Type: msg.name, Prefix: 'xxxx' });
setFlag(flag + 1);
} }
} }
}, [visible]); }, [visible]);
...@@ -104,7 +105,7 @@ const FlowModal = props => { ...@@ -104,7 +105,7 @@ const FlowModal = props => {
}, },
]} ]}
> >
<Input placeholder="请输入流程名称" /> <Input placeholder="请输入流程名称" readOnly={modalType === 'edit'} />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="分组信息" label="分组信息"
......
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