抽屉头部的样式

src/pages/Customer/Company/components/CompanyDetail/CompanyForm.jsx

@@ -66,12 +66,16 @@ const CompanyForm = props => {
   return (
     <div>
       <Row>
-        <Col span={16}>
-          <h2>{customer.companyName}</h2>
+        <Col span={8}>
+          <h2 className="text-gray-500">公司</h2>
         </Col>
-        <Col span={8} className="zh-text-right zh-gray">
+        <Col span={16} className="zh-text-right zh-gray">
           {customer.staffName} 创建于 {customer.createTime}
         </Col>
+        <Col span={16}>
+          <h2 className="text-2xl pb-4">{customer.companyName}</h2>
+        </Col>
+        <Col span={8} />
       </Row>
       <EditableForm
         dataSource={customer}

src/pages/Customer/Contact/components/ContactDetail/ContanctForm.jsx

@@ -127,13 +127,17 @@ const ContanctForm = props => {
   return (
     <div>
       <Row>
-        <Col span={16}>
-          <h2>{client.clientName}</h2>
+        <Col span={8}>
+          <h2 className="text-gray-500">联系人</h2>
         </Col>
         {/* className={[ 'text-right', styles.textMuted ]} */}
-        <Col span={8} className="zh-text-right zh-gray">
+        <Col span={16} className="zh-text-right zh-gray">
           {client.staffName} 创建于{client.createTime}
         </Col>
+        <Col span={22}>
+          <h2 className="text-2xl pb-4">{client.clientName}</h2>
+        </Col>
+        <Col span={2} />
       </Row>
       <EditableForm
         dataSource={client}