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

12
public/monitor/iframe.html
View File

@ -31,20 +31,10 @@ html, body {
<script> <script>
var urlParams = new URLSearchParams(window.location.search); var urlParams = new URLSearchParams(window.location.search);
var type = urlParams.get('type'); var type = urlParams.get('type');
console.log(type)
$(function () { $(function () {
var height = '100%'; var height = '100%';
var width = $("body").width(); var width = $("body").width();
if(type=="dialog"){ height = 320;
width = $("body").width();
height = '500';
}
if(type=="sanwei"){
width = $("body").width();
height = '930';
}
width = 500;
height = 300;
// <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> // <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
WebVideoCtrl.I_InitPlugin(width,height, { 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> 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>

67
src/views/videoMonitoring.vue
View File

@ -1,36 +1,18 @@
<template> <template>
<div id="video"> <div id="video">
<div class="contant"> <div class="contant">
<table style="height: 600px;width: 100%;"> <div style="width: 49%;height: auto;margin-bottom: 20px;">
<tr style="height: 100%;width: 100%;"> <iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
<td style="width: 100%;"> </div>
<div style="width: 80%; height: 100%; object-fit: cover;" > <div style="width: 49%;height: auto;">
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div> <iframe style="width: 100%;height: 320px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe> </div>
</div> <div style="width: 49%;height: auto;">
</td> <iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
<td style="width: 100%;"> </div>
<div style="width: 80%; height: 100%; object-fit: cover;"> <div style="width: 49%;height: auto;">
<div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div> <iframe style="width: 100%;height: 320px;" src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
<iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe> </div>
</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> </div>
</div> </div>
@ -157,30 +139,13 @@ methods:{
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0 0.2rem; margin: 0 0.2rem;
.header{
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;
}
.contant{ .contant{
// height: 85%; width: 100%;
height: auto;
display: flex; display: flex;
padding-top: 1%; flex-wrap: wrap;
justify-content: space-between;
} }
} }
</style> </style>

1036
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.2.75:58080`,
// target: `http://192.168.0.61:58080`, // target: `http://192.168.0.61:58080`,
// target: `http://192.168.0.44:58085`, // target: `http://192.168.0.44:58085`,
target: `http://127.0.0.1:48380`, // target: `http://192.168.2.55:48380`,
// target: `http://192.168.0.244:38380`, target: `http://192.168.0.244:48380`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '', ['^' + process.env.VUE_APP_BASE_API]: '',