fix: 商品详情显示SEo

src/pages/commodity/products/viewProducts.tsx

 import React, { useState, useRef, ReactNode, useEffect } from 'react'
 import { history } from 'umi'
-import { Button, Steps, Card, Space, Radio, Row, Col, Descriptions, Table, Tabs, Tag, Divider, Image } from 'antd'
+import { Button, Steps, Card, Space, Radio, Row, Col, Descriptions, Table, Tabs, Tag, Divider, Image, Tooltip } from 'antd'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import { ColumnType } from 'antd/lib/table/interface'
 import cx from 'classnames'
@@ -12,7 +12,7 @@ import {
   GetProductCommodityGetCommodityCheckRecordResponse,
 } from '@/services'
 import moment from 'moment'
-import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons'
+import { CaretDownOutlined, CaretUpOutlined, QuestionCircleOutlined } from '@ant-design/icons'
 
 interface IAttributeByValue {
   groupName?: string;
@@ -735,6 +735,40 @@ const viewProducts: React.FC<{}> = () => {
         </Card>
       </Space>
       <Space direction="vertical" style={{width:'100%'}}>
+        <Card headStyle={{borderBottom:'none'}} title="SEO优化">
+          <Row>
+            <Col span={3}>
+              <p>Title：<Tooltip title="用于显示在页面title标签的内容，便于搜索引擎抓取">
+              <QuestionCircleOutlined />
+            </Tooltip></p>
+            </Col>
+            <Col span={21}>
+              <p>{productDetail?.title}</p>
+            </Col>
+          </Row>
+          <Row>
+            <Col span={3}>
+              <p>Description：<Tooltip title="用于显示在页面Description标签的内容，便于搜索引擎抓取">
+              <QuestionCircleOutlined />
+            </Tooltip></p>
+            </Col>
+            <Col span={21}>
+              <p>{productDetail?.description}</p>
+            </Col>
+          </Row>
+          <Row>
+            <Col span={3}>
+              <p>Keywords：<Tooltip title="用于显示在页面Keywords标签的内容，便于搜索引擎通过关键词搜索时抓取页面，多个关键词用豆号分隔">
+              <QuestionCircleOutlined />
+            </Tooltip></p>
+            </Col>
+            <Col span={21}>
+              <p>{productDetail?.keywords}</p>
+            </Col>
+          </Row>
+        </Card>
+      </Space>
+      <Space direction="vertical" style={{width:'100%'}}>
         <Card headStyle={{borderBottom:'none'}} title="审核历史">
           <Table dataSource={checkRecord} columns={columns} pagination={false} />
         </Card>