fix: 111

feat: 111

src/pages/Business/RulesSet/index.tsx

@@ -160,31 +160,35 @@ const RulesSet = () => {
       label: ruleOptionLabel[state.ruleTypeValue],
       value: ruleValue
     }
-    setRuleArr([...ruleArr, { id: rule.id, type: rule.type, label: rule.label, value: rule.value }])
+    setRuleArr([...ruleArr, rule])
+  }
+
+  const createBarExtraContent = () => {
+    return (
+      <Button
+        type="primary"
+        onClick={() => {
+          tryUpdateRuleCode({
+            tab: state.tabId,
+            rules: ruleArr.map(item => ({
+              type: item.type,
+              value: item.value,
+              label: item.label,
+              id: item.id
+            })),
+            connector: state.connector
+          })
+        }}>
+        保存
+      </Button>
+    )
   }
   return (
     <PageContainer title={false}>
       <div className="p-4 bg-white" style={{ height: `${contentHeight}px` }}>
-        <div className="flex flex-row-reverse">
-          <Button
-            type="primary"
-            onClick={() => {
-              tryUpdateRuleCode({
-                tab: state.tabId,
-                rules: ruleArr.map(item => ({
-                  type: item.type,
-                  value: item.value,
-                  label: item.label,
-                  id: item.id
-                })),
-                connector: state.connector
-              })
-            }}>
-            保存
-          </Button>
-        </div>
         <Tabs
           defaultActiveKey="yuS"
+          tabBarExtraContent={createBarExtraContent()}
           onChange={key => {
             setState({
               ...state,
@@ -288,7 +292,12 @@ const RulesSet = () => {
                   <div>
                     <Input
                       type="number"
-                      value={state.autoCode}
+                      onChange={e =>
+                        setState({
+                          ...state,
+                          autoCode: e.target.value
+                        })
+                      }
                       defaultValue={state.autoCode}
                       style={{ width: 160 }}
                     />