|
|
@ -7,51 +7,31 @@ |
|
|
|
<Descriptions :list="list" :data="data" style="gap: 18px"> |
|
|
|
<template #content-deviceName> |
|
|
|
<span>{{ dialogData.deviceName || "-" }}</span> |
|
|
|
<img |
|
|
|
@click="controlDialogVisible = true" |
|
|
|
v-if=" |
|
|
|
[0, '0'].includes( |
|
|
|
dialogData.parseOtherConfig && |
|
|
|
dialogData.parseOtherConfig.ptzCtrl |
|
|
|
) |
|
|
|
" |
|
|
|
src="@screen/images/camera-control-icon.svg" |
|
|
|
width="18px" |
|
|
|
height="18px" |
|
|
|
style="cursor: pointer" |
|
|
|
/> |
|
|
|
<img @click="controlDialogVisible = true" v-if="[0, '0'].includes( |
|
|
|
dialogData.parseOtherConfig && |
|
|
|
dialogData.parseOtherConfig.ptzCtrl |
|
|
|
) |
|
|
|
" src="@screen/images/camera-control-icon.svg" width="18px" height="18px" style="cursor: pointer" /> |
|
|
|
</template> |
|
|
|
</Descriptions> |
|
|
|
<div |
|
|
|
v-if="PanoramicCameraTypes.indexOf(dialogData.childType) == -1" |
|
|
|
style="width: 50%; display: flex; margin-top: 18px" |
|
|
|
> |
|
|
|
<span |
|
|
|
style=" |
|
|
|
<div v-if="PanoramicCameraTypes.indexOf(dialogData.childType) == -1" |
|
|
|
style="width: 50%; display: flex; margin-top: 18px"> |
|
|
|
<span style=" |
|
|
|
color: #3de8ff; |
|
|
|
font-size: 15px; |
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
line-height: 18px; |
|
|
|
" |
|
|
|
> |
|
|
|
"> |
|
|
|
雨刷: |
|
|
|
</span> |
|
|
|
<Button style="margin-left: 5px" @click.native="controlClick(49)" |
|
|
|
>开</Button |
|
|
|
> |
|
|
|
<Button style="margin-left: 5px" @click.native="controlClick(48)" |
|
|
|
>关</Button |
|
|
|
> |
|
|
|
<Button style="margin-left: 5px" @click.native="controlClick(49)">开</Button> |
|
|
|
<Button style="margin-left: 5px" @click.native="controlClick(48)">关</Button> |
|
|
|
</div> |
|
|
|
</ElTabPane> |
|
|
|
<ElTabPane label="摄相机参数" name="second">摄相机参数</ElTabPane> |
|
|
|
<ElTabPane label="在线率统计" name="third"> |
|
|
|
<LineChart |
|
|
|
v-if="activeName === 'third'" |
|
|
|
:productId="dialogData.id" |
|
|
|
style="height: 180px" |
|
|
|
/> |
|
|
|
<LineChart v-if="activeName === 'third'" :productId="dialogData.id" style="height: 180px" /> |
|
|
|
</ElTabPane> |
|
|
|
</ElTabs> |
|
|
|
|
|
|
@ -61,10 +41,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<CameraControlDialog |
|
|
|
:deviceId="dialogData.iotDeviceId" |
|
|
|
v-model="controlDialogVisible" |
|
|
|
/> |
|
|
|
<CameraControlDialog :deviceId="dialogData.iotDeviceId" v-model="controlDialogVisible" /> |
|
|
|
</Dialog> |
|
|
|
</template> |
|
|
|
|
|
|
@ -164,7 +141,7 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
controlClick: throttle(function (type) { |
|
|
|
controlCamera(this.deviceId, type); |
|
|
|
controlCamera(this.dialogData.iotDeviceId, type); |
|
|
|
}, 150), |
|
|
|
visibleClose(bool) { |
|
|
|
if (bool) return; |
|
|
@ -228,7 +205,7 @@ export default { |
|
|
|
align-items: center; |
|
|
|
justify-content: end; |
|
|
|
|
|
|
|
> div { |
|
|
|
>div { |
|
|
|
font-size: 16px; |
|
|
|
padding: 6px 12px; |
|
|
|
} |
|
|
|