Skip to content

乳
乳山瑞博-大屏
Commit 6ce792d2 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

报警-chunliang

parent 7f2fc8e9
Hide whitespace changes
Inline Side-by-side
Showing with 3269 additions and 70 deletions
config/settings.js
View file @ 6ce792d2
var ServiceURL = 'http://192.168.3.37:9005'; var ServiceURL = 'http://192.168.2.37:9005';
window.VUE_APP_API = {ServiceURL:ServiceURL} window.VUE_APP_API = {ServiceURL:ServiceURL}
src/api/alarmEquCtrl.js 0 → 100644
View file @ 6ce792d2
import request from '@/utils/request'
export function openAlarm() {
return request({
url: '/api/screenAlarm/openAlarm',
method: 'post',
})
}
export function closeAlarm() {
return request({
url: '/api/screenAlarm/closeAlarm',
method: 'post',
})
}
\ No newline at end of file
src/views/Screen/index.vue
View file @ 6ce792d2
...@@ -376,6 +376,7 @@ import { Highchart } from '@/assets/js/chartTemplates.js'; ...@@ -376,6 +376,7 @@ import { Highchart } from '@/assets/js/chartTemplates.js';
import { CoordTransform } from '@/assets/js/CoordTransform.js'; import { CoordTransform } from '@/assets/js/CoordTransform.js';
import { getToken, setToken, removeToken } from '@/utils/auth'; import { getToken, setToken, removeToken } from '@/utils/auth';
import { encrypt } from '@/utils/rsaEncrypt'; import { encrypt } from '@/utils/rsaEncrypt';
import { openAlarm, closeAlarm } from '@/api/alarmEquCtrl.js';
export default { export default {
data() { data() {
...@@ -1075,6 +1076,7 @@ export default { ...@@ -1075,6 +1076,7 @@ export default {
// 报警弹窗-可变形 // 报警弹窗-可变形
m.createAlarmView = function(){ m.createAlarmView = function(){
let that = this;
var checkHtml = ''; var checkHtml = '';
var list = [{areaCode:1, name:'1111'}]; var list = [{areaCode:1, name:'1111'}];
...@@ -1091,7 +1093,7 @@ export default { ...@@ -1091,7 +1093,7 @@ export default {
onload: function(o){ onload: function(o){
var el = o.el, wrap = o.Wrap, morphView = wrap.firstElementChild; var el = o.el, wrap = o.Wrap, morphView = wrap.firstElementChild;
o.setStyle(wrap, { o.setStyle(wrap, {
bottom:'0.3rem', left:'47%', height:0, width:0, zIndex:1, bottom:'0.3rem', left:'50%', height:0, width:0, zIndex:1,
transformOrigin:'0px 0px', transformOrigin:'0px 0px',
justifyContent:'center', justifyContent:'center',
}); });
...@@ -1114,18 +1116,37 @@ export default { ...@@ -1114,18 +1116,37 @@ export default {
}); });
// <input type="checkbox" value="0" checked />全选</div> // <input type="checkbox" value="0" checked />全选</div>
el.innerHTML = `<div class="content"> el.innerHTML = `
<div class="optBtnWrapper"> <div class="content">
<a class="button alarm" style="display:none;">开始</a> <div class="fixed">
<a class="button alarm" id="startAlarmBtn">开始</a> <dl class="scrolling4"></dl>
<a class="button stop" id="stopAlarmBtn">停止</a>
</div> </div>
<div class="fixed"><dl class="scrolling4"></dl></div><i class="el-icon-circle-close"></i></div><div class="el-icon-bell">`; <i class="el-icon-circle-close"></i>
</div>
<div class="el-icon-bell"></div>
`;
var content = el.firstElementChild; var content = el.firstElementChild;
o.scroll = content.firstElementChild.firstElementChild; o.scroll = content.firstElementChild.firstElementChild;
const optBtnWrapper = document.createElement('div');
optBtnWrapper.className = 'optBtnWrapper';
const startAlarmBtn = document.createElement('a');
startAlarmBtn.className = 'button alarm';
startAlarmBtn.id = 'startAlarmBtn';
startAlarmBtn.innerHTML = '开始';
const stopAlarmBtn = document.createElement('a');
stopAlarmBtn.className = 'button stop';
stopAlarmBtn.id = 'stopAlarmBtn';
stopAlarmBtn.innerHTML = '停止';
el.appendChild(optBtnWrapper);
optBtnWrapper.appendChild(startAlarmBtn);
optBtnWrapper.appendChild(stopAlarmBtn);
o.updateList = function(list){ o.updateList = function(list){
var dds = ''; var dds = '';
for(var item of list){ for(var item of list){
...@@ -1141,54 +1162,46 @@ export default { ...@@ -1141,54 +1162,46 @@ export default {
o.shrink = true; o.shrink = true;
}else if(tag.className === 'el-icon-bell'){ }else if(tag.className === 'el-icon-bell'){
o.shrink = false; o.shrink = false;
}else if(tag.id === 'startAlarmBtn'){ };
qf.UI.loading({zIndex:2051, timer:2000}); };
reqApi.common.requst('post','/api/screenAlarm/openAlarm', {}).then(res=>{ startAlarmBtn.addEventListener('click', () => {
if(res.code === 200){ openAlarm().then(res=>{
new qf.UI.Notify({ res.body===200?new qf.UI.Notify({
position: 'top', position: 'top',
zIndex:2050, zIndex:2050,
type: 'success', type: 'success',
duration: 3000, duration: 3000,
autoOpen:true, autoOpen:true,
message: res.body, message: res.body,
}); }):new qf.UI.Notify({
}else{
new qf.UI.Notify({
position: 'top', position: 'top',
zIndex:2050, zIndex:2050,
type: 'warning', type: 'warning',
duration: 3000, duration: 3000,
autoOpen:true, autoOpen:true,
message: res.body, message: res.body,
}); })
} })
}); });
}else if(tag.id === 'stopAlarmBtn'){ stopAlarmBtn.addEventListener('click', () => {
qf.UI.loading({zIndex:2051, timer:2000}); closeAlarm().then(res=>{
reqApi.common.requst('post','/api/screenAlarm/closeAlarm', {}).then(res=>{ res.body===200?new qf.UI.Notify({
if(res.code === 200){
new qf.UI.Notify({
position: 'top', position: 'top',
zIndex:2050, zIndex:2050,
type: 'success', type: 'success',
duration: 3000, duration: 3000,
autoOpen:true, autoOpen:true,
message: res.body, message: res.body,
}); }):new qf.UI.Notify({
}else{
new qf.UI.Notify({
position: 'top', position: 'top',
zIndex:2050, zIndex:2050,
type: 'warning', type: 'warning',
duration: 3000, duration: 3000,
autoOpen:true, autoOpen:true,
message: res.body, message: res.body,
}); })
} })
}); });
};
};
}, },
}); });
...@@ -1947,6 +1960,7 @@ export default { ...@@ -1947,6 +1960,7 @@ export default {
// 去除版权信息 // 去除版权信息
viewer._cesiumWidget._creditContainer.style.display = "none"; viewer._cesiumWidget._creditContainer.style.display = "none";
var path = process.env.VUE_APP_D3Tileset + '/tileset.json'; var path = process.env.VUE_APP_D3Tileset + '/tileset.json';
console.log('path', path)
var localTile = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ var localTile = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: path, url: path,
//maximumScreenSpaceError:1, //maximumScreenSpaceError:1,
...@@ -2085,42 +2099,7 @@ export default { ...@@ -2085,42 +2099,7 @@ export default {
@font-face {font-family:"zhengdao";src: url("~@/assets/fonts/pangmenzhengdao2.0.ttf");}; @font-face {font-family:"zhengdao";src: url("~@/assets/fonts/pangmenzhengdao2.0.ttf");};
.font_digit{font-family:diget year;} .font_digit{font-family:diget year;}
.font_zhengdao{font-family:zhengdao;} .font_zhengdao{font-family:zhengdao;}
// 20241206
.optBtnWrapper{
display: flex;
gap: .1rem;
position: absolute;
right: -0.9rem;
align-items: center;
flex-direction: column;
top: 50%;
transform: translateY(-50%);
.button {
padding: 0.1rem 0.2rem;
font-size: 0.16rem;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.alarm {
background-color: #f44336; /* 红色 */
}
.alarm:hover {
background-color: #d32f2f; /* 深红色 */
}
.stop {
background-color: #4caf50; /* 绿色 */
}
.stop:hover {
background-color: #388e3c; /* 深绿色 */
}
}
.Screen { .Screen {
position:relative;height:100%;width:100%;overflow:hidden; position:relative;height:100%;width:100%;overflow:hidden;
...@@ -3018,6 +2997,7 @@ export default { ...@@ -3018,6 +2997,7 @@ export default {
color:#fff; color:#fff;
width:0;height:0; width:0;height:0;
display:flex;justify-content:center;align-items:center;user-select:none; display:flex;justify-content:center;align-items:center;user-select:none;
position: relative;
.content{ .content{
position:absolute;bottom:0;background-color:rgba(0,0,0,.5);border:1px solid #3EB7EA;opacity:1; position:absolute;bottom:0;background-color:rgba(0,0,0,.5);border:1px solid #3EB7EA;opacity:1;
} }
...@@ -3166,4 +3146,39 @@ export default { ...@@ -3166,4 +3146,39 @@ export default {
transform: rotate(-360deg); transform: rotate(-360deg);
} }
} }
</style>
<style lang='scss'>
// 20241207
.optBtnWrapper{
display: flex;
gap: .1rem;
position: absolute;
right: -3.4rem;
align-items: center;
flex-direction: column;
top: -0.7rem;
transform: translateY(-50%);
.button {
padding: 0.1rem 0.2rem;
font-size: 0.16rem;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.alarm {
background-color: #f44336; /* 红色 */
}
.alarm:hover {
background-color: #d32f2f; /* 深红色 */
}
.stop {
background-color: #4caf50; /* 绿色 */
}
.stop:hover {
background-color: #388e3c; /* 深绿色 */
}
}
</style> </style>
\ No newline at end of file
src/views/Screen/indexjunbao.vue 0 → 100644
View file @ 6ce792d2
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment