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);