table

src/pages/customer/customerlist/index.jsx

@@ -150,6 +150,7 @@ function body(props) {
       dataIndex: 'picture',
       key: 'picture',
       align: 'center',
+      width: '15%',
       render: (_, record) => <Avatar shape="square" src={customerType === 'private' ? record.picture : record.avatarurl} size={64} icon="user" />,
     },
     {
@@ -157,6 +158,7 @@ function body(props) {
       dataIndex: 'name',
       key: 'name',
       align: 'center',
+      width: '10%',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => <><span>{customerType === 'private' ? record.name : record.nickname}</span></>,
     },
@@ -165,12 +167,14 @@ function body(props) {
       dataIndex: 'phone',
       key: 'phone',
       align: 'center',
+      width: '15%',
     },
     {
       title: '性别',
       dataIndex: 'sex',
       key: 'sex',
       align: 'center',
+      width: '10%',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => <><span>{record.sex === 1 ? '男' : record.sex === 2 ? '女' : '未知'}</span></>,
     },
@@ -179,6 +183,7 @@ function body(props) {
       dataIndex: 'consultantName',
       key: 'consultantName',
       align: 'center',
+      width: '15%',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => (
         <>
@@ -193,6 +198,7 @@ function body(props) {
       dataIndex: 'reportRecommendStatus',
       key: 'reportRecommendStatus',
       align: 'center',
+      width: '10%',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => <><span>{record.reportRecommendStatus === 0 ? '为报备' : record.reportRecommendStatus === 1 ? '报备' : record.reportRecommendStatus === 2 ? '推荐' : ''}</span></>,
     },
@@ -201,6 +207,7 @@ function body(props) {
       dataIndex: 'customerId',
       key: 'customerId',
       align: 'center',
+      width: '25%',
       // eslint-disable-next-line no-nested-ternary
       render: (_, record) => (
         <>
@@ -275,7 +282,7 @@ function body(props) {
         </Form.Item>
       </Form>
 
-      <div style={{ marginTop: '20px', marginBottom: '20px' }}>
+      <div style={{ margin: '20px 0'}}>
         <AuthButton name="admin.customer.recommend.get" noRight={null}>
           <Radio.Group value={customerType} onChange={radioButtonHandleSizeChange} buttonStyle="solid">
             <Radio.Button value="private">私客</Radio.Button>