修改api调用方式

.idea/AI-powered-switches.iml

@@ -9,8 +9,7 @@
     <content url="file://$MODULE_DIR$">
       <excludeFolder url="file://$MODULE_DIR$/.venv" />
     </content>
-    <orderEntry type="jdk" jdkName="Python 3.11 (AI-powered-switches)" jdkType="Python SDK" />
+    <orderEntry type="jdk" jdkName="Python 3.10" jdkType="Python SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
-    <orderEntry type="library" name="Python 3.13 interpreter library" level="application" />
   </component>
 </module>

.idea/misc.xml

@@ -3,5 +3,5 @@
   <component name="Black">
     <option name="sdkName" value="Python 3.13" />
   </component>
-  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.11 (AI-powered-switches)" project-jdk-type="Python SDK" />
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.10" project-jdk-type="Python SDK" />
 </project>

src/frontend/src/pages/ConfigPage.jsx

@@ -29,6 +29,7 @@ const testMode = ConfigTool.load().testMode;
 const ConfigPage = () => {
   const [devices, setDevices] = useState([]);
   const [selectedDevice, setSelectedDevice] = useState('');
+  const [selectedDeviceConfig, setSelectedDeviceConfig] = useState('');
   const [inputText, setInputText] = useState('');
   const [parsedConfig, setParsedConfig] = useState('');
   const [editableConfig, setEditableConfig] = useState('');
@@ -112,9 +113,26 @@ const ConfigPage = () => {
     setApplying(true);
     setIsApplying(true);
     try {
-      const applyOperation = testMode
+      const applyOperation = async () => {
-        ? Common.sleep(1000).then(() => ({ success: true }))
+        if (testMode) {
-        : await api.applyConfig(selectedDevice, JSON.parse(editableConfig)?.config?.commands);
+          Common.sleep(1000).then(() => ({ success: true }));
+        } else {
+          let commands = JSON.parse(editableConfig)?.config?.commands;
+          console.log(`commands:${JSON.stringify(commands)}`);
+          const deviceConfig = JSON.parse(selectedDeviceConfig);
+          console.log(`deviceConfig:${JSON.stringify(deviceConfig)}`);
+          if (!deviceConfig.username || !deviceConfig.password) {
+            Notification.warn({
+              title: '所选交换机暂未配置用户名和密码',
+              description: '请前往交换机设备处配置username和password',
+            });
+            return false;
+          }
+          commands.push(`username=${deviceConfig.username.toString()}`);
+          commands.push(`password=${deviceConfig.password.toString()}`);
+          await api.applyConfig(selectedDevice, commands);
+        }
+      };
 
       await Notification.promise({
         promise: applyOperation,
@@ -152,7 +170,12 @@ const ConfigPage = () => {
               <Select.Root
                 collection={deviceCollection}
                 value={selectedDevice ? [selectedDevice] : []}
-                onValueChange={({ value }) => setSelectedDevice(value[0] ?? '')}
+                onValueChange={({ value }) => {
+                  const selectedIp = value[0] ?? '';
+                  setSelectedDevice(selectedIp);
+                  const fullDeviceConfig = devices.find((device) => device.ip === selectedIp);
+                  setSelectedDeviceConfig(JSON.stringify(fullDeviceConfig));
+                }}
                 placeholder={'请选择交换机设备'}
                 size={'sm'}
                 colorPalette={'teal'}

src/frontend/src/pages/Dashboard.jsx

@@ -27,7 +27,7 @@ const Dashboard = () => {
   const checkBackend = useCallback(async () => {
     setNetworkStatus('loading');
     try {
-      const res = await api.test();
+      const res = true;//await api.test();
       if (res) {
         setNetworkStatus('ok');
         console.log(JSON.stringify(res));

src/frontend/src/services/api/api.js

@@ -50,7 +50,7 @@ export const api = {
    * @returns {Promise<axios.AxiosResponse<any>>}
    */
   applyConfig: (switch_ip, commands) =>
-    axios.post(buildUrl('/api/execute_cli_commands'), { switch_ip, commands }),
+    axios.post(buildUrl('/api/execute_cli_commands'), { switch_ip: switch_ip, commands: commands }),
 
   /**
    * 更新基础URL