<template>
|
<el-dialog v-model="videoDetailDialog" title="动火作业编号00001 实时监测详情" width="80%" center>
|
<div style="margin-bottom: 20px">
|
<el-button type="warning">人工录入警报信息</el-button>
|
</div>
|
<div class="info">
|
<!-- <video class="video-cont" autoplay src="https://www.bilibili.com/video/BV1UM411s7Ey/?vd_source=7700e61a97bad6ca1f7c0ecb9768d682" controls></video>-->
|
<iframe class="video-cont" src="http://36.108.169.10:8088/808gps/open/player/video.html?lang=zh&devIdno=21125705363&&account=gtxh&password=000000"></iframe>
|
<div class="right-info">
|
<div class="info-item">
|
<div class="info-tit">
|
基础信息
|
</div>
|
<div class="content">
|
<div>作业编号: <span>0000001</span></div>
|
<div>作业部门: <span>有机化工</span></div>
|
<div>作业人员: <span>王大壮（持证）</span></div>
|
<div>开始时间: <span>2023-03-09 14:00:45</span></div>
|
<div>结束时间: <span>2023-03-09 17:05:45</span></div>
|
<div class="checkBtn">查看作业票</div>
|
<div class="checkBtn">查看审批流</div>
|
</div>
|
</div>
|
<div class="info-item">
|
<div class="info-tit">
|
警报信息
|
</div>
|
<div class="content">
|
<div>设备IA自动识别警报:
|
<div>无</div>
|
</div>
|
<div>人工录入警报信息:
|
<div>无</div>
|
</div>
|
<div>现场检查不合格项:
|
<div>1、除动火人和监护人有无其他人员在场：有信息化人员在场</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</el-dialog>
|
</template>
|
|
<script lang="ts">
|
import { toRefs, reactive, defineComponent, ref, defineAsyncComponent } from 'vue';
|
import { storeToRefs } from 'pinia';
|
import { initBackEndControlRoutes } from '/@/router/backEnd';
|
import {useUserInfo} from "/@/stores/userInfo";
|
import { Session } from '/@/utils/storage';
|
import { ElMessage } from 'element-plus'
|
import type { FormInstance, FormRules } from 'element-plus'
|
import { workApplyApi } from '/@/api/specialWorkSystem/workApply';
|
|
|
interface stateType {
|
videoDetailDialog:boolean
|
}
|
export default defineComponent({
|
name: 'videoDetail',
|
components: {},
|
props:[],
|
setup() {
|
const userInfo = useUserInfo()
|
const { userInfos } = storeToRefs(userInfo);
|
const state = reactive<stateType>({
|
videoDetailDialog: false
|
})
|
const openDialog = ()=>{
|
state.videoDetailDialog = true
|
}
|
return {
|
openDialog,
|
...toRefs(state)
|
};
|
},
|
});
|
</script>
|
|
<style scoped lang="scss">
|
.info{
|
width: 100%;
|
display: flex;
|
align-items: flex-start;
|
justify-content: space-between;
|
|
.video-cont{
|
width: calc(70% - 20px);
|
height: 60vh;
|
margin-right: 20px;
|
}
|
.right-info{
|
width: 30%;
|
|
.info-item{
|
width: 100%;
|
margin-bottom: 10px;
|
|
&:last-of-type{
|
margin-bottom: 0;
|
}
|
|
.info-tit{
|
width: 100%;
|
padding: 6px 0;
|
text-align: center;
|
background: #59ddf7;
|
border-radius: 4px;
|
margin-bottom: 10px;
|
}
|
.content{
|
width: 100%;
|
div{
|
width: 100%;
|
font-size: 14px;
|
margin-bottom: 4px;
|
}
|
.checkBtn{
|
color: #409eff;
|
cursor: pointer;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
