Skip to content

W
wisdom-property
Commit d62ee171 authored by 郭铭瑶's avatar 郭铭瑶 🤘
Browse files
Options

智能发现字段修改、添加监控视频

parent e44b0545
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 99 additions and 46 deletions
dist/index.html
View file @ d62ee171
<!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>浦东新区智慧物业管理微平台</title><style>html { <!DOCTYPE html><html id=html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1"><title>浦东新区智慧物业管理微平台</title><style>html {
font-size: 1.6vh; font-size: 1.6vh;
}</style><script src=./static/jquery.min.js></script><link href=./static/css/app.b70997a1200c70227c729945a813ca77.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.c89ece5d74606e388006.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.933a2b0bde2d4fdc2163.js></script></body></html> }</style><script src=./static/jquery.min.js></script><link href=./static/css/app.faeed44e16599e184e054d820e244099.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.0dfe492746bb2993c7c7.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.390a7436a94f896ad23d.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.faeed44e16599e184e054d820e244099.css.map 0 → 100644
View file @ d62ee171
This diff is collapsed.
dist/static/js/0.26fe1b0c6cb7fef2cae6.js 0 → 100644
View file @ d62ee171
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.26fe1b0c6cb7fef2cae6.js.map 0 → 100644
View file @ d62ee171
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.f6411712832134ecce31.js deleted 100644 → 0
View file @ e44b0545
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/0.f6411712832134ecce31.js.map deleted 100644 → 0
View file @ e44b0545
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.072c1a6285d30cf20ad1.js deleted 100644 → 0
View file @ e44b0545
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.072c1a6285d30cf20ad1.js.map deleted 100644 → 0
View file @ e44b0545
This diff is collapsed.
dist/static/js/2.ed74080d0cafc9ad1988.js 0 → 100644
View file @ d62ee171
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/2.ed74080d0cafc9ad1988.js.map 0 → 100644
View file @ d62ee171
This diff is collapsed.
dist/static/js/4.3961c000bb7c9c4c13d8.js deleted 100644 → 0
View file @ e44b0545
This diff is collapsed.
dist/static/js/4.3961c000bb7c9c4c13d8.js.map deleted 100644 → 0
View file @ e44b0545
This diff is collapsed.
dist/static/js/4.50fca6fca5ee2a30cd67.js 0 → 100644
View file @ d62ee171
This diff is collapsed.
dist/static/js/4.50fca6fca5ee2a30cd67.js.map 0 → 100644
View file @ d62ee171
This diff is collapsed.
dist/static/js/app.390a7436a94f896ad23d.js.map 0 → 100644
View file @ d62ee171
This diff is collapsed.
dist/static/js/app.933a2b0bde2d4fdc2163.js.map deleted 100644 → 0
View file @ e44b0545
This diff is collapsed.
dist/static/js/manifest.c89ece5d74606e388006.js → dist/static/js/manifest.0dfe492746bb2993c7c7.js
View file @ d62ee171
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(n,a,f){for(var o,d,b,i=0,u=[];i<n.length;i++)d=n[i],r[d]&&u.push(r[d][0]),r[d]=0;for(o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);for(c&&c(n,a,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=t(t.s=f[i]);return b};var n={},r={27:0};function t(c){if(n[c])return n[c].exports;var r=n[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.e=function(e){var c=r[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var n=new Promise(function(n,t){c=r[e]=[n,t]});c[2]=n;var a=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,t.nc&&f.setAttribute("nonce",t.nc),f.src=t.p+"static/js/"+e+"."+{0:"f6411712832134ecce31",1:"80f3e7aa96153395fe1b",2:"072c1a6285d30cf20ad1",3:"41d646532380d1453008",4:"3961c000bb7c9c4c13d8",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"4ef6358bcf9c545ab808",10:"95e6aac83e6fd0b95f6e",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"700fbeaa3fecb8fc2c52",14:"7642b4cf5d2d8918ec69",15:"8dd2c66622a5a46d46cb",16:"f061d63018ce1704dd88",17:"912a00b10d2c58f1968b",18:"1adf9a941d5ebe37bd9e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"22cfec46a7c2f484ac97",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var c=r[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return f.onerror=f.onload=d,a.appendChild(f),n},t.m=e,t.c=n,t.d=function(e,c,n){t.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(c,"a",c),c},t.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]); !function(e){var c=window.webpackJsonp;window.webpackJsonp=function(n,t,f){for(var o,d,b,i=0,u=[];i<n.length;i++)d=n[i],r[d]&&u.push(r[d][0]),r[d]=0;for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);for(c&&c(n,t,f);u.length;)u.shift()();if(f)for(i=0;i<f.length;i++)b=a(a.s=f[i]);return b};var n={},r={27:0};function a(c){if(n[c])return n[c].exports;var r=n[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.e=function(e){var c=r[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var n=new Promise(function(n,a){c=r[e]=[n,a]});c[2]=n;var t=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,a.nc&&f.setAttribute("nonce",a.nc),f.src=a.p+"static/js/"+e+"."+{0:"26fe1b0c6cb7fef2cae6",1:"80f3e7aa96153395fe1b",2:"ed74080d0cafc9ad1988",3:"41d646532380d1453008",4:"50fca6fca5ee2a30cd67",5:"79501cbfbec9e7ca1a2b",6:"94c94cc8500e6d11e97a",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"4ef6358bcf9c545ab808",10:"95e6aac83e6fd0b95f6e",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"700fbeaa3fecb8fc2c52",14:"7642b4cf5d2d8918ec69",15:"8dd2c66622a5a46d46cb",16:"f061d63018ce1704dd88",17:"912a00b10d2c58f1968b",18:"1adf9a941d5ebe37bd9e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"22cfec46a7c2f484ac97",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var o=setTimeout(d,12e4);function d(){f.onerror=f.onload=null,clearTimeout(o);var c=r[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),r[e]=void 0)}return f.onerror=f.onload=d,t.appendChild(f),n},a.m=e,a.c=n,a.d=function(e,c,n){a.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:n})},a.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(c,"a",c),c},a.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},a.p="./",a.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.c89ece5d74606e388006.js.map //# sourceMappingURL=manifest.0dfe492746bb2993c7c7.js.map
\ No newline at end of file \ No newline at end of file
src/server/api.js
View file @ d62ee171
...@@ -14,7 +14,7 @@ export default { ...@@ -14,7 +14,7 @@ export default {
POST_CHECKCOMMUNITY_LIST:'sharingplatform/sectListForOneDay', //物业督查---每一个主题下某天已检查的小区列表 POST_CHECKCOMMUNITY_LIST:'sharingplatform/sectListForOneDay', //物业督查---每一个主题下某天已检查的小区列表
POST_CHECKPEOPLE_LIST:'sharingplatform/getInspectors', // 检查人员列表 POST_CHECKPEOPLE_LIST:'sharingplatform/getInspectors', // 检查人员列表
GET_SENSOR: '/service-special/public/sensor/discover', GET_SENSOR: '/service-special/public/sensor/discover',
GET_DISCOVER_INFO: '/service-special/public/discoverInfo?communityId=S015001231', GET_DISCOVER_INFO: '/service-special/public/discoverInfo?pcr.communityId_in=S015001231,S015001664',
GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231', GET_TS_BX: '/service-special/public/repair/complaint?communityId=S015001231',
GET_BUILDING: '/service-search/public/buildings?sectId=120324203558281&pageSize=1000&pageNo=1' GET_BUILDING: '/service-search/public/buildings?sectId=120324203558281&pageSize=1000&pageNo=1'
} }
......
src/store/actions.js
View file @ d62ee171
...@@ -522,7 +522,7 @@ export default { ...@@ -522,7 +522,7 @@ export default {
title:'非定时倒垃圾', title:'非定时倒垃圾',
img:'lj.png', img:'lj.png',
num:'0', num:'0',
key: '' key: 'trash'
}, },
{ {
title:'窨井盖异常', title:'窨井盖异常',
...@@ -540,11 +540,13 @@ export default { ...@@ -540,11 +540,13 @@ export default {
title:'屋顶积水', title:'屋顶积水',
img:'lj.png', img:'lj.png',
num:'0', num:'0',
key: 'roofWater'
}, },
{ {
title:'屋顶违章建筑', title:'屋顶违章建筑',
img:'dt.png', img:'dt.png',
num:'0', num:'0',
key: 'hermeticSpace'
}, },
] ]
commit('SET_COMMANDLIST', COMMANDLIST) commit('SET_COMMANDLIST', COMMANDLIST)
...@@ -864,7 +866,7 @@ export default { ...@@ -864,7 +866,7 @@ export default {
title:'非定时倒垃圾', title:'非定时倒垃圾',
img:'lj.png', img:'lj.png',
num:'0', num:'0',
key: '' key: 'trash'
}, },
{ {
title:'窨井盖异常', title:'窨井盖异常',
...@@ -882,11 +884,13 @@ export default { ...@@ -882,11 +884,13 @@ export default {
title:'屋顶积水', title:'屋顶积水',
img:'lj.png', img:'lj.png',
num:'0', num:'0',
key: 'roofWater'
}, },
{ {
title:'屋顶违章建筑', title:'屋顶违章建筑',
img:'dt.png', img:'dt.png',
num:'0', num:'0',
key: 'hermeticSpace'
}, },
// { // {
// title:'密闭空间监控', // title:'密闭空间监控',
...@@ -1186,52 +1190,74 @@ export default { ...@@ -1186,52 +1190,74 @@ export default {
title:'门岗脱岗', title:'门岗脱岗',
img:'mw.png', img:'mw.png',
num:'0', num:'0',
key: 'staffLeaveAlarmTcfteodr'
}, },
{ {
title:'占用消防通道', title:'占用消防通道',
img:'xf.png', img:'xf.png',
num:'1', num:'0',
key: 'parkFireExit'
}, },
{ {
title:'集中充电异常', title:'集中充电异常',
img:'cd.png', img:'cd.png',
num:'1', num:'0',
key: 'ebcc'
}, },
{ {
title:'楼道充电', title:'楼道充电',
img:'cd.png', img:'cd.png',
num:'1', num:'0',
key: 'elevatorLock'
}, },
{ {
title:'损坏承重结构', title:'损坏承重结构',
img:'jg.png', img:'jg.png',
num:'0', num:'0',
key: 'buildingVibration'
}, },
{ {
title:'屋顶违章建筑', title:'非定时倒垃圾',
img:'lj.png', img:'lj.png',
num:'1', num:'0',
key: 'trash'
}, },
{ {
title:'密闭空间监控', title:'窨井盖异常',
img:'lj.png', img:'ld.png',
num:'1', num:'0',
key: 'manholeCover'
}, },
{ {
title:'窨井监控异常', title:'水箱异常开启',
img:'ld.png', img:'sx.png',
num:'1', num:'0',
key: 'waterTank'
}, },
{ {
title:'电梯运行异常', title:'屋顶积水',
img:'dt.png', img:'lj.png',
num:'1', num:'0',
key: 'roofWater'
}, },
{ {
title:'水箱开启异常', title:'屋顶违章建筑',
img:'sx.png', img:'dt.png',
num:'1', num:'0',
key: 'hermeticSpace'
}, },
// {
// title:'密闭空间监控',
// img:'lj.png',
// num:'0',
// key: 'hermeticSpace'
// },
// {
// title:'电梯运行异常',
// img:'dt.png',
// num:'0',
// },
] ]
commit('SET_COMMANDLIST', COMMANDLIST) commit('SET_COMMANDLIST', COMMANDLIST)
commit('SET_OPERATELIST', OPERATELIST) commit('SET_OPERATELIST', OPERATELIST)
......
src/views/linyi.vue
View file @ d62ee171
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
</m-card> </m-card>
<m-card v-show="complete" area="box9" title="视频监控" mode="4"> <m-card v-show="complete" area="box9" title="视频监控" mode="4">
<div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;"> <div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;">
<img style="width:48%;height:80%;" src="@/assets/images/monitor1.jpeg"/> <img @click="showVideo('monitor1')" style="width:48%;height:80%;cursor:pointer;" src="@/assets/images/monitor1.jpeg"/>
<img style="width:48%;height:80%;" src="@/assets/images/monitor2.jpeg"/> <img @click="showVideo('monitor2')" style="width:48%;height:80%;cursor:pointer;" src="@/assets/images/monitor2.jpeg"/>
</div> </div>
</m-card> </m-card>
<m-card v-show="complete" area="box5" title="智能发现" mode="4"> <m-card v-show="complete" area="box5" title="智能发现" mode="4">
...@@ -92,6 +92,12 @@ ...@@ -92,6 +92,12 @@
<p><img src="@/assets/images/no-warn.png"/>未报警传感器</p> <p><img src="@/assets/images/no-warn.png"/>未报警传感器</p>
<p><img src="@/assets/images/warn.png"/>已报警传感器</p> <p><img src="@/assets/images/warn.png"/>已报警传感器</p>
</div> </div>
<m-modal v-model="videoModal" title="视频监控">
<video v-if="videoModal" style="width:100%;height:100%;" controls autoplay>
<source :src="require(`@/assets/images/${curVideo}.mp4`)" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
</m-modal>
</m-grid> </m-grid>
</template> </template>
...@@ -151,7 +157,6 @@ export default { ...@@ -151,7 +157,6 @@ export default {
{key: 'mingcheng', title: '铭城园', total: 2, detail: [{title: '垃圾分类', num: 2}]}, {key: 'mingcheng', title: '铭城园', total: 2, detail: [{title: '垃圾分类', num: 2}]},
{key: 'sihao', title: '浦三路12弄4号大楼', total: 0, detail: []}, {key: 'sihao', title: '浦三路12弄4号大楼', total: 0, detail: []},
], ],
sensorList: [],
options: {direction: 2, limitMoveNum: 2}, options: {direction: 2, limitMoveNum: 2},
remindModal: false, remindModal: false,
remindLayout: [ remindLayout: [
...@@ -195,6 +200,8 @@ export default { ...@@ -195,6 +200,8 @@ export default {
}, },
} }
], ],
curVideo: null,
videoModal: false,
} }
}, },
beforeDestroy() { beforeDestroy() {
...@@ -260,6 +267,10 @@ export default { ...@@ -260,6 +267,10 @@ export default {
this.openIcon = !this.openIcon this.openIcon = !this.openIcon
this.addPoints() this.addPoints()
}, },
showVideo(name) {
this.curVideo = name
this.videoModal = true
},
addPoints() { addPoints() {
// this.addBuildingIcon() // this.addBuildingIcon()
const {map} = this.$refs const {map} = this.$refs
...@@ -269,12 +280,11 @@ export default { ...@@ -269,12 +280,11 @@ export default {
this.$ajax.get({ this.$ajax.get({
url: this.$api.GET_SENSOR, url: this.$api.GET_SENSOR,
}).then(res => { }).then(res => {
let sensorList = this.$com.confirm(res, 'data.content', []) const sensorList = this.$com.confirm(res, 'data.content', [])
sensorList.forEach(sensor => { sensorList.forEach(sensor => {
sensor._status = sensor.state == '1' ? '报警' : '正常' sensor._status = sensor.state == '1' ? '报警' : '正常'
sensor.state == '1' ? sensor.icon = 'warn.png' : null sensor.state == '1' ? sensor.icon = 'warn.png' : null
}) })
this.sensorList = sensorList
map.addPoint({name: 'sensor', key: 'id', size: 25, data: sensorList, icon: 'no-warn.png'}) map.addPoint({name: 'sensor', key: 'id', size: 25, data: sensorList, icon: 'no-warn.png'})
}) })
} }
...@@ -306,14 +316,14 @@ export default { ...@@ -306,14 +316,14 @@ export default {
{ {
title:'报修数量', title:'报修数量',
img:'repair.png', img:'repair.png',
num: data.alarmIn5MinBX, num: data.alarmIn5MinBX || 0,
allNum: data.undoneBX, allNum: data.undoneBX || 0,
}, },
{ {
title:'投诉数量', title:'投诉数量',
img:'complaint.png', img:'complaint.png',
num: data.alarmIn5MinTS, num: data.alarmIn5MinTS || 0,
allNum: data.undoneTS, allNum: data.undoneTS || 0,
}, },
] ]
this.$store.commit('SET_REPAIRLIST', result) this.$store.commit('SET_REPAIRLIST', result)
...@@ -365,6 +375,7 @@ export default { ...@@ -365,6 +375,7 @@ export default {
p p
overflow hidden overflow hidden
width 14rem width 14rem
font-weight bold
.no-more .no-more
width 9rem width 9rem
.seamless-wrap .seamless-wrap
......
src/views/main.vue
View file @ d62ee171
...@@ -72,8 +72,8 @@ ...@@ -72,8 +72,8 @@
</m-card> --> </m-card> -->
<m-card v-show="complete" area="box9" title="视频监控" mode="4"> <m-card v-show="complete" area="box9" title="视频监控" mode="4">
<div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;"> <div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;">
<img style="width:48%;height:80%;" src="@/assets/images/monitor1.jpeg"/> <img @click="showVideo('monitor1')" style="width:48%;height:80%;cursor:pointer;" src="@/assets/images/monitor1.jpeg"/>
<img style="width:48%;height:80%;" src="@/assets/images/monitor2.jpeg"/> <img @click="showVideo('monitor2')" style="width:48%;height:80%;cursor:pointer;" src="@/assets/images/monitor2.jpeg"/>
</div> </div>
</m-card> </m-card>
<m-card v-show="complete" area="box5" title="智能发现" mode="4"> <m-card v-show="complete" area="box5" title="智能发现" mode="4">
...@@ -145,6 +145,12 @@ ...@@ -145,6 +145,12 @@
</div> </div>
</div> </div>
</m-modal> </m-modal>
<m-modal v-model="videoModal" title="视频监控">
<video v-if="videoModal" style="width:100%;height:100%;" controls autoplay>
<source :src="require(`@/assets/images/${curVideo}.mp4`)" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
</m-modal>
</m-grid> </m-grid>
</template> </template>
...@@ -282,6 +288,8 @@ export default { ...@@ -282,6 +288,8 @@ export default {
{name: '维修资金管理', value: 1.21}, {name: '维修资金管理', value: 1.21},
// {name: '其他', value: 47.9}, // {name: '其他', value: 47.9},
], ],
curVideo: null,
videoModal: false,
} }
}, },
methods: { methods: {
...@@ -350,6 +358,10 @@ export default { ...@@ -350,6 +358,10 @@ export default {
this.curImg = img this.curImg = img
this.showImgModal = true this.showImgModal = true
}, },
showVideo(name) {
this.curVideo = name
this.videoModal = true
},
...mapActions([ ...mapActions([
'initData', 'initData',
'initNanmatouData', 'initNanmatouData',
......
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