Explorar o código

添加psr列表页

Renxy %!s(int64=2) %!d(string=hai) anos
pai
achega
8dea4bb8ce

+ 6 - 0
.umirc.ts

@@ -171,6 +171,12 @@ export default defineConfig({
       component: './ManufacturerMng/Firm',
       icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/manufacturerIcon.png',
     },
+    {
+      name: 'PSR管理',
+      path: '/psrManage',
+      component: './PSRManage',
+      icon: 'https://gt-digitization.oss-cn-hangzhou.aliyuncs.com/doc/department/2023-04/manufacturerIcon.png',
+    },
   ],
   npmClient: 'yarn',
 });

+ 0 - 1
src/pages/ContractManager/index.jsx

@@ -11,7 +11,6 @@ import {
 } from 'antd';
 import styles from './index.less';
 import ContractModal, { Type, Status } from './component/Modal';
-import { PageContainer } from '@ant-design/pro-components';
 import { useRequest, useModel } from '@umijs/max';
 import { connect } from 'umi';
 import {

+ 13 - 0
src/pages/PSRManage/detail.js

@@ -0,0 +1,13 @@
+import PageContent from '@/components/PageContent';
+import { Button, Row, Space } from 'antd';
+const PSRDetail = () => {
+  return (
+    <PageContent>
+      <Space>
+        <Button>返回</Button>
+        <span>{南京你简单的南大王}</span>
+      </Space>
+    </PageContent>
+  );
+};
+export default PSRDetail;

+ 87 - 0
src/pages/PSRManage/index.js

@@ -0,0 +1,87 @@
+import { useState } from 'react';
+import styles from './index.less';
+import { Button, Select, Table } from 'antd';
+import PageContent from '@/components/PageContent';
+
+const PSRManage = () => {
+  const [searchData, setSearchData] = useState({
+    project_name: '',
+    project_code: '',
+  });
+  const columns = [
+    {
+      title: '项目编号',
+      dataIndex: 'code',
+      key: 'code',
+      render: (text) => <a>{text}</a>,
+    },
+    {
+      title: '项目名称',
+      dataIndex: 'name',
+      key: 'name',
+      render: (text) => <a>{text}</a>,
+    },
+    {
+      title: '操作',
+      render: (text) => <a>{text}</a>,
+    },
+  ];
+  const projectData = [];
+
+  const handleSearch = () => {};
+  return (
+    <PageContent>
+      <div className={styles.searchContent}>
+        <div className={styles.itemFlex}>
+          <div>项目编号:</div>
+          <Select
+            style={{ width: 200 }}
+            placeholder="请选择"
+            onChange={(e) => {
+              setSearchData({
+                ...searchData,
+                project_code: e,
+              });
+            }}
+            options={projectData?.list?.map((item) => {
+              return {
+                value: item.project_name,
+                label: item.project_name,
+              };
+            })}
+          />
+        </div>
+        <div className={styles.itemFlex}>
+          <div>项目名称:</div>
+          <Select
+            style={{ width: 200 }}
+            placeholder="请选择"
+            onChange={(e) => {
+              setSearchData({
+                ...searchData,
+                project_name: e,
+              });
+            }}
+            options={projectData?.list?.map((item) => {
+              return {
+                value: item.project_name,
+                label: item.project_name,
+              };
+            })}
+          />
+        </div>
+
+        <Button
+          type="primary"
+          className={styles.searchBtnSty}
+          onClick={handleSearch}
+        >
+          查询
+        </Button>
+      </div>
+      <Table columns={columns} dataSource={[]}></Table>
+    </PageContent>
+  );
+};
+
+export default PSRManage;

+ 14 - 0
src/pages/PSRManage/index.less

@@ -0,0 +1,14 @@
+.searchContent{
+  display: flex;
+  align-items: center;
+  margin-bottom: 40px;
+  width: calc(100% - 55px);
+  .itemFlex{
+    display: flex;
+    align-items: center;
+    margin-right: 30px;
+  }
+  .searchBtnSty{
+    margin-right: 20px;
+  }
+}