feat: 安全巡检 规则设置ui完善

src/pages/Safe/Content/List/index.module.scss

@@ -10,6 +10,14 @@
     }
   }
 
+  .ruleContaniner {
+    margin: 0.5rem 0;
+
+    .ruleText {
+      margin-bottom: 0.5rem;
+    }
+  }
+
   .warningFooter {
     padding: 0.5rem;
     color: #856404;

src/pages/Safe/Content/List/modal.tsx

@@ -27,7 +27,7 @@ const RenderTags:React.FC<iTags> = ({ ruleArr, setRuleArr }) => {
               opacity: 0,
               type: 'from',
               duration: 100
-              // onComplete: e => {
+              // onComplete: (e: ) => {
               //   e.target.style = ''
               // }
             }}
@@ -38,7 +38,7 @@ const RenderTags:React.FC<iTags> = ({ ruleArr, setRuleArr }) => {
               ruleArr.map((tag, idx) => {
                 return (
                   <span key={idx} style={{ display: 'inline-block' }}>
-                    <Tag closable onClose={() => handleClose(tag)}>
+                    <Tag closable onClose={(e: Event) => {e.preventDefault();handleClose(tag)}}>
                       {tag}
                     </Tag>
                   </span>
@@ -148,8 +148,10 @@ const SafeCreateForm: React.FC<iSafeCreateFormProps> = ({
           <>
             <Tabs defaultActiveKey="1" type="card" size="small">
               <TabPane tab="编号规则设置" key="1">
-              <h5>当前规则：{ruleArr.join('-')}</h5>
-              <div><RenderTags ruleArr={ruleArr} setRuleArr={setRuleArr}></RenderTags></div>
+              <div className={styles.ruleContaniner}>
+                <h5 className={styles.ruleText}>当前规则：{ruleArr.join('-')}</h5>
+                <div><RenderTags ruleArr={ruleArr} setRuleArr={setRuleArr}></RenderTags></div>
+              </div>
                 <Form.Item label="添加新组建规则" name="ruleType" initialValue="3">
                   <Select onChange={(value: string) => setRuleType(value)}>
                     <Option value="0">标段名</Option>