feats

src/components/Percent/index.jsx

   const [percent, setPercent] = useState(0)
 
   useEffect(() => {
-    setPercent(epsilon2(value * 100))
+    setPercent(epsilon2((value || 0) * 100))
   }, [value])
 
   const handleChange = (val) => {
       value={percent}
       onChange={handleChange}
       precision={2}
-      formatter={value => `${value} %`}
+      formatter={value => `${value || 0} %`}
       parser={value => value.replace(/\s?%/g, '')}
     />
   )

src/pages/check/components/CopyCheck.jsx

+import React from 'react';
+import { ModalForm, ProFormText } from "@ant-design/pro-components";
+import { Form } from "antd";
+import { copyTaCheck } from '@/service/tacheck';
+
+export default (props) => {
+  const { check, open, onOpenChange, onFinish } = props;
+
+  const [formRef] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    await copyTaCheck(values.checkId, values);
+    onOpenChange(false);
+    onFinish();
+    return;
+  }
+
+  React.useEffect(() => {
+    formRef.setFieldsValue({
+      checkId: check?.checkId,
+      title: `${check?.title}-复制`,
+    });
+  }, [check]);
+
+  return (
+    <ModalForm
+      title="复制"
+      width="560px"
+      open={open}
+      form={formRef}
+      onOpenChange={onOpenChange}
+      onFinish={onSubmit}
+    >
+      <ProFormText hidden name="checkId" />
+      <ProFormText
+        name="title"
+        label="测评名称"
+        placeholder="请输入测评名称"
+        rules={[
+          {required: true, message: '请输入测评名称'},
+        ]}
+      />
+    </ModalForm>
+  )
+}

src/pages/check/index.jsx

 import Page from '@/components/Page';
 import { useNavigate, Link } from 'react-router-dom';
 import { queryTable } from "@/utils/request";
-import { ProTable } from "@ant-design/pro-components";
-import { Button, message, Popconfirm, Input, Modal } from "antd";
+import { ProTable, ModalForm, ProFormText } from "@ant-design/pro-components";
+import { Button, message, Popconfirm, Form } from "antd";
 import { getTaCheck, deleteTaCheck, putTaCheck, calcScoreTaCheck } from '@/service/tacheck';
+import CopyCheck from './components/CopyCheck';
 
 const queryList = queryTable(getTaCheck);
 
   const actionRef = React.useRef();
   const [messageApi, contextHolder] = message.useMessage();
   const [open, setOpen] = React.useState(false);
-  const [check, setCheck] = React.useState({});
+  const [check, setCheck] = React.useState(false);
 
   const onDelete = (item) => {
     deleteTaCheck(item.checkId).then(() => {
 
   const onOpen = (record) => {
     setCheck(record);
-    setOpen(true)
+    setOpen(true);
+  }
+
+  const onCopyFinish = () => {
+    actionRef.current.reload();
   }
 
   const columns = [
   return (
     <Page>
       {contextHolder}
-      <Modal
-        title="复制"
+      <CopyCheck
         open={open}
-        onCancel={() => setOpen(false)}
-      >
-        测评名称:
-        <Input placeholder="请输入" value={check.title + '-复制'} />
-      </Modal>
+        check={check}
+        onOpenChange={setOpen}
+        onFinish={onCopyFinish}
+      />
       <ProTable
         actionRef={actionRef}
         rowKey="checkId"

src/service/tacheck.js

  * 计算分数
  */
 export const calcScoreTaCheck = (id) => request(`/api/taCheck/${id}/score`, { method: 'put' });
+
+/**
+ * 拷贝测评
+ * @param {*} id 
+ * @param {*} data 
+ * @returns 
+ */
+export const copyTaCheck = (id, data) => request(`/api/taCheck/${id}/copy`, { data, method: 'put' });

src/utils/request.js

     noTip = method.toLocaleLowerCase() === 'get' ? true : false;
   }
 
-  console.log('-----timeout---', download ? 600000 : 10000)
-
   // 在发送请求之前做些什么
   return {
     ...config,