合并

src/pages/customer/customerlist/customerDetail.jsx

@@ -96,13 +96,13 @@ function onChange(number) {
   // 意向
   const intention = [
     {
-      title: 'Name',
+      title: <span styles={{ color: '#222', fontSize: '24px' }}>项目名称</span>,
       dataIndex: 'name',
-      width: 500,
+      width: '64%',
     render: (_, record) => <span>{record.buildingName}</span>,
     },
     {
-      title: 'Address',
+      title: <span styles={{ color: '#222', fontSize: '24px' }}>意向值</span>,
       dataIndex: 'address',
       render: (_, record) => <span >{record.intention}</span>,
     },
@@ -141,14 +141,15 @@ function onChange(number) {
             {/* <p className={styles.rightItem}>客户说明：{ data.verifyRemark }</p> */}
           </div>
         </div>
-        
       </div>
       <br></br>
       <div className={styles.cardBox}>
-        <div className={styles.rightBoxCentre}>
-        <p className={styles.tit}>置业顾问信息</p>
-          <img className={styles.touxiangphoto} src={ data.consultant && data.consultant.photo }/>
-          <p className={styles.infoItem}>{data.consultant && data.consultant.userName}</p>
+          <div className={styles.rightBoxCentre}>
+          <p className={styles.tit}>置业顾问信息</p>
+          <div>
+          <img className={styles.touxiangphoto}  src={ data.consultant && data.consultant.photo }/>
+          <p >{data.consultant && data.consultant.userName}</p>
+          </div>
           <div className={styles.right}>
           {/* <p className={styles.infoItem}>姓名：{ data.consultant && data.consultant.name }</p>
           <p className={styles.infoItem}>部门：{ data.consultant && data.consultant.department }</p> */}
@@ -167,14 +168,14 @@ function onChange(number) {
         </div>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <div className={styles.leftBoxCentre}>
-          <div className={styles.tit}>
+          {/* <div className={styles.tit}>
                 <span>项目名称</span>
                 <span style={{ marginLeft: '50%' }}>意向值</span>
-          </div>
+          </div> */}
           {/* <img className={styles.touxiang} src={ data.picture && data.picture } /> */}
-          <div className={styles.infoItem}>
-          <Table columnWidth={10} showHeader={false} columns={intention} dataSource={intentionData} pagination={false} scroll={intentionData && intentionData.length >= 3 ? { y: 240 } : false} width={500}/>
-          </div>
+          {/* <div className={styles.infoItem}> */}
+          <Table bordered = { false } columnWidth={10} columns={intention} dataSource={intentionData} pagination={false} scroll={intentionData && intentionData.length >= 3 ? { y: 240 } : false} width={500}/>
+          {/* </div> */}
         </div>
 
       </div>

src/pages/customer/customerlist/style.less

@@ -78,7 +78,7 @@
   display: flex;
   .leftBox{
     width:1000px;
-    min-width:342px;
+    min-width:350px;
     height:1000px;
     background:rgba(255,255,255,1);
     box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
@@ -114,7 +114,7 @@
   }
   .rightBoxCentre{
     width:865px;
-    height:315px;
+    height:345px;
     min-width: 60%;
     background:rgba(255,255,255,1);
     box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
@@ -126,7 +126,7 @@
   }
   .leftBoxCentre{
     width:100%;
-    height:315px;
+    height:345px;
     background:rgba(255,255,255,1);
     box-shadow:0px 0px 16px 2px rgba(0,0,0,0.12);
     border-radius:8px;
@@ -148,15 +148,14 @@
     margin: 30px 0 20px 0;
   }
   .touxiangphoto{
-    width: 60px;
-    width: 60px;
-    border-radius: 6px;
-    margin: 30px 0 0px 0;
+    width: 80px;
+    height: 80px;
+    margin: 38px 0 0px 0;
   }
   .infoItem{
     color:#666;
     font-size: 19px;
-    margin: 0 0 10px 0;
+    margin: 0 0 30px 0;
     
   }
   .rightItem{