refactor: 优化drawer抽屉弹窗的高度代码

src/components/PopContent/Contacts/index.jsx

@@ -5,15 +5,14 @@ import ContanctForm from '@/components/PopContent/Contacts/ContanctForm.jsx'
 import ContanctTabList from '@/components/PopContent/Contacts/ContanctTabList.jsx'
 import ContanctLowerList from '@/components/PopContent/Contacts/ContanctLowerList.jsx'
 import { apiContactDetail } from '@/services/contact'
-import useAutoTable from '@/hooks/useAutoTable'
 import consts from '@/consts'
 import { connect } from 'dva'
 
 const Popcontent = props => {
-  const { dispatch, shouldUpdate, visible, onClose, collapsed, id = '' } = props
-  const needSubtractHeight = 55 // 需要被裁掉的高度
+  const { dispatch, shouldUpdate, visible, onClose, id = '' } = props
+  // const needSubtractHeight = 55 // 需要被裁掉的高度
   // const needSubtractWidth = (collapsed ? 208 : 48) + 48 + 48 + 48 // 需要被裁掉的高度
-  const [x, y] = useAutoTable(collapsed, needSubtractHeight)
+  // const [x, y] = useAutoTable(collapsed, needSubtractHeight)
 
   // 浏览器实际宽度
   const [clientWidth, setClientWidth] = useState(document.body.clientWidth * 0.75)
@@ -56,7 +55,7 @@ const Popcontent = props => {
           title="联系人"
           placement="right"
           bodyStyle={{
-            height: y,
+            height: '100vh',
             overflowY: 'hidden'
           }}
           width={clientWidth}
@@ -66,7 +65,7 @@ const Popcontent = props => {
           // mask={false}
         >
           <Row>
-            <Col span={12} className="sheet-box-left" style={{ height: y - 25, overflowY: 'auto' }}>
+            <Col span={12} className="sheet-box-left">
               <div className="sheet-left-panel zh-pd-right-15">
                 <ContanctForm client={state.client} />
               </div>

src/components/PopContent/index.scss

@@ -1,9 +1,14 @@
 // 弹窗左右结构
 .sheet-box {
   overflow: hidden;
-}
-.sheet-left-panel {
-  overflow-x: hidden;
+  .sheet-box-left {
+    height: calc(100vh - 25px);
+    overflow-y: auto;
+    .sheet-left-panel {
+      overflow-x: hidden;
+    }
+
+  }
 }
 .sheet-right-panel {
   height: 280px;