From d7a3e74db8c8769611af389fb31859605b77a033 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Tue, 11 Aug 2020 20:15:13 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E4=B8=80=E4=BA=9B=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/config/setting/DiffConfig.js    | 7 ++++---
 spug_web/src/pages/config/setting/Form.js          | 7 ++++---
 spug_web/src/pages/config/setting/index.module.css | 6 ++++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/spug_web/src/pages/config/setting/DiffConfig.js b/spug_web/src/pages/config/setting/DiffConfig.js
index 0122988..fb9bcb8 100644
--- a/spug_web/src/pages/config/setting/DiffConfig.js
+++ b/spug_web/src/pages/config/setting/DiffConfig.js
@@ -8,6 +8,7 @@ import { observer } from 'mobx-react';
 import { Modal, Table, Row, Col, Checkbox, Form, Button, Alert } from 'antd';
 import http from 'libs/http';
 import envStore from '../environment/store';
+import styles from './index.module.css';
 import store from './store';
 
 @observer
@@ -73,9 +74,9 @@ class Record extends React.Component {
                 onClick={() => this.handleEnvCheck(item)}
                 style={{cursor: 'pointer', borderTop: index ? '1px solid #e8e8e8' : ''}}>
                 <Col span={2}><Checkbox checked={envs.map(x => x.id).includes(item.id)}/></Col>
-                <Col span={3}>{item.key}</Col>
-                <Col span={4}>{item.name}</Col>
-                <Col span={15}>{item.desc}</Col>
+                <Col span={4} className={styles.ellipsis}>{item.key}</Col>
+                <Col span={9} className={styles.ellipsis}>{item.name}</Col>
+                <Col span={9} className={styles.ellipsis}>{item.desc}</Col>
               </Row>
             ))}
           </Form.Item>
diff --git a/spug_web/src/pages/config/setting/Form.js b/spug_web/src/pages/config/setting/Form.js
index 5f6fe88..0c59a40 100644
--- a/spug_web/src/pages/config/setting/Form.js
+++ b/spug_web/src/pages/config/setting/Form.js
@@ -9,6 +9,7 @@ import {Modal, Form, Input, Checkbox, Switch, Row, Col, message} from 'antd';
 import http from 'libs/http';
 import store from './store';
 import envStore from '../environment/store'
+import styles from './index.module.css';
 
 @observer
 class ComForm extends React.Component {
@@ -100,9 +101,9 @@ class ComForm extends React.Component {
                 onClick={() => this.handleEnvCheck(item.id)}
                 style={{cursor: 'pointer', borderTop: index ? '1px solid #e8e8e8' : ''}}>
                 <Col span={2}><Checkbox disabled={this.isModify} checked={envs.includes(item.id)}/></Col>
-                <Col span={3}>{item.key}</Col>
-                <Col span={4}>{item.name}</Col>
-                <Col span={15}>{item.desc}</Col>
+                <Col span={4} className={styles.ellipsis}>{item.key}</Col>
+                <Col span={9} className={styles.ellipsis}>{item.name}</Col>
+                <Col span={9} className={styles.ellipsis}>{item.desc}</Col>
               </Row>
             ))}
           </Form.Item>
diff --git a/spug_web/src/pages/config/setting/index.module.css b/spug_web/src/pages/config/setting/index.module.css
index f929e6c..1bb0f29 100644
--- a/spug_web/src/pages/config/setting/index.module.css
+++ b/spug_web/src/pages/config/setting/index.module.css
@@ -22,4 +22,10 @@
 
 .form {
     max-width: 320px;
+}
+
+.ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
\ No newline at end of file