ソースを参照

feat: scada模块项目名称及项目编号搜索

ZhaoJun 1 年間 前
コミット
8af22a55fc
2 ファイル変更37 行追加5 行削除
  1. 34 3
      src/pages/Scada/index.js
  2. 3 2
      src/services/scada.js

+ 34 - 3
src/pages/Scada/index.js

@@ -1,10 +1,11 @@
 import { useRequest, useModel } from '@umijs/max';
 import { getScadaPage, queryV2Projects } from '../../services/scada';
-import { Table } from 'antd';
+import { Button, Form, Input, Table } from 'antd';
 import { getToken } from '@/utils/utils';
 const Scada = () => {
   const token = getToken();
-  const { data, loading } = useRequest(queryV2Projects);
+
+  const { data, loading, run: geList } = useRequest(queryV2Projects);
 
   const handleClick = (id) => {
     let domain = location.host.includes('work.greentech.com.cn')
@@ -26,6 +27,36 @@ const Scada = () => {
       render: (record) => <a onClick={() => handleClick(record.ID)}>跳转</a>,
     },
   ];
-  return <Table dataSource={data?.list} columns={columns} loading={loading} />;
+
+  const handleSearch = (value) => {
+    console.log(value);
+    const params = {};
+    if (value.Name) {
+      params.Name = value.Name;
+    }
+    if (value.Code) {
+      params.Code = value.Code;
+    }
+    geList(params);
+  };
+
+  return (
+    <div>
+      <Form layout="inline" onFinish={handleSearch}>
+        <Form.Item label="项目名称" name="Name">
+          <Input allowClear />
+        </Form.Item>
+        <Form.Item label="项目编号" name="Code">
+          <Input allowClear />
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit">
+            查询
+          </Button>
+        </Form.Item>
+      </Form>
+      <Table dataSource={data?.list} columns={columns} loading={loading} />
+    </div>
+  );
 };
 export default Scada;

+ 3 - 2
src/services/scada.js

@@ -1,11 +1,12 @@
+import { stringify } from 'qs';
 import { request } from 'umi';
 /**
  * 带权限的项目列表
  * @param
  * @returns
  */
-export const queryV2Projects = async () => {
-  return await request('/api/v2/project');
+export const queryV2Projects = async (params) => {
+  return await request(`/api/v2/project?${stringify(params)}`);
 };
 export async function getScadaPage(params = {}) {
   const res = await request(`/api/v1/scada/page?${stringify(params)}`);