feats

src/pages/property/ticket/Detail.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { PageHeader, Descriptions, List, Steps, Row, Col, Rate, Button, Statistic, Modal, Typography, notification } from 'antd'
+import { PageHeader, Descriptions, List, Steps, Row, Col, Rate, Button, Statistic, Modal, Typography, Popconfirm, notification } from 'antd'
 import { fetch, fetchList, apis } from '@/utils/request'
 import router from 'umi/router'
 import Prompt from '@/components/Prompt'
@@ -33,6 +33,7 @@ const getTicketDetail = fetch(apis.ticket.ticketEdit)
 const addDispatch = fetch(apis.ticket.addRecord)
 const rejectTicket = fetch(apis.ticket.updateTicketStatus)
 const updateTicketPrice = fetch(apis.ticket.updateTicketPrice)
+const endTicket = fetch(apis.ticket.endTicket)
 
 export default props => {
   const [loading, setLoading] = useState(false)
@@ -84,6 +85,13 @@ export default props => {
     })
   }
 
+  const handleFinishTicket = () => {
+    endTicket({data: {ticketId: id}}).then(res => {
+      notification.success({message: '结单成功'})
+      router.go(-1)
+    })
+  }
+
   useEffect(() => {
     getTicketDetail({data: {id}}).then(res => {
       const { recordList } = res || {}
@@ -99,6 +107,13 @@ export default props => {
         subTitle="工单详情"
         backIcon={false}
         style={{ borderBottom: '1px solid rgb(235, 237, 240)' }}
+        extra={[
+          <Popconfirm title="确认结束当前工单?" onConfirm={handleFinishTicket}>
+            {
+              ticketData.status !== '5' && <Button type="primary">结束工单</Button>
+            }
+          </Popconfirm>
+        ]}
       >
         <div style={{display: 'flex'}}>
           <div>

src/services/ticket_api.js

@@ -42,5 +42,11 @@ export default prefix => {
       method: 'post',
       action: 'admin.ticket.updatePrice'
     },
+
+    endTicket: {
+      url: `${prefix}/endTicket`,
+      method: 'post',
+      action: 'admin.ticket.endTicket'
+    }
   }
 }