modal width

src/pages/staff/components/BatchAssistConsultant.jsx

@@ -20,8 +20,8 @@ class ModalAttribution extends React.Component {
     super(props);
     // console.log(props, 'props')
     this.state = {
-       dataSource: { records: [] },
-       visibleData: { visible: false, buildingId: '' },
+      dataSource: { records: [] },
+      visibleData: { visible: false, buildingId: '' },
     }
   }
 
@@ -42,7 +42,7 @@ class ModalAttribution extends React.Component {
     this.props.onCancel()
   }
 
-  getUserList(params){
+  getUserList(params) {
     console.log('params: ', params)
     if (params.buildingId === '' || params.buildingId === null || params.buildingId === undefined) {
       return
@@ -51,7 +51,7 @@ class ModalAttribution extends React.Component {
     request({ ...apis.customer.buildingConsultant, params: { ...params } }).then(res => {
       this.setState({ dataSource: res })
     }).catch(err => {
-      
+
     })
   }
 
@@ -63,7 +63,7 @@ class ModalAttribution extends React.Component {
     });
   };
 
-   // 分页
+  // 分页
   onChange(pageNum) {
 
     this.getUserList({ pageNumber: pageNum, pageSize: 5, buildingId: this.state.visibleData.buildingId })
@@ -80,41 +80,47 @@ class ModalAttribution extends React.Component {
         title: '姓名',
         dataIndex: 'userName',
         key: 'userName',
+        width: 120,
       },
       {
         title: '电话',
         dataIndex: 'phone',
         key: 'phone',
+        width: 150,
       },
       {
         title: '部门',
         dataIndex: 'department',
         key: 'department',
+        width: 130,
       },
       {
         title: '岗位',
         dataIndex: 'position',
         key: 'position',
+        width: 120,
       },
       {
         title: '操作',
         dataIndex: 'personId',
         key: 'personId',
+        width: 80,
         // eslint-disable-next-line no-nested-ternary
-        render: (_, record) => <>{record.userId !== this.props.userId ? <Button type="danger" onClick={() => this.submitGm(record)}>确定</Button> : ''}</>, },
+        render: (_, record) => <>{record.userId !== this.props.userId ? <Button type="danger" onClick={() => this.submitGm(record)}>确定</Button> : ''}</>,
+      },
     ]
     return (
       <>
         <Modal
-            title="分配置业顾问"
-            width={500}
-            destroyOnClose="true"
-            footer={null}
-            visible={this.state.visibleData.visible}
-            onCancel={(e) => this.handleCancel(e)}
-          >
-            <Table rowKey="userId" dataSource={this.state.dataSource.records} columns={columns} pagination={{pageSize: 5, total: this.state.dataSource.total, onChange: e => this.onChange(e) }} />
-          </Modal>
+          title="分配置业顾问"
+          width={600}
+          destroyOnClose="true"
+          footer={null}
+          visible={this.state.visibleData.visible}
+          onCancel={(e) => this.handleCancel(e)}
+        >
+          <Table rowKey="userId" dataSource={this.state.dataSource.records} columns={columns} pagination={{ pageSize: 5, total: this.state.dataSource.total, onChange: e => this.onChange(e) }} />
+        </Modal>
       </>
     );
   }