free-sun
/
FS-IOT
15
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

表格设备名称的条件搜索

release_0.0.2
wenlele 2 years ago
parent
fa9cabdef0
commit
53515f4a3d
6 changed files with 1637 additions and 1623 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/cascadeCamera.jsx
  2. 941
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/fluoriteCamera.jsx
  3. 10
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx
  4. 1088
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx
  5. 46
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/camera.jsx
  6. 1171
      code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx

4
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/cascadeCamera.jsx
View File

@ -99,8 +99,8 @@ function cascadeCamera({ dRef, dispatch, actions }) {
rules={[{ required: true, message: "请选择SIP编号" }]} rules={[{ required: true, message: "请选择SIP编号" }]}
> >
{sip.map((item, index) => ( {sip.map((item, index) => (
<Form.Select.Option key={index} value={item.streamid}> <Form.Select.Option key={index} value={item.sipip}>
{item.streamid} {item.sipip}
</Form.Select.Option> </Form.Select.Option>
))} ))}
</Form.Select> </Form.Select>

941
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/fluoriteCamera.jsx
View File

@ -2,484 +2,483 @@ import React, { useState, useRef, useEffect, useImperativeHandle } from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { Form, Row, Col } from "@douyinfe/semi-ui"; import { Form, Row, Col } from "@douyinfe/semi-ui";
import "./cameraModal.less"; import "./cameraModal.less";
function fluoriteCamera({ cRef, CameraKind, CameraAbility, cameraData }) { function fluoriteCamera ({ cRef, CameraKind, CameraAbility, cameraData }) {
const { TextArea } = Form; const { TextArea } = Form;
const form = useRef(); const form = useRef();
const [cloud, setcloud] = useState(""); //云台支持 const [cloud, setcloud] = useState(""); //云台支持
const [voice, setvoice] = useState(""); //语音支持 const [voice, setvoice] = useState(""); //语音支持
const [switching, setSwitching] = useState(""); //高清切换 const [switching, setSwitching] = useState(""); //高清切换
const [memoryList, setMemoryList] = useState([ const [memoryList, setMemoryList] = useState([
{ {
id: 1, id: 1,
value: "8g", value: "8g",
}, },
{ {
id: 2, id: 2,
value: "16g", value: "16g",
}, },
{ {
id: 3, id: 3,
value: "32g", value: "32g",
}, },
{ {
id: 4, id: 4,
value: "64g", value: "64g",
}, },
{ {
id: 5, id: 5,
value: "128g", value: "128g",
}, },
{ {
id: 6, id: 6,
value: "256g", value: "256g",
}, },
{ {
id: 7, id: 7,
value: ">256g", value: ">256g",
}, },
]); //内存卡列表 ]); //内存卡列表
useEffect(() => { useEffect(() => {
setcloud(cameraData.cloudControl || ""); setcloud(cameraData.cloudControl || "");
setvoice(cameraData.voice || ""); setvoice(cameraData.voice || "");
setSwitching(cameraData.highDefinition || ""); setSwitching(cameraData.highDefinition || "");
}, []); }, []);
function handleLocation() { function handleLocation () {
//高德经纬度 //高德经纬度
window.open("https://lbs.amap.com/tools/picker", "_blank"); window.open("https://lbs.amap.com/tools/picker", "_blank");
}
function positionForm(val) {
//安装位置校验
let zz = /^(-?\d+)(\.\d+)?$/;
if (!val) {
return "请输入或拾取高德经纬度坐标";
} else if (val.split(",").length != 2) {
return "请输入格式为116.354169,39.835452的经纬度坐标";
} else if (!zz.test(val.split(",")[0])) {
return "只能填写数字";
} else if (!zz.test(val.split(",")[1])) {
return "只能填写数字";
} else {
return "";
} }
} function positionForm (val) {
useImperativeHandle(cRef, () => ({ //安装位置校验
//传给父组件方法 let zz = /^(-?\d+)(\.\d+)?$/;
//子组件暴露给父组件的方法 if (!val) {
fluoriteCameraForm: form.current.validate, return "请输入或拾取高德经纬度坐标";
resetFluoriteCamera: form.current.reset, } else if (val.split(",").length != 2) {
toempty: empty, return "请输入格式为116.354169,39.835452的经纬度坐标";
})); } else if (!zz.test(val.split(",")[0])) {
function empty() { return "只能填写数字";
setcloud(""); } else if (!zz.test(val.split(",")[1])) {
setvoice(""); return "只能填写数字";
setSwitching(""); } else {
} return "";
return ( }
<> }
<Form useImperativeHandle(cRef, () => ({
labelPosition="left" //传给父组件方法
labelAlign="left" //子组件暴露给父组件的方法
labelWidth="115px" fluoriteCameraForm: form.current.validate,
onValueChange={(values) => console.log(values)} resetFluoriteCamera: form.current.reset,
initValues={{ toempty: empty,
name: cameraData ? cameraData.name : "", }));
highDefinition: cameraData ? cameraData.highDefinition : "", function empty () {
memoryCard: cameraData ? cameraData.memoryCard : "", setcloud("");
position: cameraData.longitude setvoice("");
? `${cameraData.longitude},${cameraData.latitude}` setSwitching("");
: "", }
kindId: cameraData ? cameraData.kindId : "", return (
abilityId: cameraData <>
? cameraData.cameraAbilities <Form
? cameraData.cameraAbilities.map((item) => item.id) labelPosition="left"
: "" labelAlign="left"
: "", labelWidth="115px"
cloudControl: cameraData ? cameraData.cloudControl : "", onValueChange={(values) => console.log(values)}
voice: cameraData ? cameraData.voice : "", initValues={{
serialNo: cameraData ? cameraData.serialNo : "", name: cameraData.name || "",
rtmp: cameraData ? cameraData.rtmp : "", highDefinition: cameraData.highDefinition || "",
}} memoryCard: cameraData.memoryCard || "",
getFormApi={(formApi) => (form.current = formApi)} position: cameraData.longitude
> ? `${cameraData.longitude},${cameraData.latitude}`
<Row> : "",
<Col span={12}> kindId: cameraData.kindId || "",
{/* 设备名称 */} abilityId: cameraData.cameraAbilities
<Form.Input ? cameraData.cameraAbilities.map((item) => item.id)
field="name" : ""
label="设备名称:" ,
placeholder="请输入设备名称、常用项目或位置定义" cloudControl: cameraData.cloudControl || "",
style={{ width: 307 }} voice: cameraData.voice || "",
rules={[{ required: true, message: "请输入设备名称" }]} serialNo: cameraData.serialNo || "",
/> rtmp: cameraData.rtmp || "",
{/* 高清切换 */}
<Form.RadioGroup
label="高清切换:"
field="highDefinition"
type="pureCard"
direction="horizontal"
style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }}
rules={[{ required: true, message: "请选择高清切换" }]}
onChange={(checked) => {
if (checked.target.value == true) {
setSwitching(true);
} else {
setSwitching(false);
}
}}
>
<Form.Radio
value={true}
style={{
width: 58,
height: 30,
padding: 0,
margin: 0,
background: "#F9F9F9",
}}
>
<div
className="switching"
style={{
width: 58,
height: 30,
textAlign: "center",
lineHeight: "30px",
}}
>
支持
</div>
{switching == true ? (
<div
style={{ position: "absolute", top: "-2px", right: "-1px" }}
>
<img
src="/assets/images/background/formchoose.png"
alt="1"
/>
</div>
) : (
""
)}
</Form.Radio>
<Form.Radio
value={false}
style={{
width: 58,
height: 30,
padding: 0,
margin: 0,
marginLeft: 18,
background: "#F9F9F9",
}} }}
> getFormApi={(formApi) => (form.current = formApi)}
<div
className="switching"
style={{
width: 58,
height: 30,
textAlign: "center",
lineHeight: "30px",
}}
>
不支持
</div>
{switching == false && switching !== "" ? (
<div
style={{ position: "absolute", top: "-2px", right: "-1px" }}
>
<img
src="/assets/images/background/formchoose.png"
alt="1"
/>
</div>
) : (
""
)}
</Form.Radio>
</Form.RadioGroup>
{/* 内存 */}
<Form.Select
label="内存:"
field="memoryCard"
placeholder="未安装"
style={{ width: 307 }}
> >
{memoryList.map((item, index) => ( <Row>
<Form.Select.Option key={index} value={item.value}> <Col span={12}>
{item.value} {/* 设备名称 */}
</Form.Select.Option> <Form.Input
))} field="name"
</Form.Select> label="设备名称:"
{/* 安装位置 */} placeholder="请输入设备名称、常用项目或位置定义"
<div style={{ display: "flex" }}> style={{ width: 307 }}
<Form.Input rules={[{ required: true, message: "请输入设备名称" }]}
field="position" />
label="安装位置:" {/* 高清切换 */}
placeholder="请输入或拾取高德经纬度坐标" <Form.RadioGroup
style={{ width: 270 }} label="高清切换:"
validate={positionForm} field="highDefinition"
rules={[ type="pureCard"
{ required: true, message: "请输入或拾取高德经纬度坐标" }, direction="horizontal"
]} style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }}
/> rules={[{ required: true, message: "请选择高清切换" }]}
<div onChange={(checked) => {
style={{ if (checked.target.value == true) {
width: 32, setSwitching(true);
height: 32, } else {
background: "#1859C1", setSwitching(false);
marginLeft: 4, }
display: "flex", }}
justifyContent: "center", >
alignItems: "center", <Form.Radio
cursor: "pointer", value={true}
marginTop: 12, style={{
borderRadius: 3 + "px", width: 58,
}} height: 30,
onClick={handleLocation} padding: 0,
> margin: 0,
<img background: "#F9F9F9",
src="../../../assets/images/background/location.png" }}
width={16} >
height={20} <div
/> className="switching"
</div> style={{
</div> width: 58,
{/* 设备类型 */} height: 30,
textAlign: "center",
lineHeight: "30px",
}}
>
支持
</div>
{switching == true ? (
<div
style={{ position: "absolute", top: "-2px", right: "-1px" }}
>
<img
src="/assets/images/background/formchoose.png"
alt="1"
/>
</div>
) : (
""
)}
</Form.Radio>
<Form.Radio
value={false}
style={{
width: 58,
height: 30,
padding: 0,
margin: 0,
marginLeft: 18,
background: "#F9F9F9",
}}
>
<div
className="switching"
style={{
width: 58,
height: 30,
textAlign: "center",
lineHeight: "30px",
}}
>
不支持
</div>
{switching == false && switching !== "" ? (
<div
style={{ position: "absolute", top: "-2px", right: "-1px" }}
>
<img
src="/assets/images/background/formchoose.png"
alt="1"
/>
</div>
) : (
""
)}
</Form.Radio>
</Form.RadioGroup>
{/* 内存 */}
<Form.Select
label="内存:"
field="memoryCard"
placeholder="未安装"
style={{ width: 307 }}
>
{memoryList.map((item, index) => (
<Form.Select.Option key={index} value={item.value}>
{item.value}
</Form.Select.Option>
))}
</Form.Select>
{/* 安装位置 */}
<div style={{ display: "flex" }}>
<Form.Input
field="position"
label="安装位置:"
placeholder="请输入或拾取高德经纬度坐标"
style={{ width: 270 }}
validate={positionForm}
rules={[
{ required: true, message: "请输入或拾取高德经纬度坐标" },
]}
/>
<div
style={{
width: 32,
height: 32,
background: "#1859C1",
marginLeft: 4,
display: "flex",
justifyContent: "center",
alignItems: "center",
cursor: "pointer",
marginTop: 12,
borderRadius: 3 + "px",
}}
onClick={handleLocation}
>
<img
src="../../../assets/images/background/location.png"
width={16}
height={20}
/>
</div>
</div>
{/* 设备类型 */}
<Form.Select <Form.Select
label="设备类型:" label="设备类型:"
field="kindId" field="kindId"
placeholder="请选择摄像头类型" placeholder="请选择摄像头类型"
style={{ width: 180 }} style={{ width: 180 }}
rules={[{ required: true, message: "请选择摄像头类型" }]} rules={[{ required: true, message: "请选择摄像头类型" }]}
> >
{CameraKind.map((item, index) => ( {CameraKind.map((item, index) => (
<Form.Select.Option key={index} value={item.id}> <Form.Select.Option key={index} value={item.id}>
{item.kind} {item.kind}
</Form.Select.Option> </Form.Select.Option>
))} ))}
</Form.Select> </Form.Select>
<Form.Select <Form.Select
label="设备能力:" label="设备能力:"
multiple multiple
maxTagCount={1} maxTagCount={1}
field="abilityId" field="abilityId"
placeholder="请选择能力" placeholder="请选择能力"
style={{ width: 180 }} style={{ width: 180 }}
rules={[{ required: true, message: "请选择能力" }]} rules={[{ required: true, message: "请选择能力" }]}
> >
{CameraAbility.map((item, index) => ( {CameraAbility.map((item, index) => (
<Form.Select.Option key={index} value={item.id}> <Form.Select.Option key={index} value={item.id}>
{item.ability} {item.ability}
</Form.Select.Option> </Form.Select.Option>
))} ))}
</Form.Select> </Form.Select>
</Col> </Col>
<Col span={12}> <Col span={12}>
{/* 云台支持 */} {/* 云台支持 */}
<Form.RadioGroup <Form.RadioGroup
label="云台支持:" label="云台支持:"
field="cloudControl" field="cloudControl"
type="pureCard" type="pureCard"
direction="horizontal" direction="horizontal"
style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }} style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }}
rules={[{ required: true, message: "请选择云台支持" }]} rules={[{ required: true, message: "请选择云台支持" }]}
onChange={(checked) => { onChange={(checked) => {
if (checked.target.value == true) { if (checked.target.value == true) {
setcloud(true); setcloud(true);
} else { } else {
setcloud(false); setcloud(false);
} }
}} }}
> >
<Form.Radio <Form.Radio
value={true} value={true}
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
padding: 0, padding: 0,
margin: 0, margin: 0,
background: "#F9F9F9", background: "#F9F9F9",
}} }}
> >
<div <div
className="cloud" className="cloud"
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
textAlign: "center", textAlign: "center",
lineHeight: "30px", lineHeight: "30px",
}} }}
> >
支持 支持
</div> </div>
{cloud == true ? ( {cloud == true ? (
<div <div
style={{ position: "absolute", top: "-2px", right: "-1px" }} style={{ position: "absolute", top: "-2px", right: "-1px" }}
> >
<img <img
src="/assets/images/background/formchoose.png" src="/assets/images/background/formchoose.png"
alt="1" alt="1"
/> />
</div> </div>
) : ( ) : (
"" ""
)} )}
</Form.Radio> </Form.Radio>
<Form.Radio <Form.Radio
value={false} value={false}
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
padding: 0, padding: 0,
margin: 0, margin: 0,
marginLeft: 18, marginLeft: 18,
background: "#F9F9F9", background: "#F9F9F9",
}} }}
> >
<div <div
className="cloud" className="cloud"
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
textAlign: "center", textAlign: "center",
lineHeight: "30px", lineHeight: "30px",
}} }}
> >
不支持 不支持
</div> </div>
{cloud == false && cloud !== "" ? ( {cloud == false && cloud !== "" ? (
<div <div
style={{ position: "absolute", top: "-2px", right: "-1px" }} style={{ position: "absolute", top: "-2px", right: "-1px" }}
> >
<img <img
src="/assets/images/background/formchoose.png" src="/assets/images/background/formchoose.png"
alt="1" alt="1"
/> />
</div> </div>
) : ( ) : (
"" ""
)} )}
</Form.Radio> </Form.Radio>
</Form.RadioGroup> </Form.RadioGroup>
{/* 语音支持 */} {/* 语音支持 */}
<Form.RadioGroup <Form.RadioGroup
// labelWidth= '76px' // labelWidth= '76px'
label="语音支持:" label="语音支持:"
field="voice" field="voice"
type="pureCard" type="pureCard"
direction="horizontal" direction="horizontal"
style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }} style={{ padding: 0, paddingTop: 1, paddingBottom: 1 }}
onChange={(checked) => { onChange={(checked) => {
if (checked.target.value == true) { if (checked.target.value == true) {
setvoice(true); setvoice(true);
} else { } else {
setvoice(false); setvoice(false);
} }
}} }}
> >
<Form.Radio <Form.Radio
value={true} value={true}
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
padding: 0, padding: 0,
margin: 0, margin: 0,
background: "#F9F9F9", background: "#F9F9F9",
}} }}
> >
<div <div
className="voice" className="voice"
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
textAlign: "center", textAlign: "center",
lineHeight: "30px", lineHeight: "30px",
}} }}
> >
支持 支持
</div> </div>
{voice == true ? ( {voice == true ? (
<div <div
style={{ position: "absolute", top: "-2px", right: "-1px" }} style={{ position: "absolute", top: "-2px", right: "-1px" }}
> >
<img <img
src="/assets/images/background/formchoose.png" src="/assets/images/background/formchoose.png"
alt="1" alt="1"
/> />
</div> </div>
) : ( ) : (
"" ""
)} )}
</Form.Radio> </Form.Radio>
<Form.Radio <Form.Radio
value={false} value={false}
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
padding: 0, padding: 0,
margin: 0, margin: 0,
marginLeft: 18, marginLeft: 18,
background: "#F9F9F9", background: "#F9F9F9",
}} }}
> >
<div <div
className="voice" className="voice"
style={{ style={{
width: 58, width: 58,
height: 30, height: 30,
textAlign: "center", textAlign: "center",
lineHeight: "30px", lineHeight: "30px",
}} }}
> >
不支持 不支持
</div> </div>
{voice == false && voice !== "" ? ( {voice == false && voice !== "" ? (
<div <div
style={{ position: "absolute", top: "-2px", right: "-1px" }} style={{ position: "absolute", top: "-2px", right: "-1px" }}
> >
<img <img
src="/assets/images/background/formchoose.png" src="/assets/images/background/formchoose.png"
alt="1" alt="1"
/> />
</div> </div>
) : ( ) : (
"" ""
)} )}
</Form.Radio> </Form.Radio>
</Form.RadioGroup> </Form.RadioGroup>
{/* 设备名称 */} {/* 设备名称 */}
<Form.Input <Form.Input
field="serialNo" field="serialNo"
label="设备序列号:" label="设备序列号:"
placeholder="请输入设备序列号" placeholder="请输入设备序列号"
style={{ width: 307 }} style={{ width: 307 }}
rules={[{ required: true, message: "请输入设备序列号" }]} rules={[{ required: true, message: "请输入设备序列号" }]}
/> />
{/* RTMP地址接入 */} {/* RTMP地址接入 */}
<TextArea <TextArea
style={{ width: 320, height: 90 }} style={{ width: 320, height: 90 }}
field="rtmp" field="rtmp"
label="RTMP地址接入:" label="RTMP地址接入:"
placeholder="请输入RTMP地址接入" placeholder="请输入RTMP地址接入"
rules={[{ required: true, message: "请输入RTMP地址接入" }]} rules={[{ required: true, message: "请输入RTMP地址接入" }]}
/> />
</Col> </Col>
</Row> </Row>
</Form> </Form>
</> </>
); );
} }
function mapStateToProps(state) { function mapStateToProps (state) {
const { auth, global, members } = state; const { auth, global, members } = state;
return { return {
loading: members.isRequesting, loading: members.isRequesting,
user: auth.user, user: auth.user,
actions: global.actions, actions: global.actions,
members: members.data, members: members.data,
}; };
} }
export default connect(mapStateToProps)(fluoriteCamera); export default connect(mapStateToProps)(fluoriteCamera);

