From e2d556803e3138732ffde7d3d07b0a4a9b0b7f0a Mon Sep 17 00:00:00 2001 From: batman <978517621@qq.com> Date: 星期五, 10 三月 2023 10:33:40 +0800 Subject: [PATCH] 新修改添加页面 --- src/views/specialWorkSystem/specialIndex/components/videoDetail.vue | 85 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 84 insertions(+), 1 deletions(-) diff --git a/src/views/specialWorkSystem/specialIndex/components/videoDetail.vue b/src/views/specialWorkSystem/specialIndex/components/videoDetail.vue index 52337d2..83da7ce 100644 --- a/src/views/specialWorkSystem/specialIndex/components/videoDetail.vue +++ b/src/views/specialWorkSystem/specialIndex/components/videoDetail.vue @@ -1,5 +1,44 @@ <template> - <el-dialog v-model="videoDetailDialog" title="实时监控" width="80%" center> + <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="https://www.bilibili.com/video/BV1UM411s7Ey/?vd_source=7700e61a97bad6ca1f7c0ecb9768d682"></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> @@ -40,5 +79,49 @@ </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> -- Gitblit v1.9.2