完善支持多行指令

pkg/api/routes.go

@@ -104,8 +104,8 @@ func SetupRoutes() *echo.Echo {
 	{
 		sessions.POST("", SessionCreateEndpoint)
 		sessions.GET("/paging", SessionPagingEndpoint)
-		sessions.POST("/:id/content", SessionContentEndpoint)
+		sessions.POST("/:id/connect", SessionConnectEndpoint)
-		sessions.POST("/:id/discontent", Admin(SessionDiscontentEndpoint))
+		sessions.POST("/:id/disconnect", Admin(SessionDisconnectEndpoint))
 		sessions.POST("/:id/resize", SessionResizeEndpoint)
 		sessions.POST("/:id/upload", SessionUploadEndpoint)
 		sessions.GET("/:id/download", SessionDownloadEndpoint)

pkg/api/session.go

@@ -75,7 +75,7 @@ func SessionDeleteEndpoint(c echo.Context) error {
 	return Success(c, nil)
 }
 
-func SessionContentEndpoint(c echo.Context) error {
+func SessionConnectEndpoint(c echo.Context) error {
 	sessionId := c.Param("id")
 
 	session := model.Session{}
@@ -89,7 +89,7 @@ func SessionContentEndpoint(c echo.Context) error {
 	return Success(c, nil)
 }
 
-func SessionDiscontentEndpoint(c echo.Context) error {
+func SessionDisconnectEndpoint(c echo.Context) error {
 	sessionIds := c.Param("id")
 
 	split := strings.Split(sessionIds, ",")

web/src/components/access/Access.js

@@ -167,7 +167,7 @@ class Access extends Component {
     };
 
     updateSessionStatus = async (sessionId) => {
-        let result = await request.post(`/sessions/${sessionId}/content`);
+        let result = await request.post(`/sessions/${sessionId}/connect`);
         if (result.code !== 1) {
             message.error(result.message);
         }

web/src/components/access/Console.js

@@ -101,7 +101,10 @@ class Console extends Component {
                 if (command !== '') {
                     let webSocket = this.state.webSocket;
                     if (webSocket !== undefined && webSocket.readyState === WebSocket.OPEN) {
-                        webSocket.send(JSON.stringify({type: 'data', content: command + String.fromCharCode(13)}));
+                        webSocket.send(JSON.stringify({
+                            type: 'data',
+                            content: command + String.fromCharCode(13)
+                        }));
                     }
                 }
                 executedCommand = true;

web/src/components/command/BatchCommand.js

@@ -1,9 +1,11 @@
 import React, {Component} from 'react';
-import {Card, Input, List, PageHeader} from "antd";
+import {Card, Input, List, PageHeader, Spin} from "antd";
 import Console from "../access/Console";
 import {itemRender} from "../../utils/utils";
 import Logout from "../user/Logout";
 import './Command.css'
+import request from "../../common/request";
+import {message} from "antd/es";
 
 const {Search} = Input;
 const routes = [
@@ -29,13 +31,31 @@ class BatchCommand extends Component {
         webSockets: [],
         assets: [],
         active: undefined,
+        loading: true
     }
 
     componentDidMount() {
         let params = new URLSearchParams(this.props.location.search);
-        let command = params.get('command');
         let assets = JSON.parse(params.get('assets'));
+        let commandId = params.get('commandId');
+
+        this.init(commandId, assets)
+    }
+
+    init = async (commandId, assets) => {
+
+        let result = await request.get(`/commands/${commandId}`);
+        if (result['code'] !== 1) {
+            message.error(result['message'], 10);
             this.setState({
+                loading: false
+            })
+            return;
+        }
+
+        let command = result['data']['content'];
+        this.setState({
+            loading: false,
             command: command,
             assets: assets
         })
@@ -66,6 +86,7 @@ class BatchCommand extends Component {
                 >
                 </PageHeader>
 
+                <Spin spinning={this.state.loading} tip='正在获取指令内容...'>
                     <div className="page-search">
                         <Search ref={this.commandRef} placeholder="请输入指令" onSearch={value => {
                             for (let i = 0; i < this.state.webSockets.length; i++) {
@@ -110,6 +131,8 @@ class BatchCommand extends Component {
                             )}
                         />
                     </div>
+                </Spin>
+
             </>
         );
     }

web/src/components/command/Command.css

@@ -1,4 +1,4 @@
 .command-active {
-    box-shadow: 0 0 0 2px #1890FF;
+    box-shadow: 0 0 0 2px red;
-    outline: 2px solid #1890FF;
+    outline: 2px solid red;
 }

web/src/components/command/DynamicCommand.js

@@ -73,7 +73,7 @@ class DynamicCommand extends Component {
         assetsVisible: false,
         assets: [],
         checkedAssets: [],
-        command: '',
+        commandId: '',
         model: null,
         selectedRowKeys: [],
         delBtnLoading: false,
@@ -223,7 +223,7 @@ class DynamicCommand extends Component {
             }
         });
 
-        window.location.href = '#/batch-command?command=' + this.state.command + '&assets=' + JSON.stringify(cAssets);
+        window.location.href = '#/batch-command?commandId=' + this.state.commandId + '&assets=' + JSON.stringify(cAssets);
     };
 
     handleOk = async (formData) => {
@@ -463,7 +463,7 @@ class DynamicCommand extends Component {
 
                             this.setState({
                                 assetsVisible: true,
-                                command: record.content
+                                commandId: record['id']
                             });
 
                             let result = await request.get('/assets?protocol=ssh');

web/src/components/command/DynamicCommandModal.js

@@ -48,7 +48,7 @@ const DynamicCommandModal = ({title, visible, handleOk, handleCancel, confirmLoa
                 </Form.Item>
 
                 <Form.Item label="指令内容" name='content' rules={[{required: true, message: '请输入指令内容'}]}>
-                    <TextArea autoSize={{minRows: 5, maxRows: 10}} placeholder="多行指令也会当做一行执行，请使用 && 或 其他方式进行连接"/>
+                    <TextArea autoSize={{minRows: 5, maxRows: 10}} placeholder="一行一个指令"/>
                 </Form.Item>
 
             </Form>

web/src/components/session/OnlineSession.js

@@ -297,7 +297,7 @@ class OnlineSession extends Component {
                                 });
 
                                 const dis = async (id) => {
-                                    const result = await request.post(`/sessions/${id}/discontent`);
+                                    const result = await request.post(`/sessions/${id}/disconnect`);
                                     if (result.code === 1) {
                                         notification['success']({
                                             message: '提示',