فهرست منبع

fix: 表格宽度的调整

outaozhen 5 سال پیش
والد
کامیت
2b5945d414

+ 9 - 9
src/pages/Customer/Client/components/ClientDetail/Form.jsx

@@ -50,47 +50,47 @@ const ContanctForm = props => {
       dataIndex: 'gender',
       dataIndex: 'gender',
       label: '性别',
       label: '性别',
       editCellType: 'select',
       editCellType: 'select',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'niceName',
       dataIndex: 'niceName',
       label: '昵称',
       label: '昵称',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'telephone',
       dataIndex: 'telephone',
       label: '手机',
       label: '手机',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'qq',
       dataIndex: 'qq',
       label: 'QQ',
       label: 'QQ',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'phone',
       dataIndex: 'phone',
       label: '电话',
       label: '电话',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'email',
       dataIndex: 'email',
       label: '邮箱',
       label: '邮箱',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'fax',
       dataIndex: 'fax',
       label: '传真',
       label: '传真',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'department',
       dataIndex: 'department',
       label: '部门',
       label: '部门',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'position',
       dataIndex: 'position',
       label: '职务',
       label: '职务',
-      span: 12
+      span: 24
     },
     },
     {
     {
       dataIndex: 'office',
       dataIndex: 'office',

+ 2 - 2
src/pages/Customer/Client/components/ClientDetail/TabList.jsx

@@ -53,13 +53,13 @@ const ContanctTabList = ({ clientId, software }) => {
     {
     {
       title: '状态',
       title: '状态',
       dataIndex: 'statusT',
       dataIndex: 'statusT',
-      width: '12%',
+      width: '10%',
       ellipsis: true
       ellipsis: true
     },
     },
     {
     {
       title: '责任人',
       title: '责任人',
       dataIndex: 'responsible',
       dataIndex: 'responsible',
-      width: '18%',
+      width: '15%',
       ellipsis: true
       ellipsis: true
     }
     }
   ]
   ]

+ 7 - 3
src/pages/Customer/Company/components/CompanyDetail/TabList.jsx

@@ -54,7 +54,7 @@ const CompanyTabList = ({ initData, customerId, client, software, customer }) =>
       title: '所有部门',
       title: '所有部门',
       dataIndex: 'department',
       dataIndex: 'department',
       onFilter: true,
       onFilter: true,
-      width: '25%',
+      width: '23%',
       filters: Array.from(
       filters: Array.from(
         new Set(client.client?.map(item => item.department)).map(item => ({
         new Set(client.client?.map(item => item.department)).map(item => ({
           text: item,
           text: item,
@@ -65,7 +65,7 @@ const CompanyTabList = ({ initData, customerId, client, software, customer }) =>
     {
     {
       title: '姓名',
       title: '姓名',
       dataIndex: 'clientName',
       dataIndex: 'clientName',
-      width: '30%',
+      width: '23%',
       render: (clientName, record) => (
       render: (clientName, record) => (
         <div className="text-primary hover:text-[#967bbd] line-clamp-1">
         <div className="text-primary hover:text-[#967bbd] line-clamp-1">
           <span onClick={() => showDrawer(record.id)} className="cursor-pointer ">
           <span onClick={() => showDrawer(record.id)} className="cursor-pointer ">
@@ -89,7 +89,7 @@ const CompanyTabList = ({ initData, customerId, client, software, customer }) =>
     {
     {
       title: 'QQ',
       title: 'QQ',
       dataIndex: 'qq',
       dataIndex: 'qq',
-      width: '10%',
+      width: '20%',
       ellipsis: true
       ellipsis: true
     }
     }
   ]
   ]
@@ -97,6 +97,7 @@ const CompanyTabList = ({ initData, customerId, client, software, customer }) =>
     {
     {
       title: '锁号',
       title: '锁号',
       dataIndex: 'keyNum',
       dataIndex: 'keyNum',
+      width: '20%',
       render: (clientName, record) => (
       render: (clientName, record) => (
         <span
         <span
           onClick={() => showLongleDrawer(record.id)}
           onClick={() => showLongleDrawer(record.id)}
@@ -107,14 +108,17 @@ const CompanyTabList = ({ initData, customerId, client, software, customer }) =>
     },
     },
     {
     {
       title: '产品',
       title: '产品',
+      width: '50%',
       dataIndex: 'product'
       dataIndex: 'product'
     },
     },
     {
     {
       title: '状态',
       title: '状态',
+      width: '10%',
       dataIndex: 'statusT'
       dataIndex: 'statusT'
     },
     },
     {
     {
       title: '责任人',
       title: '责任人',
+      width: '15%',
       dataIndex: 'responsible'
       dataIndex: 'responsible'
     }
     }
   ]
   ]

+ 6 - 4
src/pages/workbench/Dashboard/components/RatioPanels.jsx

@@ -80,7 +80,8 @@ const ServiceRatioPanels = ({ staffIds, cyclical, dataPermission }) => {
     {
     {
       dataIndex: activeKeyMap[state.activeKey].key,
       dataIndex: activeKeyMap[state.activeKey].key,
       title: `${activeKeyMap[state.activeKey].title}名称`,
       title: `${activeKeyMap[state.activeKey].title}名称`,
-      width: '20%'
+      ellipsis: true,
+      width: '8%'
       // render: (text, record) => (
       // render: (text, record) => (
       //   <span
       //   <span
       //     onClick={() => showDrawer(record[activeKeyMap[state.activeKey].id])}
       //     onClick={() => showDrawer(record[activeKeyMap[state.activeKey].id])}
@@ -92,18 +93,18 @@ const ServiceRatioPanels = ({ staffIds, cyclical, dataPermission }) => {
     {
     {
       dataIndex: 'status',
       dataIndex: 'status',
       title: '服务类型',
       title: '服务类型',
-      width: '15%',
+      width: '9%',
       render: type => servicelogEnum[type]
       render: type => servicelogEnum[type]
     },
     },
     {
     {
       dataIndex: 'date',
       dataIndex: 'date',
       title: '服务日期',
       title: '服务日期',
-      width: '15%',
+      width: '10%',
       valueType: 'date'
       valueType: 'date'
     },
     },
     {
     {
       dataIndex: 'mark',
       dataIndex: 'mark',
-      width: '32%',
+      width: '38%',
       title: '服务内容'
       title: '服务内容'
     },
     },
     {
     {
@@ -225,6 +226,7 @@ const RatioPanels = ({ dataType, staffIds, retioCyclical, dataPermission }) => {
       {
       {
         dataIndex: 'companyName',
         dataIndex: 'companyName',
         title: '单位名称',
         title: '单位名称',
+        ellipsis: true,
         width: '16%'
         width: '16%'
       },
       },
       {
       {

+ 1 - 1
src/pages/workbench/Dashboard/components/ReminderList.jsx

@@ -17,7 +17,7 @@ const ReminderList = props => {
     {
     {
       title: '客户名称',
       title: '客户名称',
       dataIndex: 'clientName',
       dataIndex: 'clientName',
-      width: '7%'
+      width: '10%'
     },
     },
     {
     {
       title: '地区',
       title: '地区',