Merge branch 'master' of http://git.ycjcjy.com/civilized_city/pc-admin

src/pages/issueType/edit/index.jsx

@@ -0,0 +1,111 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Card, Form, Input, Select } from 'antd';
+import useBool from '@/utils/hooks/useBool';
+import { postTdIssueType, putTdIssueType, getTdIssueTypeById } from "@/service/tdissuetype";
+import { useSearchParams, useNavigate } from 'react-router-dom';
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 8 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 16 },
+  },
+};
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 8,
+    },
+  },
+};
+
+const { Option } = Select;
+
+export default (props) => {
+
+  const [loading, startLoading, cancelLoading] = useBool();
+  const [submiting, startSubmit, cancelSubmit] = useBool();
+  const [form] = Form.useForm();
+  const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const id = searchParams.get("id");
+
+  useEffect(() => {
+    if (id) {
+      getTdIssueTypeById(id).then((res) => {
+        form.setFieldsValue(res);
+      });
+    }
+  }, [id]);
+
+  console.log('issueType修改id', id);
+  const onFinish = (values) => {
+    startSubmit();
+    console.log('issueType修改id', id);
+    if (id) {
+      // 修改
+      putTdIssueType(id, values).then((res) => {
+        navigate(-1);
+      }).catch(() => {
+        cancelSubmit();
+      });
+    } else {
+      // 新增
+      postTdIssueType(values).then((res) => {
+        navigate(-1);
+      }).catch(() => {
+        cancelSubmit();
+      });
+    }
+  }
+
+
+  return (
+    <Card loading={loading}>
+      <Form onFinish={onFinish} form={form} {...formItemLayout} scrollToFirstError style={{ maxWidth: '1000px' }}>
+        <Form.Item
+          name="name"
+          label="分类名称"
+        >
+          <Input />
+        </Form.Item>
+        <Form.Item
+          name="sortNo"
+          label="排序"
+        >
+          <Input />
+        </Form.Item>
+        <Form.Item
+          name="status"
+          label="状态"
+        >
+          <Select
+            style={{ width: '100%' }}
+            placeholder="请选择状态"
+          >
+            <Option key={0}>不正常</Option>
+            <Option key={1}>正常</Option>
+          </Select>
+        </Form.Item>
+        <Form.Item {...tailFormItemLayout}>
+          <Button loading={submiting} type="primary" htmlType="submit">
+            保存
+          </Button>
+          <Button style={{ marginLeft: '2em' }} onClick={() => navigate(-1)}>
+            返回
+          </Button>
+        </Form.Item>
+      </Form>
+    </Card>
+  )
+}
+
+

src/pages/issueType/list/index.jsx

