|
@ -13,11 +13,11 @@ import { |
|
|
Popconfirm, |
|
|
Popconfirm, |
|
|
Row, |
|
|
Row, |
|
|
} from "@douyinfe/semi-ui"; |
|
|
} from "@douyinfe/semi-ui"; |
|
|
import { SimpleFileDownButton, VideoPlayModal,SkeletonScreen } from "$components"; |
|
|
import { SimpleFileDownButton, VideoPlayModal, SkeletonScreen } from "$components"; |
|
|
import "../style.less"; |
|
|
import "../style.less"; |
|
|
import CameraModal from "../components/cameraModal"; |
|
|
import CameraModal from "../components/cameraModal"; |
|
|
import RemarksModal from "../components/remarksModal"; |
|
|
import RemarksModal from "../components/remarksModal"; |
|
|
import {Setup} from "$components"; |
|
|
import { Setup } from "$components"; |
|
|
import SideSheets from "../components/sideSheet"; |
|
|
import SideSheets from "../components/sideSheet"; |
|
|
import { skeletonScreen } from "../../../components/skeletonScreen"; |
|
|
import { skeletonScreen } from "../../../components/skeletonScreen"; |
|
|
import { accessType } from "./nvr"; |
|
|
import { accessType } from "./nvr"; |
|
@ -25,7 +25,7 @@ import { accessType } from "./nvr"; |
|
|
const CameraHeader = (props) => { |
|
|
const CameraHeader = (props) => { |
|
|
const { dispatch, actions, user, loading, equipmentWarehouseCamera } = props; |
|
|
const { dispatch, actions, user, loading, equipmentWarehouseCamera } = props; |
|
|
const [cameraModal, setCameraModal] = useState(false); |
|
|
const [cameraModal, setCameraModal] = useState(false); |
|
|
const [remarksModal,setRemarksModal] = useState(false); |
|
|
const [remarksModal, setRemarksModal] = useState(false); |
|
|
const [videoPlay, setVideoPlay] = useState(false); |
|
|
const [videoPlay, setVideoPlay] = useState(false); |
|
|
const [modalName, setModalName] = useState(""); |
|
|
const [modalName, setModalName] = useState(""); |
|
|
const [setup, setSetup] = useState(false); |
|
|
const [setup, setSetup] = useState(false); |
|
@ -53,8 +53,8 @@ const CameraHeader = (props) => { |
|
|
const CAMERAS = "cameras"; |
|
|
const CAMERAS = "cameras"; |
|
|
const tableList = [//表格属性 |
|
|
const tableList = [//表格属性 |
|
|
{ |
|
|
{ |
|
|
title:'设备信息', |
|
|
title: '设备信息', |
|
|
list:[ |
|
|
list: [ |
|
|
{ name: "设备厂家", value: "manufactor" }, |
|
|
{ name: "设备厂家", value: "manufactor" }, |
|
|
{ name: "接入类型", value: "type" }, |
|
|
{ name: "接入类型", value: "type" }, |
|
|
{ name: "设备状态", value: "state" }, |
|
|
{ name: "设备状态", value: "state" }, |
|
@ -65,8 +65,8 @@ const CameraHeader = (props) => { |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title:'项目信息', |
|
|
title: '项目信息', |
|
|
list:[ |
|
|
list: [ |
|
|
{ name: "项目名称", value: "name" }, |
|
|
{ name: "项目名称", value: "name" }, |
|
|
{ name: "pcode", value: "pcode" }, |
|
|
{ name: "pcode", value: "pcode" }, |
|
|
{ name: "结构物", value: "structure" }, |
|
|
{ name: "结构物", value: "structure" }, |
|
@ -217,16 +217,16 @@ const CameraHeader = (props) => { |
|
|
<Button |
|
|
<Button |
|
|
theme="borderless" |
|
|
theme="borderless" |
|
|
onClick={() => { |
|
|
onClick={() => { |
|
|
let data = row?.cameraRemarks.map((item)=>item.remark) |
|
|
let data = row?.cameraRemarks.map((item) => item.remark) |
|
|
if (row.type == "yingshi") { |
|
|
if (row.type == "yingshi") { |
|
|
setVideoObj({ |
|
|
setVideoObj({ |
|
|
type: row.type, |
|
|
type: row.type, |
|
|
serialNo: row.serialNo, |
|
|
serialNo: row.serialNo, |
|
|
yingshiToken: row.secretYingshi?.token, |
|
|
yingshiToken: row.secretYingshi?.token, |
|
|
playUrlSd: row.gbCamera?.playUrl?.liveUrl?.sd?.ezopen, |
|
|
playUrlSd: `ezopen://open.ys7.com/${row.serialNo}/${row.channelNo || '1'}.live`, |
|
|
playUrlHd: row.gbCamera?.playUrl?.liveUrl?.hd?.ezopen, |
|
|
playUrlHd:`ezopen://open.ys7.com/${row.serialNo}/${row.channelNo || '1'}.hd.live`, |
|
|
replayUrl:row.gbCamera?.playUrl?.replayUrl?.cloud, |
|
|
replayUrl:`ezopen://open.ys7.com/${row.serialNo}/${row.channelNo || '1'}.hd.local.rec`, |
|
|
content:data, |
|
|
content: data, |
|
|
}) |
|
|
}) |
|
|
} else { |
|
|
} else { |
|
|
setVideoObj({ |
|
|
setVideoObj({ |
|
@ -235,7 +235,7 @@ const CameraHeader = (props) => { |
|
|
serialNo: row.serialNo, |
|
|
serialNo: row.serialNo, |
|
|
topSerialNo: row.topSerialNo, |
|
|
topSerialNo: row.topSerialNo, |
|
|
playUrlSd: row.gbCamera?.playUrl?.liveUrl?.sd["WS-RAW"], |
|
|
playUrlSd: row.gbCamera?.playUrl?.liveUrl?.sd["WS-RAW"], |
|
|
content:data, |
|
|
content: data, |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
setVideoPlay(true) |
|
|
setVideoPlay(true) |
|
@ -308,7 +308,7 @@ const CameraHeader = (props) => { |
|
|
<Button |
|
|
<Button |
|
|
theme="borderless" |
|
|
theme="borderless" |
|
|
onClick={() => { |
|
|
onClick={() => { |
|
|
setCameraRemarks(row.cameraRemarks||[]) |
|
|
setCameraRemarks(row.cameraRemarks || []) |
|
|
setRowId(row.id); |
|
|
setRowId(row.id); |
|
|
setRemarksModal(true) |
|
|
setRemarksModal(true) |
|
|
}} |
|
|
}} |
|
@ -858,17 +858,17 @@ const CameraHeader = (props) => { |
|
|
: "" |
|
|
: "" |
|
|
} |
|
|
} |
|
|
{ |
|
|
{ |
|
|
remarksModal? |
|
|
remarksModal ? |
|
|
<RemarksModal |
|
|
<RemarksModal |
|
|
visible={true} |
|
|
visible={true} |
|
|
rowId={rowId} |
|
|
rowId={rowId} |
|
|
cameraRemarks={cameraRemarks} |
|
|
cameraRemarks={cameraRemarks} |
|
|
close={() => { |
|
|
close={() => { |
|
|
setRemarksModal(false); |
|
|
setRemarksModal(false); |
|
|
setRowId(); |
|
|
setRowId(); |
|
|
equipmentGetCamera(); |
|
|
equipmentGetCamera(); |
|
|
}} > |
|
|
}} > |
|
|
</RemarksModal>:'' |
|
|
</RemarksModal> : '' |
|
|
} |
|
|
} |
|
|
</> |
|
|
</> |
|
|
); |
|
|
); |
|
|