框架优化

src/pages/company/customer/index.jsx

@@ -92,7 +92,6 @@ const CustomerPage = () => {
       dataIndex: 'created_at',
       key: 'created_at',
       sorter: true,
-      width: 180,
       render: (text) => (
         <span>{new Date(text).toLocaleString('zh-CN', {
           year: 'numeric',
@@ -106,7 +105,7 @@ const CustomerPage = () => {
     {
       title: '操作',
       key: 'action',
-      width: 150,
+      fixed: 'right',
       render: (_, record) => (
         <Space size={0}>
           <Button
@@ -157,6 +156,7 @@ const CustomerPage = () => {
         columns={columns}
         dataSource={customers}
         rowKey="id"
+        scroll={{ x: true }}
         loading={loading}
         onChange={handleTableChange}
         pagination={{

src/pages/company/quotation/index.jsx

@@ -195,7 +195,7 @@ const QuotationPage = () => {
     {
       title: '操作',
       key: 'action',
-      width: 280,
+      fixed: 'right',
       render: (_, record) => (
         <Space size={0}>
           <Button
@@ -321,6 +321,7 @@ const QuotationPage = () => {
           columns={columns}
           dataSource={quotations}
           rowKey="id"
+          scroll={{ x: true }}
           loading={loadingQuotations}
           onChange={handleTableChange}
           pagination={{

src/pages/company/service/classify/index.jsx

@@ -110,7 +110,6 @@ const CategoryDrawer = () => {
     {
       title: '分类名称',
       dataIndex: ['attributes', 'name'],
-      width: '60%',
       render: (text, record) => {
         const isEditing = record.id === editingKey;
         return isEditing ? (
@@ -128,7 +127,6 @@ const CategoryDrawer = () => {
     },
     {
       title: '操作',
-      width: '40%',
       render: (_, record) => {
         const isEditing = record.id === editingKey;
         return isEditing ? (
@@ -221,6 +219,7 @@ const CategoryDrawer = () => {
           </Button>
           <Form form={form}>
             <Table
+              scroll={{ x: true }}
               columns={columns}
               dataSource={data}
               rowKey="id"

src/pages/company/service/index.jsx

@@ -374,7 +374,6 @@ const ServicePage = () => {
       title: "项目名称",
       dataIndex: "name",
       key: "name",
-      width: "25%",
       render: (text, record) => {
         const isEditing = record.key === editingKey;
         return isEditing ? (
@@ -408,7 +407,6 @@ const ServicePage = () => {
       title: "描述",
       dataIndex: "description",
       key: "description",
-      width: "25%",
       render: (text, record) => {
         const isEditing = record.key === editingKey;
         return isEditing ? (
@@ -454,7 +452,6 @@ const ServicePage = () => {
       title: "单价",
       dataIndex: "price",
       key: "price",
-      width: "15%",
       render: (price, record) => {
         const isEditing = record.key === editingKey;
         return isEditing ? (
@@ -489,7 +486,6 @@ const ServicePage = () => {
       title: "数量",
       dataIndex: "quantity",
       key: "quantity",
-      width: "15%",
       render: (quantity, record) => {
         const isEditing = record.key === editingKey;
         return isEditing ? (
@@ -517,7 +513,6 @@ const ServicePage = () => {
     {
       title: "小计",
       key: "subtotal",
-      width: "20%",
       render: (_, record) => (
         <span className="text-blue-600 font-medium">
           ¥
@@ -534,7 +529,7 @@ const ServicePage = () => {
     {
       title: "操作",
       key: "action",
-      width: "150px",
+      fixed: 'right',
       render: (_, record) => {
         const isEditing = record.key === editingKey;
         return isEditing ? (
@@ -630,6 +625,7 @@ const ServicePage = () => {
         >
           <Table
             columns={itemColumns}
+            scroll={{ x: true }}
             dataSource={section.items.map((item, itemIndex) => ({
               ...item,
               key: `${record.id}-${sectionIndex}-${itemIndex}`,

src/pages/company/service/sections/index.jsx

@@ -151,28 +151,23 @@ const SectionManagement = () => {
     {
       title: '项目名称',
       dataIndex: 'name',
-      width: '20%',
     },
     {
       title: '描述',
       dataIndex: 'description',
-      width: '25%',
     },
     {
       title: '单价',
       dataIndex: 'price',
-      width: '15%',
       render: (price) => `¥${price}`
     },
     {
       title: '数量',
       dataIndex: 'quantity',
-      width: '15%',
     },
     {
       title: '单位',
       dataIndex: 'unit',
-      width: '15%',
     }
   ];
 
@@ -181,7 +176,6 @@ const SectionManagement = () => {
     {
       title: '项目名称',
       dataIndex: 'name',
-      width: '20%',
       render: (_, __, index) => (
         <Form.Item
           name={[index, 'name']}
@@ -194,7 +188,6 @@ const SectionManagement = () => {
     {
       title: '描述',
       dataIndex: 'description',
-      width: '25%',
       render: (_, __, index) => (
         <Form.Item
           name={[index, 'description']}
@@ -207,7 +200,6 @@ const SectionManagement = () => {
     {
       title: '单价',
       dataIndex: 'price',
-      width: '15%',
       render: (_, __, index) => (
         <Form.Item
           name={[index, 'price']}
@@ -225,7 +217,6 @@ const SectionManagement = () => {
     {
       title: '数量',
       dataIndex: 'quantity',
-      width: '15%',
       render: (_, __, index) => (
         <Form.Item
           name={[index, 'quantity']}
@@ -243,7 +234,6 @@ const SectionManagement = () => {
     {
       title: '单位',
       dataIndex: 'unit',
-      width: '15%',
       render: (_, __, index) => (
         <Form.Item
           name={[index, 'unit']}
@@ -268,7 +258,6 @@ const SectionManagement = () => {
     },
     {
       title: '操作',
-      width: '10%',
       render: (_, __, index, { remove }) => (
         <Button
           type="link"
@@ -350,6 +339,7 @@ const SectionManagement = () => {
                 </div>
                 <div className="p-4">
                   <Table
+                    scroll={{ x: true }}
                     dataSource={section.attributes.items}
                     columns={drawerColumns}
                     pagination={false}

src/pages/company/service/serviceType/index.jsx

@@ -88,7 +88,7 @@ const ServiceType = () => {
         <PlusOutlined /> 新增服务类型
       </Button>
 
-      <Table columns={columns} dataSource={data} rowKey="id" />
+      <Table scroll={{ x: true }} columns={columns} dataSource={data} rowKey="id" />
 
       <Modal
         title={editingId ? '编辑服务类型' : '新增服务类型'}

src/pages/company/service/unit/index.jsx

@@ -120,7 +120,6 @@ const UnitManagement = () => {
     {
       title: '单位名称',
       dataIndex: ['attributes', 'name'],
-      width: '60%',
       render: (text, record) => {
         const isEditing = record.id === editingKey;
         return isEditing ? (
@@ -139,7 +138,6 @@ const UnitManagement = () => {
     },
     {
       title: '操作',
-      width: '40%',
       render: (_, record) => {
         const isEditing = record.id === editingKey;
         return isEditing ? (
@@ -235,6 +233,7 @@ const UnitManagement = () => {
 
           <Form form={form} className="flex-1">
             <Table
+              scroll={{ x: true }}
               dataSource={data}
               columns={columns}
               rowKey="id"

src/pages/company/supplier/index.jsx

@@ -74,7 +74,6 @@ const SupplierPage = () => {
       dataIndex: 'created_at',
       key: 'created_at',
       sorter: true,
-      width: 180,
       render: (text) => (
         <span>{new Date(text).toLocaleString('zh-CN', {
           year: 'numeric',
@@ -88,7 +87,7 @@ const SupplierPage = () => {
     {
       title: '操作',
       key: 'action',
-      width: 150,
+      fixed: 'right',
       render: (_, record) => (
         <Space size={0}>
           <Button
@@ -136,6 +135,7 @@ const SupplierPage = () => {
       }
     >
       <Table
+        scroll={{ x: true }}
         columns={columns}
         dataSource={suppliers}
         rowKey="id"