去除滚动条

dlink-web/src/components/Studio/StudioMenu/index.less

 @import '~antd/lib/style/themes/default.less';
 .container{
   background: #fafafa;
-  border: 1px solid #e6f7ff;
+  //border: 1px solid #e6f7ff;
 }
 
 .ant-divider-horizontal-0 {

dlink-web/src/components/Studio/StudioRightTool/index.tsx

@@ -16,7 +16,7 @@ const StudioRightTool = (props:any) => {
   // const [form] = Form.useForm();
   const {form} = props;
   return (
-    <Tabs defaultActiveKey="1" size="small" tabPosition="right"  style={{ height: "100%",overflow:"auto",border: "1px solid #f0f0f0"}}>
+    <Tabs defaultActiveKey="1" size="small" tabPosition="right"  style={{ height: "100%",overflow:"auto"}}>
       <TabPane tab={<span><SettingOutlined /> 作业配置</span>} key="StudioSetting" >
         <StudioSetting form={form} />
       </TabPane>

dlink-web/src/components/Studio/index.less

@@ -84,6 +84,9 @@
     .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
       padding-right: 10px;
     }
+    .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
+      padding: 8px;
+    }
   }
 }
 /* --- tabs 垂直样式 --- end */

dlink-web/src/components/Studio/index.tsx

@@ -30,28 +30,17 @@ const Studio: React.FC<StudioProps> = (props) => {
     leftToolWidth:300,
     marginTop:114,
   };
-  const [height, setHeight] = useState<number>();
   const [size, setSize] = useState({
-    width: document.documentElement.clientWidth,
+    width: document.documentElement.clientWidth-1,
     height: document.documentElement.clientHeight,
   });
   const onResize = useCallback(() => {
     setSize({
-      width: document.documentElement.clientWidth,
+      width: document.documentElement.clientWidth-1,
       height: document.documentElement.clientHeight,
     })
   }, []);
-  // const width = document.querySelector('body').offsetWidth;
-  // const height = document.querySelector('body').offsetHeight*(1/2);
-  /*const minWidth = document.querySelector('body').offsetWidth*(1/6);
-  const maxWidth = document.querySelector('body').offsetWidth*(1/2);*/
- /* const resize=()=>{
-    debugger;
-    setWidth(document.querySelector('body').offsetWidth);
-    setHeight(document.querySelector('body').offsetHeight);
-    console.log(width);
-    console.log(height);
-  };*/
+
   useEffect(() => {
     window.addEventListener('resize', onResize);
     onResize();
@@ -69,8 +58,6 @@ const Studio: React.FC<StudioProps> = (props) => {
   listSession(dispatch);
   showJars(dispatch);
 
-
-
   const onClick=()=>{
     if(rightClickMenu){
       dispatch&&dispatch({
@@ -83,7 +70,7 @@ const Studio: React.FC<StudioProps> = (props) => {
   return (
     <div onClick={onClick} style={{'margin':'-24px'}}>
       <StudioMenu form={form}/>
-      <Card bordered={false} className={styles.card} size="small" id="studio_card">
+      <Card bordered={false} className={styles.card} size="small" id="studio_card" style={{marginBottom:0}}>
         <Row>
             <DraggleLayout
               containerWidth={size.width-VIEW.rightToolWidth}

dlink-web/src/pages/Welcome.tsx

@@ -414,6 +414,9 @@ export default (): React.ReactNode => {
                 <li>
                   <Link>新增yarn-application 的自定义Jar提交</Link>
                 </li>
+                <li>
+                  <Link>优化 Studio 页面布局与拖动</Link>
+                </li>
               </ul>
             </Paragraph>
           </Timeline.Item>