Skip to content

N
Nei_Meng_An_Jian_4
Commit 4a153dd9 authored by 张浩然's avatar 张浩然
Browse files
Options

zhr-3/12

parent 5223d64b
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2771 additions and 1592 deletions
src/api/fengxian.js 0 → 100644
View file @ 4a153dd9
import request5 from "@/utils/request5";
// 应急仓库
export function getFXData(data) {
return request5({
url: "api/contingencyPlan/getFXData",
method: "get",
params: data
});
}
src/api/index.js
View file @ 4a153dd9
import request from "@/utils/request";
import request2 from "@/utils/request2";
import request3 from "@/utils/request3";
import request4 from "@/utils/request4";
export const httpImg = 'http://jingkongyun.com:8090/';
export const baseURL = 'http://39.98.150.124:8888/'
......@@ -19,7 +19,8 @@ export function login(data) {
// 企业类型
export function dictDetail(data) {
return request2({
url: "api/dictDetail",
// url: "api/dictDetail",
url: "api/dictDetail/findAll",
method: "get",
params: data
});
......@@ -38,7 +39,8 @@ export function sendAlarmSms(data) {
// 企业管理
export function dept(data) {
return request2({
url: "api/dept/allDepts",
// url: "api/dept/allDepts",
url: "api/dept/findAll",
method: "get",
params: data
});
......@@ -168,61 +170,6 @@ export function wkkAlarmMsg(data) {
// 天气
export function weather(data) {
return request({
url: "weather",
method: "get",
params: data
});
}
// 基础数据
export function company_num_with_area(data) {
return request({
url: "company_num_with_area",
method: "get",
params: data
});
}
// 地区信息-风险监测-告警数据查询
export function all_alarm_info(data) {
return request({
url: "all_alarm_info",
method: "get",
params: data
});
}
// 企业今年事故统计
export function company_alarm_year(data) {
return request({
url: "company_alarm_year",
method: "get",
params: data
});
}
// 尾矿库基础数据
export function base_info(data) {
return request({
url: "base_info",
method: "get",
params: data
});
}
// 降雨量汇总值查询(天粒度)
export function rainfall_sum(data) {
return request({
url: "rainfall_sum",
method: "post",
data: data
});
}
// 尾矿库六项指标数据查询
export function wkk(data) {
return request({
......@@ -232,57 +179,40 @@ export function wkk(data) {
});
}
// 尾矿库六项指标警戒值查询
export function alarm_line(data) {
return request({
url: "alarm_line",
method: "post",
data: data
});
}
// 视频监控地址查询
export function video_surveillance(data) {
return request({
url: "video_surveillance",
/* 视频 */
export function grouptree(data) {
return request3({
url: "api/v1/device/grouptree",
method: "get",
params: data
});
}
// 企业/矿山告警解除查询
export function cancel_alarm(data) {
return request({
url: "cancel_alarm",
// api/v1/stream/start
export function start(data) {
return request3({
url: "api/v1/stream/start",
method: "get",
params: data
});
}
//
export function gantan_info(data) {
return request({
url: "gantan_info",
method: "post",
data: data
});
}
/* 视频 */
export function grouptree(data) {
return request3({
url: "api/v1/device/grouptree",
// 隐患
export function findHiddenTimeout(data) {
return request4({
url: "api/hiddenTroubleCheck/findAllwarningHiddenTrouble",
method: "get",
params: data
});
}
// api/v1/stream/start
export function start(data) {
return request3({
url: "api/v1/stream/start",
// 重大隐患
export function undergroundSeriousHiddenTrouble(data) {
return request4({
url: "/api/undergroundSeriousHiddenTrouble/warn",
method: "get",
params: data
});
......
src/api/weikuangku.js 0 → 100644
View file @ 4a153dd9
import request5 from "@/utils/request5";
// 环境监测
export function environment(data) {
return request5({
url: "api/environment",
method: "get",
params: data
});
}
// 降雨量
export function jiangYuLiang(data) {
return request5({
url: "api/wkkJiangYuLiang",
method: "get",
params: data
});
}
// 浸润线
export function jinRunXian(data) {
return request5({
url: "api/wkkJinRunXian",
method: "get",
params: data
});
}
// 干滩
export function ganTan(data) {
return request5({
url: "api/wkkGanTan",
method: "get",
params: data
});
}
// 内部位移倾斜
export function neiBuWeiYiQingXie(data) {
return request5({
url: "api/neiBuWeiYiQingXie",
method: "get",
params: data
});
}
// 库水位
export function kuShuiWei(data) {
return request5({
url: "api/wkkKuShuiWei",
method: "get",
params: data
});
}
// 表面位移
export function biaoMianWeiYi(data) {
return request5({
url: "api/wkkBiaoMianWeiYi",
method: "get",
params: data
});
}
// 尾矿库报警
export function wkkAlarmMsg(data) {
return request5({
url: "api/wkkAlarmMsg",
method: "get",
params: data
});
}
// 人员定位
export function findPersonnelReal(data) {
return request5({
url: "api/personnelRealTimeData/findPersonnelReal",
method: "get",
params: data
});
}
\ No newline at end of file
src/api/yinhuan.js 0 → 100644
View file @ 4a153dd9
import request5 from "@/utils/request5";
// 应急仓库
export function getYJStorageData(data) {
return request5({
url: "api/storage/getYJStorageData",
method: "get",
params: data
});
}
// 物资管理
export function getYJSuppliesData(data) {
return request5({
url: "api/supplies/getYJSuppliesData",
method: "get",
params: data
});
}
// 应急专家
export function getYJExpertData(data) {
return request5({
url: "api/expert/getYJExpertData",
method: "get",
params: data
});
}
// 应急队伍
export function getYJEmergencyTeamData(data) {
return request5({
url: "api/emergencyTeam/getYJEmergencyTeamData",
method: "get",
params: data
});
}
// 避难场所
export function getYJShelterData(data) {
return request5({
url: "api/shelter/getYJShelterData",
method: "get",
params: data
});
}
// 应急车辆
export function getYJCarData(data) {
return request5({
url: "api/yjCar/getYJCarData",
method: "get",
params: data
});
}
// 应急预案
export function getYJContingencyPlanData(data) {
return request5({
url: "api/contingencyPlan/getYJContingencyPlanData",
method: "get",
params: data
});
}
\ No newline at end of file
src/components/base/BaseLeft.vue
View file @ 4a153dd9
......@@ -132,6 +132,7 @@ export default {
grouptree({
serial,
}).then(res => {
for (let item of res) {
if (item.name == name) {
var code = item.code
......@@ -150,7 +151,6 @@ export default {
pcode: code
}
).then(res => {
this.parentSerial = res[0].serial
this.list = res
......@@ -160,11 +160,12 @@ export default {
code: res[0].code,
}
).then(res => {
this.isVideoUrl = true
setTimeout(() => {
this.loading = false
}, 1000)
this.videoUrl = res.WS_FLV
this.isVideoUrl = true
})
})
......
src/components/base/BaseRight.vue
View file @ 4a153dd9
<template>
<div class="base-right">
<img @click="onRightImg" class="img_position" src="@/assets/images/right.png" alt="">
<img @click="onRightImg" class="img_position" src="@/assets/images/right.png" alt="" />
<div class="base_border_box">
<div class="title">{{title}}</div>
<div class="title">{{ title }}</div>
<div class="page_btn">
<div @click="onClickBtn(index, item.obj)" :class="{ 'activeClass' : item.is }" class="btn" v-for="(item, index) in listText" :key="index">{{ item.name }}</div>
<div @click="onClickBtn(index, item.obj)" :class="{ activeClass: item.is }" class="btn" v-for="(item, index) in listText" :key="index">{{ item.name }}</div>
</div>
</div>
<div class="tian_qi">
<div class="tian_qi_title">实时气象数据</div>
<div class="tian_qi_body">
<span style="font-size: 2vw"> <img src="@/assets/images/tian_qi2.png" alt=""> {{ tian_qi_data.tem }}°C</span>
<span style="font-size: 2vw"> <img src="@/assets/images/tian_qi2.png" alt="" /> {{ tian_qi_data.tem }}°C</span>
<span>{{ tian_qi_data.tem1 }}°C / {{ tian_qi_data.tem2 }}°C</span>
<span>空气{{ tian_qi_data.air_level }}</span>
<span>{{ tian_qi_data.wea }}</span>
......@@ -23,7 +23,7 @@
</template>
<script>
import { randNum } from "@/utils";
import { randNum } from '@/utils'
import { dept } from '@/api'
export default {
data() {
......@@ -37,46 +37,48 @@ export default {
},
mounted() {
this.axios.get('https://tianqiapi.com/api', {
this.axios
.get('https://tianqiapi.com/api', {
params: {
version: 'v6',
appsecret: 'Ml0dXby6',
appid: '31268663',
}
},
})
.then(res => {
this.tian_qi_data = res.data
})
this.dept();
this.$store.commit("SET_IS_Right", true);
this.dept()
this.$store.commit('SET_IS_Right', true)
},
methods: {
dept() {
dept().then(res => {
this.listText = []
this.listAll = res;
res.map(item => {
this.listAll = res
res.content.map(item => {
if (item.name == '东乌珠穆沁旗应急管理局') {
return;
return
}
if (item.type == 9) {
this.listText.push({
name: item.name,
is: false,
type: item.type,
obj: item
obj: item,
})
}
})
this.$store.commit('SET_deptData', res.content)
})
},
onRightImg() {
this.isRightFalse = !this.isRightFalse
this.$store.commit("SET_IS_Right", this.isRightFalse);
this.$store.commit('SET_IS_Right', this.isRightFalse)
},
// 传递数据
......@@ -88,35 +90,35 @@ export default {
this.listText[index].is = true
const objItem = {
itemIndex: this.$store.state.BaseLeftIndex,
randNum: randNum(1, 10000, 1)
}
this.$store.commit("SET_IS_LEFT", objItem);
this.$store.commit("set_compony_info", obj);
randNum: randNum(1, 10000, 1),
}
this.$store.commit('SET_IS_LEFT', objItem)
this.$store.commit('set_compony_info', obj)
},
},
computed: {
title() {
return this.$store.state.title
}
},
},
watch: {
title(e) {
let select_item = this.$store.state.select_item;
let select_item = this.$store.state.select_item
this.listText = []
for (let name of select_item) {
if (name.value == e) {
this.listAll.map(item => {
this.listAll.content.map(item => {
if (item.name == '东乌珠穆沁旗应急管理局') {
return;
return
}
if (item.type == name.id) {
this.listText.push({
name: item.name,
is: false,
type: item.type,
obj: item
obj: item,
})
}
})
......@@ -127,8 +129,8 @@ export default {
for (let i of this.listText) {
i.is = false
}
}
}
},
},
}
</script>
......
src/components/dxkq/dxkqZongHe.vue
View file @ 4a153dd9
<template>
<div class="dxkq-left">
<div class="base_left_box">
<img src="@/assets/images/error.png" @click="onClickDel">
<img src="@/assets/images/error.png" @click="onClickDel" />
<div class="base_left_box_line">
<div class="title">基础信息</div>
<el-row class="text">
<el-col :span="8">名称</el-col>
<el-col class="text_right" :span="16">{{dataObj.name}}</el-col>
<el-col class="text_right" :span="16">{{ dataObj.name }}</el-col>
</el-row>
<el-row class="text">
<el-col :span="8">地理位置</el-col>
<el-col class="text_right" :span="16">{{ dataObj.address}}</el-col>
<el-col class="text_right" :span="16">{{ dataObj.address }}</el-col>
</el-row>
</div>
<div class="base_left_box_line" style="height: 25vh">
<div class="title">监测类型</div>
<el-row class="text">
<el-col :span="12">PM2.5</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(1, 'first')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">PM10</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(2, 'second')">查看</span></el-col>
<el-col :span="12">可燃性气体浓度</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(1, 'third')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">噪音</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(3, 'third')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">温度</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(4, 'fourth')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">湿度</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(5, 'fifth')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">气压</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(6, 'sixth')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">臭氧</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(7, 'seventh')">查看</span></el-col>
</el-row>
<el-row class="text">
<el-col :span="12">一氧化碳</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(8, 'eighth')">查看</span></el-col>
</el-row>
</div>
<br>
<br />
<div class="base_left_box_line">
<div class="title">视频监控 <span class="position_look" @click="onClickVideo">更多</span> </div>
<div class="title">视频监控 <span class="position_look" @click="onClickVideo">更多</span></div>
<div class="palyer2">
<!-- <LivePlayer v-if="isVideoUrl" ref="player2" :videoUrl="videoUrl" live /> -->
<LivePlayer ref="player2" live />
<LivePlayer v-if="isVideoUrl" ref="player2" :videoUrl="videoUrl" live />
<LivePlayer v-else ref="player2" live />
</div>
</div>
</div>
</div>
</template>
<script>
import LivePlayer from '@liveqing/liveplayer'
import eventBus from "@/utils/eventbus"
import eventBus from '@/utils/eventbus'
import { grouptree, start } from '@/api'
export default {
data() {
return {
......@@ -102,15 +63,15 @@ export default {
mounted() {
this.dataObj = this.$store.state.compony_info
this.onGrouptree(this.dataObj.name)
},
methods: {
// 关闭页面
onClickDel() {
this.$store.commit("SET_IS_LEFT", false);
this.$store.commit('SET_IS_LEFT', false)
},
// 查看
onTextLook(index, params) {
this.$store.commit('set_isDxkqDialog', {
......@@ -125,15 +86,57 @@ export default {
parentSerial: this.parentSerial,
list: this.list,
}
eventBus.$emit("dialog_show_video", e);
eventBus.$emit('dialog_show_video', e)
},
onGrouptree(name) {
console.log(name)
grouptree().then(res => {
const serial = res[0].serial
this.loading = true
grouptree({
serial,
}).then(res => {
for (let item of res) {
if (item.name == name) {
var code = item.code
}
}
this.isVideoUrl = false
this.list = []
if (!code) {
this.loading = false
return
}
grouptree({
serial,
pcode: code,
}).then(res => {
this.parentSerial = res[0].serial
this.list = res
start({
serial: this.parentSerial,
code: res[0].code,
}).then(res => {
this.isVideoUrl = true
setTimeout(() => {
this.loading = false
}, 1000)
this.videoUrl = res.WS_FLV
})
})
})
})
},
},
}
</script>
<style lang="scss">
@import '@/assets/scss/var.scss';
......
src/components/fenxian/fenxian_left.vue 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
src/components/fenxian/fenxian_right.vue 0 → 100644
View file @ 4a153dd9
<template>
<div class="fengxian_right">
<div class="top">
<div class="title">企业风险等级综合评估</div>
<div class="page">
<div class="page_div" v-for="(item, index) in zaixiandongtaijiance" :key="index">
<div class="page_div_son">
<span class="text" :title="item.message">{{ item.name }}风险等级四级</span>
</div>
</div>
</div>
</div>
<div class="top">
<div class="title">
<span>风险报警</span>
<span class="btn_send">一键发送</span>
</div>
<div class="page">
<div class="page_div" v-for="(item, index) in zaixiandongtaijiance2" :key="index">
<div class="page_div_son page_div_son2 ">
<span class="text" :title="item.message">{{ item.name + item.msg }}</span>
</div>
</div>
</div>
</div>
<div class="top">
<div class="title">
<span>企业(行业)安全态势分析</span>
</div>
<div ref="myCharts" class="charts_div"></div>
</div>
</div>
</template>
<script>
import { getFXData } from '@/api/fengxian'
export default {
data() {
return {
zaixiandongtaijiance: [],
zaixiandongtaijiance2: [],
}
},
mounted() {
console.log(this.$store.state.deptData)
this.zaixiandongtaijiance = [
{
name: '山金白音呼布',
},
{
name: '融冠矿业',
},
{
name: '山金阿尔哈达',
},
{
name: '锡林矿业',
},
{
name: '钨矿',
},
]
this.zaixiandongtaijiance2 = [
{
name: '山金白音呼布',
msg: '干滩长测点通信中断',
},
{
name: '融冠矿业',
msg: '监测站2测点通信中断',
},
{
name: '山金阿尔哈达',
msg: '监测站4测点通信中断',
},
{
name: '山金阿尔哈达',
msg: '监测站4测点通信中断',
},
{
name: '山金阿尔哈达',
msg: '监测站8测点通信中断',
},
]
this.init()
},
methods: {
init() {
const myChart = echarts.init(this.$refs.myCharts)
const option = {
color: ['#63caff', '#3608FE'],
grid: {
containLabel: true,
left: 0,
right: 0,
bottom: 30,
top: 10,
},
xAxis: {
axisLabel: {
color: '#c0c3cd',
fontSize: 14,
interval: 0,
},
splitLine: {
show: false,
},
axisLine: {
lineStyle: {
color: '#384267',
width: 1,
type: 'dashed',
},
show: true,
},
data: ['山金白音呼布', '融冠矿业', '山金阿尔哈达', '锡林矿业', '钨矿'],
type: 'category',
},
yAxis: {
axisLabel: {
color: '#c0c3cd',
fontSize: 14,
},
splitLine: {
show: true,
lineStyle: {
color: '#384267',
type: 'dashed',
},
},
axisLine: {
lineStyle: {
color: '#384267',
width: 1,
type: 'dashed',
},
show: true,
},
name: '',
},
dataZoom: [
{
show: true,
height: 12,
xAxisIndex: [0],
bottom: 0,
start: 0,
end: 60,
handleSize: '110%',
handleStyle: {
color: '#d3dee5',
},
textStyle: {
color: '#fff',
},
borderColor: '#90979c',
},
],
series: [
{
data: [200, 85, 112, 275, 305],
type: 'bar',
barWidth: 15,
itemStyle: {
color: {
x: 0,
y: 0,
x2: 0,
y2: 1,
type: 'linear',
global: false,
colorStops: [
{
offset: 0,
color: '#3A1BFD',
},
{
offset: 1,
color: '#3BEFFD',
},
],
},
},
label: {
show: true,
position: 'top',
distance: 10,
color: '#fff',
fontSize: 10,
},
},
],
tooltip: {
trigger: 'item',
show: true,
},
}
myChart.setOption(option, true)
},
},
}
</script>
<style lang="scss">
@import '@/assets/scss/var.scss';
.fengxian_right {
position: absolute;
background: #040624;
width: 18%;
right: 0;
top: 0;
bottom: 10px;
z-index: 99;
color: #7afffd;
padding: 0 1vw;
.title {
height: 4vh;
display: flex;
justify-content: space-between;
font-size: 2vh;
align-items: center;
}
.top {
height: 30vh;
.page {
height: 85%;
overflow-y: auto;
@include scrollbar;
color: #fff;
.page_div {
margin-bottom: 1.5vh;
margin-right: 0.3vw;
display: flex;
align-items: center;
cursor: pointer;
.page_circle {
display: flex;
align-items: center;
justify-content: center;
width: 1.6vw;
height: 1.6vw;
border-radius: 50%;
background-size: 100% 100%;
margin-right: 0.5vw;
}
.page_div_son {
padding: 0.85vh 0.5vw;
flex: 1;
display: flex;
justify-content: space-between;
background-size: 100% 100%;
background-image: url('~@/assets/images/yingji_4_4.png');
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.page_div_son2 {
background-image: url('~@/assets/images/yingji_3_3.png');
}
}
}
.btn_send {
padding: .3vh .4vw;
font-size: 1.3vh;
color: #ffc107;
border: 1px solid;
border-radius: 5px;
background-color: #ffc1071a;
cursor: pointer;
}
.charts_div {
height: 25vh;
}
}
}
</style>
src/components/home/HomeMap.vue
View file @ 4a153dd9
......@@ -66,7 +66,7 @@ export default {
dept().then(res => {
let select_item = this.$store.state.select_item
let arr = []
res.map(item => {
res.content.map(item => {
for (let i of select_item) {
if (item.type == i.id) {
item.typeName = i.label
......@@ -427,7 +427,7 @@ export default {
}
.amap-overviewcontrol {
top: 0vh;
bottom: 0vh;
left: 20vw;
.amap-overview-main {
......
src/components/wkk_environment/environment.vue
View file @ 4a153dd9
......@@ -16,7 +16,7 @@
<script>
import { timeParse, randNum, unique } from '@/utils'
import { environment } from '@/api'
import { environment } from '@/api/weikuangku'
export default {
data() {
return {
......
src/components/wkk_environment/table.vue
View file @ 4a153dd9
<template>
<el-dialog class="dialog_table" :visible.sync="dialogVisible" top="10vh" width="70%" :before-close="handleClose">
<br>
<div class="func_comm">
<!-- <strong>开始时间</strong>
<br />
<!-- <div class="func_comm">
<strong>开始时间</strong>
<el-date-picker v-model="start_time" @change="onChangeStart" type="datetime" placeholder="选择日期"></el-date-picker>
<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-input v-model="inputItem" placeholder="请输入内容" style="width: 10vw"></el-input>
<el-button type="primary" @click="core">查询</el-button>
<el-button type="primary" @click="onVisual">可视化</el-button>
</div>
</div> -->
<el-table :data="tableData" style="width: 100%" height="55vh">
<el-table-column prop="company" label="企业站点"></el-table-column>
<el-table-column prop="company" label="企业站点">
<template>
<span>{{ companyName }}</span>
</template>
</el-table-column>
<el-table-column prop="location" label="采集站"></el-table-column>
<el-table-column prop="item" label="检测项"></el-table-column>
<el-table-column prop="value" label="数据值"></el-table-column>
......@@ -30,7 +32,7 @@
<script>
import { timeParse, randNum } from '@/utils'
import { environment } from '@/api'
import { environment } from '@/api/weikuangku'
export default {
data() {
return {
......@@ -41,14 +43,15 @@ export default {
tableData: [],
total: 0,
page: 0,
companyName: '',
}
},
methods: {
core() {
const compony_info = this.$store.state.compony_info
this.companyName = compony_info.name
environment({
page: this.page,
size: 10,
......@@ -58,37 +61,28 @@ export default {
// 'insertTime': this.start_time,
// 'insertTime': this.stop_time
}).then(res => {
console.log(res)
this.tableData = res.content.map(item => {
item.insertTime = timeParse(item.insertTime)
return item
})
this.tableData = res.content
this.total = res.totalElements
})
this.dialogVisible = true
},
onVisual() {
this.$store.commit('set_is_show_huan_jing_jian_ce', randNum(12, 100, 1))
},
// 开始时间
onChangeStart(e) {
this.start_time = timeParse(e); // 开始时间
this.start_time = timeParse(e) // 开始时间
},
// 结束时间
onChangeStop(e) {
this.stop_time = timeParse(e); // 开始时间
this.stop_time = timeParse(e) // 开始时间
},
onClickSelect() {
},
onClickSelect() {},
handleClose() {
this.dialogVisible = false
......@@ -97,21 +91,20 @@ export default {
handleCurrentChange(e) {
this.page = e - 1
this.core()
}
},
},
computed: {
is_show_huan_jing_jian_ce_table() {
return this.$store.state.is_show_huan_jing_jian_ce_table
}
},
},
watch: {
is_show_huan_jing_jian_ce_table() {
this.core()
}
}
},
},
}
</script>
......
src/components/wkk_item/item.vue
View file @ 4a153dd9
This diff is collapsed.
src/components/wkk_item/item_charts.vue
View file @ 4a153dd9
......@@ -15,6 +15,8 @@
<script>
import { timeParse, randNum, unique } from '@/utils'
import { wkk } from '@/api'
import { jiangYuLiang, jinRunXian, ganTan, kuShuiWei, biaoMianWeiYi, wkkAlarmMsg } from '@/api/weikuangku'
export default {
data() {
return {
......
src/components/yinhuan/yinhuan_left.vue
View file @ 4a153dd9
This diff is collapsed.
src/components/yinhuan/yinhuan_right.vue
View file @ 4a153dd9
<template>
<div class="yingji_right">
<div class="top">
<div class="title">突发事件信息</div>
<div class="title">历史研判</div>
<div class="page">
<div class="page_input">
<el-input size="mini" placeholder="查看当前企业预案" suffix-icon="el-icon-search"></el-input>
<span class="page_look">查看</span>
<div class="page_div" style="margin-bottom: 1vh;" v-for="(item, index) in dataList" :key="index">
<div class="page_div_son">
<span> {{ item.name }} {{ item.warningHiddenTroubleType }}</span>
<span class="time" @click="onClickWarning(item)">查看详情</span>
</div>
</div>
</div>
</div>
<div class="top">
<div class="title">突发事件信息</div>
<div class="page">
<div class="page_div" v-for="(item, index) in rightList" :key="index">
<span class="icon"></span>
<div class="page_div_right">
<div class="text">{{ item.title }}</div>
<div class="text">{{ item.name }}</div>
<div class="func" @click="onClickFunc(item)">应急预案</div>
</div>
</div>
......@@ -22,40 +29,49 @@
<div class="title">重大隐患说明</div>
<div class="page">
<div class="page--line" v-for="(item, index) in contextList" :key="index">
<span>{{ item.title }}</span>
<span style="color: #fff">{{ item.title }}</span>
<span @click="onContextLook(item)" style="cursor: pointer;">查看</span>
</div>
</div>
</div>
<div class="center">
<div class="bottom" style="height: 18vh;">
<div class="title">
<span>重大安全生产事故隐患分析</span>
</div>
<div class="bottom--context">
<div class="bottom--context--ct_line" v-for="(item, index) in big_weixianList" :key="index">
<span v-if="item.companycode == '152525001'" style="color: #fff">融冠矿业</span>
<span v-if="item.companycode == '152525002'" style="color: #fff">锡林矿业</span>
<span v-if="item.companycode == '152525003'" style="color: #fff">山金阿尔哈达</span>
<span v-if="item.companycode == '152525004'" style="color: #fff">钨矿</span>
<span v-if="item.companycode == '152525005'" style="color: #fff">山金白音呼布</span>
<span>{{ item.sid }}</span>
</div>
</div>
</div>
<div class="dialog" v-if="is_dialog">
<img src="@/assets/images/error.png" class="error" @click="onClickError" />
<div class="page">
<div class="text">{{ rightListDialog.title }}</div>
<div class="text">{{ rightListDialog.name }}</div>
<div class="page_div">
<br />
<div class="title">响应级别</div>
<div class="page_line">{{ rightListDialog.level }}</div>
<div class="page_line">{{ rightListDialog.grade }}</div>
</div>
<div class="page_div">
<div class="title">突发原因</div>
<div class="page_div_text">{{ rightListDialog.reply }}</div>
<div class="page_div_text">{{ rightListDialog.warnType }}</div>
</div>
<div class="page_div">
<div class="title">响应措施</div>
<div class="page_div_text page_div_text2">{{ rightListDialog.content }}</div>
<div class="page_div_text page_div_text2">{{ rightListDialog.annex }}</div>
</div>
<!-- <el-button class="btn" type="warning" @click="onBtn">确认启动</el-button> -->
......@@ -74,7 +90,8 @@
</template>
<script>
import { emergencyPlan } from '@/api'
import { emergencyPlan, undergroundSeriousHiddenTrouble, findHiddenTimeout} from '@/api'
import { getYJContingencyPlanData } from '@/api/yinhuan'
import { contextList } from '@/json/yinhuan.js'
export default {
......@@ -83,62 +100,56 @@ export default {
is_dialog: false,
is_info_dialog_context: false,
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'),
arrList: [],
rightList: [],
rightListDialog: '',
contextList: [],
contextListParams: [],
}
},
mounted() {
var arr = [
{
text: '一级风险',
url: this.one_1,
color: '#FB0B21',
},
{
text: '二级风险',
url: this.two_1,
color: '#FC5004',
},
{
text: '三级风险',
url: this.three_1,
color: '#D9DB12',
},
dataList: [],
{
text: '四级风险',
url: this.four_1,
color: '#0533FC',
big_weixianList: [], //重大安全生产事故隐患分析
}
},
]
mounted() {
// 重大隐患说明
this.contextList = contextList
console.log(contextList)
this.arrList = arr
// 重大安全生产事故隐患分析
undergroundSeriousHiddenTrouble().then(res => {
this.big_weixianList = res.content.map(item => {
return {
companycode: item.companycode,
sid: item.sid,
}
})
})
emergencyPlan().then(res => {
getYJContingencyPlanData().then(res => {
this.rightList = res
})
this.onFindHiddenTimeout()
},
methods: {
// 隐患
onFindHiddenTimeout() {
findHiddenTimeout().then(res => {
let deptData = this.$store.state.deptData // 所有企业
this.dataList = res.content.map(item => {
for (let contx of deptData) {
if (contx.companycode == item.companycode) {
item.name = contx.name
}
}
return item
})
})
},
onClickFunc(e) {
this.rightListDialog = e
this.is_dialog = true
......@@ -182,39 +193,15 @@ export default {
}
.top {
height: 35vh;
height: 20vh;
.page {
height: 85%;
.page_input {
display: flex;
align-items: center;
width: 100%;
.page_look {
width: 3vw;
display: flex;
justify-content: center;
cursor: pointer;
}
.el-input__inner {
background-image: url('~@/assets/images/yingji_input.png');
background-color: transparent;
background-size: 100% 100%;
border: none;
}
.el-input__prefix,
.el-input__suffix {
color: #7afffd;
}
}
.page_div {
display: flex;
align-items: center;
width: 100%;
height: 15%;
height: 3.6vh;
.icon {
width: 1.4vw;
height: 1.4vw;
......@@ -244,57 +231,20 @@ export default {
}
}
}
}
}
}
.center {
height: 23vh;
font-size: 1.5vh;
.title {
.page_div_son {
padding: 0.85vh 0.5vw;
flex: 1;
display: flex;
justify-content: space-between;
}
.btn {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 1vh;
padding: 0.5vh 0;
border-radius: 4px;
background-image: url('~@/assets/images/yingji_input.png');
background-size: 100% 100%;
width: 3vw;
}
.page {
height: 19vh;
.page_div {
display: flex;
height: 8vh;
margin-bottom: 2%;
background-image: url('~@/assets/images/yingji_block.png');
background-size: 100% 100%;
background-image: url('~@/assets/images/yingji_4_4.png');
.left {
display: flex;
align-items: center;
justify-content: center;
width: 30%;
color: #fff;
}
.right {
padding-top: 5%;
color: #d5dafa;
.right_block {
display: flex;
align-items: center;
height: 40%;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 11vw;
}
}
}
......@@ -302,14 +252,26 @@ export default {
}
.bottom {
height: 32vh;
height: 30vh;
overflow: hidden;
overflow-y: auto;
.page {
&--line {
display: flex;
width: 100%;
justify-content: space-between;
line-height: 2;
line-height: 1.8;
}
}
&--context {
height: 84%;
&--ct_line {
display: flex;
align-items: center;
justify-content: space-between;
line-height: 1.8;
}
}
}
......
src/mixins/index.js
View file @ 4a153dd9
......@@ -12,7 +12,7 @@ export default {
if (title == '锡林矿业') {
window.open('http://dwqdp.jingkongyun.com/three/?id=5', '_blank');
} else if (title == '融冠矿业') {
window.open('http://dwqdp.jingkongyun.com/three/?id=4', '_blank');
window.open('http://ndwqu3.jingkongyun.com/3DRongGuan/', '_blank');
} else if (title == '钨矿') {
window.open('http://dwqdp.jingkongyun.com/three/?id=3', '_blank');
} else if (title == '山金阿尔哈达') {
......
src/router/index.js
View file @ 4a153dd9
......@@ -7,7 +7,7 @@ const routes = [
{
path: '/home',
path: '/',
name: 'home',
components: {
default: () => import("../views/Home.vue"),
......@@ -37,14 +37,14 @@ const routes = [
// }
{
// {
path: '/',
name: 'login',
components: {
default: () => import('../views/Login.vue')
}
}
// path: '/',
// name: 'login',
// components: {
// default: () => import('../views/Login.vue')
// }
// }
]
......
src/store/index.js
View file @ 4a153dd9
......@@ -18,6 +18,8 @@ export default new Vuex.Store({
isLeft: false, // 显示 左边栏
isRight: false, // 显示 右边栏
deptData: [], // 所有企业
isLtkDialog: false, // 露天矿 弹框
isDxkqDialog: false, // 地下矿区 弹框
......@@ -37,6 +39,11 @@ export default new Vuex.Store({
state.select_item = value
},
// 获取所有企业
SET_deptData(state, value) {
state.deptData = value
},
SET_TITLE(state, value) {
state.title = value;
},
......
src/utils/request.js
View file @ 4a153dd9
......@@ -18,7 +18,7 @@ const service = axios.create({
service.interceptors.request.use(config => {
if (!config.headers['token']) {
config.headers['token'] = window.localStorage.getItem('token')
config.headers['Authorization'] = 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiIyYmUyNmEzZTg3Njc0NzAwYjQyODY2YjgzNmQwZDQ5OSIsInVzZXIiOiJhZG1pbiIsInN1YiI6ImFkbWluIn0.qlg04WGthnLo0ugvJtKBmJQXNEuxqT3F9bZDdF_iWHvx-YRsWtNY9DUZW-HOC0F_I2dCMsXVtVmed7NcBIItqA'
}
return config;
......
src/utils/request2.js
View file @ 4a153dd9
import axios from 'axios'
import {
Message,
Notification
} from 'element-ui';
import { Message, Notification } from 'element-ui'
const service = axios.create({
baseURL: 'http://39.98.150.124:8888/',
// baseURL: 'http://192.168.3.66:8888/',
timeout: 30000
// baseURL: 'http://39.98.150.124:8888/',
baseURL: 'http://39.98.150.124:8000/',
// baseURL: 'http://192.168.1.123:8000/',
timeout: 30000,
})
service.interceptors.response.use(
response => {
return response.data;
return response.data
},
error => {
......@@ -21,37 +20,32 @@ service.interceptors.response.use(
const responseCode = error.response.status
switch (responseCode) {
case 400:
// Message.error('操作失败');
break;
break
// token 过期
case 401:
Notification({
title: '登录过期，请重新登录',
duration: 2000,
type: 'warning'
});
type: 'warning',
})
setTimeout(() => {
window.localStorage.removeItem('token');
window.localStorage.removeItem('token')
window.location = '#/'
}, 1000)
break;
break
default:
break
}
return error.response.data;
return error.response.data
}
}
)
export default service;
\ No newline at end of file
export default service
src/utils/request3.js
View file @ 4a153dd9
......@@ -6,7 +6,7 @@ import {
} from 'element-ui';
const service = axios.create({
baseURL: 'http://47.92.82.212:10000/',
baseURL: 'http://47.92.82.212:10000/', //视频
timeout: 30000
})
......
src/utils/request4.js 0 → 100644
View file @ 4a153dd9
import axios from 'axios'
import { Message, Notification } from 'element-ui'
const service = axios.create({
// baseURL: 'http://192.168.1.123:8000/', //小葱
baseURL: 'http://39.98.150.124:8000/',
timeout: 30000,
})
service.interceptors.response.use(
response => {
return response.data
},
error => {
if (error.response.status) {
const responseCode = error.response.status
switch (responseCode) {
case 400:
// Message.error('操作失败');
break
// token 过期
case 401:
Notification({
title: '登录过期，请重新登录',
duration: 2000,
type: 'warning',
})
setTimeout(() => {
window.localStorage.removeItem('token')
window.location = '#/'
}, 1000)
break
default:
break
}
return error.response.data
}
}
)
export default service
src/utils/request5.js 0 → 100644
View file @ 4a153dd9
import axios from 'axios'
import { Message, Notification } from 'element-ui'
const service = axios.create({
// baseURL: 'http://192.168.3.216:8000/', // 大龙
// baseURL: 'http://192.168.1.123:8000/', //小葱
baseURL: 'http://39.98.150.124:8000/',
timeout: 30000,
})
service.interceptors.response.use(
response => {
return response.data
},
error => {
if (error.response.status) {
const responseCode = error.response.status
switch (responseCode) {
case 400:
// Message.error('操作失败');
break
// token 过期
case 401:
Notification({
title: '登录过期，请重新登录',
duration: 2000,
type: 'warning',
})
setTimeout(() => {
window.localStorage.removeItem('token')
window.location = '#/'
}, 1000)
break
default:
break
}
return error.response.data
}
}
)
export default service
src/views/Home.vue
View file @ 4a153dd9
......@@ -16,6 +16,9 @@
<yingjiRight v-if="is_yingji" class="fadeInRight animated"></yingjiRight>
<yingjiLeft v-if="is_yingji" class="animated fadeInLeft"></yingjiLeft>
<fenxianRight v-if="is_fengxian" class="fadeInRight animated"></fenxianRight>
<fenxianLeft v-if="is_fengxian" class="animated fadeInLeft"></fenxianLeft>
<yinhuanLeft v-if="is_yinhuan" class="animated fadeInLeft"></yinhuanLeft>
<yinhuanRight v-if="is_yinhuan" class="fadeInRight animated"></yinhuanRight>
......@@ -51,6 +54,9 @@ import dxkqDialog from '@/components/dxkq/dxkqDialog'
import yingjiRight from '@/components/yingji/yingjiRight'
import yingjiLeft from '@/components/yingji/yingjiLeft'
import fenxianLeft from '@/components/fenxian/fenxian_left'
import fenxianRight from '@/components/fenxian/fenxian_right'
import yinhuanLeft from '@/components/yinhuan/yinhuan_left'
import yinhuanRight from '@/components/yinhuan/yinhuan_right'
......@@ -66,6 +72,7 @@ export default {
isDxkq: false,
is_yingji: false, // 应急处置
is_fengxian: false, // 风险处置
is_yinhuan: false, // 隐患排查
}
},
......@@ -98,12 +105,20 @@ export default {
this.fengx_xian_ping_gu = false
this.is_yingji = false
this.is_yinhuan = false
this.is_fengxian = false
if (e === false) return
const compony_info = this.$store.state.compony_info
const title_type = compony_info.typeName
if (e.itemIndex == 2) {
this.$store.commit('SET_IS_Right', false)
this.is_fengxian = true
return
}
if (e.itemIndex == 3) {
this.$store.commit('SET_IS_Right', false)
this.is_yinhuan = true
......@@ -165,6 +180,9 @@ export default {
yinhuanLeft,
yinhuanRight,
fenxianLeft,
fenxianRight,
CommVideo,
},
}
......
web/crossdomain.xml 0 → 100644
View file @ 4a153dd9
<?xml version="1.0" encoding="utf-8"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>
\ No newline at end of file
web/index.html 0 → 100644
View file @ 4a153dd9
<!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-42868b46.cec70464.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-42868b46.3b042a11.js rel=prefetch><link href=static/js/chunk-573f826d.febee051.js rel=prefetch><link href=static/js/chunk-86a8c330.4f73b8a0.js rel=prefetch><link href=static/js/chunk-9cff3828.c3cc64da.js rel=prefetch><link href=static/js/chunk-c692b744.43227dd7.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.46886344.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.46886344.js></script></body></html>
\ No newline at end of file
web/js/liveplayer-lib.min.js 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/css/app.6f0067ad.css 0 → 100644
View file @ 4a153dd9
*{-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
web/static/css/chunk-42868b46.cec70464.css 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/css/chunk-86a8c330.993ce4e6.css 0 → 100644
View file @ 4a153dd9
.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
web/static/css/chunk-c692b744.b52443eb.css 0 → 100644
View file @ 4a153dd9
.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
web/static/css/chunk-vendors.e977a650.css 0 → 100644
View file @ 4a153dd9
This source diff could not be displayed because it is too large. You can view the blob instead.
web/static/img/ltk_1.b7790d6f.png 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/img/ltk_2.ec9791a4.png 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/js/app.46886344.js 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/js/chunk-00f444cb.2de59d4f.js 0 → 100644
View file @ 4a153dd9
This source diff could not be displayed because it is too large. You can view the blob instead.
web/static/js/chunk-42868b46.3b042a11.js 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/js/chunk-573f826d.febee051.js 0 → 100644
View file @ 4a153dd9
(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),n("span",{on:{click:function(t){return e.onClickActive(4)}}},[e._v("管理系统")])],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
web/static/js/chunk-86a8c330.4f73b8a0.js 0 → 100644
View file @ 4a153dd9
(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(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
web/static/js/chunk-9cff3828.c3cc64da.js 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/js/chunk-c692b744.43227dd7.js 0 → 100644
View file @ 4a153dd9
This diff is collapsed.
web/static/js/chunk-vendors.21454246.js 0 → 100644
View file @ 4a153dd9
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