|
|
@ -1,12 +1,19 @@ |
|
|
|
import React, { useState, useEffect } from "react"; |
|
|
|
import { Modal, CheckboxGroup, Checkbox } from "@douyinfe/semi-ui"; |
|
|
|
import { |
|
|
|
Modal, |
|
|
|
CheckboxGroup, |
|
|
|
Checkbox, |
|
|
|
TabPane, |
|
|
|
Tabs, |
|
|
|
} from "@douyinfe/semi-ui"; |
|
|
|
|
|
|
|
function Setup(props) { |
|
|
|
const { dispatch, actions, user, loading, visible, close, editData } = props; |
|
|
|
return ( |
|
|
|
<Modal |
|
|
|
title="基本对话框" |
|
|
|
title="表格属性设置" |
|
|
|
visible={visible} |
|
|
|
style={{ width: 580 }} |
|
|
|
onOk={() => { |
|
|
|
close(); |
|
|
|
}} |
|
|
@ -14,18 +21,52 @@ function Setup(props) { |
|
|
|
close(); |
|
|
|
}} |
|
|
|
> |
|
|
|
<div |
|
|
|
style={{ |
|
|
|
width: 529, |
|
|
|
height: 121, |
|
|
|
border: "1px solid #EAEAEA", |
|
|
|
padding: "0px 5px", |
|
|
|
borderRadius: 4, |
|
|
|
}} |
|
|
|
> |
|
|
|
<div style={{ borderBottom: "1px solid #EAEAEA", fontSize: 14,marginLeft:"10px",padding: "8px 0px",}}> |
|
|
|
设备信息 |
|
|
|
</div> |
|
|
|
<CheckboxGroup |
|
|
|
options={[ |
|
|
|
{ label: "设备厂家", value: "a" }, |
|
|
|
{ label: "添加账号", value: "b" }, |
|
|
|
{ label: "通道数", value: "c" }, |
|
|
|
{ label: "端口", value: "d" }, |
|
|
|
{ label: "设备状态", value: "e" }, |
|
|
|
{ label: "创建时间", value: "f" }, |
|
|
|
]} |
|
|
|
style={{ width: "100%",fontSize: 14 }} |
|
|
|
direction="horizontal" |
|
|
|
defaultValue={["hotsoon"]} |
|
|
|
// name={style} |
|
|
|
onChange={(checked) => { |
|
|
|
console.log(checked); |
|
|
|
}} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div style={{ width: 529, height: 92 ,borderRadius: 4,border: "1px solid #EAEAEA",}}> |
|
|
|
<div>项目信息</div> |
|
|
|
<CheckboxGroup |
|
|
|
options={[ |
|
|
|
{ label: "抖音", value: "abc" }, |
|
|
|
{ label: "火山", value: "hotsoon" }, |
|
|
|
{ label: "皮皮虾", value: "pipixia" }, |
|
|
|
{ label: "今日头条", value: "toutiao" }, |
|
|
|
{ label: "项目名称", value: "g" }, |
|
|
|
{ label: "things名称", value: "h" }, |
|
|
|
{ label: "things数量", value: "i" }, |
|
|
|
]} |
|
|
|
style={{ width: "100%" }} |
|
|
|
style={{ width: "100%", }} |
|
|
|
direction="horizontal" |
|
|
|
defaultValue={["hotsoon"]} |
|
|
|
onChange={()=>{}} |
|
|
|
onChange={(checked) => { |
|
|
|
console.log(checked); |
|
|
|
}} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</Modal> |
|
|
|
); |
|
|
|
} |
|
|
|