U 优化应用选择展示效果

spug_web/src/pages/deploy/request/SelectApp.js

@@ -83,7 +83,7 @@ class SelectApp extends React.Component {
           <div className={styles.right}>
             <Spin spinning={store.isLoading}>
               <div className={styles.title}>
-                <div>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
+                <div className={styles.titleText}>{lds.get(envStore.idMap, `${env_id}.name`)}</div>
                 <Input
                   allowClear
                   style={{width: 200}}

spug_web/src/pages/deploy/request/index.module.css

@@ -5,11 +5,12 @@
     min-height: 500px;
 }
 .left {
-    flex: 2;
+    width: 220px;
     border-right: 1px solid #e8e8e8;
+    overflow: hidden;
 }
 .right {
-    flex: 7;
+    width: 580px;
     padding: 8px 40px;
 }
 
@@ -24,8 +25,15 @@
     line-height: 28px;
 }
 
+.titleText {
+    padding-right: 12px;
+    width: 300px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
  .appItem {
-    width: 560px;
     display: flex;
     align-items: center;
     padding: 12px 16px;