fix

src/components/evaluateItem/index.jsx

@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from "react";
+import { Radio } from "antd";
+function MyEditor(props) {
+  const {
+    // value,
+    // onChange = (e) => {},
+    options = [
+      { value: 2, label: "优" },
+      { value: 1, label: "良" },
+      { value: 0, label: "差" },
+    ],
+    ...leftProps
+  } = props;
+
+  return (
+    <>
+      <Radio.Group options={options} {...leftProps} />
+    </>
+  );
+}
+
+export default MyEditor;

src/pages/evaluate/evaluateList/addeValuate.jsx

@@ -0,0 +1,92 @@
+import { PlusOutlined } from "@ant-design/icons";
+import {
+  ModalForm,
+  ProForm,
+  ProFormDateRangePicker,
+  ProFormSelect,
+  ProFormText,
+} from "@ant-design/pro-components";
+import { Button, Form, message } from "antd";
+// import { getPostsFilesList, savePostsFiles } from "@/services/posts";
+import {
+  getEvaluateList,
+  saveEvaluate
+} from "@/services/evaluate";
+import EvaluateItem from "@/components/evaluateItem";
+
+export default ({ taskId, onsuccess = () => {} }) => {
+  const [form] = Form.useForm();
+
+  const onFinish = async (values) => {
+    console.log(values);
+    // await waitTime(2000);
+
+    await saveEvaluate(values);
+    onsuccess();
+    return true;
+  };
+
+  const itemList = [
+    {
+      name: "item1",
+      label: "服务质量",
+    },
+    {
+      name: "item2",
+      label: "供应住宿",
+    },
+    {
+      name: "item3",
+      label: "供应餐饮",
+    },
+    {
+      name: "item4",
+      label: "洗浴评价",
+    },
+    {
+      name: "item5",
+      label: "娱乐评价",
+    },
+    {
+      name: "item6",
+      label: "军供文化",
+    },
+  ];
+  
+  return (
+    <ModalForm
+      title="新增评价"
+      trigger={<Button type="primary">新增</Button>}
+      form={form}
+      // open={true}
+      layout={"horizontal"}
+      labelCol={{ span: 8 }}
+      wrapperCol={{ span: 12 }}
+      modalProps={{
+        destroyOnClose: true,
+        onCancel: () => console.log("run"),
+      }}
+      initialValues={{ taskId: taskId }}
+      submitTimeout={2000}
+      onFinish={onFinish}
+    >
+      <ProFormText
+        width="md"
+        name="taskId"
+        label="任务ID"
+        readonly
+
+      />
+      {itemList?.map((x) => {
+       return <ProForm.Item
+          key={x.name}
+          name={x.name}
+          label={x.label}
+          rules={[{ required: true, message: "请选择评价" }]}
+        >
+          <EvaluateItem></EvaluateItem>
+        </ProForm.Item>;
+      })}
+    </ModalForm>
+  );
+};

src/pages/evaluate/evaluateList/index.jsx

@@ -0,0 +1,103 @@
+import { getEvaluateList } from "@/services/evaluate";
+import { queryTable } from "@/utils/request";
+import { PageContainer, ProTable } from "@ant-design/pro-components";
+import { Link, useNavigate, useSearchParams } from "react-router-dom";
+
+import { Button, message, Popconfirm } from "antd";
+import moment from "moment";
+import { useRef, useState } from "react";
+import AddeValuate from "./addeValuate";
+
+const EvaluateList = (props) => {
+  const [searchParams] = useSearchParams();
+  const id = searchParams.get("id");
+  const navigate = useNavigate();
+
+  // const [storeTypeDict, setStoreTypeDict] = useState([]);
+  const actionRef = useRef();
+  const formRef = useRef();
+
+  const  valueEnum= {
+    2: { text: "优", status: "Success" },
+    1: { text: "良", status: "Processing" },
+    0: { text: "差", status: "Default" },
+  }
+
+  const columns = [
+    // {
+    //   title: "任务ID",
+    //   dataIndex: "taskId",
+    // },
+
+    {
+      title: "服务质量",
+      dataIndex: "item1",
+      search: false,
+      valueEnum
+    },
+    {
+      title: "供应住宿",
+      dataIndex: "item2",
+      search: false,
+      valueEnum
+    },
+    {
+      title: "供应餐饮",
+      dataIndex: "item3",
+      search: false,
+      valueEnum
+    },
+    {
+      title: "洗浴评价",
+      dataIndex: "item4",
+      search: false,
+      valueEnum
+    },
+    {
+      title: "娱乐评价",
+      dataIndex: "item5",
+      search: false,
+      valueEnum
+    },
+    {
+      title: "军供文化",
+      dataIndex: "item6",
+      search: false,
+      valueEnum
+    },
+  ];
+
+  return (
+    <PageContainer>
+      <ProTable
+        actionRef={actionRef}
+        formRef={formRef}
+        search={false}
+        params={{ taskId: id }}
+        rowKey="id"
+        toolBarRender={() => [
+          <AddeValuate
+            taskId={id}
+            key="2"
+            onsuccess={() => {
+              actionRef.current.reload();
+            }}
+          ></AddeValuate>,
+          // <Button
+          //   key="2"
+          //   type="primary"
+          //   onClick={() => {
+
+          //   }}
+          // >
+          //   新增评价
+          // </Button>,
+        ]}
+        request={queryTable(getEvaluateList)}
+        columns={columns}
+      />
+    </PageContainer>
+  );
+};
+
+export default EvaluateList;

