Browse Source

fix: 修复宽度问题

outaozhen 2 years ago
parent
commit
a1bfc35b03

+ 1 - 1
src/pages/Business/Attendance/components/ShowTitleMenu.tsx

@@ -15,7 +15,7 @@ const ShowTitleMenu: React.FC<ShowTitleMenuProps> = ({ options, onSelect, defaul
   }
   return (
     <div
-      className="w-max-234px rounded-4px shadow-card"
+      className="w-max-234px w-234px rounded-4px shadow-card"
       style={{
         height: `calc(100vh - 96px)`
       }}>

+ 2 - 1
src/pages/Business/Attendance/index.tsx

@@ -14,6 +14,7 @@ import {
 import ConnectModal from '@/pages/Role/System/components/ConnectModal'
 import ProForm, { ProFormText } from '@ant-design/pro-form'
 import { PageContainer } from '@ant-design/pro-layout'
+import classNames from 'classnames'
 
 const titleOptions = [
   { label: '加班申请人', value: 0 },
@@ -163,7 +164,7 @@ const Attendance: React.FC = () => {
     <PageContainer title={false} breadcrumb={false} className="h-full w-full flex flex-row">
       <div className="h-full w-full flex flex-row">
         <ShowTitleMenu onSelect={onSelect} options={titleOptions} defaultValue={0} />
-        <div className="w-max-3/4">
+        <div className={classNames('w-max-3/4 w-3/4')}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             {state.menuId === 0 ? (
               <>

+ 2 - 1
src/pages/Business/CommonSetting/index.tsx

@@ -4,6 +4,7 @@ import { useRequest } from '@umijs/max'
 import ShowTitleMenu from '../Attendance/components/ShowTitleMenu'
 import type { FormInstance } from 'antd'
 import { message } from 'antd'
+import classNames from 'classnames'
 import ProForm, { ProFormDigit } from '@ant-design/pro-form'
 import { fetchParametersDetail, updateParametersTime } from '@/services/user/system'
 
@@ -53,7 +54,7 @@ const CommonSetting: React.FC = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <ShowTitleMenu onSelect={onSelect} options={titleOptions} defaultValue={0} />
-        <div className="w-max-3/4">
+        <div className={classNames('w-max-3/4 w-3/4')}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div>
               <div className="text-xl font-bold">服务记录编辑删除限时</div>

+ 2 - 1
src/pages/Business/Contact/index.tsx

@@ -20,6 +20,7 @@ import type { ColumnsType } from 'antd/lib/table'
 import { Delete } from '@icon-park/react'
 import { useRef } from 'react'
 import { PageContainer } from '@ant-design/pro-layout'
+import classNames from 'classnames'
 
 enum modalType {
   CREATE = 0,
@@ -321,7 +322,7 @@ const Contact: React.FC = () => {
           ]}
           defaultValue={1}
         />
-        <div className="w-max-3/4">
+        <div className={classNames('w-max-3/4 w-3/4')}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             {state.menuId === 1 ? (
               <>

+ 1 - 1
src/pages/Business/Invoice/index.tsx

@@ -216,7 +216,7 @@ const Invoice: React.FC = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <ShowTitleMenu onSelect={onSelect} options={[{ label: '开票内容', value: 1 }]} defaultValue={1} />
-        <div className="w-max-3/4">
+        <div className={classNames('w-max-3/4 w-3/4')}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               <Button

+ 4 - 4
src/pages/Role/Customer/index.tsx

@@ -170,7 +170,7 @@ const Customer = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <RoleMenu menuId={menuId} onSelect={onSelect} itemCount={state.roleStaff?.length || 0} />
-        <div className={classNames('w-max-3/4', styles.formItemWrap)}>
+        <div className={classNames('w-max-3/4 w-3/4', styles.formItemWrap)}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               {state.id && (
@@ -216,7 +216,7 @@ const Customer = () => {
                         name="showClient"
                         label={
                           <span className="flex items-center">
-                            <EveryUser className="mr-1" className="flex items-baseline mr-1" />
+                            <EveryUser className="flex items-baseline mr-1" />
                             客户
                           </span>
                         }
@@ -250,7 +250,7 @@ const Customer = () => {
                         name="showCompany"
                         label={
                           <span className="flex items-center">
-                            <EveryUser className="mr-1" className="flex items-baseline mr-1" />
+                            <EveryUser className="flex items-baseline mr-1" />
                             单位
                           </span>
                         }
@@ -285,7 +285,7 @@ const Customer = () => {
                         name="showBusiness"
                         label={
                           <span className="flex items-center">
-                            <EveryUser className="mr-1" className="flex items-baseline mr-1" />
+                            <EveryUser className="flex items-baseline mr-1" />
                             商机
                           </span>
                         }

+ 1 - 1
src/pages/Role/Hr/index.tsx

@@ -161,7 +161,7 @@ const Hr = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <RoleMenu menuId={menuId} onSelect={onSelect} itemCount={state.roleStaff?.length || 0} />
-        <div className={classNames('w-max-3/4', styles.formItemWrap)}>
+        <div className={classNames('w-max-3/4 w-3/4', styles.formItemWrap)}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               {state.id && (

+ 1 - 1
src/pages/Role/Product/index.tsx

@@ -162,7 +162,7 @@ const Product = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <RoleMenu menuId={menuId} onSelect={onSelect} itemCount={state.roleStaff?.length || 0} />
-        <div className={classNames('w-max-3/4', styles.formItemWrap)}>
+        <div className={classNames('w-max-3/4 w-3/4', styles.formItemWrap)}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               {state.id && (

+ 1 - 1
src/pages/Role/System/index.tsx

@@ -132,7 +132,7 @@ const System = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <RoleMenu menuId={menuId} onSelect={onSelect} itemCount={state.roleStaff?.length || 0} />
-        <div className={classNames(styles.formItemWrap)}>
+        <div className={classNames('w-max-3/4 w-3/4', styles.formItemWrap)}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               {state.id && (

+ 1 - 1
src/pages/Role/Workbench/index.tsx

@@ -141,7 +141,7 @@ const Workbench = () => {
     <PageContainer title={false} breadcrumb={false}>
       <div className="h-full w-full flex flex-row">
         <RoleMenu menuId={menuId} onSelect={onSelect} itemCount={state.roleStaff?.length || 0} />
-        <div className={classNames('w-max-3/4', styles.formItemWrap)}>
+        <div className={classNames('w-max-3/4 w-3/4', styles.formItemWrap)}>
           <div className="ml-8 bg-white p-4 shadow-md shadow-hex-3e2c5a relative">
             <div className="absolute right-4 top-4 z-100">
               {state.id && (