fix: 1

src/global.less

@@ -18,22 +18,10 @@ body,
 //   border-left: 3px solid #886ab5;
 // }
 .ant-layout-header {
-  background: linear-gradient(
-    to right,
-    #584475 0%,
-    #7c62a4 50%,
-    #7c62a4 50%,
-    #584475 100%
-  ) !important;
+  background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%) !important;
 }
 .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
-  background: linear-gradient(
-    to right,
-    #584475 0%,
-    #7c62a4 50%,
-    #7c62a4 50%,
-    #584475 100%
-  ) !important;
+  background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%) !important;
 }
 .ant-menu-dark .ant-menu-sub,
 .ant-menu.ant-menu-dark,
@@ -201,17 +189,22 @@ input:-webkit-autofill:active {
 }
 
 .zh-drawer.ant-drawer-open {
-  // width: 100% !important; // mask: false
-  @media (min-width: 992px) {
+  @media (min-width: 1200px) {
     > .ant-drawer-content-wrapper {
-      width: 90% !important;
+      width: 70% !important;
     }
   }
-  @media (min-width: 1200px) {
+  @media all and (min-width: 768px) and (max-width: 1024px) {
     > .ant-drawer-content-wrapper {
-      width: 70% !important;
+      width: 100% !important;
     }
   }
+  @media screen and (min-width: 320px) and (max-width: 750px) {
+    > .ant-drawer-content-wrapper {
+      width: 100% !important;
+    }
+  }
+
   // > .ant-drawer-content-wrapper {
   //   width: 70% !important;
   // }

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

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

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

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

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

@@ -87,22 +87,21 @@ const CompanyTabList = ({ initData, customerId, client, software, customer, busi
       title: '姓名',
       dataIndex: 'clientName',
       width: 100,
+      ellipsis: true,
       render: (clientName, record) => (
-        <div className="text-primary hover:text-[#967bbd] line-clamp-1">
-          <span
-            onClick={() => dispatchModal('D_CLIENT_DETAIL', { dataId: record.id })}
-            className="cursor-pointer ">
+        <div className="text-primary hover:text-hex-967bbd">
+          <span onClick={() => dispatchModal('D_CLIENT_DETAIL', { dataId: record.id })} className="cursor-pointer ">
             {clientName}
           </span>
         </div>
       )
     },
-    // {
-    //   title: '昵称',
-    //   dataIndex: 'niceName',
-    //   width: 110,
-    //   ellipsis: true
-    // },
+    {
+      title: '昵称',
+      dataIndex: 'niceName',
+      width: 110,
+      ellipsis: true
+    },
     {
       title: '手机',
       dataIndex: 'telephone',
@@ -124,10 +123,9 @@ const CompanyTabList = ({ initData, customerId, client, software, customer, busi
       render: (clientName, record) => (
         <span
           onClick={() => dispatchModal('D_LOCK_DETAIL', { dataId: record.id })}
-          className={[
-            'cursor-pointer hover:text-hex-967bbd',
-            record.preserveStatus === 3 ? null : 'text-primary'
-          ].join(' ')}>
+          className={['cursor-pointer hover:text-hex-967bbd', record.preserveStatus === 3 ? null : 'text-primary'].join(
+            ' '
+          )}>
           {record.preserveStatus === 3 ? (
             <Text delete type="secondary">
               {clientName}

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

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

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

@@ -41,12 +41,7 @@ const EmployeeDetail = props => {
     visible && initData(dataId)
   }, [visible])
   return (
-    <Drawer
-      visible={visible}
-      onClose={onClose}
-      className="zh-drawer"
-      contentWrapperStyle={{ width: 'unset' }}
-      getContainer={false}>
+    <Drawer visible={visible} onClose={onClose} className="zh-drawer" 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' }} getContainer={false}>
+    <Drawer {...otherProps} className="zh-drawer" 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,12 +85,7 @@ const CloudDetail = props => {
   }, [visible])
 
   return (
-    <Drawer
-      {...resetDrawerProps}
-      visible={visible}
-      className="zh-drawer"
-      contentWrapperStyle={{ width: 'unset' }}
-      getContainer={false}>
+    <Drawer {...resetDrawerProps} visible={visible} className="zh-drawer" getContainer={false}>
       <Spin spinning={state.loading}>
         <div className="sheet-box">
           <Row>

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

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

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

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

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

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

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

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