Commit 5f11c39f authored by xinzhedeai's avatar xinzhedeai
parents 1969fda2 5d5c7818
......@@ -146,6 +146,26 @@
.a0a_ ul .active{
background-image:url(static/img/h_btn_a.png);
}
.selects{
width:400px;text-align:center;position:absolute;top:0;left:50%;margin-left:-200px;padding:12px 0;z-index:1000;margin-top:90px;
}
.selects:before/* , .selects:after */{
content:"";position:absolute;top:0;left:0;height:100%;width:100%;
border-style:solid;
border-width:1px 0 1px 0;
border-image:linear-gradient(90deg, transparent 10%, #19b597 30%, #19b597 70%, transparent 90%) 1 1;
background-image:linear-gradient(to bottom, rgba(20, 72, 247, .4), transparent);
}
.selects select{
position:relative;z-index:2;
background-color:transparent;color:#92f9ff;
border-color:transparent;outline:none;
option{
background-color:rgba(20, 72, 247, .5);
}
}
</style>
</head>
......@@ -154,7 +174,7 @@
<div class="fixed wp100 hv100" style="background-color: #000000;left: 0;top: 0;z-index: 1999;"
v-show="!isReady"></div>
<!-- title -->
<div style="height: 120px;">
<div style="height:120px;display:flow-root;">
<div class="flex-text color-theme f30 wp100 relative maxIndex fixed"
:class="isFullScreen?'tr-top':'tr-top-re'"
style="height: 120px;background-image: url('static/title.png');background-size: 100% 100%;">
......@@ -174,7 +194,7 @@
</div>
<!-- 选择列表 -->
<div class="selects" style="width:500px;text-align:center;position:relative;z-index:1000;margin:0 auto;padding-top:100px;">
<div class="selects" >
<select style="margin:0 20px;">
<option value="1">淄博市</option>
</select>
......@@ -822,8 +842,10 @@
<script src="js/js.cookie.js"></script>
<script>
//const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.2.200' : '192.168.13.200') + ':8013';
const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.3.37' : '192.168.13.200') + ':8013';
// 小黄
//const host = location.protocol + '//' + (location.hostname === '192.168.3.226' ? '192.168.2.200' : '192.168.13.200') + ':8013';
const selfHost = location.hostname === '192.168.3.226' ? 'http://192.168.3.226:8057' : location.protocol + '//' + window.location.host;
......@@ -974,6 +996,7 @@
}
},
mounted() {
var self = this;
if (!token) {
window.open(selfHost + '/#/login', '_self')
return
......@@ -985,8 +1008,7 @@
location.reload()
}
// 获取数据
this.getData();
// 开启自动切换通知
setInterval(() => {
......@@ -1039,7 +1061,7 @@
var selectArea = document.getElementById("selectArea");
selectArea.onchange = function(e){
var value = this.selectedOptions[0].value;
this.reqEnterprise(value);
self.reqEnterprise(value);
};
// 企业选择列表
......@@ -1047,6 +1069,10 @@
selectCompany.onchange = function(e){
var value = this.selectedOptions[0].value;
//window.location.reload()
self.reqMines(this.enterpriseId = value);
};
},
methods: {
......@@ -1066,15 +1092,15 @@
};
axios.get(host + '/api/yingji/deptandenterprise/enterprise', req).then(res => {
res = res.data;
console.log('enterprise ________________ ', res);
this.selectUnit = res.body;
var value = res.body[0].id;
var body = res.body || [];
console.log('enterprise ________________ ', body);
this.selectUnit = body;
this.reqMines(value);
body[0] && this.reqMines(this.enterpriseId = body[0].id);
});
},
// 请求矿山列表
reqMines(id){
var loading = this.$loading({
lock: true,
......@@ -1083,7 +1109,6 @@
background: 'rgba(0, 0, 0, 0.7)'
});
// 查询全部矿山
var req = {
params: {
enterpriseId:id
......@@ -1126,7 +1151,6 @@
this.marker = [...markerUpdater];
console.log('this.marker ________________ ', this.marker);
loading.close();
this.isReady = true;
// 准备地图
......@@ -1134,6 +1158,8 @@
// 初始化
//_5minus();
//this.getData();
// 获取数据
this.getData();
});
},
......@@ -1542,6 +1568,10 @@
});
},
right2() {
const pie = (data) => {
// 基于准备好的dom,初始化echarts实例
pieChart = echarts.init(document.getElementById("pie"));
......@@ -1575,6 +1605,32 @@
this.isMaskShow = true
});
}
console.log('right2 ________________ ', this.enterpriseId);
var req = {
params: {
enterpriseId:this.enterpriseId,
auditStatus:'0',
}
};
axios.get(host + '/api/yingji/dangerousworkaudit/dangerwork-list', req).then(res => {
return ;
if (res && res.data) {
pie(res.data)
}
});
return ;
axios.get(host + '/api/datav/dangerous-work/audit-state').then(res => {
if (res && res.data) {
pie(res.data)
......@@ -1583,6 +1639,13 @@
},
right3() {
if (this.overviewTabCur === 0) {
console.log('right3 ________________ ', this.overviewTabCur);
const rn1 = Math.round(Math.random() * 60)
const rn2 = Math.round(Math.random() * rn1)
const rn3 = Math.round(Math.random() * 10)
......@@ -1660,12 +1723,15 @@
this.right1();
this.right2();
this.right3();
// 在线实时报警
this.alarm = [
{ id: 1, name: this.marker[1].name, equipment: '氧气浓度', day: '2023-05-25', time: '00:49:48', statusTxt: '已处理', status: 1 },
{ id: 2, name: this.marker[1].name, equipment: '二氧化碳浓度', day: '2023-05-25', time: '11:15:32', statusTxt: '已处理', status: 1 },
{ id: 3, name: this.marker[1].name, equipment: '一氧化碳浓度', day: '2023-05-25', time: '19:02:42', statusTxt: '已处理', status: 1 }
];
if(this.marker[0]){
// 在线实时报警
this.alarm = [
{ id: 1, name: this.marker[1].name, equipment: '氧气浓度', day: '2023-05-25', time: '00:49:48', statusTxt: '已处理', status: 1 },
{ id: 2, name: this.marker[1].name, equipment: '二氧化碳浓度', day: '2023-05-25', time: '11:15:32', statusTxt: '已处理', status: 1 },
{ id: 3, name: this.marker[1].name, equipment: '一氧化碳浓度', day: '2023-05-25', time: '19:02:42', statusTxt: '已处理', status: 1 }
];
};
}
/*
* 仅第一次加载时执行
......
......@@ -157,10 +157,8 @@
select{
margin-right:.20rem;
background-color:transparent;color:#21817E;
border-color:transparent;
border-color:transparent;outline:none;
}
//display:none;
}
}
}
......@@ -952,7 +950,6 @@
<script src="js/axios.min.js"></script>
<!-- cookie -->
<script src="js/js.cookie.js"></script>
<script src="js/highcharts.js"></script>
<!-- <script type="text/javascript" src="static/js/jessibuca/jessibuca.js"></script>
......
......@@ -441,90 +441,21 @@
}
this.getData();
console.log('selectedMineJson ________________ ', this.selectedMine);
// 视频列表
Axiosx.get('/api/video/link-mine', {
Axiosx.get(host + '/api/video-mine/mineId', {
params: {
mineType: this.selectedMine.mineType,
//mineType: this.selectedMine.mineType,
mineId: this.selectedMine.id,
}
}).then(res => {
res = {
"appKey": "54309ca903e94a9bb14b7f0a69b0da94",
"appSecret": "446ece35fb3a65264a04375b72246b1f",
"list": [
/* {
"name": "视频1",
"channel": "1.hd.live",
"id": "G67791074",
"remark": "无",
"captcha": ""
},
{
"name": "视频2",
"channel": "2.hd.live",
"id": "G67791073",
"remark": "无",
"captcha": ""
} */
],
};
if(this.selectedMine.code === "3703023006"){
res = {
"appKey": "6039de9e0bf44407a15a15553986433c",
"appSecret": "fb498de47fb488e14305ff300bd30d27",
"list": [
{
"name": "视频1",
"channel": "1.hd.live",
"id": "D14924613",
"remark": "",
"captcha": "kyd001"
},
{
"name": "视频2",
"channel": "2.hd.live",
"id": "D14924613",
"remark": "",
"captcha": "kyd001"
},
{
"name": "视频3",
"channel": "3.hd.live",
"id": "D14924613",
"remark": "",
"captcha": "kyd001"
},
{
"name": "视频4",
"channel": "4.hd.live",
"id": "D14924613",
"remark": "",
"captcha": "kyd001"
}
],
};
};
res = res.data.body;
this.info = {
appKey:res.appKey,
appSecret:res.appSecret,
};
this.videos = res.list || [];
this.createVideo(res.list[0]);
this.videos = res.videoChannelList || [];
this.createVideo(res.videoChannelList[0]);
});
//
},
methods: {
createVideo: function(item){
......@@ -576,16 +507,11 @@
var id = item.id || this.info.id || '';
return 'ezopen://'+captcha+'open.ys7.com/'+id+'/'+item.channel;
},
chickVideo(video, index) {
console.log('chickVideo ________________ ', video, index);
this.createVideo(video);
this.TabCur = index;
this.showMask = false;
},
......@@ -872,7 +798,7 @@
// 模拟请求
setTimeout(() => {
setTimeout(() => this.getData('refesh'), 5000);
setTimeout(() => this.getData('refesh'), 15000);
// 圆环图
// 基于准备好的dom,初始化echarts实例
......@@ -925,7 +851,7 @@
]
});
loading.close();
loading && loading.close();
this.isReady = true
}, 1000);
}
......
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