From 658b0fb0c71a649bd6fbe0e735b4a1a7297cb338 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Wed, 29 Sep 2021 18:09:45 +0800
Subject: [PATCH] improve ux

---
 spug_web/src/pages/deploy/request/Ext1Form.js | 19 ++++++++++++++++---
 .../src/pages/deploy/request/SelectApp.js     |  6 ------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/spug_web/src/pages/deploy/request/Ext1Form.js b/spug_web/src/pages/deploy/request/Ext1Form.js
index 824b019..9e3a9ff 100644
--- a/spug_web/src/pages/deploy/request/Ext1Form.js
+++ b/spug_web/src/pages/deploy/request/Ext1Form.js
@@ -161,7 +161,14 @@ class Ext1Form extends React.Component {
                     Object.keys(branches || {}).map(b => <Select.Option key={b} value={b}>{b}</Select.Option>)
                   ) : (
                     Object.entries(tags || {}).map(([tag, info]) => (
-                      <Select.Option key={tag} value={tag}>{`${tag} ${info.author} ${info.message}`}</Select.Option>
+                      <Select.Option key={tag} value={tag}>
+                        <div style={{display: 'flex', justifyContent: 'space-between'}}>
+                          <span style={{width: 200, overflow: 'hidden', textOverflow: 'ellipsis'}}>
+                            {`${tag} ${info.author} ${info.message}`}
+                          </span>
+                          <span style={{color: '#999', fontSize: 12}}>{info['date']} </span>
+                        </div>
+                      </Select.Option>
                     ))
                   )}
                 </Select>
@@ -177,8 +184,14 @@ class Ext1Form extends React.Component {
             <Form.Item required label="选择Commit ID">
               <Select value={extra2} placeholder="请选择" onChange={v => this.setState({extra2: v})}>
                 {extra1 && branches ? branches[extra1].map(item => (
-                  <Select.Option
-                    key={item.id}>{item.id.substr(0, 6)} {item['date']} {item['author']} {item['message']}</Select.Option>
+                  <Select.Option key={item.id}>
+                    <div style={{display: 'flex', justifyContent: 'space-between'}}>
+                      <span style={{width: 400, overflow: 'hidden', textOverflow: 'ellipsis', fontFamily: 'Courier'}}>
+                        {item.id.substr(0, 6)} {item['author']} {item['message']}
+                      </span>
+                      <span style={{color: '#999', fontSize: 12}}>{item['date']} </span>
+                    </div>
+                  </Select.Option>
                 )) : null}
               </Select>
             </Form.Item>
diff --git a/spug_web/src/pages/deploy/request/SelectApp.js b/spug_web/src/pages/deploy/request/SelectApp.js
index e61f284..b8da056 100644
--- a/spug_web/src/pages/deploy/request/SelectApp.js
+++ b/spug_web/src/pages/deploy/request/SelectApp.js
@@ -52,12 +52,6 @@ class SelectApp extends React.Component {
     store.addVisible = false
   };
 
-  handleRef = (el, id) => {
-    if (el && !store.refs.hasOwnProperty(id)) {
-      setTimeout(() => store.refs[id] = el.scrollWidth > el.clientWidth, 200)
-    }
-  };
-
   render() {
     const {env_id} = this.state;
     let records = store.deploys.filter(x => x.env_id === Number(env_id));