feat: 1

src/global.less

@@ -132,7 +132,7 @@ input:-webkit-autofill:active {
 .sheet-box {
   // overflow: hidden;
   .sheet-box-left {
-    height: calc(100vh);
+    height: 100vh;
     // height: calc(100vh - 15px);
     padding: 24px 0 24px 24px;
     overflow-y: auto;
@@ -198,43 +198,29 @@ input:-webkit-autofill:active {
     width: 70% !important;
   }
 }
-// .ant-pro-table-list-toolbar-search {
-//   > .ant-input-group-wrapper {
-//     width: 250px;
-//   }
-// }
+.ant-pro-table-list-toolbar-search {
+  > .ant-input-group-wrapper {
+    width: 250px;
+  }
+}
 // @media (max-width: 767.98px) {
-// .my-drawer.ant-drawer-open {
-//   > .ant-drawer-content-wrapper {
-//     width: 100% !important;
+//   .my-drawer.ant-drawer-open {
+//     > .ant-drawer-content-wrapper {
+//       width: 100% !important;
+//     }
 //   }
-// }
-// .ant-pro-basicLayout-content {
-//   margin: 0 !important;
-// }
-
-// .sheet-box .sheet-box-left {
-//   height: unset;
-//   overflow-y: unset;
-// }
-// .sheet-right-panel,
-// .sheet-panel-record {
-//   height: unset;
-// }
-
-// .ant-pro-table-list-toolbar-search {
-//   > .ant-input-group-wrapper {
-//     width: unset;
+//   .ant-pro-basicLayout-content {
+//     margin: 0 !important;
 //   }
-// }
 
-// .ant-pro-table-list-toolbar-container {
-//   flex-wrap: nowrap !important;
-//   align-items: center !important;
-//   > .ant-pro-table-list-toolbar-left {
-//     margin-bottom: 0;
+//   .sheet-box .sheet-box-left {
+//     height: unset;
+//     overflow-y: unset;
+//   }
+//   .sheet-right-panel,
+//   .sheet-panel-record {
+//     height: unset;
 //   }
-// }
 // }
 // .react-resizable {
 //   background-clip: padding-box !important;

src/pages/Customer/Client/components/ClientDetail/index.jsx

@@ -52,12 +52,12 @@ const ContactDetail = props => {
       <div className="sheet-box">
         <Row>
           <Col
-            sm={{ span: 24 }}
-            md={{ span: 24 }}
-            lg={{ span: 9 }}
-            xl={{ span: 9 }}
-            className="sheet-box-left"
-          >
+            span={9}
+            // sm={{ span: 24 }}
+            // md={{ span: 24 }}
+            // lg={{ span: 9 }}
+            // xl={{ span: 9 }}
+            className="sheet-box-left">
             {orderIds.length ? (
               <div className="mb-3">
                 <Tooltip title="上一条记录">
@@ -88,12 +88,12 @@ const ContactDetail = props => {
             </div>
           </Col>
           <Col
-            sm={{ span: 24 }}
-            md={{ span: 24 }}
-            lg={{ span: 15 }}
-            xl={{ span: 15 }}
-            className="sheet-box-right"
-          >
+            span={15}
+            // sm={{ span: 24 }}
+            // md={{ span: 24 }}
+            // lg={{ span: 15 }}
+            // xl={{ span: 15 }}
+            className="sheet-box-right">
             <ContanctTabList
               clientId={state.client.id}
               software={state.software}

src/pages/Customer/Company/components/CompanyDetail/index.jsx

@@ -49,12 +49,12 @@ const CompanyDetail = props => {
       <div className="sheet-box">
         <Row>
           <Col
-            sm={{ span: 24 }}
-            md={{ span: 24 }}
-            lg={{ span: 9 }}
-            xl={{ span: 9 }}
-            className="sheet-box-left"
-          >
+            span={9}
+            // sm={{ span: 24 }}
+            // md={{ span: 24 }}
+            // lg={{ span: 9 }}
+            // xl={{ span: 9 }}
+            className="sheet-box-left">
             {orderIds.length ? (
               <div className="mb-3">
                 <Tooltip title="上一条记录">
@@ -86,13 +86,13 @@ const CompanyDetail = props => {
             </div>
           </Col>
           <Col
-            sm={{ span: 24 }}
-            md={{ span: 24 }}
-            lg={{ span: 15 }}
-            xl={{ span: 15 }}
+            span={15}
+            // sm={{ span: 24 }}
+            // md={{ span: 24 }}
+            // lg={{ span: 15 }}
+            // xl={{ span: 15 }}
             flex={{ flexDirection: 'column' }}
-            className="sheet-box-right"
-          >
+            className="sheet-box-right">
             <CompanyTabList
               updateKey={updateKey}
               initData={initData}