Skip to content

N
Nei_Meng_An_Jian_4
Commit 1121e522 authored by 张浩然's avatar 张浩然
Browse files
Options

修改风险报警

parent b9f6750a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 274 additions and 6 deletions
src/components/base/BaseLeft.vue
View file @ 1121e522
......@@ -17,7 +17,7 @@
</el-row>
</div>
<div class="base_left_box_line">
<div class="base_left_box_line base-type">
<div class="title">监测类型</div>
<el-row class="text">
......@@ -266,6 +266,10 @@ export default {
margin-top: 0.5vh;
}
}
.base-type{
height:37vh;
}
}
}
</style>
\ No newline at end of file
src/components/fenxian/fenxian_right.vue
View file @ 1121e522
......@@ -24,10 +24,17 @@
<span class="btn_send" @click="onSendRiskSM">一键发送</span>
</div>
<div class="page">
<div class="page_div" v-for="(item, index) in zaixiandongtaijiance2" :key="index">
<!-- <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 class="page_div" v-for="(item, index) in dataList" :key="index">
<div class="page_div_son page_div_son2">
<span class="risk-title"> {{ item.name }} {{ item.yhms }}</span>
<span class="time" @click="onClickWarning(item)">查看详情</span>
</div>
</div>
</div>
</div>
......@@ -113,12 +120,86 @@
</div>
</div>
</div>
<div class="dialog fx-dialog" v-show="is_dialog_info">
<img src="@/assets/images/error.png" class="error" @click="is_dialog_info = false" />
<div class="page">
<div class="title">{{ warnData.name }}</div>
<div>
<el-row class="page_text">
<el-col :span="8">排查人</el-col>
<el-col class="text_right" :span="16">{{ warnData.pcr }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">填报人</el-col>
<el-col class="text_right" :span="16">{{ warnData.tbr }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患来源</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhly }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患地点</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhdd }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患部位</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhbw }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患类别</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhlb }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患描述</el-col>
<el-col class="text_right" :span="16">{{ warnData.yhms }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">整改期限</el-col>
<el-col class="text_right" :span="16">{{ warnData.zgqx }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="10">整改实际完成日期</el-col>
<el-col class="text_right" :span="14">{{ warnData.zgwcrq }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">整改类型</el-col>
<el-col class="text_right" :span="16">{{ warnData.zglx }}</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患整改前图片</el-col>
<el-col class="text_right" :span="16">
<img :src="warnData.yhzgqtp" alt="" style="width: 3vw;" @click="onImg(warnData.yhzgqtp)" />
</el-col>
</el-row>
<el-row class="page_text">
<el-col :span="8">隐患整改后图片</el-col>
<el-col class="text_right" :span="16">
<img :src="warnData.yhzghtp" alt="" style="width: 3vw;" @click="onImg(warnData.yhzghtp)" />
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</template>
<script>
import { getFXData, sendRiskSM, getRiskListByCompanycode } from '@/api/fengxian'
import { dept } from '@/api'
import { dept, findHiddenTimeout } from '@/api'
export default {
data() {
......@@ -140,6 +221,10 @@ export default {
is_dialog: false,
warnDataList: [],
dataList: '',
is_dialog_info: false, // 隐患研判显隐
warnData: '', //隐患研判
}
},
......@@ -161,6 +246,8 @@ export default {
this.init()
this.initDept()
this.onFindHiddenTimeout()
},
methods: {
......@@ -198,6 +285,7 @@ export default {
init() {
const myChart = echarts.init(this.$refs.myCharts)
const colorList = ['#1c5ec1', '#FFC107', '#FF7F00', 'red']
const option = {
color: ['#63caff', '#3608FE'],
grid: {
......@@ -228,6 +316,8 @@ export default {
type: 'category',
},
yAxis: {
min: 0,
max: 400,
axisLabel: {
color: '#c0c3cd',
fontSize: 14,
......@@ -269,10 +359,9 @@ export default {
borderColor: '#90979c',
},
],
series: [
{
data: [200, 85, 112, 275, 305],
data: [78, 85, 66, 53, 72],
type: 'bar',
barWidth: 15,
itemStyle: {
......@@ -294,6 +383,20 @@ export default {
},
],
},
normal: {
color: function(params) {
var val = params.value
if (val < 101) {
return colorList[0]
} else if (val < 201) {
return colorList[1]
} else if (val < 301) {
return colorList[2]
} else {
return colorList[3]
}
},
},
},
label: {
show: true,
......@@ -302,6 +405,38 @@ export default {
color: '#fff',
fontSize: 10,
},
markLine: {
symbol: 'none',
lineStyle:{
type:'dotted',
},
data: [
{
yAxis: 0,
itemStyle: {
color: colorList[0]
}
},
{
yAxis: 100,
itemStyle: {
color: colorList[1]
}
},
{
yAxis: 200,
itemStyle: {
color: colorList[2]
}
},
{
yAxis: 300,
itemStyle: {
color: colorList[3]
}
},
]
},
},
],
tooltip: {
......@@ -361,7 +496,38 @@ export default {
})
})
this.is_dialog = true
setTimeout(() => {
this.is_dialog = true
}, 0)
this.is_dialog = false
},
// 隐患
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
})
})
},
onClickWarning(params) {
if (params.hiddenYhzghtpSet.length > 0) {
params.yhzghtp = 'data:image/jpeg;base64,' + params.hiddenYhzghtpSet[0].yhzghtp
}
if (params.hiddenYhzgqtpSet.length > 0) {
params.yhzgqtp = 'data:image/jpeg;base64,' + params.hiddenYhzgqtpSet[0].yhzgqtp
}
this.is_dialog_info = true
this.warnData = params
},
},
}
......@@ -422,6 +588,15 @@ export default {
background-size: 100% 100%;
background-image: url('~@/assets/images/zhengchang.png');
.risk-title{
display: inline-block;
max-width: 11vw;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: normal;
}
.text {
overflow: hidden;
text-overflow: ellipsis;
......@@ -521,5 +696,7 @@ export default {
background-image: linear-gradient(#f97f21, #ffa921);
}
}
.fx-dialog{height:62vh}
}
</style>
src/components/yinhuan/yinhuan_right.vue
View file @ 1121e522
......@@ -273,6 +273,9 @@ export default {
height: 22vh;
.page {
height: 85%;
overflow: auto;
@include scrollbar;
.page_div {
display: flex;
......
web/crossdomain.xml 0 → 100644
View file @ 1121e522
<?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 @ 1121e522
<!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-86a8c330.527242e8.css rel=prefetch><link href=static/css/chunk-c692b744.b52443eb.css rel=prefetch><link href=static/css/chunk-d46dc424.88df363c.css rel=prefetch><link href=static/js/chunk-00f444cb.2de59d4f.js rel=prefetch><link href=static/js/chunk-573f826d.d0671cb7.js rel=prefetch><link href=static/js/chunk-86a8c330.0d7967dc.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/js/chunk-d46dc424.23860e4c.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.c8738970.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.c8738970.js></script></body></html>
\ No newline at end of file
web/js/liveplayer-lib.min.js 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/css/app.6f0067ad.css 0 → 100644
View file @ 1121e522
*{-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-86a8c330.527242e8.css 0 → 100644
View file @ 1121e522
.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}.base-left .base_left_box .base-type{height:37vh}
\ No newline at end of file
web/static/css/chunk-c692b744.b52443eb.css 0 → 100644
View file @ 1121e522
.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-d46dc424.88df363c.css 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/css/chunk-vendors.e977a650.css 0 → 100644
View file @ 1121e522
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 @ 1121e522
This diff is collapsed.
web/static/img/ltk_2.ec9791a4.png 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/js/app.c8738970.js 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/js/chunk-00f444cb.2de59d4f.js 0 → 100644
View file @ 1121e522
This source diff could not be displayed because it is too large. You can view the blob instead.
web/static/js/chunk-573f826d.d0671cb7.js 0 → 100644
View file @ 1121e522
(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
web/static/js/chunk-86a8c330.0d7967dc.js 0 → 100644
View file @ 1121e522
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-86a8c330"],{2731:function(t,a,e){"use strict";e.r(a);var s=function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"base-left"},[s("div",{staticClass:"base_left_box"},[s("img",{attrs:{src:e("fa93")},on:{click:t.onClickDel}}),s("div",{staticClass:"base_left_box_line"},[s("div",{staticClass:"title"},[t._v("基础信息")]),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:8}},[t._v("名称")]),s("el-col",{staticClass:"text_right",attrs:{span:16}},[t._v(t._s(t.dataObj.name))])],1),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:8}},[t._v("地理位置")]),s("el-col",{staticClass:"text_right",attrs:{span:16}},[t._v(t._s(t.dataObj.address))])],1)],1),s("div",{staticClass:"base_left_box_line base-type"},[s("div",{staticClass:"title"},[t._v("监测类型")]),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:12}},[t._v("环境监测")]),s("el-col",{staticClass:"text_look",attrs:{span:12}},[s("span",{on:{click:t.onTextLookEnv}},[t._v("查看")])])],1),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:12}},[t._v("人员定位")]),s("el-col",{staticClass:"text_look",attrs:{span:12}},[s("span",{on:{click:function(a){return t.onTextLook(0,"rydw")}}},[t._v("查看")])])],1),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:12}},[t._v("预警值")]),s("el-col",{staticClass:"text_look",attrs:{span:12}},[s("span",{on:{click:function(a){return t.onTextLook(7,"yjz")}}},[t._v("查看")])])],1),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:12}},[t._v("报警记录")]),s("el-col",{staticClass:"text_look",attrs:{span:12}},[s("span",{on:{click:function(a){return t.onTextLook(6,"yj")}}},[t._v("查看")])])],1),s("el-row",{staticClass:"text"},[s("el-col",{attrs:{span:12}},[t._v("三维")]),s("el-col",{staticClass:"text_look",attrs:{span:12}},[s("span",{on:{click:t.onClickthree}},[t._v("查看")])])],1)],1),s("div",{staticClass:"base_left_box_line"},[s("div",{staticClass:"title"},[t._v("视频监控 "),s("span",{staticClass:"position_look",on:{click:t.onClickVideo}},[t._v("更多")])]),s("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"palyer2"},[t.isVideoUrl?s("LivePlayer",{ref:"player2",attrs:{videoUrl:t.videoUrl,live:""}}):s("LivePlayer",{ref:"player2",attrs:{live:""}})],1)])])])},o=[],i=(e("a4d3"),e("e01a"),e("d28b"),e("b0c0"),e("d3b7"),e("3ca3"),e("ddb0"),e("3f2c")),l=e.n(i),n=e("c75e"),c=e("ed08"),r=e("365c"),d=e("1b62"),_={mixins:[d["a"]],data:function(){return{dataObj:"",videoUrl:"",isVideoUrl:!1,parentSerial:"",list:[],loading:!0}},components:{LivePlayer:l.a},mounted:function(){this.$once("hook:beforeDestroy",(function(){n["a"].$off("dialog_show",null),n["a"].$off("dialog_show_video",null)}))},methods:{onGrouptree:function(t){var a=this;Object(r["g"])().then((function(e){var s=e[0].serial;a.loading=!0,Object(r["g"])({serial:s}).then((function(e){var o=!0,i=!1,l=void 0;try{for(var n,c=e[Symbol.iterator]();!(o=(n=c.next()).done);o=!0){var d=n.value;if(d.name==t)var _=d.code}}catch(v){i=!0,l=v}finally{try{o||null==c.return||c.return()}finally{if(i)throw l}}a.isVideoUrl=!1,a.list=[],_?Object(r["g"])({serial:s,pcode:_}).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 e={index:t,activeName:a,dataObj:this.dataObj};n["a"].$emit("dialog_show",e)},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};n["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}}},v=_,u=(e("dc0c"),e("2877")),f=Object(u["a"])(v,s,o,!1,null,null,null);a["default"]=f.exports},"2a07":function(t,a,e){},dc0c:function(t,a,e){"use strict";var s=e("2a07"),o=e.n(s);o.a}}]);
\ No newline at end of file
web/static/js/chunk-9cff3828.c3cc64da.js 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/js/chunk-c692b744.43227dd7.js 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/js/chunk-d46dc424.23860e4c.js 0 → 100644
View file @ 1121e522
This diff is collapsed.
web/static/js/chunk-vendors.21454246.js 0 → 100644
View file @ 1121e522
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