feats

src/pages/property/ticket/Detail.jsx

 import React, { useEffect, useState } from 'react'
-import { PageHeader, Descriptions, List, Steps, Row, Col, Rate, Button, Statistic, Modal, Typography, Popconfirm, notification } from 'antd'
+import { PageHeader, Descriptions, List, Steps, Row, Col, Rate, Button, Statistic, Modal, Typography, Popconfirm, Tag, notification } from 'antd'
 import { fetch, fetchList, apis } from '@/utils/request'
 import router from 'umi/router'
 import Prompt from '@/components/Prompt'
             {
               !ticketData.billInvoiceId ?
                 <Button onClick={() => setShowPrompt(true)}>设置费用</Button> :
-                <Statistic
-                  title={<Typography.Text ellipsis>{ticketData.priceExplain || '费用'}</Typography.Text>}
-                  prefix="￥"
-                  value={ticketData.price ? (ticketData.price / 100) : 0}
-                  precision={2}
-                />
+                <>
+                  <Statistic
+                    title={(
+                      <Row type="flex" gutter={16}>
+                        <Col>费用</Col>
+                        <Col>{ticketData.isPay ? <Tag color="success">已缴</Tag> : <Tag color="red">未缴</Tag>}</Col>
+                      </Row>
+                    )}
+                    prefix="￥"
+                    value={ticketData.price ? (ticketData.price / 100) : 0}
+                    precision={2}
+                  />
+                </>
             }
           </div>
         </div>