Commit 19cc450e authored by liuyuping's avatar liuyuping

'15:56'

parent f27c2165
import request5 from "@/utils/request5";
export function monitorDevice(deptId) {
return request5({
url: '/api/sensor/monitor',
method: 'get',
params: {
deptId
}
})
}
...@@ -12,11 +12,6 @@ ...@@ -12,11 +12,6 @@
<div class="tian_qi"> <div class="tian_qi">
<div class="tian_qi_title">实时气象数据</div> <div class="tian_qi_title">实时气象数据</div>
<div class="tian_qi_body"> <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>{{ tian_qi_data.tem1 }}°C / {{ tian_qi_data.tem2 }}°C</span>
<span>空气{{ tian_qi_data.air_level }}</span>
<span>{{ tian_qi_data.wea }}</span>
<span>{{ tian_qi_data.win + tian_qi_data.win_speed }}</span> -->
<div style="font-size: 2vw"> <div style="font-size: 2vw">
<img :src="tian_qi_data.img || '/image/tian_qi2.png'" alt="" /> <img :src="tian_qi_data.img || '/image/tian_qi2.png'" alt="" />
</div> </div>
......
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
</div> </div>
<div class="big-data-chart1"> <div class="big-data-chart1">
<div class="alarm-sum-wrapper"> <div class="alarm-sum-wrapper">
<div>报警总数量</div> <div>设备总数量</div>
<div>881770</div> <div>378</div>
</div> </div>
<div class="big-data-chart1-alarm1"></div> <div class="big-data-chart1-alarm1"></div>
</div> </div>
...@@ -52,6 +52,7 @@ export default { ...@@ -52,6 +52,7 @@ export default {
const option = { const option = {
series: [ series: [
{ {
color: ['#1DB3FE', '#00D6E8'],
name: 'alarm1', name: 'alarm1',
type: 'pie', type: 'pie',
radius: ['20%', '70%'], radius: ['20%', '70%'],
...@@ -60,14 +61,29 @@ export default { ...@@ -60,14 +61,29 @@ export default {
itemStyle: { itemStyle: {
borderRadius: 8 borderRadius: 8
}, },
label: {
align: "left",
normal: {
formatter(v) {
return `${v.name}\n${v.value}`;
},
textStyle: {
fontSize: 16
}
}
},
labelLine: {
length: 3,
length2: 10
},
data: [ data: [
{ {
value: 40, value: 178,
name: '正常数量' name: '在线设备'
}, },
{ {
value: 20, value: 200,
name: '报警数量' name: '离线设备'
} }
] ]
} }
...@@ -146,7 +162,7 @@ export default { ...@@ -146,7 +162,7 @@ export default {
name: '冶金工贸', name: '冶金工贸',
smooth: true, smooth: true,
symbol: 'none', symbol: 'none',
data: [70, 100, 200, 10] data: [0, 0, 0, 0]
} }
] ]
} }
...@@ -158,7 +174,7 @@ export default { ...@@ -158,7 +174,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 700, subtext: "" + 13,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -183,14 +199,14 @@ export default { ...@@ -183,14 +199,14 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 200, value: 8,
name: "重大隐患未闭环", name: "重大隐患未闭环",
itemStyle: { itemStyle: {
color: "#E74C3C" color: "#E74C3C"
} }
}, },
{ {
value: 500, value: 5,
name: "重大隐患已闭环", name: "重大隐患已闭环",
itemStyle: { itemStyle: {
color: "#FDFA02" color: "#FDFA02"
...@@ -223,7 +239,7 @@ export default { ...@@ -223,7 +239,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 15468, subtext: "" + 68,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -248,28 +264,28 @@ export default { ...@@ -248,28 +264,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 100, value: 44,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 200, value: 12,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 400, value: 10,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 300, value: 2,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
......
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
<div class="big-data-chart2-alarm-sum2"> <div class="big-data-chart2-alarm-sum2">
<div class="big-data-chart2-sum"> <div class="big-data-chart2-sum">
<span>报警数量</span> <span>报警数量</span>
<span>98</span> <span>324</span>
</div> </div>
<div class="big-data-chart2-sum"> <div class="big-data-chart2-sum">
<span>解除报警数量</span> <span>解除报警数量</span>
<span>86次</span> <span>156次</span>
</div> </div>
</div> </div>
<div class="big-data-chart2-table-wrapper"> <div class="big-data-chart2-table-wrapper">
...@@ -24,14 +24,14 @@ ...@@ -24,14 +24,14 @@
</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>1111</span> <span>监视模块</span>
<span>2222</span> <span>报警一次</span>
<span>3333</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>4444</span> <span>控制模块</span>
<span>5555</span> <span>报警一次</span>
<span>6666</span> <span>2021-11-11</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -114,17 +114,17 @@ export default { ...@@ -114,17 +114,17 @@ export default {
} }
}, },
series: [ series: [
{ // {
name: '一般隐患', // name: '一般隐患',
type: 'bar', // type: 'bar',
stack: 'total', // stack: 'total',
data: [60, 120, 220, 70] // data: [60, 120, 220, 70]
}, // },
{ {
name: '重大隐患', name: '重大隐患',
type: 'bar', type: 'bar',
stack: 'total', stack: 'total',
data: [10, 110, 320, 80] data: [10, 4, 1, 12]
} }
] ]
} }
...@@ -136,7 +136,7 @@ export default { ...@@ -136,7 +136,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 15468, subtext: "" + 204,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -161,28 +161,28 @@ export default { ...@@ -161,28 +161,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 100, value: 123,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 200, value: 56,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 400, value: 24,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 300, value: 1,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
...@@ -215,7 +215,7 @@ export default { ...@@ -215,7 +215,7 @@ export default {
const option = { const option = {
title: { title: {
text: "总数量", text: "总数量",
subtext: "" + 15468, subtext: "" + 418,
left: "center", left: "center",
top: "40%", top: "40%",
textStyle: { textStyle: {
...@@ -240,28 +240,28 @@ export default { ...@@ -240,28 +240,28 @@ export default {
avoidLabelOverLap: true, avoidLabelOverLap: true,
data: [ data: [
{ {
value: 100, value: 278,
name: "低风险", name: "低风险",
itemStyle: { itemStyle: {
color: "#057AFD" color: "#057AFD"
} }
}, },
{ {
value: 200, value: 94,
name: "一般风险", name: "一般风险",
itemStyle: { itemStyle: {
color: "#FEFA03" color: "#FEFA03"
} }
}, },
{ {
value: 400, value: 32,
name: "较大风险", name: "较大风险",
itemStyle: { itemStyle: {
color: "#F88F12" color: "#F88F12"
} }
}, },
{ {
value: 300, value: 14,
name: "重大风险", name: "重大风险",
itemStyle: { itemStyle: {
color: "#FF414B" color: "#FF414B"
......
...@@ -69,7 +69,8 @@ export default { ...@@ -69,7 +69,8 @@ export default {
methods: { methods: {
onClickActive(index, title) { onClickActive(index, title) {
if (index === 4) { if (index === 4) {
window.open('http://dwq.jingkongyun.com/') // window.open('http://dwq.jingkongyun.com/')
window.open('http://Ndwq.jingkongyun.com/')
return; return;
} }
this.$store.commit("SET_IS_LEFT", false); this.$store.commit("SET_IS_LEFT", false);
......
...@@ -16,7 +16,12 @@ ...@@ -16,7 +16,12 @@
<el-col class="text_right" :span="16">{{ dataObj.address }}</el-col> <el-col class="text_right" :span="16">{{ dataObj.address }}</el-col>
</el-row> </el-row>
</div> </div>
<div class="corporate-portrait" @click="popPortrait">
<div>企业画像查询</div>
<div>
<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: 25vh">
<div class="title">监测类型</div> <div class="title">监测类型</div>
...@@ -35,7 +40,12 @@ ...@@ -35,7 +40,12 @@
<br /> <br />
<div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div>
<div>
<svg t="1637996328836" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3046" width="32" height="32"><path d="M758.826667 660.096l102.549333 262.058667h-54.421333l-24.085334-63.296h-107.584l-22.784 63.296h-54.464l102.549334-262.058667h58.24z m-29.12 40.512h-1.258667c0 1.706667-0.874667 5.056-2.538667 10.133333-1.706667 6.762667-2.965333 11.392-3.797333 13.930667-0.832 1.706667-12.245333 33.770667-34.176 96.213333h84.8c-22.784-63.296-34.581333-95.765333-35.413333-97.472a175.936 175.936 0 0 1-7.616-22.805333z m160.789333 221.568V660.096h50.624v262.058667h-50.624z m-378.517333-29.482667c-207.850667 0-376.96-170.773333-376.96-380.693333 0-209.877333 169.109333-380.650667 376.96-380.650667 207.872 0 376.981333 170.752 376.981333 380.650667a34.176 34.176 0 0 0 68.309333 0c0-247.530667-199.744-448.938667-445.269333-448.938667S66.730667 264.469333 66.730667 512c0 247.552 199.722667 448.96 445.248 448.96a34.133333 34.133333 0 0 0 0-68.266667z m190.762666-461.525333l-245.269333-139.136c-15.658667-8.704-31.317333-13.909333-46.101333-13.909333-33.045333 0-67.84 24.341333-67.84 78.272v279.146666c0 54.826667 33.898667 78.293333 67.84 78.293334 14.784 0 30.442667-4.330667 46.101333-13.909334l245.269333-139.157333c27.84-15.616 44.352-39.082667 44.352-64.341333 0.021333-26.090667-16.512-49.6-44.352-65.258667" fill="#02fcfe" p-id="3047"></path></svg>
</div>
</div>
<div class="base_left_box_line"> <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"> <div class="palyer2">
...@@ -141,6 +151,17 @@ export default { ...@@ -141,6 +151,17 @@ export default {
}) })
}) })
}, },
// 查看企业画像
popPortrait() {
this.$store.commit('SET_EnterPotrait', true)
},
// 查看企业视频
videoaiShow() {
this.$store.commit('SET_VideoUrl', this.videoUrl)
this.$store.commit('SET_IsVideo', this.isVideoUrl)
this.$store.commit('SET_VideoShow', true)
}
}, },
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<img src="@/assets/images/error.png" @click="onClickDel"> <img src="@/assets/images/error.png" @click="onClickDel">
<div class="base_left_box_line"> <div class="base_left_box_line">
<div class="title">基础信息44</div> <div class="title">基础信息</div>
<el-row class="text"> <el-row class="text">
<el-col :span="8">名称</el-col> <el-col :span="8">名称</el-col>
...@@ -19,7 +19,12 @@ ...@@ -19,7 +19,12 @@
</div> </div>
<div class="corporate-portrait" @click="popPortrait">
<div>企业画像查询</div>
<div>
<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: 25vh">
...@@ -52,7 +57,12 @@ ...@@ -52,7 +57,12 @@
</el-row> </el-row>
</div> </div>
</div> </div>
<div class="videoai-wrapper" @click="videoaiShow">
<div>视频AI</div>
<div>
<svg t="1637996328836" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3046" width="32" height="32"><path d="M758.826667 660.096l102.549333 262.058667h-54.421333l-24.085334-63.296h-107.584l-22.784 63.296h-54.464l102.549334-262.058667h58.24z m-29.12 40.512h-1.258667c0 1.706667-0.874667 5.056-2.538667 10.133333-1.706667 6.762667-2.965333 11.392-3.797333 13.930667-0.832 1.706667-12.245333 33.770667-34.176 96.213333h84.8c-22.784-63.296-34.581333-95.765333-35.413333-97.472a175.936 175.936 0 0 1-7.616-22.805333z m160.789333 221.568V660.096h50.624v262.058667h-50.624z m-378.517333-29.482667c-207.850667 0-376.96-170.773333-376.96-380.693333 0-209.877333 169.109333-380.650667 376.96-380.650667 207.872 0 376.981333 170.752 376.981333 380.650667a34.176 34.176 0 0 0 68.309333 0c0-247.530667-199.744-448.938667-445.269333-448.938667S66.730667 264.469333 66.730667 512c0 247.552 199.722667 448.96 445.248 448.96a34.133333 34.133333 0 0 0 0-68.266667z m190.762666-461.525333l-245.269333-139.136c-15.658667-8.704-31.317333-13.909333-46.101333-13.909333-33.045333 0-67.84 24.341333-67.84 78.272v279.146666c0 54.826667 33.898667 78.293333 67.84 78.293334 14.784 0 30.442667-4.330667 46.101333-13.909334l245.269333-139.157333c27.84-15.616 44.352-39.082667 44.352-64.341333 0.021333-26.090667-16.512-49.6-44.352-65.258667" fill="#02fcfe" p-id="3047"></path></svg>
</div>
</div>
<div class="base_left_box_line"> <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"> <div class="palyer2">
...@@ -152,6 +162,16 @@ export default { ...@@ -152,6 +162,16 @@ export default {
setTimeout(() => { setTimeout(() => {
this.isShowRadio = true this.isShowRadio = true
}, 300) }, 300)
},
videoaiShow() {
// this.$store.commit('SET_VideoUrl', this.videoUrl)
// this.$store.commit('SET_IsVideo', this.isVideoUrl)
this.$store.commit('SET_VideoShow', true)
},
popPortrait() {
this.$store.commit('SET_EnterPotrait', true)
} }
}, },
......
This diff is collapsed.
...@@ -53,10 +53,10 @@ export default { ...@@ -53,10 +53,10 @@ export default {
return { return {
tableData: [ tableData: [
{ {
imgUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp05%2F19100220060CY5-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1640740816&t=47afb183f697e58e75e4e2810242ee75', imgUrl: 'http://39.102.232.151:8030/cover/222222.png',
alarmType: '测试', alarmType: '非法闯入',
alarmDevice: '11', alarmDevice: '视频AI监控设备',
alarmTime: '2021-11-25 20:20:20' alarmTime: '2021-11-25 14:20:20'
} }
] ]
} }
...@@ -77,6 +77,9 @@ export default { ...@@ -77,6 +77,9 @@ export default {
isvideo() { isvideo() {
return this.$store.state.curIsVideo return this.$store.state.curIsVideo
} }
},
watch: {
videourl: (newVal, oldVal) => {}
} }
} }
</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