feta: 加药工单显示加药详情

src/pages/TaskManage/Detail/TaskDetail/TaskDetail.tsx

@@ -258,7 +258,6 @@ function TaskDetail(props: IPropsType) {
     orderType: number,
     mandateClass: number,
   ) => {
-    console.log(mandateDetail);
     navigate(
       `/task-manage/list/order-detail?project_id=${project_id}&order_id=${orderID}&order_type=${orderType}&mandate_class=${mandateClass}`,
     );

src/pages/TaskManage/Detail/TaskOrder/TaskOrder.tsx

@@ -7,6 +7,7 @@ import {
   getCraftRecordList,
   getMaintainRecordList,
   getRepairRecordList,
+  queryReagentDetail,
 } from '@/services/TaskManage';
 import { useLocation } from '@@/exports';
 import { connect, useRequest } from '@umijs/max';
@@ -52,6 +53,7 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
   const mandate_class = Number(queryParams.get('mandate_class'));
 
   const [orderInfo, setOrderInfo] = useState<IOrderInfo>();
+  const [additionalInfo, setAdditionalInfo] = useState<any>({});
 
   // 根据type请求详情
   const { run: getMaintainDetail } = useRequest(getMaintainRecordList, {
@@ -197,6 +199,15 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
               })
             : [],
       };
+      if (order_type === 5) {
+        queryReagentDetail({ id: temp.id })
+          .then((res) => {
+            if (res) {
+              setAdditionalInfo(res);
+            }
+          })
+          .catch((err) => console.log(err));
+      }
       setOrderInfo(tempDetail);
     },
   });
@@ -211,6 +222,7 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
     switch (order_type) {
       // 工艺
       case 1:
+      case 5:
       case 6:
         getCraftDetail({ project_id, work_id: order_id });
         break;
@@ -307,6 +319,14 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
                 {orderInfo?.Reason}
               </Col>
             </Row>
+            {order_type === 5 && (
+              <Row className={styles.rowMarginTop}>
+                <Col className={styles.fontS28}>加药详情：</Col>
+                <Col className={styles.fontS28} span={18}>
+                  {`药剂名称：${additionalInfo?.name} 加药量：${additionalInfo?.dosage}升 浓度：${additionalInfo?.concentration}`}
+                </Col>
+              </Row>
+            )}
             {orderInfo?.MandateImages?.length > 0 && (
               <Row className={styles.rowMarginTop}>
                 <Col className={styles.fontS28}>任务图片：</Col>

src/services/TaskManage.js

@@ -121,3 +121,9 @@ export async function getDiagnosticDetail(detailId) {
   const res = await request(`/api/v1/dumu/detail/${detailId}`);
   return res.data;
 }
+
+//加药详情接口
+export async function queryReagentDetail(data) {
+  const res = await request(`/api/v1/reagent/detail?${stringify(data)}`);
+  return res.data;
+}