Commit b9f6750a authored by 张浩然's avatar 张浩然

3/19

parent 52f66de3
public/image/chang_suo.png

3.63 KB | W: | H:

public/image/chang_suo.png

2.88 KB | W: | H:

public/image/chang_suo.png
public/image/chang_suo.png
public/image/chang_suo.png
public/image/chang_suo.png
  • 2-up
  • Swipe
  • Onion skin
public/image/che_liang.png

3.59 KB | W: | H:

public/image/che_liang.png

2.85 KB | W: | H:

public/image/che_liang.png
public/image/che_liang.png
public/image/che_liang.png
public/image/che_liang.png
  • 2-up
  • Swipe
  • Onion skin
public/image/dui_wu.png

3.48 KB | W: | H:

public/image/dui_wu.png

2.67 KB | W: | H:

public/image/dui_wu.png
public/image/dui_wu.png
public/image/dui_wu.png
public/image/dui_wu.png
  • 2-up
  • Swipe
  • Onion skin
public/image/wu_zi.png

3.63 KB | W: | H:

public/image/wu_zi.png

2.86 KB | W: | H:

public/image/wu_zi.png
public/image/wu_zi.png
public/image/wu_zi.png
public/image/wu_zi.png
  • 2-up
  • Swipe
  • Onion skin
public/image/zhuan_jia.png

3.52 KB | W: | H:

public/image/zhuan_jia.png

2.76 KB | W: | H:

