feat: update

zhongnanhuang
1 parent ba311679
Showing 4 changed files with 145 additions and 37 deletions
src/pages/OrderReport/components/OrderStatisticCard.tsx
src/pages/OrderReport/index.tsx
src/services/definition.ts
src/services/request.ts
-import Icon, { CheckCircleTwoTone, EditTwoTone } from '@ant-design/icons';
+import { RESPONSE_CODE } from '@/constants/enum';
+import { postServiceOrderUpdateReportFormsTarget } from '@/services';
+import Icon, {
+  CheckCircleTwoTone,
+  CloseCircleTwoTone,
+  EditTwoTone,
+} from '@ant-design/icons';
 import { ProCard } from '@ant-design/pro-components';
-import { Flex, InputNumber } from 'antd';
-import { useState } from 'react';
+import { Flex, InputNumber, message } from 'antd';
+import { useEffect, useState } from 'react';
  
-export default ({ data }) => {
+export default ({ data, statisticsMethod, reFreshData }) => {
   const [edit, setEdit] = useState(false);
  
   const UpBig = () => (
@@ -51,13 +57,20 @@ export default ({ data }) =&gt; {
     sameMonthPercentageChange = -1000,
     editable = false,
   }) => {
+    const [targetValue, setTargetValue] = useState(0);
+    useEffect(() => {
+      setTargetValue(content);
+    }, [content]);
     let trendIcon;
     let trendPercentage;
     if (sameMonthPercentageChange > 0) {
       trendIcon = <Icon component={UpBig} />;
       trendPercentage = (
-        <div>
-          <span className="text-xs text-stone-500">同比上个月</span>
+        <div style={{ minWidth: '130px' }}>
+          <span className="text-xs text-stone-500">
+            同比上
+            {statisticsMethod === 'MONTH_STATISTICS' ? '个月' : '年'}
+          </span>
           <Icon component={UpSmall} />
           <span className="text-[#d81e06]">+{sameMonthPercentageChange}%</span>
         </div>
@@ -67,8 +80,11 @@ export default ({ data }) =&gt; {
     if (sameMonthPercentageChange < 0) {
       trendIcon = <Icon component={DownBig} />;
       trendPercentage = (
-        <div>
-          <span className="text-xs text-stone-500">同比上个月</span>
+        <div style={{ minWidth: '130px' }}>
+          <span className="text-xs text-stone-500">
+            同比上
+            {statisticsMethod === 'MONTH_STATISTICS' ? '个月' : '年'}
+          </span>
           <Icon component={DownSmall} />
           <span className="text-[#1DB302]">{sameMonthPercentageChange}%</span>
         </div>
@@ -85,13 +101,17 @@ export default ({ data }) =&gt; {
         <Flex>
           <Flex align="center">
             <span className="text-base pr-1">{unit}</span>
-            <div className={editable ? 'w-[120px]' : ''}>
+            <div style={{ width: 'max-content', display: 'flex' }}>
               {editable ? (
                 edit ? (
                   <InputNumber
                     placeholder="请输入指标（￥）"
                     width={200}
+                    value={targetValue}
                     max={100000000}
+                    onChange={(value) => {
+                      setTargetValue(value);
+                    }}
                   />
                 ) : (
                   <span className="text-2xl">
@@ -114,12 +134,33 @@ export default ({ data }) =&gt; {
  
               {editable ? (
                 edit ? (
-                  <CheckCircleTwoTone
-                    style={{ fontSize: '20px', paddingLeft: '5px' }}
-                    onClick={() => {
-                      setEdit(false);
-                    }}
-                  />
+                  [
+                    <CheckCircleTwoTone
+                      key="confirm"
+                      style={{ fontSize: '20px', paddingLeft: '5px' }}
+                      onClick={async () => {
+                        let body = {
+                          statisticsMethod: statisticsMethod,
+                          target: targetValue,
+                        };
+                        let res = await postServiceOrderUpdateReportFormsTarget(
+                          { data: body },
+                        );
+                        if (res.result === RESPONSE_CODE.SUCCESS) {
+                          message.success(res.message);
+                          setEdit(false);
+                          reFreshData();
+                        }
+                      }}
+                    />,
+                    <CloseCircleTwoTone
+                      key="cancel"
+                      style={{ fontSize: '20px', paddingLeft: '5px' }}
+                      onClick={async () => {
+                        setEdit(false);
+                      }}
+                    />,
+                  ]
                 ) : (
                   <EditTwoTone
                     style={{ fontSize: '20px' }}
@@ -151,7 +192,7 @@ export default ({ data }) =&gt; {
         <CardContent
           unit="￥"
           content={data.totalPayment}
-          sameMonthPercentageChange={20}
+          sameMonthPercentageChange={data.totalPaymentTrend}
         />
       </ProCard>
       <ProCard
@@ -169,7 +210,7 @@ export default ({ data }) =&gt; {
         <CardContent
           unit="单"
           content={data.totalOrderNumber}
-          sameMonthPercentageChange={-15}
+          sameMonthPercentageChange={data.totalOrderNumberTrend}
         />
       </ProCard>
       <ProCard
@@ -38,8 +38,9 @@ const OrderReportPage = () =&gt; {
   }>();
   const [statisticData, setStatisticData] = useState([]);
   const [loading, setLoading] = useState(false);
+  const [statisticsMethod, setStatisticsMethod] = useState('MONTH_STATISTICS');
   const onChange = (key: string) => {
-    console.log(key);
+    setStatisticsMethod(key);
   };
  
   /**
@@ -59,16 +60,23 @@ const OrderReportPage = () =&gt; {
     //   body.beginTime=formatDate(form.getFieldValue("dateRange")[0]),
     //   body.endTime=formatDate(form.getFieldValue("dateRange")[1])
     // }
-    body.statisticsMethod = 'MONTH_STATISTICS';
+    body.statisticsMethod = statisticsMethod;
     const { data } = await postServiceOrderQueryReportFormsInformation({
       data: body,
     });
-    setStatisticData(data);
+    if (data !== undefined) {
+      setStatisticData(data);
+    }
+
     setLoading(false);
   };
  
   useEffect(() => {
     loadData();
+  }, [statisticsMethod]);
+
+  useEffect(() => {
+    loadData();
   }, []);
  
   const items: TabsProps['items'] = [
@@ -121,7 +129,11 @@ const OrderReportPage = () =&gt; {
     >
       <Space direction="vertical" size="middle" className="flex">
         <Spin spinning={loading}>
-          <OrderStatisticCard data={statisticData} />
+          <OrderStatisticCard
+            data={statisticData}
+            statisticsMethod={statisticsMethod}
+            reFreshData={loadData}
+          />
         </Spin>
  
         <ProCard tooltip="这是提示" bordered>
@@ -733,22 +733,6 @@ export interface QueryMainOrderDto {
 export interface QueryReportFormsDto {
   /**
    * @description
-   *   开始时间
-   * @format date-time
-   * @example
-   *   2023-12-10 12:55:55
-   */
-  beginTime?: string;
-  /**
-   * @description
-   *   结束时间
-   * @format date-time
-   * @example
-   *   2023-12-10 12:55:55
-   */
-  endTime?: string;
-  /**
-   * @description
    *   所属部门
    */
   productBelongBusiness?: string;
@@ -6589,6 +6589,77 @@ export const postServiceOrderUpdateOrder = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
  
+/** @description request parameter type for postServiceOrderUpdateReportFormsTarget */
+export interface PostServiceOrderUpdateReportFormsTargetOption {
+  /**
+   * @description
+   *   dto
+   */
+  body: {
+    /**
+        @description
+          dto */
+    dto: Dto;
+  };
+}
+
+/** @description response type for postServiceOrderUpdateReportFormsTarget */
+export interface PostServiceOrderUpdateReportFormsTargetResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostServiceOrderUpdateReportFormsTargetResponseSuccess =
+  PostServiceOrderUpdateReportFormsTargetResponse[200];
+/**
+ * @description
+ *   修改指标
+ * @tags 内部订单
+ * @produces *
+ * @consumes application/json
+ */
+export const postServiceOrderUpdateReportFormsTarget = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/service/order/updateReportFormsTarget';
+  function request(
+    option: PostServiceOrderUpdateReportFormsTargetOption,
+  ): Promise<PostServiceOrderUpdateReportFormsTargetResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostServiceOrderUpdateReportFormsTargetResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceOrderViewImages */
 export interface PostServiceOrderViewImagesOption {
   /**