feat: 采购竞价resultItem,msgItem修改样式及显示

src/pages/transaction/purchaseAbility/components/detail/components/bidCommonLayout/msgItem/index.tsx

@@ -21,10 +21,8 @@ const MsgItem: React.FC<MsgItemPrpos> = (props: any) => {
             </div>
             <div className={styles.msgItemRow}><div className={styles.label}>联系人姓名：</div><div className={styles.title}>{data.contacts}</div></div>
             <div className={styles.msgItemRow}><div className={styles.label}>联系人手机：</div><div className={styles.title}>{data.tel.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3')}</div></div>
-            <div className={styles.msgItemRow}><div className={styles.label}>电子邮箱：</div><div className={styles.title}>{data.mail}</div></div>
-            <div className={styles.msgItemRow}><div className={styles.label}>联系地址：</div>{<Tooltip placement="top" title={data.address}>
-                <div className={styles.title}>{data.address}</div>
-            </Tooltip>}</div>
+            <div className={styles.msgItemRow}><div className={styles.label}>电子邮箱：</div><Tooltip placement="top" title={data.mail}><div className={styles.title}>{data.mail}</div></Tooltip></div>
+            <div className={styles.msgItemRow}><div className={styles.label}>联系地址：</div><Tooltip placement="top" title={data.address}><div className={styles.title}>{data.address}</div></Tooltip></div>
             <div className={styles.msgItemRow}>
                 <div className={styles.label}>报名文件：</div>
                 <div className={styles.files}>

src/pages/transaction/purchaseAbility/components/detail/components/bidCommonLayout/resultItem/index.less

@@ -3,7 +3,7 @@
   background: #FAFBFC;
   padding: 12px 14px;
 
-  .resultItemWinBid{
+  .resultItemWinBid {
     position: absolute;
     width: 40px;
     right: 8px;
@@ -16,6 +16,7 @@
     font-size: 12px;
     color: #909399;
     word-break: break-all;
+
     .money {
       color: #303133;
       font-size: 16px;
@@ -36,27 +37,37 @@
       line-height: 24px;
       color: #909399;
       font-size: 12px;
-      margin-left: 4px;
+      margin-left: 8px;
       display: inline-block;
     }
 
     .title {
+      display: inline-block;
       font-size: 12px;
       color: #303133;
-      flex: 1;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       word-break: break-all;
+      max-width: calc(100% - 32px);
+    }
 
-      img {
-        margin-left: 4px;
-        width: 24px;
-      }
+    img {
+      margin-left: 8px;
+      width: 24px;
     }
 
     .label {
-      width: 40%;
+      // width: 40%;
+    }
+    .text {
+      flex: 1;
+      font-size: 12px;
+      color: #303133;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      word-break: break-all;
     }
   }
 

src/pages/transaction/purchaseAbility/components/detail/components/bidCommonLayout/resultItem/index.tsx

 import React from 'react';
-import { Divider, Button } from 'antd';
+import { Divider, Button, Tooltip } from 'antd';
+
+import { priceFormat } from '@/utils/numberFomat';
 
 import level1 from '@/assets/icons/the_first.png';
 import level2 from '@/assets/icons/the_second.png';
@@ -33,16 +35,17 @@ const ResultItem: React.FC<ResultItemPrpos> = (props: any) => {
     return (
         <div key={`msgItem_key_${itemIndex}`} className={styles.resultItem}>
             {detail.isAward != 0 ? <img src={winBig} alt="授标" className={styles.resultItemWinBid} /> : null}
-            <div className={styles.resultItemRow}>
-                <div className={styles.title}>{detail.memberName}{_returnBadge(detail.purchaseRanking)}</div>
+            <div className={styles.resultItemRow} style={{alignItems: 'center'}}>
+                <Tooltip placement="top" title={detail.memberName}><div className={styles.title}>{detail.memberName}</div></Tooltip>
+                {_returnBadge(detail.purchaseRanking)}
             </div>
             <div className={styles.resultItemRow}>
-                <div className={styles.money}>¥{detail.price}<span>(含税)</span></div>
+                <div className={styles.money}>{detail.price ? `¥${priceFormat(detail.price)}` : '-'}<span>(含税)</span></div>
                 <Button type='link' onClick={() => { checkDetailFunc(detail.id) }}>查看报价明细</Button>
             </div>
             <Divider dashed style={{ color: '#EBECF0', margin: '6px 0' }} />
-            <div className={styles.resultItemRow}><div className={styles.label}>联系人姓名：</div><div className={styles.title}>{detail.contacts}</div></div>
-            <div className={styles.resultItemRow}><div className={styles.label}>联系人手机：</div><div className={styles.title}>{detail.tel.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3')}</div></div>
+            <div className={styles.resultItemRow}><div className={styles.label}>联系人姓名：</div><div className={styles.text}>{detail.contacts}</div></div>
+            <div className={styles.resultItemRow}><div className={styles.label}>联系人手机：</div><div className={styles.text}>{detail.tel.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3')}</div></div>
         </div>
     )
 }