src/pages/evaluate/index.jsx

@@ -0,0 +1,114 @@
+import {
+  deleteGuaranteeTask,
+  getGuaranteeTaskList,
+} from "@/services/guaranteeTask";
+import { queryTable } from "@/utils/request";
+import { PageContainer, ProTable } from "@ant-design/pro-components";
+import { Link, useNavigate } from "react-router-dom";
+
+import { Button, message, Popconfirm } from "antd";
+import moment from "moment";
+import { useRef, useState } from "react";
+
+const GuaranteeTaskList = (props) => {
+  const navigate = useNavigate();
+  const [isOpen, setIsOpen] = useState(false);
+  const [modalData, setModalData] = useState({});
+  // const [storeTypeDict, setStoreTypeDict] = useState([]);
+  const actionRef = useRef();
+  const formRef = useRef();
+
+  const handleDelete = (id) => {
+    if (id) {
+      deleteGuaranteeTask(id).then((res) => {
+        message.success("删除成功");
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const onCancel = () => {
+    setIsOpen(false);
+    setModalData({});
+  };
+
+  const columns = [
+    {
+      title: "保障序号",
+      dataIndex: "guaranteeNo",
+    },
+    {
+      title: "受领人",
+      dataIndex: "receiver",
+    },
+    {
+      title: "时间区间",
+      dataIndex: "dateRange",
+      valueType: "dateRange",
+      search: {
+        transform: (value) => {
+          console.log(value, value[0].valueOf(), "valuevalue");
+
+          return {
+            startDate: moment(value[0]).format("yyyy-MM-DD"),
+            endDate: moment(value[1]).format("yyyy-MM-DD"),
+          };
+        },
+      },
+    },
+    {
+      title: "保障地点",
+      dataIndex: "address",
+      search: false,
+    },
+    {
+      title: "保障人数",
+      dataIndex: "totalPersonNum",
+      search: false,
+    },
+    {
+      title: "伙食标准",
+      dataIndex: "standard",
+      search: false,
+    },
+
+    {
+      title: "操作",
+      valueType: "option",
+      width: 200,
+      render: (_, record) => [
+        <Button
+          key={2}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            navigate(`/task/evaluate/list?id=${record.id}`);
+          }}
+        >
+          评价
+        </Button>,
+      ],
+    },
+  ];
+
+  return (
+    <PageContainer>
+      <ProTable
+        actionRef={actionRef}
+        formRef={formRef}
+        postData={(data) => {
+          return data.map((x) => ({
+            dateRange: [x.startDate, x.endDate],
+            ...x,
+          }));
+        }}
+        rowKey="id"
+       
+        request={queryTable(getGuaranteeTaskList)}
+        columns={columns}
+      />
+    </PageContainer>
+  );
+};
+
+export default GuaranteeTaskList;

src/routes/routes.jsx

@@ -18,6 +18,8 @@ import BasicTable from "@/pages/sample/table";
 import GuaranteeTaskList from "@/pages/guaranteeTask";
 import GuaranteeTaskEdit from "@/pages/guaranteeTask/Edit";
 import GuaranteeTaskPrint from "@/pages/guaranteeTask/print";
+import GuaranteeTaskEvaluate from "@/pages/evaluate";
+import GuaranteeTaskEvaluateList from "@/pages/evaluate/evaluateList";
 import DishList from "@/pages/dish/list";
 import DishEdit from "@/pages/dish/edit";
 import PackageList from "@/pages/package";
@@ -96,10 +98,18 @@ export const authRoutes = [
         },
       },
       {
-        path: "guaranteeTask/print",
-        element: <GuaranteeTaskPrint />,
+        path: "evaluate",
+        element: <GuaranteeTaskEvaluate />,
+        meta: {
+          title: "任务评价",
+        },
+      },
+      {
+        path: "evaluate/list",
+        element: <GuaranteeTaskEvaluateList />,
         meta: {
           title: "任务评价",
+          hideInMenu: true,
         },
       },
     ],

src/services/evaluate.js

@@ -0,0 +1,21 @@
+import { restful } from "@/utils/request";
+
+/**
+ * 构造 Service
+ * @returns
+ */
+const [
+  getEvaluateList,
+  geEvaluateDetail,
+  saveEvaluate,
+  updateEvaluate,
+  deleteEvaluate,
+] = restful("/evaluate");
+
+export {
+  getEvaluateList,
+  geEvaluateDetail,
+  saveEvaluate,
+  updateEvaluate,
+  deleteEvaluate,
+};