10
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/nvrModal.jsx
View File

@ -46,9 +46,7 @@ function nvrModal(props) {
form.current form.current
.validate() .validate()
.then((values) => { .then((values) => {
//表单校验成功 //表单校验
console.log(values);
let valuesObj = JSON.parse(JSON.stringify(values)); let valuesObj = JSON.parse(JSON.stringify(values));
valuesObj.longitude = values.position.split(",")[0]; valuesObj.longitude = values.position.split(",")[0];
valuesObj.latitude = values.position.split(",")[1]; valuesObj.latitude = values.position.split(",")[1];
@ -56,7 +54,7 @@ function nvrModal(props) {
if (nvrData.id) { if (nvrData.id) {
valuesObj.id = nvrData.id; valuesObj.id = nvrData.id;
} }
var x = new moment(); var front = new moment(); //验证前时间
setloading(true); setloading(true);
dispatch( dispatch(
actions.equipmentWarehouse.getCheck({ actions.equipmentWarehouse.getCheck({
@ -64,8 +62,8 @@ function nvrModal(props) {
}) })
).then((res) => { ).then((res) => {
console.log(res); console.log(res);
var y = new moment(); var after = new moment(); //验证后时间
var duration = moment.duration(y.diff(x))._data.milliseconds; var duration = moment.duration(after.diff(front))._data.milliseconds;
if (res.success) { if (res.success) {
setTimeout( setTimeout(
() => { () => {

1088
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/components/sideSheet.jsx
View File

File diff suppressed because it is too large

46
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/camera.jsx
View File

@ -35,6 +35,7 @@ const CameraHeader = (props) => {
const [search, setearch] = useState({}); //搜索条件 const [search, setearch] = useState({}); //搜索条件
const [rowId, setRowId] = useState(); //表格数据id const [rowId, setRowId] = useState(); //表格数据id
const [cameraData, setCameraData] = useState({}); //表格数据 const [cameraData, setCameraData] = useState({}); //表格数据
const [deviceClick, setDeviceClick] = useState(false); //设备名称点击的不同效果
const { equipmentWarehouse } = actions; const { equipmentWarehouse } = actions;
const api = useRef(); const api = useRef();
@ -63,31 +64,28 @@ const CameraHeader = (props) => {
dispatch(equipmentWarehouse.getCamera({ ...query, ...search })); dispatch(equipmentWarehouse.getCamera({ ...query, ...search }));
} }
const equipmentStatus = { ON: "在线", ONLINE: "在线", OFF: "离线", Alarmed: "未知状态" } const equipmentStatus = { ON: "在线", ONLINE: "在线", OFF: "离线", Alarmed: "未知状态" }
const columns = [ const columns = [
{ {
title: "序号", title: "序号",
render: (text, record, index) => { dataIndex: "",
render: (text, r, index) => {
return index + 1; return index + 1;
}, },
}, },
{ {
title: "设备名称", title: "设备名称",
dataIndex: "name", dataIndex: "name",
render: (text, record, index) => { render: (_, row) => {
return ( return (
<div> <div>
<span {row.name}
style={{ <sapn style={{ color: "blue" }}
backgroundColor: record.avatarBg, onClick={() =>device_(row)}
width: "10px", >
height: "10px", {row.type == "nvr" ? `@${row.nvr.name}` : row.type == "cascade" ? `@${row.externalDomain}` : ""}
borderRadius: "50%", </sapn>
display: "inline-block", </div >
marginRight: "10px",
}}
/>
{record.name}
</div>
); );
}, },
}, },
@ -191,6 +189,26 @@ const CameraHeader = (props) => {
}, },
]; ];
const device_ = (r) => {
console.log(deviceClick)
if (deviceClick) {
// if (r.type == "nvr") {
// console.log(search)
// setearch({ ...search, nvrId: r.nvr.id })
// } else {
// setearch({ ...search, externalDomain: r.externalDomain })
// }
setDeviceClick(false)
} else {
// if (r.type == "nvr") {
// setearch({ ...search, nvrId: null })
// } else {
// setearch({ ...search, externalDomain: null })
// }
setDeviceClick(true)
}
}
//获取表格属性设置 //获取表格属性设置
function attribute (data) { function attribute (data) {
const arr = localStorage.getItem(CAMERAS) const arr = localStorage.getItem(CAMERAS)

1171
code/VideoAccess-VCMP/web/client/src/sections/equipmentWarehouse/containers/nvr.jsx
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save