public/image/zhuan_jia.png
public/image/zhuan_jia.png
public/image/zhuan_jia.png
public/image/zhuan_jia.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -70,4 +70,13 @@ export function findAllCheckedHiddenTrouble(data) { ...@@ -70,4 +70,13 @@ export function findAllCheckedHiddenTrouble(data) {
method: "get", method: "get",
params: data params: data
}); });
}
//
export function yjFireMonitorStation(data) {
return request5({
url: "api/yjFireMonitorStation",
method: "get",
params: data
});
} }
\ No newline at end of file
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="title">企业风险等级综合评估</div> <div class="title">企业风险等级综合评估</div>
<div class="page"> <div class="page">
<div class="page_div" v-for="(item, index) in zaixiandongtaijiance" :key="index"> <div class="page_div" v-for="(item, index) in zaixiandongtaijiance" :key="index">
<div class="page_div_son" @click="getRiskListByCompanycodeList(item)"> <div class="page_div_son" :style="{ backgroundImage: 'url(' + item.url_1 + ')' }" @click="getRiskListByCompanycodeList(item)">
<span class="text"> <span class="text">
<span>{{ item.name }}风险等级</span> <span>{{ item.name }}风险等级</span>
<span v-if="!item.riskLevel">正常</span> <span v-if="!item.riskLevel">正常</span>
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
</div> </div>
</div> </div>
<br />
<div class="top"> <div class="top">
<div class="title"> <div class="title">
<span>风险报警</span> <span>风险报警</span>
...@@ -39,76 +39,77 @@ ...@@ -39,76 +39,77 @@
<div ref="myCharts" class="charts_div"></div> <div ref="myCharts" class="charts_div"></div>
</div> </div>
<div class="dialog" v-if="is_dialog"> <div class="dialog animated animate__backInUp" v-if="is_dialog">
<img src="@/assets/images/error.png" class="error" @click="is_dialog = false" /> <img src="@/assets/images/error.png" class="error" @click="is_dialog = false" />
<div class="dialog--content">
<div v-for="(warnData, index) in warnDataList" :key="index"> <div v-for="(warnData, index) in warnDataList" :key="index">
<div class="title">{{ warnData.name }}</div> <div class="title">{{ warnData.name }}</div>
<div> <div>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">排查人</el-col> <el-col :span="8">排查人</el-col>
<el-col class="text_right" :span="16">{{ warnData.pcr }}</el-col> <el-col class="text_right" :span="16">{{ warnData.pcr }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">填报人</el-col> <el-col :span="8">填报人</el-col>
<el-col class="text_right" :span="16">{{ warnData.tbr }}</el-col> <el-col class="text_right" :span="16">{{ warnData.tbr }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患来源</el-col> <el-col :span="8">隐患来源</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhly }}</el-col> <el-col class="text_right" :span="16">{{ warnData.yhly }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患地点</el-col> <el-col :span="8">隐患地点</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhdd }}</el-col> <el-col class="text_right" :span="16">{{ warnData.yhdd }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患部位</el-col> <el-col :span="8">隐患部位</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhbw }}</el-col> <el-col class="text_right" :span="16">{{ warnData.yhbw }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患类别</el-col> <el-col :span="8">隐患类别</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhlb }}</el-col> <el-col class="text_right" :span="16">{{ warnData.yhlb }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患描述</el-col> <el-col :span="8">隐患描述</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhms }}</el-col> <el-col class="text_right" :span="16">{{ warnData.yhms }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">整改期限</el-col> <el-col :span="8">整改期限</el-col>
<el-col class="text_right" :span="16">{{ warnData.zgqx }}</el-col> <el-col class="text_right" :span="16">{{ warnData.zgqx }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="10">整改实际完成日期</el-col> <el-col :span="10">整改实际完成日期</el-col>
<el-col class="text_right" :span="14">{{ warnData.zgwcrq }}</el-col> <el-col class="text_right" :span="14">{{ warnData.zgwcrq }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">整改类型</el-col> <el-col :span="8">整改类型</el-col>
<el-col class="text_right" :span="16">{{ warnData.zglx }}</el-col> <el-col class="text_right" :span="16">{{ warnData.zglx }}</el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患整改前图片</el-col> <el-col :span="8">隐患整改前图片</el-col>
<el-col class="text_right" :span="16"> <el-col class="text_right" :span="16">
<img :src="warnData.yhzgqtp" alt="" style="width: 3vw" /> <img :src="warnData.yhzgqtp" alt="" style="width: 3vw" />
</el-col> </el-col>
</el-row> </el-row>
<el-row class="page_text"> <el-row class="page_text">
<el-col :span="8">隐患整改后图片</el-col> <el-col :span="8">隐患整改后图片</el-col>
<el-col class="text_right" :span="16"> <el-col class="text_right" :span="16">
<img :src="warnData.yhzghtp" alt="" style="width: 3vw" /> <img :src="warnData.yhzghtp" alt="" style="width: 3vw" />
</el-col> </el-col>
</el-row> </el-row>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -122,6 +123,18 @@ import { dept } from '@/api' ...@@ -122,6 +123,18 @@ import { dept } from '@/api'
export default { export default {
data() { data() {
return { return {
one_1: require('@/assets/images/yingji_1_1.png'),
two_1: require('@/assets/images/yingji_2_2.png'),
three_1: require('@/assets/images/yingji_3_3.png'),
four_1: require('@/assets/images/yingji_4_4.png'),
five_1: require('@/assets/images/yingji_5_5.png'),
zhengchang: require('@/assets/images/zhengchang.png'),
zaixiandongtaijiance: [], zaixiandongtaijiance: [],
zaixiandongtaijiance2: [], zaixiandongtaijiance2: [],
is_dialog: false, is_dialog: false,
...@@ -159,6 +172,24 @@ export default { ...@@ -159,6 +172,24 @@ export default {
return return
} }
item.url_1 = this.zhengchang
if (item.riskLevel == 4) {
item.url_1 = this.four_1
}
if (item.riskLevel == 3) {
item.url_1 = this.three_1
}
if (item.riskLevel == 2) {
item.url_1 = this.two_1
}
if (item.riskLevel == 1) {
item.url_1 = this.one_1
}
this.zaixiandongtaijiance.push(item) this.zaixiandongtaijiance.push(item)
}) })
}) })
...@@ -289,12 +320,32 @@ export default { ...@@ -289,12 +320,32 @@ export default {
type: 'success', type: 'success',
}) })
sendRiskSM().then(res => {}) sendRiskSM().then(res => {})
}, },
// 获取隐患 // 获取隐患
getRiskListByCompanycodeList(e) { getRiskListByCompanycodeList(e) {
console.log(e) for (let item of this.zaixiandongtaijiance) {
item.url_1 = this.zhengchang
if (item.riskLevel == 4) {
item.url_1 = this.four_1
}
if (item.riskLevel == 3) {
item.url_1 = this.three_1
}
if (item.riskLevel == 2) {
item.url_1 = this.two_1
}
if (item.riskLevel == 1) {
item.url_1 = this.one_1
}
}
e.url_1 = this.five_1
getRiskListByCompanycode({ getRiskListByCompanycode({
companycode: e.companycode, companycode: e.companycode,
}).then(res => { }).then(res => {
...@@ -339,7 +390,7 @@ export default { ...@@ -339,7 +390,7 @@ export default {
} }
.top { .top {
height: 30vh; height: 29vh;
.page { .page {
height: 85%; height: 85%;
overflow-y: auto; overflow-y: auto;
...@@ -369,7 +420,7 @@ export default { ...@@ -369,7 +420,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url('~@/assets/images/yingji_4_4.png'); background-image: url('~@/assets/images/zhengchang.png');
.text { .text {
overflow: hidden; overflow: hidden;
...@@ -402,7 +453,7 @@ export default { ...@@ -402,7 +453,7 @@ export default {
.dialog { .dialog {
position: absolute; position: absolute;
right: 100%; right: 100%;
top: 0; top: 5vh;
padding: 2vw 1vw; padding: 2vw 1vw;
width: 20vw; width: 20vw;
height: 82vh; height: 82vh;
...@@ -410,14 +461,22 @@ export default { ...@@ -410,14 +461,22 @@ export default {
background-image: url('~@/assets/images/kuang.png'); background-image: url('~@/assets/images/kuang.png');
background-size: 100% 100%; background-size: 100% 100%;
color: #fff; color: #fff;
@include scrollbar;
&--content {
margin-top: 3vh;
height: 92%;
padding-right: 1vw;
overflow: hidden;
overflow-y: auto;
@include scrollbar;
}
.error { .error {
position: absolute; position: absolute;
width: 1vw;
top: 1.4vw;
right: 1.4vw;
cursor: pointer; cursor: pointer;
right: 1vw;
top: 4vh;
z-index: 999;
} }
.page_text { .page_text {
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div id="container"></div> <div id="container"></div>
<div v-show="isRight" class="lng_lat">{{ mapLngLat }}</div> <div v-show="isRight" class="lng_lat">{{ mapLngLat }}</div>
<div class="base_func" v-show="isRight"> <div class="base_func">
<div class="base_func--input"> <div class="base_func--input">
<input id="tipinput" placeholder="请搜索查询" type="text" /> <input id="tipinput" placeholder="请搜索查询" type="text" />
<img src="@/assets/images/func_search.png" alt="" /> <img src="@/assets/images/func_search.png" alt="" />
...@@ -24,7 +24,7 @@ export default { ...@@ -24,7 +24,7 @@ export default {
return { return {
mapLngLat: [], // 鼠标滑动出现坐标 mapLngLat: [], // 鼠标滑动出现坐标
markerArr: [], // 点坐标数组 markerArr: [], // 点坐标数组
isActive: 1, // 功能键选中 isActive: 0, // 功能键选中
zoom: 0, zoom: 0,
polygons: [], polygons: [],
map: '', map: '',
...@@ -335,7 +335,7 @@ export default { ...@@ -335,7 +335,7 @@ export default {
align-items: center; align-items: center;
position: fixed; position: fixed;
top: 8vh; top: 8vh;
right: 13vw; right: 20vw;
width: 35vw; width: 35vw;
height: 4vh; height: 4vh;
z-index: 999; z-index: 999;
......
...@@ -8,6 +8,12 @@ ...@@ -8,6 +8,12 @@
<strong>结束时间</strong> <strong>结束时间</strong>
<el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker> <el-date-picker v-model="stop_time" @change="onChangeStop" type="datetime" placeholder="选择日期"></el-date-picker>
<strong>监测站</strong>
<el-select v-model="rydw_value" placeholder="请选择">
<el-option v-for="item in rydw_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
<el-button type="primary" @click="onClickSelect">查询</el-button> <el-button type="primary" @click="onClickSelect">查询</el-button>
</div> </div>
...@@ -338,6 +344,23 @@ export default { ...@@ -338,6 +344,23 @@ export default {
// 人员定位 // 人员定位
rydw_tableList: [], rydw_tableList: [],
rydw_cur_page: 0, rydw_cur_page: 0,
rydw_value: '',
rydw_options: [
{
value: '1',
label: '井下',
},
{
value: '2',
label: '井内',
},
{
value: '3',
label: '出井',
},
],
comm_total: 0, comm_total: 0,
...@@ -547,7 +570,6 @@ export default { ...@@ -547,7 +570,6 @@ export default {
if (e.name == 'nbwyqx') { if (e.name == 'nbwyqx') {
this.nbwyqxData() this.nbwyqxData()
} }
}, },
// 人员定位 // 人员定位
...@@ -580,6 +602,7 @@ export default { ...@@ -580,6 +602,7 @@ export default {
startTime: this.start_time, startTime: this.start_time,
endTime: this.stop_time, endTime: this.stop_time,
order: 'acquisition,desc', order: 'acquisition,desc',
dataType: this.rydw_value,
}).then(res => { }).then(res => {
this.rydw_tableList = res.content this.rydw_tableList = res.content
this.comm_total = res.totalElements this.comm_total = res.totalElements
......
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
<el-table :data="leftGetData.table" height="45vh" style="width: 100%"> <el-table :data="leftGetData.table" height="45vh" style="width: 100%">
<el-table-column prop="name" label="物资名称" align="center"> </el-table-column> <el-table-column prop="name" label="物资名称" align="center"> </el-table-column>
<el-table-column prop="sku" label="库存" align="center"> </el-table-column> <el-table-column prop="number" label="库存" align="center"> </el-table-column>
</el-table> </el-table>
</div> </div>
...@@ -172,6 +172,33 @@ ...@@ -172,6 +172,33 @@
</el-row> </el-row>
</div> </div>
<div v-if="leftGetData.text == '防火监控基站'">
<el-row class="page_text">
<el-col :span="8">基站名称</el-col>
<el-col class="text_right" :span="16">{{ leftGetData.name }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">负责人</el-col>
<el-col class="text_right" :span="16">{{ leftGetData.manager }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">联系电话</el-col>
<el-col class="text_right" :span="16">{{ leftGetData.tel }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">经度</el-col>
<el-col class="text_right" :span="16">{{ leftGetData.lng }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">维度</el-col>
<el-col class="text_right" :span="16">{{ leftGetData.lat }}</el-col>
</el-row>
</div>
<br /> <br />
</div> </div>
</div> </div>
...@@ -261,7 +288,7 @@ ...@@ -261,7 +288,7 @@
<script> <script>
import { randNum } from '@/utils' import { randNum } from '@/utils'
import { findHiddenTimeout } from '@/api' import { findHiddenTimeout } from '@/api'
import { getYJStorageData, getYJExpertData, getYJEmergencyTeamData, getYJShelterData, getYJCarData, getYJSuppliesData } from '@/api/yinhuan' import { getYJStorageData, getYJExpertData, getYJEmergencyTeamData, getYJShelterData, getYJCarData, getYJSuppliesData, yjFireMonitorStation } from '@/api/yinhuan'
export default { export default {
data() { data() {
...@@ -279,6 +306,8 @@ export default { ...@@ -279,6 +306,8 @@ export default {
markers: [], markers: [],
imgURL: '', imgURL: '',
circle: [],
} }
}, },
...@@ -307,6 +336,16 @@ export default { ...@@ -307,6 +336,16 @@ export default {
if (params.is) { if (params.is) {
for (let item of this.markers) { for (let item of this.markers) {
let isUrl = item.getLabel().url let isUrl = item.getLabel().url
if (url == '/image/ta.png') {
for (let item of this.circle) {
map.remove(item)
}
}
setTimeout(() => {
this.circle = []
}, 0)
if (isUrl == url) { if (isUrl == url) {
item.setMap(null) item.setMap(null)
} }
...@@ -326,6 +365,21 @@ export default { ...@@ -326,6 +365,21 @@ export default {
}, },
}) })
if (params.text == '防火监控基站') {
let circle = new AMap.Circle({
map: map,
center: path, //设置线覆盖物路径
radius: 1500,
strokeColor: '#ff0736', //边框线颜色
strokeOpacity: 0.3, //边框线透明度
strokeWeight: 3, //边框线宽
fillColor: '#f40', //填充色
fillOpacity: 0.23, //填充透明度
})
this.circle.push(circle)
}
marker.on('click', e => { marker.on('click', e => {
const ev = marker.getLabel().item const ev = marker.getLabel().item
const title = marker.getTitle() const title = marker.getTitle()
...@@ -351,6 +405,10 @@ export default { ...@@ -351,6 +405,10 @@ export default {
map.setFitView() //地图自适应 map.setFitView() //地图自适应
setTimeout(() => {
map.setZoom(10)
}, 300)
params.is = !params.is params.is = !params.is
}, },
...@@ -360,6 +418,7 @@ export default { ...@@ -360,6 +418,7 @@ export default {
var rescueTeams = {} var rescueTeams = {}
var refuges = {} var refuges = {}
var rescueCars = {} var rescueCars = {}
var yjMonitorStation = {}
getYJStorageData().then(res => { getYJStorageData().then(res => {
suppliesReserveStations = { suppliesReserveStations = {
...@@ -372,6 +431,17 @@ export default { ...@@ -372,6 +431,17 @@ export default {
} }
}) })
yjFireMonitorStation().then(res => {
yjMonitorStation = {
text: '防火监控基站',
url: '/image/ta.png',
is: false,
count: res.totalElements,
position: res.content,
arrObj: [],
}
})
// 应急专家 // 应急专家
getYJExpertData().then(res => { getYJExpertData().then(res => {
experts = { experts = {
...@@ -421,7 +491,7 @@ export default { ...@@ -421,7 +491,7 @@ export default {
}) })
setTimeout(() => { setTimeout(() => {
this.arrList_type = [suppliesReserveStations, experts, rescueTeams, refuges, rescueCars] this.arrList_type = [suppliesReserveStations, experts, rescueTeams, refuges, rescueCars, yjMonitorStation]
}, 1000) }, 1000)
}, },
......
...@@ -356,7 +356,7 @@ export default { ...@@ -356,7 +356,7 @@ export default {
.dialog { .dialog {
position: absolute; position: absolute;
right: 100%; right: 100%;
top: 0; top: 5vh;
padding: 2vw 1vw; padding: 2vw 1vw;
width: 20vw; width: 20vw;
height: 82vh; height: 82vh;
...@@ -418,7 +418,7 @@ export default { ...@@ -418,7 +418,7 @@ export default {
.info_dialog { .info_dialog {
position: absolute; position: absolute;
border-radius: 5px; border-radius: 5px;
top: 4vh; top: 6vh;
right: 110%; right: 110%;
width: 40vw; width: 40vw;
height: 65vh; height: 65vh;
......
<?xml version="1.0" encoding="utf-8"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>
\ No newline at end of file
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta name=renderer content=webkit><meta name=force-rendering content=webkit><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1"><title>安全生产风险智能监测系统</title><script src=./js/liveplayer-lib.min.js></script><script src="https://webapi.amap.com/maps?v=1.4.15&key=bfa930cbec820fc1c16f8f54348f98e3&plugin=Map3D,AMap.DistrictSearch,AMap.Geocoder,AMap.MouseTool,AMap.Autocomplete,AMap.PlaceSearch"></script><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css><script src=https://cdn.bootcss.com/echarts/4.6.0/echarts.min.js></script><script src=https://www.thingjs.com/static/historyVersion/thing.min.js></script><script src=https://www.thingjs.com/static/release/thing.widget.min.js></script><link href=static/css/chunk-2179b226.b972431f.css rel=prefetch><link href=static/css/chunk-86a8c330.993ce4e6.css rel=prefetch><link href=static/css/chunk-c692b744.b52443eb.css rel=prefetch><link href=static/js/chunk-00f444cb.2de59d4f.js rel=prefetch><link href=static/js/chunk-2179b226.657e2b95.js rel=prefetch><link href=static/js/chunk-573f826d.d0671cb7.js rel=prefetch><link href=static/js/chunk-86a8c330.55279ec4.js rel=prefetch><link href=static/js/chunk-9cff3828.c3cc64da.js rel=prefetch><link href=static/js/chunk-c692b744.f5a17c72.js rel=prefetch><link href=static/css/app.6f0067ad.css rel=preload as=style><link href=static/css/chunk-vendors.e977a650.css rel=preload as=style><link href=static/js/app.62b0a7cc.js rel=preload as=script><link href=static/js/chunk-vendors.21454246.js rel=preload as=script><link href=static/css/chunk-vendors.e977a650.css rel=stylesheet><link href=static/css/app.6f0067ad.css rel=stylesheet></head><body><div id=app></div><script src=static/js/chunk-vendors.21454246.js></script><script src=static/js/app.62b0a7cc.js></script></body></html>
\ No newline at end of file
This diff is collapsed.
*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100vh;overflow:hidden}@font-face{font-family:SourceHanSansCN-Medium;src:url(../../static/fonts/SourceHanSansCN-Medium.4abbfb49.otf)}#app{font-family:SourceHanSansCN-Medium;width:100vw;height:100%}
\ No newline at end of file
This diff is collapsed.
.base-left{color:#fff}.base-left .base_left_box{padding:2vh;padding-top:4vh;height:80vh;background-image:url(../../static/img/kuang.0b3142b2.png);background-size:100% 100%}.base-left .base_left_box img{width:.8vw;position:absolute;right:1vw;top:1.2vw;cursor:pointer}.base-left .base_left_box .base_left_box_line{line-height:1.5;margin-top:1vh}.base-left .base_left_box .base_left_box_line .title{position:relative;color:#02fcfe;font-size:1vw}.base-left .base_left_box .base_left_box_line .title .position_look{position:absolute;right:0;color:#10a1f2;font-size:.8vw;cursor:pointer}.base-left .base_left_box .base_left_box_line .text{margin:.5vh 0}.base-left .base_left_box .base_left_box_line .text_right{text-align:right}.base-left .base_left_box .base_left_box_line .text_look{text-align:right;color:#10a1f2;cursor:pointer}.base-left .base_left_box .base_left_box_line .palyer2{height:auto;margin-top:.5vh}
\ No newline at end of file
.base-right .base_border_box{background-image:url(../../static/img/bg.9e9f5746.png);background-size:100% 100%;padding-bottom:2vh}.base-right .base_border_box .btn,.base-right .base_border_box .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:5vh;margin-top:2vh;background:#021240;cursor:pointer}.base-right .base_border_box .title{background:transparent;color:#02fcfe;padding-top:1vw;font-size:1vw;margin-top:0}.base-right .base_border_box .page_btn{padding:0 1vw;color:#efb312;font-size:.8vw;height:57vh;overflow-y:auto;cursor:pointer}.base-right .base_border_box .page_btn::-webkit-scrollbar{width:.3vw;height:5px}.base-right .base_border_box .page_btn::-webkit-scrollbar-thumb{border-radius:10px;background:#02defa;margin-right:10px}.base-right .base_border_box .page_btn::-webkit-scrollbar-thumb:hover{background-color:#02defa}.base-right .base_border_box .page_btn::-webkit-scrollbar-track{border-radius:10px;background:hsla(0,0%,100%,.1);margin-right:10px}.base-right .base_border_box .activeClass{border:1px solid #efb312}.base-right .img_position{position:absolute;top:50%;left:-2vw;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999}.base-right .tian_qi{width:100%;height:25vh;position:fixed;bottom:0;z-index:99;color:#02defa;background-image:url(../../static/img/tian_qi.280a4ce4.png);background-size:100% 100%}.base-right .tian_qi .tian_qi_title{height:5vh;padding:.3vw;font-size:1vw}.base-right .tian_qi .tian_qi_body,.base-right .tian_qi .tian_qi_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-right .tian_qi .tian_qi_body{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.base-right .tian_qi .tian_qi_body span{line-height:1.7}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-573f826d"],{7975:function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("header",[n("div",{staticClass:"flex-btn"},[n("div",{staticClass:"base-btn"},[n("div",{staticClass:"base-btn-part"},[n("span",{class:{span_active:1==e.lineActive},on:{click:function(t){return e.onActive(1)}}},[e._v("综合数据")]),n("span",{class:{span_active:2==e.lineActive},on:{click:function(t){return e.onActive(2)}}},[e._v("风险监测")]),n("span",{class:{span_active:3==e.lineActive},on:{click:function(t){return e.onActive(3)}}},[e._v("隐患排查")])]),n("div",{staticClass:"base-btn-part"},[n("el-select",{attrs:{placeholder:"请选择"},on:{change:e.ChangeSelect},model:{value:e.value,callback:function(t){e.value=t},expression:"value"}},e._l(e.options,(function(e){return n("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1)])])])},i=[],l=(n("a4d3"),n("e01a"),n("d28b"),n("d3b7"),n("3ca3"),n("ddb0"),n("c75e"),n("ed08")),c={data:function(){return{lineActive:1,options:[{value:"1",label:"非煤矿山"},{value:"2",label:"煤矿"},{value:"3",label:"危险化学品企业"},{value:"4",label:"冶金工贸"}],value:"1"}},mounted:function(){this.onClickActive(1,"非煤矿山")},methods:{onClickActive:function(e,t){4!==e?(this.$store.commit("SET_IS_LEFT",!1),this.$store.commit("SET_TITLE",t)):window.open("http://dwq.jingkongyun.com/")},onActive:function(e){this.lineActive=e,this.$store.commit("set_BaseLeftIndex",e);var t={itemIndex:e,randNum:Object(l["a"])(1,1e4,1)};this.$store.commit("SET_IS_LEFT",t)},ChangeSelect:function(e){var t=!0,n=!1,a=void 0;try{for(var i,l=this.options[Symbol.iterator]();!(t=(i=l.next()).done);t=!0){var c=i.value;if(c.value==e)return void this.onClickActive(c.value,c.label)}}catch(o){n=!0,a=o}finally{try{t||null==l.return||l.return()}finally{if(n)throw a}}}}},o=c,s=n("2877"),u=Object(s["a"])(o,a,i,!1,null,null,null);t["default"]=u.exports},c75e:function(e,t,n){"use strict";var a=n("2b0e");t["a"]=new a["default"]({name:"eventbus"})}}]);
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-86a8c330"],{2731:function(t,a,s){"use strict";s.r(a);var o=function(){var t=this,a=t.$createElement,o=t._self._c||a;return o("div",{staticClass:"base-left"},[o("div",{staticClass:"base_left_box"},[o("img",{attrs:{src:s("fa93")},on:{click:t.onClickDel}}),o("div",{staticClass:"base_left_box_line"},[o("div",{staticClass:"title"},[t._v("基础信息")]),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:8}},[t._v("名称")]),o("el-col",{staticClass:"text_right",attrs:{span:16}},[t._v(t._s(t.dataObj.name))])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:8}},[t._v("地理位置")]),o("el-col",{staticClass:"text_right",attrs:{span:16}},[t._v(t._s(t.dataObj.address))])],1)],1),o("div",{staticClass:"base_left_box_line"},[o("div",{staticClass:"title"},[t._v("监测类型")]),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("环境监测")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:t.onTextLookEnv}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("人员定位")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(0,"rydw")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("降雨量")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(1,"jyl")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("浸润线")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(2,"jrx")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("库水位")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(3,"ksw")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("干滩")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(4,"gt")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("表面位移")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(5,"bmwy")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("内部位移沉降")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(8,"nbwy")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("内部位移倾斜")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(9,"nbwyqx")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("预警值")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(7,"yjz")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("报警记录")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:function(a){return t.onTextLook(6,"yj")}}},[t._v("查看")])])],1),o("el-row",{staticClass:"text"},[o("el-col",{attrs:{span:12}},[t._v("三维")]),o("el-col",{staticClass:"text_look",attrs:{span:12}},[o("span",{on:{click:t.onClickthree}},[t._v("查看")])])],1)],1),o("div",{staticClass:"base_left_box_line"},[o("div",{staticClass:"title"},[t._v("视频监控 "),o("span",{staticClass:"position_look",on:{click:t.onClickVideo}},[t._v("更多")])]),o("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"palyer2"},[t.isVideoUrl?o("LivePlayer",{ref:"player2",attrs:{videoUrl:t.videoUrl,live:""}}):o("LivePlayer",{ref:"player2",attrs:{live:""}})],1)])])])},e=[],l=(s("a4d3"),s("e01a"),s("d28b"),s("b0c0"),s("d3b7"),s("3ca3"),s("ddb0"),s("3f2c")),n=s.n(l),i=s("c75e"),c=s("ed08"),r=s("365c"),_=s("1b62"),v={mixins:[_["a"]],data:function(){return{dataObj:"",videoUrl:"",isVideoUrl:!1,parentSerial:"",list:[],loading:!0}},components:{LivePlayer:n.a},mounted:function(){this.$once("hook:beforeDestroy",(function(){i["a"].$off("dialog_show",null),i["a"].$off("dialog_show_video",null)}))},methods:{onGrouptree:function(t){var a=this;Object(r["g"])().then((function(s){var o=s[0].serial;a.loading=!0,Object(r["g"])({serial:o}).then((function(s){var e=!0,l=!1,n=void 0;try{for(var i,c=s[Symbol.iterator]();!(e=(i=c.next()).done);e=!0){var _=i.value;if(_.name==t)var v=_.code}}catch(d){l=!0,n=d}finally{try{e||null==c.return||c.return()}finally{if(l)throw n}}a.isVideoUrl=!1,a.list=[],v?Object(r["g"])({serial:o,pcode:v}).then((function(t){a.parentSerial=t[0].serial,a.list=t,Object(r["m"])({serial:a.parentSerial,code:t[0].code}).then((function(t){a.isVideoUrl=!0,setTimeout((function(){a.loading=!1}),1e3),a.videoUrl=t.WS_FLV}))})):a.loading=!1}))}))},onTextLook:function(t,a){var s={index:t,activeName:a,dataObj:this.dataObj};i["a"].$emit("dialog_show",s)},onTextLookEnv:function(){this.$store.commit("set_is_show_huan_jing_jian_ce_table",Object(c["a"])(12,100,1))},onClickVideo:function(){var t={parentSerial:this.parentSerial,list:this.list};i["a"].$emit("dialog_show_video",t)}},computed:{compony_info:function(){return this.$store.state.compony_info}},watch:{compony_info:function(t){this.onGrouptree(t.name),this.dataObj=t}}},d=v,p=(s("dc0c"),s("2877")),u=Object(p["a"])(d,o,e,!1,null,null,null);a["default"]=u.exports},"2a07":function(t,a,s){},dc0c:function(t,a,s){"use strict";var o=s("2a07"),e=s.n(o);e.a}}]);
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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