|
|
@ -48,15 +48,15 @@ function SideSheets(props) { |
|
|
|
{ |
|
|
|
name: "接入信息", |
|
|
|
access: [ |
|
|
|
{ name: "SIP服务编号:", key: "1111111111" }, |
|
|
|
{ name: "SIP域:", key: "KGU876J87" }, |
|
|
|
{ name: "SIP端口号:", key: "port" }, |
|
|
|
{ name: "通道数量:", key: "channelCount" }, |
|
|
|
{ name: "心跳周期:", key: "3600s" }, |
|
|
|
{ name: "最大心跳次数:", key: "3次" }, |
|
|
|
{ name: "注册密码:", key: "**********" }, |
|
|
|
{ name: "注册有效期::", key: "3600s" }, |
|
|
|
{ name: "接入识别模块:", key: "sssss" }, |
|
|
|
{ name: "SIP服务编号:", key: "Serial" }, |
|
|
|
{ name: "SIP域:", key: "Realm" }, |
|
|
|
{ name: "SIP端口号:", key: "ListenAddr" }, |
|
|
|
{ name: "通道数量:", key: "channelCount", difference: "difference" }, |
|
|
|
{ name: "心跳周期:", key: "Expires" }, |
|
|
|
{ name: "最大心跳次数:", key: "RemoveBanInterval" }, |
|
|
|
{ name: "注册密码:", key: "Password" }, |
|
|
|
{ name: "注册有效期:", key: "" }, |
|
|
|
{ name: "接入识别模块:", key: "" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
@ -138,16 +138,18 @@ function SideSheets(props) { |
|
|
|
) |
|
|
|
).then((res) => { |
|
|
|
setNvrDetails(res.payload.data); |
|
|
|
console.log(res.payload.data); |
|
|
|
projectScrollbar = new PerfectScrollbar("#project_information", { |
|
|
|
suppressScrollX: true, |
|
|
|
}); |
|
|
|
equipmentScrollbar = new PerfectScrollbar("#equipment_information", { |
|
|
|
suppressScrollX: true, |
|
|
|
}); |
|
|
|
console.log(nvrDetails); |
|
|
|
|
|
|
|
}); |
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
const domProject = document.getElementById("project_information"); |
|
|
|
if (domProject && projectScrollbar) { |
|
|
@ -388,8 +390,7 @@ function SideSheets(props) { |
|
|
|
}} |
|
|
|
> |
|
|
|
<img |
|
|
|
src={`/assets/images/background/${ |
|
|
|
clickStyle == item.name |
|
|
|
src={`/assets/images/background/${clickStyle == item.name |
|
|
|
? "sewage_camera2" |
|
|
|
: "sewage_camera1" |
|
|
|
}.png`} |
|
|
@ -398,8 +399,7 @@ function SideSheets(props) { |
|
|
|
<div> |
|
|
|
{item.name} |
|
|
|
<img |
|
|
|
src={`/assets/images/background/${ |
|
|
|
clickStyle == item.name |
|
|
|
src={`/assets/images/background/${clickStyle == item.name |
|
|
|
? "copy2" |
|
|
|
: "copy1" |
|
|
|
}.png`} |
|
|
@ -440,7 +440,7 @@ function SideSheets(props) { |
|
|
|
color: " #34383E", |
|
|
|
}} |
|
|
|
> |
|
|
|
{nvrDetails[item.key]} |
|
|
|
{item.difference == "difference" ? nvrDetails[item.key] : nvrDetails.accessInfo[item.key]} |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
); |
|
|
@ -476,8 +476,7 @@ function SideSheets(props) { |
|
|
|
}} |
|
|
|
> |
|
|
|
<img |
|
|
|
src={`/assets/images/background/${ |
|
|
|
clickStyle == item.name |
|
|
|
src={`/assets/images/background/${clickStyle == item.name |
|
|
|
? "store2" |
|
|
|
: "store1" |
|
|
|
}.png`} |
|
|
@ -486,8 +485,7 @@ function SideSheets(props) { |
|
|
|
<div> |
|
|
|
{item.name} |
|
|
|
<img |
|
|
|
src={`/assets/images/background/${ |
|
|
|
clickStyle == item.name |
|
|
|
src={`/assets/images/background/${clickStyle == item.name |
|
|
|
? "copy2" |
|
|
|
: "copy1" |
|
|
|
}.png`} |
|
|
|