Merge branch 'order_lzh' into 'master'

Order lzh See merge request !192

Merge branch 'order_lzh' into 'master'
Order lzh See merge request !192
张志伟
2 parents c8e9f248 301976f1
Showing 12 changed files with 280 additions and 71 deletions
config/routers/order3.ts
src/pages/order3/Common/ApproveModal/index.tsx
src/pages/order3/OrderSetting/LoanDiscountSetting/api.ts
src/pages/order3/OrderSetting/LoanDiscountSetting/index.tsx
src/pages/order3/RetailManualAdjust/api.ts
src/pages/order3/RetailManualAdjust/index.tsx
src/pages/order3/RetailTask/api.ts
src/pages/order3/RetailTask/index.tsx
src/pages/order3/TacklingCarModels/api.ts
src/pages/order3/TacklingCarModels/index.tsx
src/pages/order3/TacklingManualAdjust/api.ts
src/pages/order3/TacklingManualAdjust/index.tsx
@@ -206,8 +206,12 @@ export default [
     path: "/order3/retailTaskConfiguration",
     component: "./order3/RetailTaskConfiguration",
   },
-    { // 附加值任务配置
+  { // 附加值任务配置
     path: "/order3/addValueTaskConfig",
     component: "./order3/AddValueTaskConfig",
   },
+  {//分期优惠券抵扣设置
+    path: "/order3/orderSetting/loanDiscountSetting",
+    component: "./order3/OrderSetting/LoanDiscountSetting",
+  },
 ];
 \ No newline at end of file
