skjia
/
bonus-ui-notice-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面样式优化

This commit is contained in:
zzyuan 2025-09-02 14:50:34 +08:00
parent a4d791b912
commit 92cb262062
4 changed files with 537 additions and 596 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/monitor/iframe.html
View File

@ -31,20 +31,10 @@ html, body {
<script>
var urlParams = new URLSearchParams(window.location.search);
var type = urlParams.get('type');
console.log(type)
$(function () {
var height = '100%';
var width = $("body").width();
if(type=="dialog"){
width = $("body").width();
height = '500';
}
if(type=="sanwei"){
width = $("body").width();
height = '930';
}
width = 500;
height = 300;
var width = $("body").width();
height = 320;
// <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
WebVideoCtrl.I_InitPlugin(width,height, {
bWndFull: true,//<2F>Ƿ<EFBFBD>֧<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD>˫<EFBFBD><CBAB>ȫ<EFBFBD><C8AB><EFBFBD><EFBFBD>Ĭ<EFBFBD><C4AC>֧<EFBFBD><D6A7> true:֧<><D6A7> false:<3A><>֧<EFBFBD><D6A7>

71
src/views/videoMonitoring.vue
View File

@ -1,36 +1,18 @@
<template>
<div id="video">
<div class="contant">
<table style="height: 600px;width: 100%;">
<tr style="height: 100%;width: 100%;">
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
</div>
</td>
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;">
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
</div>
</td>
</tr>
<tr style="height: 100%;width: 100%;">
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('17')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
</div>
</td>
<td style="width: 100%;">
<div style="width: 80%; height: 100%; object-fit: cover;" >
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('32')"></div>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
</div>
</td>
</tr>
</table>
<div style="width: 49%;height: auto;margin-bottom: 20px;">
<iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
</div>
<div style="width: 49%;height: auto;">
<iframe style="width: 100%;height: 320px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
</div>
<div style="width: 49%;height: auto;">
<iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
</div>
<div style="width: 49%;height: auto;">
<iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
</div>
</div>
</div>
@ -156,31 +138,14 @@ methods:{
#video{
width: 100%;
height: 100%;
margin: 0 0.2rem;
.header{
margin: 0 0.2rem;
.contant{
width: 100%;
height: auto;
display: flex;
align-items: center;
color: #fff;
font-size: 0.5rem;
margin-bottom: 0.1rem;
span{
margin-left: 0.2rem;
}
img{
width: 0.5rem;
height: 0.5rem;
}
// justify-content: center;
flex-wrap: wrap;
justify-content: space-between;
}
.contant{
// height: 85%;
display: flex;
padding-top: 1%;
}
}
</style>

1044
src/views/view.vue
View File

File diff suppressed because it is too large Load Diff

4
vue.config.js
View File

@ -38,8 +38,8 @@ module.exports = {
// target: `http://192.168.2.75:58080`,
// target: `http://192.168.0.61:58080`,
// target: `http://192.168.0.44:58085`,
target: `http://127.0.0.1:48380`,
// target: `http://192.168.0.244:38380`,
// target: `http://192.168.2.55:48380`,
target: `http://192.168.0.244:48380`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '',