fix: '1.事件配置项交互样式优化2.表配置新增是否附加字段'

src/pages/bsmanager/base/tablemanager/components/TableView.jsx

@@ -76,6 +76,11 @@ const EditableCell = ({
         [dataIndex]: record[dataIndex],
       });
     }
+    if (record && dataIndex === 'IsAddFieldConfig') {
+      form.setFieldsValue({
+        [dataIndex]: record[dataIndex],
+      });
+    }
   }, []);
 
   useEffect(() => {
@@ -109,6 +114,15 @@ const EditableCell = ({
     });
     handleSave({ ...record, ...values, index });
   };
+
+  const saveAddCheckBox = async e => {
+    const values = await form.validateFields();
+    form.setFieldsValue({
+      [dataIndex]: values.IsAddFieldConfig,
+    });
+    handleSave({ ...record, ...values, index });
+  };
+
   const rendeFrom = val => {
     let lengthMin = 0;
     let lengthMax = 0;
@@ -206,7 +220,7 @@ const EditableCell = ({
       return <td {...restProps}>--</td>;
     }
     // 只读
-    if (record.ReadOnly && title !== '允许空值') {
+    if (record.ReadOnly && title !== '允许空值' && title !== '是否附加') {
       return <td {...restProps}>{childNode}</td>;
     }
     // 表单规则
@@ -282,6 +296,19 @@ const EditableCell = ({
         </Form.Item>
       );
     }
+    if (title === '是否附加') {
+      childNode = (
+        <Form.Item
+          style={{
+            margin: 0,
+          }}
+          name={dataIndex}
+          valuePropName={record.IsAddFieldConfig ? 'checked' : ''}
+        >
+          <Checkbox onChange={saveAddCheckBox} />
+        </Form.Item>
+      );
+    }
   }
 
   return <td {...restProps}>{childNode}</td>;
@@ -448,6 +475,7 @@ const TableView = props => {
       FieldLength: 255,
       DecimalPlace: 0,
       IsNullable: true,
+      IsAddFieldConfig: true,
     };
     setDataSource([...dataSource, newData]);
     setCount(count + 1);
@@ -609,13 +637,20 @@ const TableView = props => {
       editable: true,
       align: 'center',
     },
-    // {
-    //   title: '允许空值',
-    //   dataIndex: 'IsNullable',
-    //   width: 100,
-    //   editable: true,
-    //   align: 'center',
-    // },
+    {
+      title: '允许空值',
+      dataIndex: 'IsNullable',
+      width: 100,
+      editable: true,
+      align: 'center',
+    },
+    {
+      title: '是否附加',
+      dataIndex: 'IsAddFieldConfig',
+      width: 100,
+      editable: true,
+      align: 'center',
+    },
     {
       title: '操作',
       width: 100,

src/pages/bsmanager/workOrder/incident/AddFlowsModal.jsx

@@ -405,7 +405,7 @@ const AddFlowsModal = props => {
               />
             </Item>
           </Col>
-          <Col span={24}>
+          {/* <Col span={24}>
             <Item label="受理权限" name="Roles" labelCol={{ span: 5 }}>
               <div style={{ display: 'flex', alignContent: 'flex-start' }}>
                 <TextArea
@@ -423,7 +423,7 @@ const AddFlowsModal = props => {
                 />
               </div>
             </Item>
-          </Col>
+          </Col> */}
         </Row>
       </Form>
       {/* <ChangeAddFlows

src/pages/bsmanager/workOrder/incident/ProcessModal.jsx

 import React, { useEffect, useState } from 'react';
 import { Modal, Table, Tooltip, notification, Space, Popconfirm } from 'antd';
-import {
-    PlusSquareFilled,
-    EditTwoTone,
-    DeleteOutlined,
-} from '@ant-design/icons';
+import { PlusSquareFilled, EditTwoTone, DeleteOutlined } from '@ant-design/icons';
 import styles from './incident.less';
 import { GetCM_Event_LoadEvenFlows, CM_Event_RemoveEvenFlow } from '@/services/standingBook/api';
-import AddFlowsModal from './AddFlowsModal'
+import AddFlowsModal from './AddFlowsModal';
 const ProcessModal = props => {
-    const { callBackSubmit = () => { }, title1, visible, onCancel, formObj, maxLength} = props;
-    const [tableData, setTableData] = useState([])
-    const [addVisible, setAddVisible] = useState(false)
+  const { callBackSubmit = () => {}, title1, visible, onCancel, formObj, maxLength } = props;
+  const [tableData, setTableData] = useState([]);
+  const [addVisible, setAddVisible] = useState(false);
   const [isType, setIsType] = useState(''); // 弹窗类型
-    const [record1, setRecord1] = useState('')
-    const [obj, setObj] = useState('')
-    const [flag, setFlag] = useState(0)
-
+  const [record1, setRecord1] = useState('');
+  const [obj, setObj] = useState('');
+  const [flag, setFlag] = useState(0);
 
   const columns = [
     {
-            title: () => (<span style={{fontWeight:'bold'}}>流程名称</span>),
+      title: () => <span style={{ fontWeight: 'bold' }}>流程名称</span>,
       dataIndex: 'FlowName',
       key: 'FlowName',
       width: 150,
@@ -34,10 +29,9 @@ const ProcessModal = props => {
       //         }}
       //     />
       // )
-        }
-        ,
+    },
     {
-            title: () => (<span style={{fontWeight:'bold'}}>受理权限</span>),
+      title: () => <span style={{ fontWeight: 'bold' }}>受理权限</span>,
       dataIndex: 'FlowRoles',
       key: 'FlowRoles',
       width: 400,
@@ -53,26 +47,18 @@ const ProcessModal = props => {
       // )
     },
     {
-            title: () => (<span style={{fontWeight:'bold'}}>操作</span>),
+      title: () => <span style={{ fontWeight: 'bold' }}>操作</span>,
       key: 'action',
       aligin: 'center',
       render: record => (
         <Space size="middle">
-
           <Tooltip title="编辑用户">
-                        <EditTwoTone
-                            onClick={() => editEventType(record)}
-                            style={{ fontSize: '16px' }}
-                        />
+            <EditTwoTone onClick={() => editEventType(record)} style={{ fontSize: '16px' }} />
           </Tooltip>
           <Tooltip title="删除">
             <Popconfirm
               placement="bottomRight"
-                            title={
-                                <p>
-                                    即将删除事件流程，是否确认删除？
-                                </p>
-                            }
+              title={<p>即将删除事件流程，是否确认删除？</p>}
               okText="确认"
               cancelText="取消"
               onConfirm={() => deleteEventType(record)}
@@ -81,42 +67,40 @@ const ProcessModal = props => {
             </Popconfirm>
           </Tooltip>
         </Space>
-            )
-
-        }
-    ]
+      ),
+    },
+  ];
 
   useEffect(() => {
     GetCM_Event_LoadEvenFlows({ eventTypeId: formObj.ID }).then(res => {
       if (res.msg === 'Ok') {
-                console.log(res.data)
-                setTableData(res.data)
+        console.log(res.data);
+        setTableData(res.data);
       }
-        })
-    },[visible,flag])
+    });
+  }, [visible, flag]);
   const addIncident = () => {
-        console.log(formObj.ID)
-        setObj(formObj.ID)
-        setAddVisible(true)
-        setIsType('add')
-    }
+    console.log(formObj.ID);
+    setObj(formObj.ID);
+    setAddVisible(true);
+    setIsType('add');
+  };
   const editEventType = record => {
-        setObj(formObj.ID)
-        setRecord1(record)
+    setObj(formObj.ID);
+    setRecord1(record);
     setIsType('edit');
-        setAddVisible(true)
-    }
+    setAddVisible(true);
+  };
   const deleteEventType = record => {
-        console.log(record)
-        CM_Event_RemoveEvenFlow({ eventFlowIds: record.ID }).then(res=>{
+    console.log(record);
+    CM_Event_RemoveEvenFlow({ eventFlowIds: record.ID }).then(res => {
       if (res.msg === '') {
         notification.success({
           message: '提示',
           duration: 3,
           description: '删除成功',
-                    
         });
-                setFlag(flag+1)
+        setFlag(flag + 1);
       } else {
         notification.error({
           message: '提示',
@@ -124,20 +108,20 @@ const ProcessModal = props => {
           description: res.msg,
         });
       }
-        })
-    }
+    });
+  };
   const onOK = () => {
-        setAddVisible(false)
+    setAddVisible(false);
     GetCM_Event_LoadEvenFlows({ eventTypeId: formObj.ID }).then(res => {
       if (res.msg === 'Ok') {
-                console.log(res.data)
-                setTableData(res.data)
-            }
-        })
+        console.log(res.data);
+        setTableData(res.data);
       }
+    });
+  };
   const onSumbit = () => {
-        callBackSubmit()
-    }
+    callBackSubmit();
+  };
   return (
     <Modal
       title={`${title1}受理流程和权限`}
@@ -145,7 +129,6 @@ const ProcessModal = props => {
       width="800px"
       onCancel={onCancel}
       onOk={onSumbit}
-            
     >
       <Tooltip title="添加事件类型">
         <PlusSquareFilled
@@ -155,20 +138,21 @@ const ProcessModal = props => {
             fontSize: '25px',
             verticalAlign: 'middle',
             marginLeft: '25px',
-                        marginBottom: '10px'
+            marginBottom: '10px',
           }}
         />
       </Tooltip>
       <Table
         size="small"
-                rowKey='ID'
+        rowKey="ID"
         bordered
         style={{ height: '15rem', overflowY: 'scroll', width: '700px', marginLeft: '25px' }}
-                onRow={record => {
-                    return {
-                      onDoubleClick: event => {event.stopPropagation(); editEventType(record)}, //双击
-                    };
-                  }}
+        onRow={record => ({
+          onDoubleClick: event => {
+            event.stopPropagation();
+            editEventType(record);
+          }, // 双击
+        })}
         columns={columns}
         dataSource={tableData}
         pagination={false}
@@ -185,6 +169,6 @@ const ProcessModal = props => {
         placement="right"
       />
     </Modal>
-    )
-}
+  );
+};
 export default ProcessModal;

src/pages/bsmanager/workOrder/incident/incidentFlow.jsx

@@ -28,20 +28,15 @@ const incidentFlow = props => {
       title: () => <span style={{ fontWeight: 'bold' }}>流程名称</span>,
       dataIndex: 'FlowName',
       key: 'FlowName',
-      width: 250,
-      ellipsis: true,
-    },
-    {
-      title: () => <span style={{ fontWeight: 'bold' }}>受理权限</span>,
-      dataIndex: 'FlowRoles',
-      key: 'FlowRoles',
+      // width: 600,
       ellipsis: true,
+      align: 'center',
     },
     {
       title: () => <span style={{ fontWeight: 'bold' }}>操作</span>,
       key: 'action',
       width: 150,
-      aligin: 'center',
+      align: 'center',
       render: record => (
         <Space size="middle">
           <Tooltip title="编辑用户">