feat: 1

src/pages/Customer/Business/components/BusinessDetail/index.jsx

@@ -67,7 +67,12 @@ const Detail = props => {
   }, [visible])
 
   return (
-    <Drawer visible={visible} onClose={onClose} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      visible={visible}
+      onClose={onClose}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

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

@@ -51,7 +51,12 @@ const ClientDetail = props => {
   }, [visible])
 
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

src/pages/Hr/Employee/components/EmployeeDetail/index.jsx

@@ -41,7 +41,12 @@ const EmployeeDetail = props => {
     visible && initData(dataId)
   }, [visible])
   return (
-    <Drawer visible={visible} onClose={onClose} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      visible={visible}
+      onClose={onClose}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <div className="sheet-box">
         <Row>
           <Col span={12} className="sheet-box-left">

src/pages/Hr/Notification/components/MessageDetail.jsx

@@ -8,7 +8,7 @@ const MessageDetail = props => {
   const intl = useIntl()
   if (!id) return null
   return (
-    <Drawer {...otherProps} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer {...otherProps} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }} getContainer={false}>
       <div className="px-5 vditor-reset h-full">
         <div className="max-h-20vh">
           <span className="pt-5 block">

src/pages/Product/Cloud/components/Detail/index.jsx

@@ -85,7 +85,12 @@ const CloudDetail = props => {
   }, [visible])
 
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

src/pages/Product/Lock/LockStore/components/LockDetail/index.jsx

@@ -51,7 +51,12 @@ const LockDetail = props => {
   const { flipFn, flipConsts } = useFlipOver(initData, dataId, orderIds)
 
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

src/pages/Product/Lock/LockStore/components/SoftwareDetail/index.jsx

@@ -27,7 +27,12 @@ const SoftwareDetail = props => {
     visible && initData(dataId)
   }, [visible])
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer">
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

src/pages/Product/Road/Enterprise/components/Detail/index.jsx

@@ -100,7 +100,12 @@ const EnterpriseDetail = props => {
     visible && initData(dataId)
   }, [visible])
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

src/pages/Product/Road/Personal/components/Detail/index.jsx

@@ -93,7 +93,12 @@ const PersonalDetail = props => {
     visible && initData(dataId)
   }, [visible])
   return (
-    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" contentWrapperStyle={{ width: 'unset' }}>
+    <Drawer
+      {...resetDrawerProps}
+      visible={visible}
+      className="zh-drawer"
+      contentWrapperStyle={{ width: 'unset' }}
+      getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>