U 优化文件分发在文件过多时展示效果

spug_web/src/pages/exec/task/index.module.less

@@ -8,6 +8,7 @@
   .left {
     padding: 24px;
     width: 60%;
+    border-right: 1px solid #dfdfdf;
 
     .area {
       cursor: pointer;

spug_web/src/pages/exec/transfer/Output.js

@@ -32,7 +32,8 @@ function OutView(props) {
     store.tag = ''
     gCurrent = current
     term.setOption('disableStdin', true)
-    term.setOption('fontSize', gStore.terminal.fontSize)
+    term.setOption('fontSize', 14)
+    term.setOption('lineHeight', 1.2)
     term.setOption('fontFamily', gStore.terminal.fontFamily)
     term.setOption('theme', {background: '#2b2b2b', foreground: '#A9B7C6', cursor: '#2b2b2b'})
     term.attachCustomKeyEventHandler((arg) => {

spug_web/src/pages/exec/transfer/index.js

@@ -121,11 +121,13 @@ function TransferIndex() {
     </Breadcrumb>
     <div className={style.index} hidden={token}>
       <div className={style.left}>
-        <Card type="inner" title="数据源" extra={(<Space size={24}>
+        <Card type="inner" title={`数据源${files.length ? `（${files.length}）` : ''}`} extra={(<Space size={24}>
-          <Upload multiple beforeUpload={handleUpload}><Space className="btn"><UploadOutlined/>上传本地文件</Space></Upload>
+          <Upload multiple beforeUpload={handleUpload}><Space
+            className="btn"><UploadOutlined/>上传本地文件</Space></Upload>
           <Space className="btn" onClick={handleAddHostFile}><CloudServerOutlined/>添加主机文件</Space>
         </Space>)}>
-          <Table rowKey="id" showHeader={false} pagination={false} size="small" dataSource={files}>
+          <Table rowKey="id" className={style.table} showHeader={false} pagination={false} size="small"
+                 dataSource={files}>
             <Table.Column title="文件来源" dataIndex="name"/>
             <Table.Column title="文件名称/路径" render={info => info.type === 'upload' ? info.path.name : (
               <Input onChange={e => info.path = e.target.value} placeholder="请输入要同步的目录路径"/>)}/>
@@ -134,7 +136,8 @@ function TransferIndex() {
           </Table>
         </Card>
         <Card type="inner" title="分发目标" style={{margin: '24px 0'}} bodyStyle={{paddingBottom: 0}} extra={(
-          <Tooltip className={style.tips} title="文件分发功能依赖rsync，大部分linux发行版默认都已安装，如未安装可通过「批量执行/执行任务」进行批量安装。">
+          <Tooltip className={style.tips}
+                   title="文件分发功能依赖rsync，大部分linux发行版默认都已安装，如未安装可通过「批量执行/执行任务」进行批量安装。">
             <BulbOutlined/> 小提示
           </Tooltip>
         )}>

spug_web/src/pages/exec/transfer/index.module.less

@@ -8,6 +8,12 @@
   .left {
     padding: 24px;
     width: 60%;
+    border-right: 1px solid #dfdfdf;
+
+    .table {
+      max-height: calc(100vh - 600px);
+      overflow: auto;
+    }
 
     .area {
       cursor: pointer;