+import React, { useState } from 'react';
+import { Modal, Form, Input, Button } from 'antd';
+import FeeweeUploadAttachment from '@/components/FeeweeUploadAttachment';
+import { UploadOutlined } from '@ant-design/icons';
+
+interface Props {
+  open: boolean,
+  setOpen: (bool: boolean) => void,
+  callback?: Function
+}
+
+export default function Add({ open, setOpen, callback }: Props) {
+  const [form] = Form.useForm();
+  const [confirmLoading, setConfirmLoading] = useState<boolean>(false);
+
+  function handleCancel() {
+    setOpen(false);
+    form.resetFields();
+  }
+
+  async function handleSave() {
+    const params = await form.validateFields();
+    setConfirmLoading(true);
+    callback && callback(params);
+    setConfirmLoading(false);
+    setOpen(false);
+  }
+
+  return (
+    <Modal
+      open={open}
+      title="提交审批"
+      onCancel={() => setOpen(false)}
+      maskClosable={false}
+      footer={[
+        <Button key="cancel" onClick={handleCancel} loading={confirmLoading} style={{marginLeft: 10}}>取消</Button>,
+        <Button key="submit" onClick={handleSave} type="primary" htmlType="submit" loading={confirmLoading}>确认</Button>
+      ]}
+    >
+      <Form form={form} labelCol={{ span: 6 }} wrapperCol={{ span: 15 }}>
+        <Form.Item label="备注" name="remark">
+          <Input.TextArea maxLength={512} autoSize={{minRows: 4}} showCount placeholder="请输入备注" />
+        </Form.Item>
+        <Form.Item label="附件" name="attachmentList" valuePropName="fidList">
+          <FeeweeUploadAttachment maxCount={8} listType="text">
+            <Button icon={<UploadOutlined />}>上传附件</Button>
+          </FeeweeUploadAttachment>
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+}
 \ No newline at end of file
+import { http } from '@/typing/http';
+import request from '@/utils/request';
+import { ORDER3 } from '@/utils/host';
+
+interface Detail {
+  financeServiceFee?: boolean // 服务费抵扣
+  mortgageRegisterFee?: boolean // 抵押上户费抵扣
+  removeMortgageFee?: boolean // 解除抵押费抵扣
+  gpsFee?: boolean // GPS费抵扣
+}
+/** 查询分期优惠劵抵扣配置*/
+export function getSettingApi(): http.PromiseResp<Detail> {
+  return request.get(`${ORDER3}/erp/system/loan/coupon/deduct/config`);
+}
+
+/** 保存分期优惠劵抵扣配置*/
+export function saveSettingApi(params?: Detail): http.PromiseResp<Detail> {
+  return request.post(`${ORDER3}/erp/system/loan/coupon/deduct/config/save`, params);
+}
 \ No newline at end of file
+import React, { useState, useEffect } from 'react';
+import { Card, Button, message, Checkbox } from 'antd';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { getSettingApi, saveSettingApi } from './api';
+import { debounce } from 'lodash';
+
+export default function InsuranceSetting() {
+  const option = [
+    {label: "服务费", value: 'financeServiceFee'}, 
+    {label: "抵押上户费", value: 'mortgageRegisterFee'}, 
+    {label: "解除抵押费", value: 'removeMortgageFee'}, 
+    {label: "GPS费", value: 'gpsFee'}];
+  const [checked, setChecked] = useState<string[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [disabled, setDisabled] = useState<boolean>(false);
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  function getData() {
+    setLoading(true);
+    getSettingApi()
+    .then(res => {
+      const data = res.data;
+      if (data) {
+        let _check = [];
+        for (let k in data) {
+          if (data[k]) {
+            _check.push(`${k}`);
+          }
+      }
+      setChecked(_check);
+      setLoading(false);
+    }
+    })
+    .catch(e => {
+      message.error(e.message);
+      setLoading(false);
+    });
+  }
+
+  function onChange(value?: any) {
+    value && setChecked(value);
+  }
+
+  const onSubmit = () => {
+    setDisabled(true);
+    const params = {
+      financeServiceFee: checked.includes('financeServiceFee'),
+      mortgageRegisterFee: checked.includes('mortgageRegisterFee'),
+      removeMortgageFee: checked.includes('removeMortgageFee'),
+      gpsFee: checked.includes('gpsFee')
+    };
+    saveSettingApi(params)
+    .then(res => {
+      message.success(res.result);
+      getData();
+      setDisabled(false);
+    })
+    .catch(e => {
+      message.error(e.message);
+      setDisabled(false);
+    });
+  }
+  return (
+    <PageHeaderWrapper loading={loading} title="分期优惠券可抵扣订单款项设置">
+      <Card>
+        <div style={{marginBottom: 20}}>
+          <Checkbox.Group defaultValue={checked} options={option} onChange={(value) => onChange(value)} />
+        </div>
+        <div>
+          <Button loading={disabled} onClick={debounce(onSubmit, 380)} type="primary">确定</Button>
+        </div>
+      </Card>
+    </PageHeaderWrapper>
+  );
+}
 \ No newline at end of file
@@ -37,6 +37,12 @@ interface ListParams {
   autoAssign?: boolean
 }
+export interface SaveParams {
+  id?: number // 任务id
+  remark?: string // 备注
+  attachmentList?: string[] // 附件列表
+}
+
 /** 获取列表 */
 export function getRetailManualList(params?: ListParams): http.PromiseResp<ListItem> {
   return request.get(`${ORDER3}/erp/sales/task/detail`, { params });
@@ -46,6 +52,6 @@ export function autoAlloctionApi(params: saveParams) {
   return request.post(`${ORDER3}/erp/sales/task/auto/assign`, { ...params });
 }
 /*提交 */
-export function save(id?: number) {
-  return request.post(`${ORDER3}/erp/sales/task/submit`, { id }, { contentType: 'form-urlencoded' });
+export function save(params?: SaveParams) {
+  return request.post(`${ORDER3}/erp/sales/task/submit`, params);
 }
@@ -5,6 +5,7 @@ import { getRetailManualList, ListItem, autoAlloctionApi, ShopTaskList, save, sa
 import EModal from './component/Modal';
 import moment from 'moment';
 import currency from 'currency.js';
+import ApproveModal from '@/pages/order3/Common/ApproveModal';
 const { Column } = Table;
@@ -26,6 +27,7 @@ export default function TacklingCarModels() {
   const [list, setList] = useState<ListItem>({});
   const [orginDara, setOrginDara] = useState<ListItem>({});
   const index = useRef();
+  const [approveOpen, setApproveOpen] = useState<boolean>(false);
   // let index;
   useEffect(() => {
@@ -98,11 +100,15 @@ export default function TacklingCarModels() {
     autoAllocationSave(params);
   }
+  function handleOpenApprove() {
+    setApproveOpen(true);
+  }
+
   //提交审批
-  function saveClick() {
+  function saveClick(params?: any) {
     setLoading(true);
     setSaveLoading(true);
-    save(list.id).then((res) => {
+    save({...params, id: list.id}).then((res) => {
       setSaveLoading(false);
       setLoading(false);
       setList({ ...list, canModified: false });
@@ -198,7 +204,7 @@ export default function TacklingCarModels() {
               <>
                 {edit ?
                   <Button style={{ width: 110 }} type="primary" onClick={handleClick} loading={confirmLoading}>确定</Button> :
-                  <Button style={{ width: 110 }} type="primary" onClick={saveClick} loading={saveLoading}>提交审批</Button>}
+                  <Button style={{ width: 110 }} type="primary" onClick={handleOpenApprove} loading={saveLoading}>提交审批</Button>}
                 {edit ? null :
                 <Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} onClick={() => setEdit(true)} type="default">自动调整</Button>}
                 {edit ?
@@ -209,6 +215,7 @@ export default function TacklingCarModels() {
             : null}
         </Row>
       </Card>
+      <ApproveModal callback={saveClick} open={approveOpen} setOpen={setApproveOpen} />
     </PageHeaderWrapper>
   );
 }
 \ No newline at end of file
@@ -38,6 +38,12 @@ interface ListParams {
   autoAssign?: boolean
 }
+export interface SaveParams {
+  id?: number // 任务id
+  remark?: string // 备注
+  attachmentList?: string[] // 附件列表
+}
+
 /** 获取列表 */
 export function getRetailList(params?: ListParams): http.PromiseResp<ListItem> {
   return request.get(`${ORDER3}/erp/sales/task/detail`, { params });
@@ -47,6 +53,6 @@ export function saveHandelTack(params: saveParams) {
   return request.post(`${ORDER3}/erp/sales/task/manual/assign`, { ...params });
 }
 /*提交 */
-export function save(id?: number) {
-  return request.post(`${ORDER3}/erp/sales/task/submit`, { id }, { contentType: 'form-urlencoded' });
+export function save(params?: SaveParams) {
+  return request.post(`${ORDER3}/erp/sales/task/submit`, params);
 }
 \ No newline at end of file
@@ -5,6 +5,7 @@ import { getRetailList, ListItem, saveHandelTack, ShopTaskList, save, saveParams
 import EModal from './component/Modal';
 import moment from 'moment';
 import currency from 'currency.js';
+import ApproveModal from '@/pages/order3/Common/ApproveModal';
 const { Column } = Table;
@@ -26,6 +27,7 @@ export default function TacklingCarModels() {
   const [list, setList] = useState<ListItem>({});
   const [orginDara, setOrginDara] = useState<ListItem>({});
   const index = useRef(0);
+  const [approveOpen, setApproveOpen] = useState<boolean>(false);
   useEffect(() => {
     getList(newDay);
@@ -92,11 +94,15 @@ export default function TacklingCarModels() {
       handleSave(params);
     }
   }
+
+  function handleOpenApprove() {
+    setApproveOpen(true);
+  }
   //提交审批
-  function saveClick() {
+  function saveClick(parmas: any) {
     setLoading(true);
     setSaveLoading(true);
-    save(list.id).then((res) => {
+    save({...parmas, id: list.id}).then((res) => {
       setSaveLoading(false);
       setLoading(false);
       setList({ ...list, canModified: false });
@@ -194,7 +200,7 @@ export default function TacklingCarModels() {
             <>
               {edit ?
                 <Button style={{ width: 110 }} type="primary" onClick={handleClick} loading={confirmLoading}>确定</Button> :
-                <Button style={{ width: 110 }} type="primary" onClick={saveClick} loading={saveLoading}>提交审批</Button>}
+                <Button style={{ width: 110 }} type="primary" onClick={handleOpenApprove} loading={saveLoading}>提交审批</Button>}
               <Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} type="default" onClick={() => setEdit(!edit)}>手动编辑</Button>
               {edit ?
                 <Button style={{ width: 110, marginLeft: 15 }} type="default" onClick={setReset} loading={confirmLoading}>取消</Button> :
@@ -203,6 +209,7 @@ export default function TacklingCarModels() {
           ) : null}
         </Row>
       </Card>
+      <ApproveModal callback={saveClick} open={approveOpen} setOpen={setApproveOpen} />
     </PageHeaderWrapper>
   );
 }
 \ No newline at end of file
@@ -3,25 +3,25 @@ import request from &#39;@/utils/request&#39;;
 import { ORDER3 } from '@/utils/host';
 export interface ListItem {
-  totalTaskCount?: number,//任务总数
+  totalTaskCount?: number, //任务总数
   shopTaskList?: ShopTaskList[],
-  year?: number,//年份
+  year?: number, //年份
   id?:number,
-  month?: number,//月份
+  month?: number, //月份
   canModified?: boolean//是否可调整
 }
 export interface ShopTaskList {
-  shopId?: number,//门店id
-  shopName?: string,//门店名称
-  taskCount?: number,//任务数量
+  shopId?: number, //门店id
+  shopName?: string, //门店名称
+  taskCount?: number, //任务数量
   staffTaskList?: StaffTaskList[]//员工任务列表
 }
 interface StaffTaskList {
-  staffId?: number,//员工id
-  staffName?: string,//员工名称
-  taskCount?: number,//任务数量
+  staffId?: number, //员工id
+  staffName?: string, //员工名称
+  taskCount?: number, //任务数量
   regularMonth?: number//转正几个月
 }
 export interface saveParams {
@@ -33,6 +33,12 @@ interface ListParams {
   autoAssign?: boolean
 }
+export interface SaveParams {
+  id?: number // 任务id
+  remark?: string // 备注
+  attachmentList?: string[] // 附件列表
+}
+
 /** 获取列表 */
 export function getTackList(params?: ListParams): http.PromiseResp<ListItem> {
   return request.get(`${ORDER3}/erp/tack/car/task/detail`, { params });
@@ -46,7 +52,6 @@ export function autoAlloctionApi(params: saveParams) {
   return request.post(`${ORDER3}/erp/tack/car/task/auto/assign`, { ...params });
 }
 /*提交 */
-export function save(id?: number) {
-  return request.post(`${ORDER3}/erp/tack/car/task/submit`, { id }, { contentType: 'form-urlencoded' });
-}
-
+export function save(params?: SaveParams) {
+  return request.post(`${ORDER3}/erp/tack/car/task/submit`, params);
+}
 \ No newline at end of file
@@ -4,6 +4,7 @@ import { Card, Table, Button, Row, DatePicker, Col, InputNumber, message } from 
 import { getTackList, ListItem, saveHandelTack, ShopTaskList, save, saveParams } from './api';
 import EModal from './component/Modal';
 import moment from 'moment';
+import ApproveModal from '@/pages/order3/Common/ApproveModal';
 const { Column } = Table;
@@ -25,6 +26,7 @@ export default function TacklingCarModels() {
   const [list, setList] = useState<ListItem>({});
   const [orginDara, setOrginDara] = useState<ListItem>({});
   let index;
+  const [approveOpen, setApproveOpen] = useState<boolean>(false);
   useEffect(() => {
     getList(newDay);
@@ -74,10 +76,10 @@ export default function TacklingCarModels() {
     handleSave(params);
   }
   //提交审批
-  function saveClick() {
+  function saveClick(params?: any) {
     setLoading(true);
     setSaveLoading(true);
-    save(list.id).then(() => {
+    save({...params, id: list.id}).then(() => {
       setSaveLoading(false);
       setLoading(false);
       setList({ ...list, canModified: false });
@@ -88,6 +90,7 @@ export default function TacklingCarModels() {
       setSaveLoading(false);
     });
   }
+
   //手动提交
   function handleSave(params: saveParams) {
     setConfirmLoading(true);
@@ -103,6 +106,10 @@ export default function TacklingCarModels() {
     });
   }
+  function handleOpenApprove() {
+    setApproveOpen(true);
+  }
+
   return (
     <PageHeaderWrapper title="攻坚车任务手动调整">
       <Card>
@@ -121,54 +128,58 @@ export default function TacklingCarModels() {
             });
             return (
               <>
-                {total == 0 ? null :
-                  <Table.Summary.Row >
+                {total == 0 ? null : (
+                  <Table.Summary.Row>
                     <Table.Summary.Cell index={1}><span style={{ display: 'block', textAlign: 'center' }}>合计</span></Table.Summary.Cell>
                     <Table.Summary.Cell index={2}>
                       <span style={{ display: 'block', textAlign: 'center' }}>{total}</span>
                     </Table.Summary.Cell>
-                    <Table.Summary.Cell index={3}></Table.Summary.Cell>
+                    <Table.Summary.Cell index={3} />
                   </Table.Summary.Row>
-                }
+                )}
               </>
             );
           }}
         >
           <Column title="门店" dataIndex="shopName" width={400} align="center" />
-          <Column title="攻坚车型任务(台)" dataIndex="taskCount" align="center"
+          <Column
+            title="攻坚车型任务(台)"
+            dataIndex="taskCount"
+            align="center"
             render={(value, record, index) => {
               if (edit) {
-                return <InputNumber min={0} value={value} onChange={(e: any) => _onChange(e, index)} />
+                return <InputNumber min={0} value={value} onChange={(e: any) => _onChange(e, index)} />;
               } else {
-                return <span>{value}</span>
+                return <span>{value}</span>;
               }
             }}
           />
-          <Column title="操作" align="center"
-            render={(value, record, index) => (
+          <Column
+            title="操作"
+            align="center"
+            render={(value, record, _index) => (
               <>
-                <Button type="link" onClick={() => { setVisible(true); setCurrent(value), index = index }}>销售顾问任务</Button>
+                <Button type="link" onClick={() => { setVisible(true); setCurrent(value); index = _index; }}>销售顾问任务</Button>
               </>
             )}
           />
         </Table>
         <EModal setVisible={setVisible} visible={visible} current={current} index={index} setList={setList} list={list} setCurrent={setCurrent} isHandledit={edit} />
         <Row justify="center" style={{ marginTop: 15 }}>
-          {list.canModified ?
+          {list.canModified ? (
             <>
               {edit ?
                 <Button style={{ width: 110 }} type="primary" onClick={handleClick} loading={confirmLoading}>确定</Button> :
-                <Button style={{ width: 110 }} type="primary" onClick={saveClick} loading={saveLoading}>提交审批</Button>
-              }
+                <Button style={{ width: 110 }} type="primary" onClick={handleOpenApprove} loading={saveLoading}>提交审批</Button>}
               <Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} type="default" onClick={() => setEdit(true)}>手动编辑</Button>
               {edit ?
                 <Button style={{ width: 110, marginLeft: 15 }} type="default" onClick={setReset} loading={confirmLoading}>取消</Button> :
-                null
-              }
-            </> : null
-          }
+                null}
+            </>
+          ) : null}
         </Row>
       </Card>
-    </PageHeaderWrapper >
-  )
+      <ApproveModal callback={saveClick} open={approveOpen} setOpen={setApproveOpen} />
+    </PageHeaderWrapper>
+  );
 }
 \ No newline at end of file
@@ -33,6 +33,12 @@ interface ListParams {
   autoAssign?: boolean
 }
+export interface SaveParams {
+  id?: number // 任务id
+  remark?: string // 备注
+  attachmentList?: string[] // 附件列表
+}
+
 /** 获取列表 */
 export function getTackMaunuaList(params?: ListParams): http.PromiseResp<ListItem> {
   return request.get(`${ORDER3}/erp/tack/car/task/detail`, { params });
@@ -46,7 +52,6 @@ export function autoAlloctionApi(params: saveParams) {
   return request.post(`${ORDER3}/erp/tack/car/task/auto/assign`, { ...params });
 }
 /*提交 */
-export function save(id?: number) {
-  return request.post(`${ORDER3}/erp/tack/car/task/submit`, { id }, { contentType: 'form-urlencoded' });
+export function save(params?: SaveParams) {
+  return request.post(`${ORDER3}/erp/tack/car/task/submit`, params);
 }
-
@@ -4,6 +4,7 @@ import { Card, Table, Button, Row, DatePicker, Col, InputNumber, message } from 
 import { getTackMaunuaList, ListItem, autoAlloctionApi, ShopTaskList, save, saveParams } from './api';
 import EModal from './component/Modal';
 import moment from 'moment';
+import ApproveModal from '@/pages/order3/Common/ApproveModal';
 const { Column } = Table;
@@ -24,6 +25,7 @@ export default function TacklingCarModels() {
   const [edit, setEdit] = useState<boolean>(false);
   const [list, setList] = useState<ListItem>({});
   const [orginDara, setOrginDara] = useState<ListItem>({});
+  const [approveOpen, setApproveOpen] = useState<boolean>(false);
   let index;
   useEffect(() => {
@@ -73,10 +75,10 @@ export default function TacklingCarModels() {
     autoAllocationSave(params);
   }
   //提交审批
-  function saveClick() {
+  function saveClick(params?: any) {
     setLoading(true);
     setSaveLoading(true);
-    save(list.id).then(() => {
+    save({...params, id: list.id}).then(() => {
       setSaveLoading(false);
       setLoading(false);
       setList({ ...list, canModified: false });
@@ -102,6 +104,10 @@ export default function TacklingCarModels() {
     });
   }
+  function handleOpenApprove() {
+    setApproveOpen(true);
+  }
+
   return (
     <PageHeaderWrapper title="攻坚车任务">
       <Card>
@@ -120,56 +126,59 @@ export default function TacklingCarModels() {
             });
             return (
               <>
-                {total == 0 ? null :
-                  <Table.Summary.Row >
+                {total == 0 ? null : (
+                  <Table.Summary.Row>
                     <Table.Summary.Cell index={1}><span style={{ display: 'block', textAlign: 'center' }}>合计</span></Table.Summary.Cell>
                     <Table.Summary.Cell index={2}>
                       <span style={{ display: 'block', textAlign: 'center' }}>{total}</span>
                     </Table.Summary.Cell>
-                    <Table.Summary.Cell index={3}></Table.Summary.Cell>
+                    <Table.Summary.Cell index={3} />
                   </Table.Summary.Row>
-                }
+                )}
               </>
             );
           }}
         >
           <Column title="门店" dataIndex="shopName" width={400} align="center" />
-          <Column title="攻坚车型任务(台)" dataIndex="taskCount" align="center"
+          <Column
+            title="攻坚车型任务(台)"
+            dataIndex="taskCount"
+            align="center"
             render={(value, record, index) => {
               if (edit) {
-                return <InputNumber min={0} value={value} onChange={(e: any) => _onChange(e, index)} />
+                return <InputNumber min={0} value={value} onChange={(e: any) => _onChange(e, index)} />;
               } else {
-                return <span>{value}</span>
+                return <span>{value}</span>;
               }
             }}
           />
-          <Column title="操作" align="center"
-            render={(value, record, index) => (
+          <Column
+            title="操作"
+            align="center"
+            render={(value, record, _index) => (
               <>
-                <Button type="link" onClick={() => { setVisible(true); setCurrent(value), index = index }}>销售顾问任务</Button>
+                <Button type="link" onClick={() => { setVisible(true); setCurrent(value); index = _index; }}>销售顾问任务</Button>
               </>
             )}
           />
         </Table>
         <EModal setVisible={setVisible} visible={visible} current={current} index={index} setList={setList} list={list} setCurrent={setCurrent} isHandledit={edit} />
         <Row justify="center" style={{ marginTop: 15 }}>
-          {list.canModified ?
+          {list.canModified ? (
             <>
               {edit ?
                 <Button style={{ width: 110 }} type="primary" onClick={handleClick} loading={confirmLoading}>确定</Button> :
-                <Button style={{ width: 110 }} type="primary" onClick={saveClick} loading={saveLoading}>提交审批</Button>
-              }
+                <Button style={{ width: 110 }} type="primary" onClick={handleOpenApprove} loading={saveLoading}>提交审批</Button>}
               {edit ? null :
-                <Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} onClick={() => setEdit(true)} type="default">自动调整</Button>
-              }
+              <Button style={{ width: 110, marginLeft: 15, backgroundColor: '#FFF' }} onClick={() => setEdit(true)} type="default">自动调整</Button>}
               {edit ?
                 <Button style={{ width: 110, marginLeft: 15 }} type="default" onClick={setReset} loading={confirmLoading}>取消</Button> :
-                null
-              }
-            </> : null
-          }
+                null}
+            </>
+          ) : null}
         </Row>
       </Card>
-    </PageHeaderWrapper >
-  )
+      <ApproveModal callback={saveClick} open={approveOpen} setOpen={setApproveOpen} />
+    </PageHeaderWrapper>
+  );
 }
 \ No newline at end of file