fix: 客户、单位表格宽度调整

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

@@ -41,7 +41,7 @@ const ContanctTabList = ({ clientId, software }) => {
     {
       title: '锁号',
       dataIndex: 'keyNum',
-      width: '18%',
+      width: 90,
       render: (clientName, record) => (
         <>
           {record.preserveStatus === 3 ? (
@@ -65,7 +65,7 @@ const ContanctTabList = ({ clientId, software }) => {
     {
       title: '产品',
       dataIndex: 'product',
-      width: '45%',
+      width: 240,
       ellipsis: true,
       render: (_, record) => (
         <>
@@ -82,7 +82,7 @@ const ContanctTabList = ({ clientId, software }) => {
     {
       title: '销售状态',
       dataIndex: 'sellStatus',
-      width: '13%',
+      width: 60,
       ellipsis: true,
       render: (_, record) => (
         <>
@@ -100,7 +100,7 @@ const ContanctTabList = ({ clientId, software }) => {
       title: '维护状态',
       dataIndex: 'preserveStatus',
       key: 'preserveStatus',
-      width: '13%',
+      width: 60,
       ellipsis: true,
       render: (_, record) => (
         <>
@@ -117,7 +117,7 @@ const ContanctTabList = ({ clientId, software }) => {
     {
       title: '责任人',
       dataIndex: 'responsible',
-      width: '15%',
+      width: 70,
       ellipsis: true,
       render: (_, record) => (
         <>

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

@@ -108,8 +108,7 @@ const CompanyTabList = ({
         if (key !== defaultSelectedKey) {
           changePriority(key, id)
         }
-      }}
-    >
+      }}>
       <Menu.Item key="1">1</Menu.Item>
       <Menu.Item key="2">2</Menu.Item>
       <Menu.Item key="3">3</Menu.Item>
@@ -122,7 +121,7 @@ const CompanyTabList = ({
     {
       title: '优先级',
       dataIndex: 'priority',
-      width: '15%',
+      width: 80,
       headerCellStyle: {
         backgroundColor: '#fafafa'
       },
@@ -131,8 +130,7 @@ const CompanyTabList = ({
         <Dropdown
           overlay={priorityMenu(text, record.id)}
           trigger="click"
-          className="hover:cursor-pointer"
-        >
+          className="hover:cursor-pointer">
           <span>
             {text} <DownOutlined />
           </span>
@@ -149,7 +147,7 @@ const CompanyTabList = ({
       title: '所有部门',
       dataIndex: 'department',
       onFilter: true,
-      width: '18%',
+      width: 100,
       headerCellStyle: {
         backgroundColor: '#fafafa'
       },
@@ -164,7 +162,7 @@ const CompanyTabList = ({
     {
       title: '姓名',
       dataIndex: 'clientName',
-      width: '15%',
+      width: 85,
       headerCellStyle: {
         backgroundColor: '#fafafa'
       },
@@ -179,7 +177,7 @@ const CompanyTabList = ({
     {
       title: '昵称',
       dataIndex: 'niceName',
-      width: '15%',
+      width: 85,
       headerCellStyle: {
         backgroundColor: '#fafafa'
       },
@@ -208,23 +206,21 @@ const CompanyTabList = ({
     {
       title: '锁号',
       dataIndex: 'keyNum',
-      width: '20%',
+      width: 90,
       render: (clientName, record) => (
         <>
           {record.preserveStatus === 3 ? (
             <Text delete type="secondary">
               <span
                 onClick={() => showLongleDrawer(record.id)}
-                className="cursor-pointer hover:text-hex-967bbd"
-              >
+                className="cursor-pointer hover:text-hex-967bbd">
                 {clientName}
               </span>
             </Text>
           ) : (
             <span
               onClick={() => showLongleDrawer(record.id)}
-              className="text-primary cursor-pointer hover:text-hex-967bbd"
-            >
+              className="text-primary cursor-pointer hover:text-hex-967bbd">
               {clientName}
             </span>
           )}
@@ -233,7 +229,7 @@ const CompanyTabList = ({
     },
     {
       title: '产品',
-      width: '40%',
+      width: 240,
       dataIndex: 'product',
       render: (_, record) => (
         <>
@@ -249,7 +245,7 @@ const CompanyTabList = ({
     },
     {
       title: '销售状态',
-      width: '10%',
+      width: 60,
       dataIndex: 'sellStatus',
       render: (_, record) => (
         <>
@@ -267,7 +263,7 @@ const CompanyTabList = ({
       title: '维护状态',
       dataIndex: 'preserveStatus',
       key: 'preserveStatus',
-      width: '10%',
+      width: 60,
       ellipsis: true,
       render: (_, record) => (
         <>
@@ -286,7 +282,7 @@ const CompanyTabList = ({
     },
     {
       title: '责任人',
-      width: '15%',
+      width: 70,
       dataIndex: 'responsible',
       render: (_, record) => (
         <>
@@ -305,34 +301,33 @@ const CompanyTabList = ({
     {
       title: '商机名称',
       dataIndex: 'name',
-      width: '30%',
+      width: 185,
       render: (text, record) => (
         <span
           onClick={() => showDrawerBusiness(record.id)}
-          className="text-primary cursor-pointer hover:text-[#967bbd]"
-        >
+          className="text-primary cursor-pointer hover:text-[#967bbd]">
           {text}
         </span>
       )
     },
     {
       title: '状态',
-      width: '15%',
+      width: 90,
       dataIndex: 'businessStatusName'
     },
     {
       title: '负责人',
-      width: '15%',
+      width: 90,
       dataIndex: 'responsible'
     },
     {
       title: '商机金额',
-      width: '15%',
+      width: 90,
       dataIndex: 'price'
     },
     {
       title: '预计成交',
-      width: '15%',
+      width: 90,
       dataIndex: 'finalTime'
     }
   ]