feat: 客户卡片内容居右调整

src/pages/Product/Cloud/components/CardDetail/index.jsx

@@ -1,4 +1,4 @@
-import { Card } from 'antd'
+import { Card, Col, Row } from 'antd'
 import React, { useState } from 'react'
 import { useModal } from '@/components/ModalStore'
 import styles from './index.less'
@@ -12,33 +12,59 @@ const CardClientDetail = props => {
   return (
     <div className="pt-3 border-t-1px border-hex-f3f3f3">
       <Card title="CLD客户" size="small" type="inner" className={styles.cardBoxBg}>
-        <div className="py-3">
-          客户姓名：
-          <span
-            onClick={() =>
-              dispatchModal('D_CLIENT_DETAIL', { dataId: client.id, orderIds: state.orderIds })
-            }
-            className="text-primary cursor-pointer hover:text-[#967bbd]">
-            {client.clientName}
-          </span>
-        </div>
-        <div className="py-3">
-          单位名称：
-          <span
-            onClick={() =>
-              dispatchModal('D_COMPANY_DETAIL', {
-                dataId: client.companyId,
-                orderIds: state.orderIds
-              })
-            }
-            className="text-primary cursor-pointer hover:text-[#967bbd]">
-            {client.companyName}
-          </span>
-        </div>
-        <div className="py-3">手机：{client.telephone}</div>
-        <div className="py-3">QQ：{client.qq}</div>
-        <div className="py-3">部门：{client.department}</div>
-        <div className="py-3">职务：{client.position}</div>
+        <Row>
+          <Col span={8} className="text-right py-3">
+            客户姓名：
+          </Col>
+          <Col span={16} className="py-3">
+            <span
+              onClick={() =>
+                dispatchModal('D_CLIENT_DETAIL', { dataId: client.id, orderIds: state.orderIds })
+              }
+              className="text-primary cursor-pointer hover:text-[#967bbd]">
+              {client.clientName}
+            </span>
+          </Col>
+          <Col span={8} className="text-right py-3">
+            单位名称：
+          </Col>
+          <Col span={16} className="py-3">
+            <span
+              onClick={() =>
+                dispatchModal('D_COMPANY_DETAIL', {
+                  dataId: client.companyId,
+                  orderIds: state.orderIds
+                })
+              }
+              className="text-primary cursor-pointer hover:text-[#967bbd]">
+              {client.companyName}
+            </span>
+          </Col>
+          <Col span={8} className="text-right py-3">
+            手机：
+          </Col>
+          <Col span={16} className="py-3">
+            {client.telephone}
+          </Col>
+          <Col span={8} className="text-right py-3">
+            QQ：
+          </Col>
+          <Col span={16} className="py-3">
+            {client.qq}
+          </Col>
+          <Col span={8} className="text-right py-3">
+            部门：
+          </Col>
+          <Col span={16} className="py-3">
+            {client.department}
+          </Col>
+          <Col span={8} className="text-right py-3">
+            职务：
+          </Col>
+          <Col span={16} className="py-3">
+            {client.position}
+          </Col>
+        </Row>
       </Card>
     </div>
   )