zcloud-gbs-primeport-react/src/components/CameraList/index.js

70 lines
1.7 KiB
JavaScript

import { Connect } from "@cqsjjb/jjb-dva-runtime";
import { Button, Form, Modal, Space } from "antd";
import { useEffect } from "react";
import Search from "zy-react-library/components/Search";
import Table from "zy-react-library/components/Table";
import { NS_BASICINFORMATION } from "~/enumerate/namespace";
const CameraList = (props) => {
const [form] = Form.useForm();
const tableProps = {};
const getData = async () => {};
useEffect(() => {
props.id && getData();
}, []);
const handleSubmit = async () => {
};
return (
<>
<Modal
title="添加摄像头"
open
onCancel={props.onCancel}
onOk={handleSubmit}
width={1200}
footer={null}
>
<Search
labelCol={{ span: 8 }}
options={[
{ name: "", label: "视频名称" },
]}
form={form}
// onFinish={getData}
/>
<Table
columns={[
{ title: "视频名称", dataIndex: "" },
{ title: "区域", dataIndex: "" },
{
title: "操作",
fixed: "right",
width: 180,
render: (_, record) => (
<Space>
<Button
type="link"
onClick={() => {}}
>
播放
</Button>
<Button
type="link"
onClick={() => {}}
>
选择
</Button>
</Space>
),
},
]}
{...tableProps}
/>
</Modal>
</>
);
};
export default Connect([NS_BASICINFORMATION], true)(CameraList);