f

src/components/Page/List.jsx

       valueType: 'option',
       key: 'option',
       ellipsis: true,
+      fixed: 'right',
       render: (_, record) => [
         (
-          onEdit && 
-          <Button style={{ padding: 0 }} type="link" key={1} onClick={() => onEdit(record) }>
+          onEdit &&
+          <Button style={{ padding: 0 }} type="link" key={1} onClick={() => onEdit(record)}>
             编辑
           </Button>
         ),
         actionRef={actionRef}
         toolBarRender={() => [
           (
-            onAdd && 
+            onAdd &&
             <Button
               key="1"
               type="primary"

src/layouts/AuthLayout/components/Header/Exit.jsx

 
 export default (props) => {
   const navigate = useNavigate();
-  const { setUser } = useModel("user");
+  // const { setUser } = useModel("user");
 
   const onExit = () => {
     confirm({
       onOk: () => {
         logout(); // 调用接口
         localStorage.removeItem("token");
-        setUser();
+        // setUser();
         navigate("/login?back=true");
       },
     });

src/pages/custom/index.jsx

 import { useNavigate } from "react-router-dom";
 import { Button, Popconfirm, message } from "antd";
 import { ProTable } from "@ant-design/pro-components";
-import { queryTable, queryDict } from "@/utils/request";
+import { queryTable } from "@/utils/request";
 import { getTaCustom, deleteTaCustom } from "@/services/taCustom";
 import Page from "@/components/Page";
 

src/pages/login/index.jsx

 
     // console.log('ticket', ticket);
     if (searchParams.get("redirect")) {
+      // console.log('爱', searchParams.get("redirect"));
       const redirect = decodeURIComponent(searchParams.get("redirect"));
       let href = "";
       if (redirect.indexOf("#") === -1) {
       }
       window.location.href = href;
     } else if (searchParams.get("back")) {
-      // console.log(navigate(-1), "---");
+      // console.log('else if', searchParams.get("back"));
       navigate(-1);
       // navigate("/");
     } else {
+      console.log('else');
       navigate("/");
     }
   };

src/pages/project/Edit.jsx

 import Page from "@/components/Page";
 import { formItemLayout, tailFormItemLayout } from "@/utils/form";
 import { postTaProject, putTaProject, getTaProjectById } from "@/services/project";
+import { getTaCustom } from "@/services/taCustom";
 import moment from 'moment'
 const { Option } = Select;
 
 
   const [loading, startLoading, cancelLoading] = useBool();
   const [submiting, startSubmit, cancelSubmit] = useBool();
+  const [list, setList] = React.useState([]);
 
   const [searchParams] = useSearchParams();
   const [form] = Form.useForm();
   const navigate = useNavigate();
 
   const id = searchParams.get("id");
+  // const Format = format("YYYY-MM-DD HH:mm:ss") : undefined;
 
   React.useEffect(() => {
     if (id) {
         // const endTime = res.endTime ? { endTime: moment(res.endTime) } : undefined;
         // form.setFieldsValue({ ...res, startTime, endTime });
         // console.log('-------res', { ...res, startTime, endTime })
-        form.setFieldsValue({ ...res, startTime: res.startTime ? moment(res.startTime) : undefined, endTime: res.endTime ? moment(res.endTime) : undefined });
+        form.setFieldsValue({
+          ...res, startTime: res.startTime ? moment(res.startTime) : undefined, endTime: res.endTime ? moment(res.endTime) : undefined,
+          crm: res.crm ? moment(res.crm) : undefined
+        });
       })
     }
+    getTaCustom().then((res) => {
+      setList(res.records);
+    })
   }, [id])
 
+  const changeDate = (val) => {
+    return val.format("YYYY-MM-DD HH:mm:ss")
+  }
+
   const onFinish = (values) => {
-    const startTime = values.startTime ? moment(values.startTime).format("YYYY-MM-DD HH:mm:ss") : undefined;
-    const endTime = values.endTime ? moment(values.endTime).format("YYYY-MM-DD HH:mm:ss") : undefined;
+    const startTime = values.startTime ? changeDate(values.startTime) : undefined;
+    const endTime = values.endTime ? changeDate(values.endTime) : undefined;
+    const crm = values.crm ? changeDate(values.crm) : undefined;
+
+    // console.log('crm', crm)
     startSubmit();
     if (id) {
       // console.log('startTime,...values', { ...values, startTime, endTime })
       //更新
-      putTaProject(id, { ...values, startTime, endTime }).then((res) => {
+      putTaProject(id, { ...values, startTime, endTime, crm }).then((res) => {
         cancelSubmit();
         navigate(-1)
       }).catch(() => {
       })
     } else {
       //新增
-      postTaProject(values).then((res) => {
+      // console.log('新增', { ...values, startTime, endTime, crm })
+      postTaProject({ ...values, startTime, endTime, crm }).then((res) => {
         cancelSubmit();
         navigate(-1)
       }).catch(() => {
     }
   }
 
+  // console.log('first', list);
+
   return (
     <Page>
       <Card loading={loading}>
           <Form.Item name="endTime" label="结束日期">
             <DatePicker placeholder="请选择" style={{ width: '100%' }} locale />
           </Form.Item>
+          <Form.Item name="crm" label="运维服务期">
+            <DatePicker placeholder="请选择" style={{ width: '100%' }} locale />
+          </Form.Item>
 
+          <Form.Item name="customId" label="所属客户">
+            <Select placeholder="请选择">
+              {
+                list.map((res, index) => {
+                  return (
+                    <Option key={index} value={res.customId}>{res.customName}</Option>
+                  )
+                })
+              }
+            </Select>
+          </Form.Item>
           <Form.Item name="quotation" label="合同报价">
             <Input placeholder="请输入" />
           </Form.Item>
             <Input placeholder="请输入" />
           </Form.Item>
 
-          <Form.Item name="customId" label="客户ID">
-            <Input placeholder="请输入" />
-          </Form.Item>
 
           <Form.Item {...tailFormItemLayout}>
             <Button loading={submiting} type="primary" htmlType="submit">

src/pages/project/index.jsx

 import { useNavigate } from "react-router-dom";
 import { Button, Popconfirm } from "antd";
 import List from "@/components/Page/List";
+import { queryDict } from "@/utils/request";
+import { getTaCustom } from "@/services/taCustom";
 import { getTaProject, deleteTaProject } from "@/services/project";
 
-
+const TaCustom = queryDict(getTaCustom, { labelKey: 'customName', valueKey: 'customId' })
 
 export default (props) => {
   const actionRef = React.useRef();
       dataIndex: "endTime",
       search: false,
     },
+    {
+      title: "运维服务期",
+      dataIndex: "crm",
+      search: false,
+    },
+    {
+      title: "所属客户",
+      dataIndex: "customId",
+      valueType: "select",
+      search: false,
+      request: TaCustom
+    },
     {
       title: "合同报价",
       dataIndex: "quotation",
       onDelete={onDelete}
       onEdit={onEdit}
       request={getTaProject}
+      columnOptionRender={(_, res) => [
+        // console.log('res', res.webUrl),
+        <Button key={1} style={{ padding: 0 }} type="link" href={res.webUrl}>
+          跳转
+        </Button>
+      ]}
     />
   );
 };

src/pages/user/Edit.jsx

 import { useSearchParams, useNavigate } from "react-router-dom";
 import Page from "@/components/Page";
 import { formItemLayout, tailFormItemLayout } from "@/utils/form";
+import { postSysUser, putSysUser, getSysUserById } from "@/services/sysuser";
 const { Option } = Select;
 
 export default (props) => {
 
   const id = searchParams.get("id");
 
-  const onFinish = () => {
+  React.useEffect(() => {
+    if (id) {
+      console.log('---id--->', id)
+      getSysUserById(id).then((res) => {
+        console.log('res', res)
+        form.setFieldsValue(res);
+      })
+    }
+  }, [id])
 
+  const onFinish = (values) => {
+    startSubmit();
+    if (id) {
+      // console.log('---id--->', id)
+      //修改
+      putSysUser(id, values).then((res) => {
+        cancelSubmit();
+        navigate(-1);
+      }).catch(() => {
+        cancelSubmit();
+      })
+    } else {
+      //新增
+      postSysUser(values).then((res) => {
+        cancelSubmit();
+        navigate(-1)
+      }).catch(() => {
+        cancelSubmit();
+      })
+    }
   }
 
   return (

src/pages/user/index.jsx

 import { useNavigate } from "react-router-dom";
 import { Button, Popconfirm, message } from "antd";
 import { ProTable } from "@ant-design/pro-components";
-import { queryTable, queryDict } from "@/utils/request";
+import { queryTable } from "@/utils/request";
+import { getSysUser, deleteSysUser } from "@/services/sysuser";
 import Page from "@/components/Page";
 
-
+const sysUserList = queryTable(getSysUser)
 
 export default (props) => {
   const actionRef = React.useRef();
   const navigate = useNavigate();
 
-  const handleDelete = () => {
-
+  const handleDelete = (id) => {
+    deleteSysUser(id).then((res) => {
+      actionRef.current.reload();
+    })
   }
 
   const columns = [
           key={3}
           style={{ padding: 0 }}
           type="link"
-          disabled
           onClick={() => {
-            navigate(`/user/edit?id=${record}`);
+            navigate(`/user/edit?id=${record.userId}`);
           }}
         >
           编辑
         <Popconfirm
           key={4}
           title="您是否确认删除 ?"
-          onConfirm={() => handleDelete(record)}
+          onConfirm={() => handleDelete(record.userId)}
           okText="确定"
           cancelText="取消"
         >
     <Page>
       <ProTable
         actionRef={actionRef}
-        rowKey=""
+        rowKey="userId"
         toolBarRender={() => [
           <Button
             key="1"
             新增
           </Button>,
         ]}
-        // request={{}}
+        request={sysUserList}
         columns={columns}
       />
     </Page>

src/routes/routes.jsx

   {
     path: "*",
     element: <Page404 />,
-  }
+  },
+
 ];
 
 export function mergeAuthRoutes (r1, r2) {

src/services/sysUser.js

+import request from "@/utils/request";
+
+/*
+ * 分页查询
+ */
+export const getSysUser = (params) => request(`/api/sysUser/paginQuery`, { params });
+
+/*
+ * 新增数据
+ */
+export const postSysUser = (data) => request('/api/sysUser/addList', { data, method: 'post' });
+
+/*
+ * 更新数据
+ */
+export const putSysUser = (id, data) => request(`/api/sysUser/edit/${id}`, { data, method: 'put' });
+
+/*
+ * 通过主键删除数据
+ */
+export const deleteSysUser = (id) => request(`/api/sysUser/deleteById/${id}`, { method: 'delete' });
+
+/*
+ * 通过ID查询单条数据
+ */
+export const getSysUserById = (id) => request(`/api/sysUser/queryById/${id}`);

src/store/models/user.js

 import { isLogin } from "@/services/login";
 
 export default function useUser () {
-  const [user, setUser] = useState();
+  // const [user, setUser] = useState();
   const menusRef = useRef();
   const routesRef = useRef();
 
-  const getCurrentUser = (params) =>
+  const getCurrentUser = () =>
     new Promise((resolve, reject) => {
-      isLogin(params)
-        .then((res) => {
-          const { user } = res;
-          // const permissions = res;
+      // isLogin()
+      //   .then((res) => {
+      // const { user } = res;
+      // const permissions = res;
 
-          // authRoutes 是所有待验证授权的路由
-          // authedRoutes 是已经被授权的路由
-          // const authedRoutes = authRoutes;
+      // authRoutes 是所有待验证授权的路由
+      // authedRoutes 是已经被授权的路由
+      // const authedRoutes = authRoutes;
 
-          menusRef.current = getMenuItems(defaultRoutes);
-          routesRef.current = mergeAuthRoutes(defaultRoutes);
-          // console.log('menusRef.current', menusRef.current)
+      menusRef.current = getMenuItems(authRoutes);
+      routesRef.current = mergeAuthRoutes(defaultRoutes);
+      // console.log('menusRef.current', menusRef.current)
 
-          setUser(user);
-          resolve(user);
-        })
-        .catch(reject);
+      // setUser(user);
+      resolve();
+      // })
+
+    }).catch((e) => {
+      console.log(e)
     });
 
   return {
-    user,
-    setUser,
+    // user,
+    // setUser,
     getCurrentUser,
     menus: menusRef.current || [],
     routes: routesRef.current || [],

src/utils/request.js

       params = {},
     } = config;
     let token = localStorage.getItem("token") || "";
+    const tokenB = (`Bearer ${token}`);
+    console.log('----tokenB---->', tokenB);
 
     let noTip = silent;
     if (noTip === undefined) {
       silent: noTip,
       headers: {
         ...headers,
-        Authorization: token,
+        Authorization: tokenB,
       },
       responseType: download ? "blob" : responseType,
     };