Commit 04c53770 authored by liuyuping's avatar liuyuping

'2021-12-03'

parent 19cc450e
......@@ -12,7 +12,6 @@ export function getFXData(data) {
// 一键发送
export function sendRiskSM(data) {
console.log('我被调用了', 'sendRiskSM')
return request5({
url: "api/hiddenTroubleCheck/sendRiskSM",
method: "get",
......
......@@ -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
}
})
}
......@@ -47,47 +47,8 @@
<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(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>
<!-- <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-col :span="12">报警记录</el-col>
<el-col class="text_look" :span="12"><span @click="onTextLook(6, 'bjjl')">查看</span></el-col>
......@@ -98,6 +59,20 @@
<el-col class="text_look" :span="12"><span @click="onClickthree">查看</span></el-col>
</el-row>
</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>视频AI</div>
<div>
......@@ -150,6 +125,12 @@ export default {
},
methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
onGrouptree(name) {
grouptree().then(res => {
const serial = res[0].serial
......@@ -306,7 +287,7 @@ export default {
}
.base-type{
min-height:32vh;
min-height:21vh;
}
}
}
......
......@@ -2,7 +2,7 @@
<div class="big-data-left-wrapper">
<div class="big-data1 big-data">
<div class="big-data-title-wrapper">
区域报警统计
在线监测设备
<div class="big-data-title-dec"></div>
</div>
<div class="big-data-chart1">
......@@ -27,19 +27,48 @@
</div>
<div class="big-data-chart5"></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-dec"></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>
</div>
</template>
<script>
import { dictDetail } from '@/api/index.js'
export default {
data() {
return {
curIndus: [],
curChosenIndus: '煤矿'
}
},
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.init3()
this.init5()
......@@ -118,7 +147,7 @@ export default {
},
yAxis: {
type: "value",
name: '隐患总',
name: '',
axisLine: {
show: false
},
......@@ -174,7 +203,7 @@ export default {
const option = {
title: {
text: "总数量",
subtext: "" + 13,
subtext: "" + 0,
left: "center",
top: "40%",
textStyle: {
......@@ -199,14 +228,14 @@ export default {
avoidLabelOverLap: true,
data: [
{
value: 8,
value: 0,
name: "重大隐患未闭环",
itemStyle: {
color: "#E74C3C"
}
},
{
value: 5,
value: 0,
name: "重大隐患已闭环",
itemStyle: {
color: "#FDFA02"
......@@ -234,12 +263,18 @@ export default {
mychart.setOption(option)
},
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 mychart = echarts.init(targetDom)
mychart.clear()
const option = {
title: {
text: "总数量",
subtext: "" + 68,
subtext: "" + totalNum,
left: "center",
top: "40%",
textStyle: {
......@@ -264,28 +299,28 @@ export default {
avoidLabelOverLap: true,
data: [
{
value: 44,
value: lowNum,
name: "低风险",
itemStyle: {
color: "#057AFD"
}
},
{
value: 12,
value: generalNum,
name: "一般风险",
itemStyle: {
color: "#FEFA03"
}
},
{
value: 10,
value: greaterNum,
name: "较大风险",
itemStyle: {
color: "#F88F12"
}
},
{
value: 2,
value: majorNum,
name: "重大风险",
itemStyle: {
color: "#FF414B"
......@@ -312,11 +347,26 @@ export default {
}
mychart.setOption(option)
}
},
watch: {
curChosenIndus(newVal, oldVal) {
console.log(newVal, oldVal, 'curChosenIndus curChosenIndus')
if (newVal !== oldVal) {
this.init7()
}
}
}
}
</script>
<style lang="scss">
.to-right-top-select {
position: absolute;
right: 0;
top: 0;
width:118px;
height: 56px;
}
.big-data-left-wrapper {
position: absolute;
left: 0;
......
......@@ -18,19 +18,19 @@
</div>
<div class="big-data-chart2-table-wrapper">
<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-title3">时间</span>
</div>
<div class="big-data-chart2-table-content-wrapper">
<div class="big-data-chart2-table-content-item">
<span>监视模块</span>
<span>报警一次</span>
<span>已解除</span>
<span>2021-11-21</span>
</div>
<div class="big-data-chart2-table-content-item">
<span>控制模块</span>
<span>报警一次</span>
<span style="color: red;">报警</span>
<span>2021-11-11</span>
</div>
</div>
......@@ -44,10 +44,24 @@
</div>
<div class="big-data-chart4"></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-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 class="big-data-chart6"></div>
</div>
......@@ -62,8 +76,24 @@
</template>
<script>
import { dept } from '@/api/index.js'
export default {
data() {
return {
curEnterprises: [],
curChosenEnter: '山金白音呼布',
isShowCurSelect: false
}
},
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.init6()
this.init8()
......@@ -114,29 +144,30 @@ export default {
}
},
series: [
// {
// name: '一般隐患',
// type: 'bar',
// stack: 'total',
// data: [60, 120, 220, 70]
// },
{
name: '重大隐患',
type: 'bar',
stack: 'total',
data: [10, 4, 1, 12]
data: [0, 0, 0, 0]
}
]
}
mychart.setOption(option)
},
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 mychart = echarts.init(targetDom)
mychart.clear();
const option = {
title: {
text: "总数量",
subtext: "" + 204,
subtext: "" + totalNum,
left: "center",
top: "40%",
textStyle: {
......@@ -161,28 +192,28 @@ export default {
avoidLabelOverLap: true,
data: [
{
value: 123,
value: lowNum,
name: "低风险",
itemStyle: {
color: "#057AFD"
}
},
{
value: 56,
value: generalNum,
name: "一般风险",
itemStyle: {
color: "#FEFA03"
}
},
{
value: 24,
value: greaterNum,
name: "较大风险",
itemStyle: {
color: "#F88F12"
}
},
{
value: 1,
value: majorNum,
name: "重大风险",
itemStyle: {
color: "#FF414B"
......@@ -215,7 +246,7 @@ export default {
const option = {
title: {
text: "总数量",
subtext: "" + 418,
subtext: "" + 44,
left: "center",
top: "40%",
textStyle: {
......@@ -240,28 +271,28 @@ export default {
avoidLabelOverLap: true,
data: [
{
value: 278,
value: 32,
name: "低风险",
itemStyle: {
color: "#057AFD"
}
},
{
value: 94,
value: 12,
name: "一般风险",
itemStyle: {
color: "#FEFA03"
}
},
{
value: 32,
value: 0,
name: "较大风险",
itemStyle: {
color: "#F88F12"
}
},
{
value: 14,
value: 0,
name: "重大风险",
itemStyle: {
color: "#FF414B"
......@@ -288,11 +319,42 @@ export default {
}
mychart.setOption(option)
}
},
watch: {
curChosenEnter(newVal, oldVal) {
console.log(newVal, oldVal, 'curChosenEnter curChosenEnter')
if (newVal !== oldVal) {
this.init6()
}
}
}
}
</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">
.to-right-top-select {
position: absolute;
right: 0;
top: 0;
width:118px;
height: 56px;
}
.big-data-right-wrapper {
position: absolute;
right: 0;
......@@ -441,5 +503,41 @@ export default {
.big-data-chart8 {
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>
\ No newline at end of file
......@@ -6,7 +6,7 @@
<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 == 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 == 4}" @click="onActive(4)">应急处置</span> -->
</div>
......
......@@ -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>
</div>
</div>
<div class="base_left_box_line" style="height: 25vh">
<div class="base_left_box_line" style="height: 21vh">
<div class="title">监测类型</div>
<el-row class="text">
......@@ -37,9 +37,21 @@
</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>
<br />
<div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div>
<div>
......@@ -87,6 +99,12 @@ export default {
},
methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
// 关闭页面
onClickDel() {
this.$store.commit('SET_IS_LEFT', false)
......
<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
......@@ -26,7 +26,7 @@
</div>
</div>
<div class="base_left_box_line" style="height: 25vh">
<div class="base_left_box_line" style="height: 21vh">
<div class="title">监测类型</div>
......@@ -57,6 +57,22 @@
</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>视频AI</div>
<div>
......@@ -129,7 +145,12 @@ export default {
},
methods: {
targetTrackingPosition() {
this.$store.commit('SET_TARGET_TRACKING_POSITION', true)
},
enterDynamicMonitor(){
this.$store.commit('SET_ENTER_DYNAMIC_MONITOR', true)
},
onltkDialog() {
this.is_ltk_dialog = false
},
......
This diff is collapsed.
<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
......@@ -43,13 +43,23 @@ export default new Vuex.Store({
curVideoUrl: '',
curIsVideo: false,
curVideoShow: false
curVideoShow: false,
curEnterDynamicMonitor: false,
curTargetTrackingPosition: false
},
mutations: {
SET_TARGET_TRACKING_POSITION(state, val) {
state.curTargetTrackingPosition = val
},
SET_ENTER_DYNAMIC_MONITOR(state, val) {
state.curEnterDynamicMonitor = val
},
SET_VideoUrl(state, url) {
state.curVideoUrl = url
......
......@@ -50,6 +50,8 @@
<saleitem7 v-show="showItem7"></saleitem7>
<potrait v-if="isShowPotrait"></potrait>
<videoai v-show="isShowVideo"></videoai>
<enterdynamicmonitor v-show="isShowEnterDynamicMonitor"></enterdynamicmonitor>
<targetrackingposition v-show="isShowTargetTrackingPosition"></targetrackingposition>
</div>
</template>
......@@ -96,6 +98,10 @@ import potrait from '../components/potrait/potrait.vue'
import videoai from '../components/videoai/videoai.vue'
import enterdynamicmonitor from '../components/enterdynamicmonitor/enterdynamicmonitor.vue'
import targetrackingposition from '../components/targetrackingposition/targettrackingposition.vue'
export default {
name: 'home',
......@@ -116,7 +122,12 @@ export default {
created() {
this.$store.dispatch('typeOptions')
},
mounted() {
// window.addEventListener('beforeunload', (e) => {
// console.log(e, 'beforeUnload beforeUnLoad')
// })
console.log('beforeUnload beforeUnload beforeUnload')
},
methods: {
onRightImg() {
this.$store.commit('SET_IS_Right', true)
......@@ -124,6 +135,12 @@ export default {
},
computed: {
isShowTargetTrackingPosition() {
return this.$store.state.curTargetTrackingPosition
},
isShowEnterDynamicMonitor() {
return this.$store.state.curEnterDynamicMonitor
},
isShowVideo() {
return this.$store.state.curVideoShow
},
......@@ -157,7 +174,7 @@ export default {
return this.$store.state.showSaleItem7
},
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() {
return this.$store.state.isShowEnterPortrait
......@@ -279,7 +296,9 @@ export default {
potrait,
videoai,
bigdataleft,
bigdataright
bigdataright,
enterdynamicmonitor,
targetrackingposition
},
}
</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