@@ -0,0 +1,123 @@
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import { queryTable } from "@/utils/request";
+import { ProTable } from "@ant-design/pro-components";
+import { Button, message, Popconfirm } from "antd";
+import { getTdIssueType, deleteTdIssueType } from "@/service/tdissuetype";
+
+const queryTdIssueList = queryTable(getTdIssueType);
+
+export default (props) => {
+  const actionRef = React.useRef();
+  const navigate = useNavigate();
+
+  // const updateStatus = (user) => {
+  //   const status = user.status === 1 ? 0 : 1;
+  //   const hide = message.loading("请稍候...", 0);
+  //   updateUserStatus(user.id, status)
+  //     .then((res) => {
+  //       hide();
+  //       actionRef.current.reload();
+  //     })
+  //     .catch(() => {
+  //       hide();
+  //     });
+  // };
+  const handleDelete = (id) => {
+    if (id) {
+      deleteTdIssueType(id).then((res) => {
+        actionRef.current.reload();
+      });
+    }
+  };
+
+  const columns = [
+    {
+      title: "分类ID",
+      dataIndex: "typeId",
+    },
+    {
+      title: "分类名称",
+      dataIndex: "name",
+    },
+    {
+      title: "排序",
+      dataIndex: "sortNo",
+    },
+    {
+      title: "状态",
+      dataIndex: "status",
+      valueEnum: {
+        1: {
+          text: "正常",
+          status: "Processing",
+        },
+        0: {
+          text: "禁用",
+          status: "Error",
+        },
+      },
+    },
+    {
+      title: "操作",
+      valueType: "option",
+      width: 200,
+      render: (_, record) => [
+        // <Button
+        //   key={1}
+        //   style={{ padding: 0 }}
+        //   type="link"
+        //   onClick={() => {
+        //     updateStatus(record);
+        //   }}
+        // >
+        //   {record.status === 1 ? "禁用" : "启用"}
+        // </Button>,
+        <Button
+          key={2}
+          style={{ padding: 0 }}
+          type="link"
+          onClick={() => {
+            console.log(record, "]]");
+            navigate(`/system/issueType/edit?id=${record.typeId}`);
+          }}
+        >
+          编辑
+        </Button>,
+        <Popconfirm
+          key={3}
+          title="您是否确认删除 ?"
+          onConfirm={() => handleDelete(record.typeId)}
+          okText="确定"
+          cancelText="取消"
+        >
+          {/* manualPush */}
+          <Button style={{ padding: 0 }} type="link">
+            删除
+          </Button>
+        </Popconfirm>,
+      ],
+    },
+  ];
+
+  return (
+    <ProTable
+      actionRef={actionRef}
+      rowKey="typeId"
+      search={false}
+      toolBarRender={() => [
+        <Button
+          key="1"
+          type="primary"
+          onClick={() => {
+            navigate("/system/issueType/edit");
+          }}
+        >
+          新增
+        </Button>,
+      ]}
+      request={queryTdIssueList}
+      columns={columns}
+    />
+  );
+};

src/pages/locType/edit/index.jsx

@@ -35,7 +35,7 @@ export default (props) => {
   const [submiting, startSubmit, cancelSubmit] = useBool();
   const [form] = Form.useForm();
   const navigate = useNavigate();
-  const [searchParams, setSearchParams] = useSearchParams();
+  const [searchParams] = useSearchParams();
   const id = searchParams.get("id");
 
   useEffect(() => {
@@ -46,6 +46,8 @@ export default (props) => {
     }
   }, [id]);
 
+  console.log('id', id);
+
   const onFinish = (values) => {
     startSubmit();
     console.log('locType修改id', id);

src/routes/routes.jsx

@@ -28,6 +28,8 @@ import PositionList from "@/pages/position/list";
 import PositionEdit from "@/pages/position/edit";
 import LocTypeList from "@/pages/locType/list";
 import LocTypeEdit from "@/pages/locType/edit";
+import IssueTypeList from "@/pages/issueType/list";
+import IssueTypeEdit from "@/pages/issueType/edit";
 
 /**
  * meta 用来扩展自定义数据数据
@@ -112,7 +114,6 @@ export const authRoutes = [
           // permission: 'form',
         },
       },
-      ,
       {
         path: "position/edit",
         element: <PositionEdit />,
@@ -123,7 +124,6 @@ export const authRoutes = [
           // permission: 'form',
         },
       },
-      ,
       {
         path: "locType/list",
         element: <LocTypeList />,
@@ -133,7 +133,6 @@ export const authRoutes = [
           // permission: 'form',
         },
       },
-      ,
       {
         path: "locType/edit",
         element: <LocTypeEdit />,
@@ -144,6 +143,26 @@ export const authRoutes = [
           // permission: 'form',
         },
       },
+
+      {
+        path: "issueType/list",
+        element: <IssueTypeList />,
+        meta: {
+          title: '问题分类',
+          // icon: <AppstoreOutlined />,
+          // permission: 'form',
+        },
+      },
+      {
+        path: "issueType/edit",
+        element: <IssueTypeEdit />,
+        meta: {
+          hideInMenu: true,
+          title: '问题分类编辑',
+          // icon: <AppstoreOutlined />,
+          // permission: 'form',
+        },
+      },
     ]
   },
   {

vite.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
     port: 3000,
     proxy: {
       '/api': {
-        target: 'http://localhost:9087',
+        target: 'http://192.168.89.147:9087',
         changeOrigin: true,
       },
     }