feat: 通知配置

src/pages/rule-engine/Scene/Save/components/ParamsSelect/index.less

@@ -0,0 +1,5 @@
+.select-wrapper {
+  .select-box {
+    background-color: white;
+  }
+}

src/pages/rule-engine/Scene/Save/components/ParamsSelect/index.tsx

@@ -0,0 +1,44 @@
+import { DownOutlined } from '@ant-design/icons';
+import { Input, Tabs } from 'antd';
+import { useState } from 'react';
+import './index.less';
+
+export default () => {
+  const [visible, setVisible] = useState<boolean>(false);
+
+  return (
+    <div className={'select-wrapper'}>
+      <Input
+        suffix={<DownOutlined style={{ color: "rgba('#000', .45)" }} />}
+        onFocus={() => {
+          setVisible(true);
+        }}
+      />
+      {visible && (
+        <div className={'select-box'}>
+          <Tabs
+            defaultActiveKey="1"
+            onChange={() => {}}
+            items={[
+              {
+                label: `Tab 1`,
+                key: '1',
+                children: `Content of Tab Pane 1`,
+              },
+              {
+                label: `Tab 2`,
+                key: '2',
+                children: `Content of Tab Pane 2`,
+              },
+              {
+                label: `Tab 3`,
+                key: '3',
+                children: `Content of Tab Pane 3`,
+              },
+            ]}
+          />
+        </div>
+      )}
+    </div>
+  );
+};

src/pages/rule-engine/Scene/Save/device/index.tsx

@@ -1,8 +1,12 @@
 import Terms from '@/pages/rule-engine/Scene/Save/terms';
+import ParamsSelect from '@/pages/rule-engine/Scene/Save/components/ParamsSelect';
 
 export default () => {
   return (
     <div>
+      <div>
+        <ParamsSelect />
+      </div>
       <Terms />
     </div>
   );