Skip to content

N
Nei_Meng_An_Jian_4
Commit 04c53770 authored by liuyuping's avatar liuyuping
Browse files
Options

'2021-12-03'

parent 19cc450e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 579 additions and 242 deletions
src/api/fengxian.js
View file @ 04c53770
...@@ -12,7 +12,6 @@ export function getFXData(data) { ...@@ -12,7 +12,6 @@ export function getFXData(data) {
// 一键发送 // 一键发送
export function sendRiskSM(data) { export function sendRiskSM(data) {
console.log('我被调用了', 'sendRiskSM')
return request5({ return request5({
url: "api/hiddenTroubleCheck/sendRiskSM", url: "api/hiddenTroubleCheck/sendRiskSM",
method: "get", method: "get",
......
src/api/operatePortrait.js
View file @ 04c53770
...@@ -9,3 +9,23 @@ export function monitorDevice(deptId) { ...@@ -9,3 +9,23 @@ export function monitorDevice(deptId) {
} }
}) })
} }
export function monitorData(companycode) {
return request5({
url: '/api/dataInfo/monitor',
method: 'get',
params: {
companycode
}
})
}
export function analyzeAlarmNum(companycode) {
return request5({
url: '/api/alarm/analyzeNum',
method: 'get',
params: {
companycode
}
})
}
src/components/base/BaseLeft.vue
View file @ 04c53770
...@@ -47,47 +47,8 @@ ...@@ -47,47 +47,8 @@
<el-col :span="12">尾矿库监测</el-col> <el-col :span="12">尾矿库监测</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(1, 'jyl')">查看</span></el-col> <el-col class="text_look" :span="12"><span @click="onTextLook(1, 'jyl')">查看</span></el-col>
</el-row> </el-row>
<!-- <el-row class="text">
<el-col :span="12">降雨量</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(1, 'jyl')">查看</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(2, 'jrx')">查看</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, 'ksw')">查看</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, 'gt')">查看</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, 'bmwy')">查看</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, 'nbwy')">查看</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(9, 'nbwyqx')">查看</span></el-col>
</el-row> -->
</div> </div>
<!-- <el-row class="text">
<el-col :span="12">预警值</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(7, 'yjz')">查看</span></el-col>
</el-row> -->
<el-row class="text"> <el-row class="text">
<el-col :span="12">报警记录</el-col> <el-col :span="12">报警记录</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(6, 'bjjl')">查看</span></el-col> <el-col class="text_look" :span="12"><span @click="onTextLook(6, 'bjjl')">查看</span></el-col>
...@@ -98,6 +59,20 @@ ...@@ -98,6 +59,20 @@
<el-col class="text_look" :span="12"><span @click="onClickthree">查看</span></el-col> <el-col class="text_look" :span="12"><span @click="onClickthree">查看</span></el-col>
</el-row> </el-row>
</div> </div>
<div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">企业动态监测</div>
<div style="width: 35px; height: 35px;margin-left: 10px;diplay: flex;justify-content: center;align-items: center;cursor: pointer;" @click="enterDynamicMonitor">
<svg t="1638510154638" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2348" width="32" height="32"><path d="M882.1 695.2H143.7V217.4h738.4v477.8z m-694.9-43.4h651.6v-391H187.2v391z" fill="#02fcfe" p-id="2349"></path><path d="M646.4 537.3c-8.2 2-16.5 3.4-24.8 4.4v110.1h-21.7V543.2c-16.1 0-30.4-1.9-43.4-5v135.4h-21.7v-142c-16.6-6.5-30.6-15.1-43.4-24.5v155.7H524V804h206.3v43.4H295.7V804h184.6V673.5h-10.9V489.8c-2.9-2.5-5.9-5-8.7-7.4-11.5-9.9-22.7-19.2-34.7-27.2v218.3h-21.7V443c-9.8-4.3-20.4-7.5-32.6-9.3l0.1-43.8c54.7 6 87.5 34.1 117.2 59.6 31.5 27 58.7 50.3 110.8 50.3 13.1 0 26.2-1.7 39.1-5l7.5 42.5zM729.9 499.5c86.9-58.9 152.2-169.7 152.2-282.1h-43.4c0 94.8-55.4 190.9-128 242.9l19.4 39.5M320.5 434.4c-3 0.4-5.9 1-8.8 1.6-78.5 17.7-126.2 115.5-126.7 116.6l-39.2-18.8c2.4-5.1 59.4-121.8 161.4-141.2 2.4-0.5 4.8-0.9 7.2-1.2l6.1 43z" fill="#02fcfe" p-id="2350"></path><path d="M328.3 465H350v208.5h-21.7zM675.8 551.9h21.7v121.6h-21.7z" fill="#02fcfe" p-id="2351"></path><path d="M339.2 478c-35.9 0-65.2-29.2-65.2-65.2s29.2-65.2 65.2-65.2 65.2 29.2 65.2 65.2-29.3 65.2-65.2 65.2z m0-86.9c-12 0-21.7 9.7-21.7 21.7s9.7 21.7 21.7 21.7 21.7-9.7 21.7-21.7-9.7-21.7-21.7-21.7z" fill="#02fcfe" p-id="2352"></path><path d="M686.7 434.6c-35.9 0-65.2 29.2-65.2 65.2s29.2 65.2 65.2 65.2c35.9 0 65.2-29.2 65.2-65.2s-29.3-65.2-65.2-65.2z m0 86.8c-12 0-21.7-9.7-21.7-21.7s9.7-21.7 21.7-21.7 21.7 9.7 21.7 21.7-9.7 21.7-21.7 21.7z" fill="#02fcfe" p-id="2353"></path></svg>
</div>
</div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">目标跟踪定位</div>
<div style="width: 35px;height: 35px; margin-left: 10px; display: flex; justify-content: center; align-items: center;cursor: pointer;" @click="targetTrackingPosition">
<svg t="1638510330741" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3264" width="32" height="32"><path d="M64 480h96v64H64zM864 480h96v64h-96z" p-id="3265" fill="#02fcfe"></path><path d="M512 512m-192 0a192 192 0 1 0 384 0 192 192 0 1 0-384 0Z" p-id="3266" fill="#02fcfe"></path><path d="M512 896a382.88 382.88 0 1 1 149.48-30.19A381.62 381.62 0 0 1 512 896z m0-717.55a332.42 332.42 0 1 0 129.82 26.2A331.44 331.44 0 0 0 512 178.45z" p-id="3267" fill="#02fcfe"></path><path d="M480 64h64v96h-64zM480 864h64v96h-64z" p-id="3268" fill="#02fcfe"></path></svg>
</div>
</div>
</div>
<div class="videoai-wrapper" @click="videoaiShow"> <div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div> <div>视频AI</div>
<div> <div>
...@@ -150,6 +125,12 @@ export default { ...@@ -150,6 +125,12 @@ export default {
}, },
methods: { methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
onGrouptree(name) { onGrouptree(name) {
grouptree().then(res => { grouptree().then(res => {
const serial = res[0].serial const serial = res[0].serial
...@@ -306,7 +287,7 @@ export default { ...@@ -306,7 +287,7 @@ export default {
} }
.base-type{ .base-type{
min-height:32vh; min-height:21vh;
} }
} }
} }
......
src/components/bigdata/bigdataLeft.vue
View file @ 04c53770
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="big-data-left-wrapper"> <div class="big-data-left-wrapper">
<div class="big-data1 big-data"> <div class="big-data1 big-data">
<div class="big-data-title-wrapper"> <div class="big-data-title-wrapper">
区域报警统计 在线监测设备
<div class="big-data-title-dec"></div> <div class="big-data-title-dec"></div>
</div> </div>
<div class="big-data-chart1"> <div class="big-data-chart1">
...@@ -22,24 +22,53 @@ ...@@ -22,24 +22,53 @@
</div> </div>
<div class="big-data5 big-data"> <div class="big-data5 big-data">
<div class="big-data-title-wrapper"> <div class="big-data-title-wrapper">
重大安全隐患整改数量情况统计 重大安全隐患整改数量情况统计
<div class="big-data-title-dec"></div> <div class="big-data-title-dec"></div>
</div> </div>
<div class="big-data-chart5"></div> <div class="big-data-chart5"></div>
</div> </div>
<div class="big-data7 big-data"> <div class="big-data7 big-data" style="position: relative;">
<div class="big-data-title-wrapper"> <div class="big-data-title-wrapper">
行业生产风险统计 行业生产风险统计
<div class="big-data-title-dec"></div> <div class="big-data-title-dec"></div>
</div> </div>
<div class="to-right-top-select">
<el-select
v-model="curChosenIndus"
size="mini"
>
<el-option
v-for="item in curIndus"
:key="item.label"
:value="item.label"
:label="item.label"
></el-option>
</el-select>
</div>
<div class="big-data-chart7"></div> <div class="big-data-chart7"></div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { dictDetail } from '@/api/index.js'
export default { export default {
data() {
return {
curIndus: [],
curChosenIndus: '煤矿'
}
},
mounted() { mounted() {
dictDetail({
page: 0,
size: 999,
sort: 'id,desc',
dictName: '所属行业'
}).then(res => {
console.log(res, 'dictDetail dictDetail dictDetail')
this.curIndus = res.content.filter(item => item.createBy==='admin')
})
this.init1() this.init1()
this.init3() this.init3()
this.init5() this.init5()
...@@ -118,7 +147,7 @@ export default { ...@@ -118,7 +147,7 @@ export default {
}, },
yAxis: { yAxis: {
type: "value", type: "value",
name: '隐患总量', name: '产量',
axisLine: { axisLine: {
show: false show: false
}, },
...@@ -174,7 +203,7 @@ export default { ...@@ -174,7 +203,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 13, subtext: "" + 0,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -199,14 +228,14 @@ export default { ...@@ -199,14 +228,14 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 8, value: 0,
name: "重大隐患未闭环", name: "重大隐患未闭环",
itemStyle: { itemStyle: {
color: "#E74C3C" color: "#E74C3C"
} }
}, },
{ {
value: 5, value: 0,
name: "重大隐患已闭环", name: "重大隐患已闭环",
itemStyle: { itemStyle: {
color: "#FDFA02" color: "#FDFA02"
...@@ -234,12 +263,18 @@ export default { ...@@ -234,12 +263,18 @@ export default {
mychart.setOption(option) mychart.setOption(option)
}, },
init7() { init7() {
let lowNum = Math.floor(Math.random() * 7)
let generalNum = Math.floor(Math.random() * 2)
let greaterNum = 0
let majorNum = 0
let totalNum = lowNum + generalNum
const targetDom = document.querySelector('.big-data-chart7') const targetDom = document.querySelector('.big-data-chart7')
const mychart = echarts.init(targetDom) const mychart = echarts.init(targetDom)
mychart.clear()
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 68, subtext: "" + totalNum,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -264,28 +299,28 @@ export default { ...@@ -264,28 +299,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 44, value: lowNum,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 12, value: generalNum,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 10, value: greaterNum,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 2, value: majorNum,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
...@@ -312,11 +347,26 @@ export default { ...@@ -312,11 +347,26 @@ export default {
} }
mychart.setOption(option) mychart.setOption(option)
} }
},
watch: {
curChosenIndus(newVal, oldVal) {
console.log(newVal, oldVal, 'curChosenIndus curChosenIndus')
if (newVal !== oldVal) {
this.init7()
}
}
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.to-right-top-select {
position: absolute;
right: 0;
top: 0;
width:118px;
height: 56px;
}
.big-data-left-wrapper { .big-data-left-wrapper {
position: absolute; position: absolute;
left: 0; left: 0;
......
src/components/bigdata/bigdataRight.vue
View file @ 04c53770
...@@ -18,19 +18,19 @@ ...@@ -18,19 +18,19 @@
</div> </div>
<div class="big-data-chart2-table-wrapper"> <div class="big-data-chart2-table-wrapper">
<div class="big-data-chart2-table-title"> <div class="big-data-chart2-table-title">
<span class="big-data-chart2-table-title1">报警设备名称</span> <span class="big-data-chart2-table-title1">设备名称</span>
<span class="big-data-chart2-table-title2">报警状态</span> <span class="big-data-chart2-table-title2">报警状态</span>
<span class="big-data-chart2-table-title3">时间</span> <span class="big-data-chart2-table-title3">时间</span>
</div> </div>
<div class="big-data-chart2-table-content-wrapper"> <div class="big-data-chart2-table-content-wrapper">
<div class="big-data-chart2-table-content-item"> <div class="big-data-chart2-table-content-item">
<span>监视模块</span> <span>监视模块</span>
<span>报警一次</span> <span>已解除</span>
<span>2021-11-21</span> <span>2021-11-21</span>
</div> </div>
<div class="big-data-chart2-table-content-item"> <div class="big-data-chart2-table-content-item">
<span>控制模块</span> <span>控制模块</span>
<span>报警一次</span> <span style="color: red;">报警</span>
<span>2021-11-11</span> <span>2021-11-11</span>
</div> </div>
</div> </div>
...@@ -44,10 +44,24 @@ ...@@ -44,10 +44,24 @@
</div> </div>
<div class="big-data-chart4"></div> <div class="big-data-chart4"></div>
</div> </div>
<div class="big-data6 big-data"> <div class="big-data6 big-data" style="display: flex; position: relative;">
<div class="big-data-title-wrapper"> <div class="big-data-title-wrapper">
生产风险统计 生产风险统计
<div class="big-data-title-dec"></div> <div class="big-data-title-dec"></div>
</div>
<div class="to-right-top-select">
<el-select
v-model="curChosenEnter"
size="mini"
>
<el-option
v-for="item in curEnterprises"
:key="item.name"
:label="item.name"
:value="item.name"
></el-option>
</el-select>
</div> </div>
<div class="big-data-chart6"></div> <div class="big-data-chart6"></div>
</div> </div>
...@@ -62,8 +76,24 @@ ...@@ -62,8 +76,24 @@
</template> </template>
<script> <script>
import { dept } from '@/api/index.js'
export default { export default {
data() {
return {
curEnterprises: [],
curChosenEnter: '山金白音呼布',
isShowCurSelect: false
}
},
mounted() { mounted() {
dept().then(res => {
console.log(res, 'bigdataRight bigdataRight bigdataRight bigdataRight')
const toIndex = res.content.map(item => item.name).indexOf('测试企业')
if (toIndex >= -1) {
res.content.splice(toIndex, 1)
}
this.curEnterprises = [...res.content]
})
this.init4() this.init4()
this.init6() this.init6()
this.init8() this.init8()
...@@ -114,29 +144,30 @@ export default { ...@@ -114,29 +144,30 @@ export default {
} }
}, },
series: [ series: [
// {
// name: '一般隐患',
// type: 'bar',
// stack: 'total',
// data: [60, 120, 220, 70]
// },
{ {
name: '重大隐患', name: '重大隐患',
type: 'bar', type: 'bar',
stack: 'total', stack: 'total',
data: [10, 4, 1, 12] data: [0, 0, 0, 0]
} }
] ]
} }
mychart.setOption(option) mychart.setOption(option)
}, },
init6() { init6() {
let lowNum = Math.floor(Math.random() * 6)
let generalNum = Math.floor(Math.random() * 1)
let greaterNum = 0
let majorNum = 0
let totalNum = lowNum + generalNum
const targetDom = document.querySelector('.big-data-chart6') const targetDom = document.querySelector('.big-data-chart6')
const mychart = echarts.init(targetDom) const mychart = echarts.init(targetDom)
mychart.clear();
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 204, subtext: "" + totalNum,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -161,28 +192,28 @@ export default { ...@@ -161,28 +192,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 123, value: lowNum,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 56, value: generalNum,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 24, value: greaterNum,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 1, value: majorNum,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
...@@ -215,7 +246,7 @@ export default { ...@@ -215,7 +246,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 418, subtext: "" + 44,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -240,28 +271,28 @@ export default { ...@@ -240,28 +271,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 278, value: 32,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 94, value: 12,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 32, value: 0,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 14, value: 0,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
...@@ -288,11 +319,42 @@ export default { ...@@ -288,11 +319,42 @@ export default {
} }
mychart.setOption(option) mychart.setOption(option)
} }
},
watch: {
curChosenEnter(newVal, oldVal) {
console.log(newVal, oldVal, 'curChosenEnter curChosenEnter')
if (newVal !== oldVal) {
this.init6()
}
}
} }
} }
</script> </script>
<style scoped>
/* /deep/ .el-input__inner {
border: none;
background: rgba(0, 182, 255, 0);
color: #00ffff;
font-size: 20px;
font-family: "SourceHanSansCN-Regular";
}
/deep/ input.el-input__inner::-webkit-input-placeholder {
padding-left: 1px;
color: #00ffff;
font-size: 20px;
font-family: "SourceHanSansCN-Regular";
} */
</style>
<style lang="scss"> <style lang="scss">
.to-right-top-select {
position: absolute;
right: 0;
top: 0;
width:118px;
height: 56px;
}
.big-data-right-wrapper { .big-data-right-wrapper {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -441,5 +503,41 @@ export default { ...@@ -441,5 +503,41 @@ export default {
.big-data-chart8 { .big-data-chart8 {
flex-grow: 1; flex-grow: 1;
} }
} }
.showEnters {
position: relative;
background: #05145B;
max-height: 20px;
max-width: 56px;
overflow: visible;
.show-enter-result {
font-size: 14px;
color: #00ffff;
cursor: pointer;
background: #05145B;
&::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
pointer-events: none;
background-image: url('../../assets/images/三角下.png');
background-position: center;
}
}
.show-enters-drop-down {
position: absolute;
top: 20px;
left: 5px;
border: 1px solid black;
background: white;
color: black;
.show-enters-item-wrapper {
margin: 3px auto;
font-size: 14px;
}
}
}
</style> </style>
\ No newline at end of file
src/components/comm/CommHeader.vue
View file @ 04c53770
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<span :class="{'span_active' : lineActive == 1}" @click="onActive(1)">综合数据</span> <span :class="{'span_active' : lineActive == 1}" @click="onActive(1)">综合数据</span>
<span :class="{'span_active' : lineActive == 2}" @click="onActive(2)">风险监测</span> <span :class="{'span_active' : lineActive == 2}" @click="onActive(2)">风险监测</span>
<span :class="{'span_active' : lineActive == 3}" @click="onActive(3)">隐患排查</span> <span :class="{'span_active' : lineActive == 3}" @click="onActive(3)">隐患排查</span>
<span :class="{'span_active' : lineActive == 4}" @click="onActive(4)">销售监管</span> <span :class="{'span_active' : lineActive == 4}" @click="onActive(4)">销量监管</span>
<span :class="{'span_active' : lineActive == 5}" @click="onActive(5)">大数据</span> <span :class="{'span_active' : lineActive == 5}" @click="onActive(5)">大数据</span>
<!-- <span :class="{'span_active' : lineActive == 4}" @click="onActive(4)">应急处置</span> --> <!-- <span :class="{'span_active' : lineActive == 4}" @click="onActive(4)">应急处置</span> -->
</div> </div>
......
src/components/dxkq/dxkqZongHe.vue
View file @ 04c53770
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<svg t="1637975296097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1669" width="32" height="32"><path d="M732.089122 1019.920127c-154.87516 0-280.359239-125.596075-280.359239-280.599231 0-155.019156 125.484079-280.615231 280.359239-280.615231s280.359239 125.596075 280.359239 280.615231c0 155.003156-125.484079 280.599231-280.359239 280.599231z m143.627512-139.035655l-79.645511-79.709509a144.747477 144.747477 0 0 0 30.495047-89.117215c0-80.253492-64.989969-145.323459-145.211462-145.323458-80.189494 0-145.179463 65.069967-145.179463 145.323458 0 80.269492 64.989969 145.323459 145.179463 145.323459a144.475485 144.475485 0 0 0 89.053217-30.527046l79.645511 79.709509a18.095435 18.095435 0 0 0 25.663198 0 18.127434 18.127434 0 0 0 0-25.679198z m-194.361926-59.83813c-60.046124 0-108.876598-48.862473-108.876598-108.988594 0-60.094122 48.830474-108.988594 108.876598-108.988594 60.078123 0 108.908597 48.894472 108.908596 108.988594 0 60.126121-48.830474 108.988594-108.908596 108.988594zM732.089122 387.219899c-9.791694 0-19.391394 0.415987-28.975094 1.231962V71.485766l-415.651011 135.819756v-41.454705L745.160714 0.016l137.515702 116.204368V421.138839c-4.47986-2.047936-8.97572-4.095872-13.663573-6.143808a349.10909 349.10909 0 0 0-136.923721-27.775132z m-133.851817-128.043998v154.603168l-3.071904 1.215962a346.213181 346.213181 0 0 0-111.804506 75.373645 349.237086 349.237086 0 0 0-64.077998 87.597263V270.40755L72.589732 381.300084v642.715916H11.583638l0.207994-675.386895 463.393518-161.946939 123.052155 72.493735zM356.436861 477.905065L138.507672 536.111247v-98.028937l217.929189-71.485766v111.308521z m0 179.514391L138.507672 699.690135v-93.949064l217.929189-55.550264v107.228649z m0 182.3783L138.507672 860.213118v-91.901128l217.929189-35.534889v107.020655z m0 181.962314H138.507672v-97.212962l217.929189-15.311522v112.524484z m163.85088-1.231962h-101.004844v-119.868254a354.56492 354.56492 0 0 0 64.061998 87.613262 344.069248 344.069248 0 0 0 36.942846 32.254992z" p-id="1670" fill="#02fcfe"></path></svg> <svg t="1637975296097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1669" width="32" height="32"><path d="M732.089122 1019.920127c-154.87516 0-280.359239-125.596075-280.359239-280.599231 0-155.019156 125.484079-280.615231 280.359239-280.615231s280.359239 125.596075 280.359239 280.615231c0 155.003156-125.484079 280.599231-280.359239 280.599231z m143.627512-139.035655l-79.645511-79.709509a144.747477 144.747477 0 0 0 30.495047-89.117215c0-80.253492-64.989969-145.323459-145.211462-145.323458-80.189494 0-145.179463 65.069967-145.179463 145.323458 0 80.269492 64.989969 145.323459 145.179463 145.323459a144.475485 144.475485 0 0 0 89.053217-30.527046l79.645511 79.709509a18.095435 18.095435 0 0 0 25.663198 0 18.127434 18.127434 0 0 0 0-25.679198z m-194.361926-59.83813c-60.046124 0-108.876598-48.862473-108.876598-108.988594 0-60.094122 48.830474-108.988594 108.876598-108.988594 60.078123 0 108.908597 48.894472 108.908596 108.988594 0 60.126121-48.830474 108.988594-108.908596 108.988594zM732.089122 387.219899c-9.791694 0-19.391394 0.415987-28.975094 1.231962V71.485766l-415.651011 135.819756v-41.454705L745.160714 0.016l137.515702 116.204368V421.138839c-4.47986-2.047936-8.97572-4.095872-13.663573-6.143808a349.10909 349.10909 0 0 0-136.923721-27.775132z m-133.851817-128.043998v154.603168l-3.071904 1.215962a346.213181 346.213181 0 0 0-111.804506 75.373645 349.237086 349.237086 0 0 0-64.077998 87.597263V270.40755L72.589732 381.300084v642.715916H11.583638l0.207994-675.386895 463.393518-161.946939 123.052155 72.493735zM356.436861 477.905065L138.507672 536.111247v-98.028937l217.929189-71.485766v111.308521z m0 179.514391L138.507672 699.690135v-93.949064l217.929189-55.550264v107.228649z m0 182.3783L138.507672 860.213118v-91.901128l217.929189-35.534889v107.020655z m0 181.962314H138.507672v-97.212962l217.929189-15.311522v112.524484z m163.85088-1.231962h-101.004844v-119.868254a354.56492 354.56492 0 0 0 64.061998 87.613262 344.069248 344.069248 0 0 0 36.942846 32.254992z" p-id="1670" fill="#02fcfe"></path></svg>
</div> </div>
</div> </div>
<div class="base_left_box_line" style="height: 25vh"> <div class="base_left_box_line" style="height: 21vh">
<div class="title">监测类型</div> <div class="title">监测类型</div>
<el-row class="text"> <el-row class="text">
...@@ -37,9 +37,21 @@ ...@@ -37,9 +37,21 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">企业动态监测</div>
<div style="width: 35px; height: 35px;margin-left: 10px;diplay: flex;justify-content: center;align-items: center;cursor: pointer;" @click="enterDynamicMonitor">
<svg t="1638510154638" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2348" width="32" height="32"><path d="M882.1 695.2H143.7V217.4h738.4v477.8z m-694.9-43.4h651.6v-391H187.2v391z" fill="#02fcfe" p-id="2349"></path><path d="M646.4 537.3c-8.2 2-16.5 3.4-24.8 4.4v110.1h-21.7V543.2c-16.1 0-30.4-1.9-43.4-5v135.4h-21.7v-142c-16.6-6.5-30.6-15.1-43.4-24.5v155.7H524V804h206.3v43.4H295.7V804h184.6V673.5h-10.9V489.8c-2.9-2.5-5.9-5-8.7-7.4-11.5-9.9-22.7-19.2-34.7-27.2v218.3h-21.7V443c-9.8-4.3-20.4-7.5-32.6-9.3l0.1-43.8c54.7 6 87.5 34.1 117.2 59.6 31.5 27 58.7 50.3 110.8 50.3 13.1 0 26.2-1.7 39.1-5l7.5 42.5zM729.9 499.5c86.9-58.9 152.2-169.7 152.2-282.1h-43.4c0 94.8-55.4 190.9-128 242.9l19.4 39.5M320.5 434.4c-3 0.4-5.9 1-8.8 1.6-78.5 17.7-126.2 115.5-126.7 116.6l-39.2-18.8c2.4-5.1 59.4-121.8 161.4-141.2 2.4-0.5 4.8-0.9 7.2-1.2l6.1 43z" fill="#02fcfe" p-id="2350"></path><path d="M328.3 465H350v208.5h-21.7zM675.8 551.9h21.7v121.6h-21.7z" fill="#02fcfe" p-id="2351"></path><path d="M339.2 478c-35.9 0-65.2-29.2-65.2-65.2s29.2-65.2 65.2-65.2 65.2 29.2 65.2 65.2-29.3 65.2-65.2 65.2z m0-86.9c-12 0-21.7 9.7-21.7 21.7s9.7 21.7 21.7 21.7 21.7-9.7 21.7-21.7-9.7-21.7-21.7-21.7z" fill="#02fcfe" p-id="2352"></path><path d="M686.7 434.6c-35.9 0-65.2 29.2-65.2 65.2s29.2 65.2 65.2 65.2c35.9 0 65.2-29.2 65.2-65.2s-29.3-65.2-65.2-65.2z m0 86.8c-12 0-21.7-9.7-21.7-21.7s9.7-21.7 21.7-21.7 21.7 9.7 21.7 21.7-9.7 21.7-21.7 21.7z" fill="#02fcfe" p-id="2353"></path></svg>
</div>
</div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">目标跟踪定位</div>
<div style="width: 35px;height: 35px; margin-left: 10px; display: flex; justify-content: center; align-items: center;cursor: pointer;" @click="targetTrackingPosition">
<svg t="1638510330741" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3264" width="32" height="32"><path d="M64 480h96v64H64zM864 480h96v64h-96z" p-id="3265" fill="#02fcfe"></path><path d="M512 512m-192 0a192 192 0 1 0 384 0 192 192 0 1 0-384 0Z" p-id="3266" fill="#02fcfe"></path><path d="M512 896a382.88 382.88 0 1 1 149.48-30.19A381.62 381.62 0 0 1 512 896z m0-717.55a332.42 332.42 0 1 0 129.82 26.2A331.44 331.44 0 0 0 512 178.45z" p-id="3267" fill="#02fcfe"></path><path d="M480 64h64v96h-64zM480 864h64v96h-64z" p-id="3268" fill="#02fcfe"></path></svg>
</div>
</div>
</div>
<br />
<div class="videoai-wrapper" @click="videoaiShow"> <div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div> <div>视频AI</div>
<div> <div>
...@@ -87,6 +99,12 @@ export default { ...@@ -87,6 +99,12 @@ export default {
}, },
methods: { methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
// 关闭页面 // 关闭页面
onClickDel() { onClickDel() {
this.$store.commit('SET_IS_LEFT', false) this.$store.commit('SET_IS_LEFT', false)
......
src/components/enterdynamicmonitor/enterdynamicmonitor.vue 0 → 100644
View file @ 04c53770
<template>
<div class="sale-item">
<div class="close-btn" @click="closeSelf"></div>
<div class="dec-title">待接入设备</div>
</div>
</template>
<script>
export default {
methods: {
closeSelf() {
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', false)
}
}
}
</script>
<style lang="scss" scoped>
.sale-item {
position: absolute;
width: 687px;
height: 399px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url('../../assets/images/弹框.png');
background-size: 100% 100%;
.close-btn {
position: absolute;
width: 32px;
height: 34px;
right: 3px;
top: 23px;
background: url('../../assets/images/关闭.png');
}
.dec-title {
position: absolute;
left: 50%;
top: 50%;
width: 425px;
height: 81px;
background: #0F70C7;
transform: translate(-50%, -50%);
font-size: 43px;
font-family: 'Source Han Sans CN';
font-weight: bold;
color: #DFEEF3;
line-height: 81px;
display: flex;
justify-content: center;
}
}
</style>
\ No newline at end of file
src/components/ltk/ltkZongHe.vue
View file @ 04c53770
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</div> </div>
</div> </div>
<div class="base_left_box_line" style="height: 25vh"> <div class="base_left_box_line" style="height: 21vh">
<div class="title">监测类型</div> <div class="title">监测类型</div>
...@@ -57,6 +57,22 @@ ...@@ -57,6 +57,22 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">企业动态监测</div>
<div style="width: 35px; height: 35px;margin-left: 10px;diplay: flex;justify-content: center;align-items: center;cursor: pointer;" @click="enterDynamicMonitor">
<svg t="1638510154638" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2348" width="32" height="32"><path d="M882.1 695.2H143.7V217.4h738.4v477.8z m-694.9-43.4h651.6v-391H187.2v391z" fill="#02fcfe" p-id="2349"></path><path d="M646.4 537.3c-8.2 2-16.5 3.4-24.8 4.4v110.1h-21.7V543.2c-16.1 0-30.4-1.9-43.4-5v135.4h-21.7v-142c-16.6-6.5-30.6-15.1-43.4-24.5v155.7H524V804h206.3v43.4H295.7V804h184.6V673.5h-10.9V489.8c-2.9-2.5-5.9-5-8.7-7.4-11.5-9.9-22.7-19.2-34.7-27.2v218.3h-21.7V443c-9.8-4.3-20.4-7.5-32.6-9.3l0.1-43.8c54.7 6 87.5 34.1 117.2 59.6 31.5 27 58.7 50.3 110.8 50.3 13.1 0 26.2-1.7 39.1-5l7.5 42.5zM729.9 499.5c86.9-58.9 152.2-169.7 152.2-282.1h-43.4c0 94.8-55.4 190.9-128 242.9l19.4 39.5M320.5 434.4c-3 0.4-5.9 1-8.8 1.6-78.5 17.7-126.2 115.5-126.7 116.6l-39.2-18.8c2.4-5.1 59.4-121.8 161.4-141.2 2.4-0.5 4.8-0.9 7.2-1.2l6.1 43z" fill="#02fcfe" p-id="2350"></path><path d="M328.3 465H350v208.5h-21.7zM675.8 551.9h21.7v121.6h-21.7z" fill="#02fcfe" p-id="2351"></path><path d="M339.2 478c-35.9 0-65.2-29.2-65.2-65.2s29.2-65.2 65.2-65.2 65.2 29.2 65.2 65.2-29.3 65.2-65.2 65.2z m0-86.9c-12 0-21.7 9.7-21.7 21.7s9.7 21.7 21.7 21.7 21.7-9.7 21.7-21.7-9.7-21.7-21.7-21.7z" fill="#02fcfe" p-id="2352"></path><path d="M686.7 434.6c-35.9 0-65.2 29.2-65.2 65.2s29.2 65.2 65.2 65.2c35.9 0 65.2-29.2 65.2-65.2s-29.3-65.2-65.2-65.2z m0 86.8c-12 0-21.7-9.7-21.7-21.7s9.7-21.7 21.7-21.7 21.7 9.7 21.7 21.7-9.7 21.7-21.7 21.7z" fill="#02fcfe" p-id="2353"></path></svg>
</div>
</div>
<div style="display: flex; align-items: center;">
<div style="color: #02FCFE;font-size: 14px;">目标跟踪定位</div>
<div style="width: 35px;height: 35px; margin-left: 10px; display: flex; justify-content: center; align-items: center;cursor: pointer;" @click="targetTrackingPosition">
<svg t="1638510330741" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3264" width="32" height="32"><path d="M64 480h96v64H64zM864 480h96v64h-96z" p-id="3265" fill="#02fcfe"></path><path d="M512 512m-192 0a192 192 0 1 0 384 0 192 192 0 1 0-384 0Z" p-id="3266" fill="#02fcfe"></path><path d="M512 896a382.88 382.88 0 1 1 149.48-30.19A381.62 381.62 0 0 1 512 896z m0-717.55a332.42 332.42 0 1 0 129.82 26.2A331.44 331.44 0 0 0 512 178.45z" p-id="3267" fill="#02fcfe"></path><path d="M480 64h64v96h-64zM480 864h64v96h-64z" p-id="3268" fill="#02fcfe"></path></svg>
</div>
</div>
</div>
<div class="videoai-wrapper" @click="videoaiShow"> <div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div> <div>视频AI</div>
<div> <div>
...@@ -129,7 +145,12 @@ export default { ...@@ -129,7 +145,12 @@ export default {
}, },
methods: { methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
onltkDialog() { onltkDialog() {
this.is_ltk_dialog = false this.is_ltk_dialog = false
}, },
......
src/components/potrait/potrait.vue
View file @ 04c53770
This diff is collapsed.
src/components/targetrackingposition/targettrackingposition.vue 0 → 100644
View file @ 04c53770
<template>
<div class="sale-item">
<div class="close-btn" @click="closeSelf"></div>
<div class="dec-title">待接入设备</div>
</div>
</template>
<script>
export default {
methods: {
closeSelf() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', false)
}
}
}
</script>
<style lang="scss" scoped>
.sale-item {
position: absolute;
width: 687px;
height: 399px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url('../../assets/images/弹框.png');
background-size: 100% 100%;
.close-btn {
position: absolute;
width: 32px;
height: 34px;
right: 3px;
top: 23px;
background: url('../../assets/images/关闭.png');
}
.dec-title {
position: absolute;
left: 50%;
top: 50%;
width: 425px;
height: 81px;
background: #0F70C7;
transform: translate(-50%, -50%);
font-size: 43px;
font-family: 'Source Han Sans CN';
font-weight: bold;
color: #DFEEF3;
line-height: 81px;
display: flex;
justify-content: center;
}
}
</style>
\ No newline at end of file
src/store/index.js
View file @ 04c53770
...@@ -43,13 +43,23 @@ export default new Vuex.Store({ ...@@ -43,13 +43,23 @@ export default new Vuex.Store({
curVideoUrl: '', curVideoUrl: '',
curIsVideo: false, curIsVideo: false,
curVideoShow: false curVideoShow: false,
curEnterDynamicMonitor: false,
curTargetTrackingPosition: false
}, },
mutations: { mutations: {
SET_TARGET_TRACKING_POSITION(state, val) {
state.curTargetTrackingPosition = val
},
SET_ENTER_DYNAMIC_MONITOR(state, val) {
state.curEnterDynamicMonitor = val
},
SET_VideoUrl(state, url) { SET_VideoUrl(state, url) {
state.curVideoUrl = url state.curVideoUrl = url
......
src/views/Home.vue
View file @ 04c53770
...@@ -50,6 +50,8 @@ ...@@ -50,6 +50,8 @@
<saleitem7 v-show="showItem7"></saleitem7> <saleitem7 v-show="showItem7"></saleitem7>
<potrait v-if="isShowPotrait"></potrait> <potrait v-if="isShowPotrait"></potrait>
<videoai v-show="isShowVideo"></videoai> <videoai v-show="isShowVideo"></videoai>
<enterdynamicmonitor v-show="isShowEnterDynamicMonitor"></enterdynamicmonitor>
<targetrackingposition v-show="isShowTargetTrackingPosition"></targetrackingposition>
</div> </div>
</template> </template>
...@@ -96,6 +98,10 @@ import potrait from '../components/potrait/potrait.vue' ...@@ -96,6 +98,10 @@ import potrait from '../components/potrait/potrait.vue'
import videoai from '../components/videoai/videoai.vue' import videoai from '../components/videoai/videoai.vue'
import enterdynamicmonitor from '../components/enterdynamicmonitor/enterdynamicmonitor.vue'
import targetrackingposition from '../components/targetrackingposition/targettrackingposition.vue'
export default { export default {
name: 'home', name: 'home',
...@@ -116,7 +122,12 @@ export default { ...@@ -116,7 +122,12 @@ export default {
created() { created() {
this.$store.dispatch('typeOptions') this.$store.dispatch('typeOptions')
}, },
mounted() {
// window.addEventListener('beforeunload', (e) => {
// console.log(e, 'beforeUnload beforeUnLoad')
// })
console.log('beforeUnload beforeUnload beforeUnload')
},
methods: { methods: {
onRightImg() { onRightImg() {
this.$store.commit('SET_IS_Right', true) this.$store.commit('SET_IS_Right', true)
...@@ -124,6 +135,12 @@ export default { ...@@ -124,6 +135,12 @@ export default {
}, },
computed: { computed: {
isShowTargetTrackingPosition() {
return this.$store.state.curTargetTrackingPosition
},
isShowEnterDynamicMonitor() {
return this.$store.state.curEnterDynamicMonitor
},
isShowVideo() { isShowVideo() {
return this.$store.state.curVideoShow return this.$store.state.curVideoShow
}, },
...@@ -157,7 +174,7 @@ export default { ...@@ -157,7 +174,7 @@ export default {
return this.$store.state.showSaleItem7 return this.$store.state.showSaleItem7
}, },
isShow() { isShow() {
return (this.is_sale && (this.showItem1 || this.showItem2 || this.showItem3 || this.showItem4 || this.showItem5 || this.showItem6 || this.showItem7)) || this.isShowPotrait || this.isShowVideo return (this.is_sale && (this.showItem1 || this.showItem2 || this.showItem3 || this.showItem4 || this.showItem5 || this.showItem6 || this.showItem7)) || this.isShowPotrait || this.isShowVideo || this.isShowEnterDynamicMonitor || this.isShowTargetTrackingPosition
}, },
isShowPotrait() { isShowPotrait() {
return this.$store.state.isShowEnterPortrait return this.$store.state.isShowEnterPortrait
...@@ -279,7 +296,9 @@ export default { ...@@ -279,7 +296,9 @@ export default {
potrait, potrait,
videoai, videoai,
bigdataleft, bigdataleft,
bigdataright bigdataright,
enterdynamicmonitor,
targetrackingposition
}, },
} }
</script> </script>
......
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