Commit e44b0545 authored by 郭铭瑶's avatar 郭铭瑶 🤘

更新

parent 23a68715
<!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.bc1b31c481b45cd5ec5e6ae73cc796cf.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.4d05a2632fad31584eaf.js></script><script type=text/javascript src=./static/js/vendor.d11eae825e5c4a0e0bb2.js></script><script type=text/javascript src=./static/js/app.31a9e39997d44d4e468b.js></script></body></html> }</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>
\ No newline at end of file \ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
webpackJsonp([9],{CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n("MICi"),s=n.n(r),i={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},msg:{type:Array,default:function(){return[]}}},data:function(){return{setTop:null}},mounted:function(){var t=this;this.$nextTick(function(){t.setTop={top:"calc("+t.$refs.icon[0].offsetTop+"px + 0.35rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){var t=Number(this.current[0]);if(this.current[1]&&(t+=1),!s()(t))return Math.round(this.linePercent*t);console.error('Props: "current" is NaN!')},done:function(){var t=Number(this.current[0]);return this.current[1]&&(t+=1),t},notWidth:function(){return 100-this.doneWidth}}},o={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"monitor-step"},[r("div",{staticClass:"lines",style:t.setTop},[r("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),r("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,s){return r("div",{key:s,class:"item "+(s==t.done?"on":"")},[r("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),s<=t.current[0]?r("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):r("div",{staticClass:"none"}),t._v(" "),r("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[s]))])])})],2)},staticRenderFns:[]};var a=n("VU/8")(i,o,!1,function(t){n("bSvf")},"data-v-e01960b2",null);e.default=a.exports},bSvf:function(t,e){}});
//# sourceMappingURL=9.4ef6358bcf9c545ab808.js.map
\ No newline at end of file
webpackJsonp([9],{B89E:function(t,e){},CsfL:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n("MICi"),s=n.n(r),i={name:"MonitorStep",props:{steps:{type:Array,required:!0},current:{type:[String,Number,Array],default:function(){return[0,!1]}},msg:{type:Array,default:function(){return[]}}},data:function(){return{setTop:null}},mounted:function(){var t=this;this.$nextTick(function(){t.setTop={top:"calc("+t.$refs.icon[0].offsetTop+"px + 0.35rem)"}})},computed:{linePercent:function(){var t=this.steps.length;return t>2?100/(t-1):100},doneWidth:function(){var t=Number(this.current[0]);if(this.current[1]&&(t+=1),!s()(t))return Math.round(this.linePercent*t);console.error('Props: "current" is NaN!')},done:function(){var t=Number(this.current[0]);return this.current[1]&&(t+=1),t},notWidth:function(){return 100-this.doneWidth}}},o={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"monitor-step"},[r("div",{staticClass:"lines",style:t.setTop},[r("div",{staticClass:"line done",style:"width:"+t.doneWidth+"%"}),t._v(" "),r("div",{staticClass:"line",style:"width:"+t.notWidth+"%"})]),t._v(" "),t._l(t.steps,function(e,s){return r("div",{key:s,class:"item "+(s==t.done?"on":"")},[r("p",{attrs:{title:e.name}},[t._v(t._s(e.name))]),t._v(" "),s<=t.current[0]?r("div",{ref:"icon",refInFor:!0,staticClass:"icon",style:"background-image:url("+n("RGwW")+")"}):r("div",{staticClass:"none"}),t._v(" "),r("span",{staticClass:"msg",attrs:{title:e.msg}},[t._v(t._s(t.msg[s]))])])})],2)},staticRenderFns:[]};var a=n("VU/8")(i,o,!1,function(t){n("B89E")},"data-v-f02fc346",null);e.default=a.exports}});
//# sourceMappingURL=9.d2da554cb34eeb949bba.js.map
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,f,o){for(var c,b,d,i=0,u=[];i<r.length;i++)b=r[i],t[b]&&u.push(t[b][0]),t[b]=0;for(c in f)Object.prototype.hasOwnProperty.call(f,c)&&(e[c]=f[c]);for(n&&n(r,f,o);u.length;)u.shift()();if(o)for(i=0;i<o.length;i++)d=a(a.s=o[i]);return d};var r={},t={27:0};function a(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,a){n=t[e]=[r,a]});n[2]=r;var f=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,a.nc&&o.setAttribute("nonce",a.nc),o.src=a.p+"static/js/"+e+"."+{0:"6b9163893b530fe20bfe",1:"80f3e7aa96153395fe1b",2:"5f6da862bd6aecff4444",3:"806045e2cd467e115b97",4:"03e665679218e392928d",5:"79501cbfbec9e7ca1a2b",6:"e3428899772f0ed82ee7",7:"ae0723e8fa6bf8aefb76",8:"5ad0f24b31031f7284b3",9:"d2da554cb34eeb949bba",10:"95e6aac83e6fd0b95f6e",11:"e0d0852893a051f35f47",12:"b26fc350b53d2b30f1b4",13:"700fbeaa3fecb8fc2c52",14:"7642b4cf5d2d8918ec69",15:"8dd2c66622a5a46d46cb",16:"f061d63018ce1704dd88",17:"912a00b10d2c58f1968b",18:"1adf9a941d5ebe37bd9e",19:"fd761234a41f95a23244",20:"85aa1475d8f340363b71",23:"b723ec7bb8aa20773811",24:"f7914065b4d7bec4ccfb",25:"6b5f4749058978064562",26:"584ddfc7aad303eb351f"}[e]+".js";var c=setTimeout(b,12e4);function b(){o.onerror=o.onload=null,clearTimeout(c);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=b,f.appendChild(o),r},a.m=e,a.c=r,a.d=function(e,n,r){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="./",a.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.4d05a2632fad31584eaf.js.map
\ No newline at end of file
!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}}([]);
//# sourceMappingURL=manifest.c89ece5d74606e388006.js.map
\ No newline at end of file
This diff is collapsed.
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div> <div>
<p class="label" :style="style">{{label}}</p> <p class="label" :style="style">{{label}}</p>
<count class="count" :style="`font-size:${size};color:${countColor}`" :value="value" :decimal="decimal"/> <count class="count" :style="`font-size:${size};color:${countColor}`" :value="value" :decimal="decimal"/>
<span v-if="unit">{{unit}}</span> <span v-if="unit" :style="`color:${unitColor}`">{{unit}}</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -41,6 +41,10 @@ export default { ...@@ -41,6 +41,10 @@ export default {
type: String, type: String,
default: '#fff' default: '#fff'
}, },
unitColor: {
type: String,
default: '#fff'
},
size: { size: {
type: String, type: String,
default: '1.8rem' default: '1.8rem'
......
...@@ -140,6 +140,7 @@ $color = rgba(113, 235, 255, 0.3) ...@@ -140,6 +140,7 @@ $color = rgba(113, 235, 255, 0.3)
top .2rem top .2rem
right .4rem right .4rem
text-align right text-align right
color $fontColor
&:hover &:hover
box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5) box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5)
.content .content
......
...@@ -86,7 +86,7 @@ $icon-color = #1DE5AD ...@@ -86,7 +86,7 @@ $icon-color = #1DE5AD
display flex display flex
justify-content space-between justify-content space-between
position relative position relative
font-size 0.9rem font-size 1rem
.lines .lines
display flex display flex
position absolute position absolute
......
...@@ -15,6 +15,7 @@ export default { ...@@ -15,6 +15,7 @@ export default {
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?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'
} }
...@@ -477,7 +477,7 @@ export default { ...@@ -477,7 +477,7 @@ export default {
{ {
title:'当日新增', title:'当日新增',
img:'data1.png', img:'data1.png',
num:'2', num:'5',
unit:'个', unit:'个',
}, },
{ {
...@@ -492,51 +492,59 @@ export default { ...@@ -492,51 +492,59 @@ 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:'1',
key: 'parkFireExit'
}, },
{ {
title:'集中充电异常', title:'集中充电异常',
img:'cd.png', img:'cd.png',
num:'1', num:'1',
key: 'ebcc'
}, },
{ {
title:'楼道充电', title:'楼道充电',
img:'cd.png', img:'cd.png',
num:'1', num:'1',
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: ''
}, },
{ {
title:'密闭空间监控', title:'窨井盖异常',
img:'lj.png', img:'ld.png',
num:'1', num:'1',
key: 'manholeCover'
}, },
{ {
title:'窨井监控异常', title:'水箱异常开启',
img:'ld.png', img:'sx.png',
num:'1', num:'1',
key: 'waterTank'
}, },
{ {
title:'电梯运行异常', title:'屋顶积水',
img:'dt.png', img:'lj.png',
num:'1', num:'0',
}, },
{ {
title:'水箱开启异常', title:'屋顶违章建筑',
img:'sx.png', img:'dt.png',
num:'1', num:'0',
}, },
] ]
commit('SET_COMMANDLIST', COMMANDLIST) commit('SET_COMMANDLIST', COMMANDLIST)
...@@ -853,33 +861,45 @@ export default { ...@@ -853,33 +861,45 @@ export default {
key: 'buildingVibration' key: 'buildingVibration'
}, },
{ {
title:'屋顶违章建筑', title:'非定时倒垃圾',
img:'lj.png', img:'lj.png',
num:'0', num:'0',
key: ''
}, },
{ {
title:'密闭空间监控', title:'窨井盖异常',
img:'lj.png', img:'ld.png',
num:'0', num:'0',
key: 'hermeticSpace' key: 'manholeCover'
}, },
{ {
title:'窨井监控异常', title:'水箱异常开启',
img:'ld.png', img:'sx.png',
num:'0', num:'0',
key: 'manholeCover' key: 'waterTank'
}, },
{ {
title:'电梯运行异常', title:'屋顶积水',
img:'dt.png', img:'lj.png',
num:'0', num:'0',
}, },
{ {
title:'水箱开启异常', title:'屋顶违章建筑',
img:'sx.png', img:'dt.png',
num:'0', num:'0',
key: 'waterTank'
}, },
// {
// 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)
...@@ -1242,13 +1262,13 @@ export default { ...@@ -1242,13 +1262,13 @@ export default {
// {COMMUNITYNAME: '(补)海阳新村 ', X: 8606.064392, Y: -3538.0578, TASKID:'(补)海阳新村', COMMUNITYID: '(补)海阳新村'}, // {COMMUNITYNAME: '(补)海阳新村 ', X: 8606.064392, Y: -3538.0578, TASKID:'(补)海阳新村', COMMUNITYID: '(补)海阳新村'},
// {COMMUNITYNAME: '听潮六村 ', X: null, Y: null, TASKID:'听潮六村', COMMUNITYID: '听潮六村'}, // {COMMUNITYNAME: '听潮六村 ', X: null, Y: null, TASKID:'听潮六村', COMMUNITYID: '听潮六村'},
// {COMMUNITYNAME: '民乐城惠桐苑', X: null, Y: null, TASKID:'民乐城惠桐苑', COMMUNITYID: '民乐城惠桐苑'}, // {COMMUNITYNAME: '民乐城惠桐苑', X: null, Y: null, TASKID:'民乐城惠桐苑', COMMUNITYID: '民乐城惠桐苑'},
{COMMUNITYNAME: '(补)教师大楼', TASKID:'(补)教师大楼', COMMUNITYID: '(补)教师大楼', icon: 'yellow.png', X: 4039.44281, Y: -4712.403381}, {COMMUNITYNAME: '(补)教师大楼', TASKID:'(补)教师大楼', COMMUNITYID: '(补)教师大楼', icon: 'icon2.png', X: 4039.44281, Y: -4712.403381},
{COMMUNITYNAME: '(补)临沂二村', TASKID:'(补)临沂二村', COMMUNITYID: '(补)临沂二村', icon: 'yellow.png', X: 3706.690186, Y: -4234.159912}, {COMMUNITYNAME: '(补)临沂二村', TASKID:'(补)临沂二村', COMMUNITYID: '(补)临沂二村', icon: 'icon2.png', X: 3706.690186, Y: -4234.159912},
{COMMUNITYNAME: '(补)金田公寓', TASKID:'(补)金田公寓', COMMUNITYID: '(补)金田公寓', icon: 'red.png', X: 3391.523438, Y: -3836.112488}, {COMMUNITYNAME: '(补)金田公寓', TASKID:'(补)金田公寓', COMMUNITYID: '(补)金田公寓', icon: 'icon1.png', X: 3391.523438, Y: -3836.112488},
{COMMUNITYNAME: '(补)临沂五村', TASKID:'(补)临沂五村', COMMUNITYID: '(补)临沂五村', icon: 'green.png', X: 3779.35022, Y: -4665.97998}, {COMMUNITYNAME: '(补)临沂五村', TASKID:'(补)临沂五村', COMMUNITYID: '(补)临沂五村', icon: 'icon3.png', X: 3779.35022, Y: -4665.97998},
{COMMUNITYNAME: '(补)东盛公寓', TASKID:'(补)东盛公寓', COMMUNITYID: '(补)东盛公寓', icon: 'green.png', X: 4678.271423, Y: -5648.677185}, // {COMMUNITYNAME: '(补)东盛公寓', TASKID:'(补)东盛公寓', COMMUNITYID: '(补)东盛公寓', icon: 'icon1.png', X: 4678.271423, Y: -5648.677185},
{COMMUNITYNAME: '(补)华南名苑', TASKID:'(补)华南名苑', COMMUNITYID: '(补)华南名苑', icon: 'yellow.png', X: 3094.474182, Y: -4879.984985}, {COMMUNITYNAME: '(补)华南名苑', TASKID:'(补)华南名苑', COMMUNITYID: '(补)华南名苑', icon: 'icon2.png', X: 3094.474182, Y: -4879.984985},
{COMMUNITYNAME: '(补)明丰佳园', TASKID:'(补)明丰佳园', COMMUNITYID: '(补)明丰佳园', icon: 'yellow.png', X: 4574.670227, Y: -4217.309998}, {COMMUNITYNAME: '(补)明丰佳园', TASKID:'(补)明丰佳园', COMMUNITYID: '(补)明丰佳园', icon: 'icon2.png', X: 4574.670227, Y: -4217.309998},
] ]
if (params.isPublish == 1) { if (params.isPublish == 1) {
// commit('SET_SENDCHECKED',list.length) // 传了1 已开单小区 // commit('SET_SENDCHECKED',list.length) // 传了1 已开单小区
......
<template> <template>
<div class="application"> <div class="application">
<ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="ele-map2.png"/> <ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="elevator.png"/>
<ImgContainer text="电子房态图" src="house.jpeg"/> <ImgContainer text="电子房态图" src="house.png"/>
<div class="more"> <div class="more">
<img src="@/assets/images/add.png"/> <img src="@/assets/images/add.png"/>
</div> </div>
......
...@@ -10,7 +10,8 @@ ...@@ -10,7 +10,8 @@
size="1.2rem" size="1.2rem"
:unit="data.unit" :unit="data.unit"
countColor="#00f2ff" countColor="#00f2ff"
labelColor="#61c2f3" labelColor="#fff"
unitColor="#61c2f3"
:icon="data.img ? require(`@/assets/images/${data.img}`) : null"/> :icon="data.img ? require(`@/assets/images/${data.img}`) : null"/>
</div> </div>
</template> </template>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="bottom-tabs"> <div class="bottom-tabs">
<div class="btns"> <div class="btns">
<div v-for="(btn, i) in btns" :key="i"> <div v-for="(btn, i) in btns" :key="i">
<m-count :style="`font-size:1.6rem;color:${colors[i]};`" :value="btn.count" :decimal="0"/> <m-count :style="`font-size:1.6rem;font-weight:bold;color:${colors[i]};`" :value="btn.count" :decimal="0"/>
<p>{{btn.name}}</p> <p>{{btn.name}}</p>
</div> </div>
</div> </div>
...@@ -17,12 +17,12 @@ export default { ...@@ -17,12 +17,12 @@ export default {
return { return {
btns: [ btns: [
{name: '任务总数', count: 7}, {name: '任务总数', count: 7},
{name: '自治共治', count: 2}, {name: '自治共治', count: 4},
{name: '站站联动', count: 2}, {name: '站站联动', count: 1},
{name: '协同会商', count: 1}, {name: '协同会商', count: 1},
{name: '处置完成', count: 2}, {name: '处置完成', count: 1},
], ],
colors: ['#fff', 'gold', 'gold', 'gold', '#fff'], colors: ['#fff', '#fd983f', '#1ea7c7', '#32e4af', '#fff'],
} }
}, },
} }
......
...@@ -66,10 +66,10 @@ export default { ...@@ -66,10 +66,10 @@ export default {
align-items center align-items center
width 80% width 80%
color #fff color #fff
font-size .9rem font-size 1rem
font-weight normal font-weight normal
>img >img
width 1.25rem width 1.25rem
height 1.25rem height 1.25rem
margin-right 0.8rem margin-right 0.5rem
</style> </style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="govern-analysis"> <div class="govern-analysis">
<div @click="$emit('select', item.name)" class="item" v-for="item in datas" :key="item.name"> <div @click="$emit('select', item.name)" class="item" v-for="item in datas" :key="item.name">
<img :src="require(`@/assets/images/${item.icon}.png`)"/> <img :src="require(`@/assets/images/${item.icon}.png`)"/>
<p :title="item.name">{{item.name}}</p> <p :title="item.label">{{item.label}}</p>
</div> </div>
</div> </div>
</template> </template>
...@@ -13,11 +13,11 @@ export default { ...@@ -13,11 +13,11 @@ export default {
data() { data() {
return { return {
datas: [ datas: [
{name: '住宅小区综合管理类诉求二级指标占比', icon: 'img1'}, {label: '投诉分类',name: '住宅小区综合管理类诉求二级指标占比', icon: 'img1'},
{name: '物业服务满意度得分较低项目', icon: 'img2'}, {label: '服务落后环节',name: '物业服务满意度得分较低项目', icon: 'img2'},
{name: '物业服务企业整体满意度落后企业', icon: 'img2'}, {label: '服务落后企业',name: '物业服务企业整体满意度落后企业', icon: 'img2'},
{name: '12345诉求数量全市排名', icon: 'img3'}, {label: '投诉密度区排名',name: '12345投诉区排名', icon: 'img3'},
{name: '业委会运作情况', icon: 'img4'}, {label: '业委会运作情况',name: '业委会运作情况', icon: 'img4'},
], ],
} }
...@@ -29,19 +29,24 @@ export default { ...@@ -29,19 +29,24 @@ export default {
.govern-analysis .govern-analysis
width 100% width 100%
height 100% height 100%
display flex
flex-wrap wrap
font-size 1.1rem
.item .item
width 50%
display flex display flex
cursor pointer
align-items center align-items center
padding 0.25rem 0.5rem cursor pointer
&:nth-child(2n+1) // &:nth-child(2n+1)
background rgba(0,0,0,0.5) // background rgba(0,0,0,0.5)
&:hover &:hover
color $color-blue color $color-blue
background rgba(0,0,0,0.3)
img img
width 1.4rem width 2rem
height @width height @width
margin 0 0.3rem 0.3rem 0 margin-right .5rem
margin-bottom .6rem
p p
overflow hidden overflow hidden
white-space nowrap white-space nowrap
......
...@@ -65,7 +65,7 @@ export default { ...@@ -65,7 +65,7 @@ export default {
// font-weight 700 // font-weight 700
&:last-child &:last-child
color $fontColor color $fontColor
font-size 0.8rem font-size 1rem
.content .content
display flex display flex
align-items center align-items center
...@@ -80,7 +80,7 @@ export default { ...@@ -80,7 +80,7 @@ export default {
overflow hidden overflow hidden
text-overflow ellipsis text-overflow ellipsis
color $color-blue color $color-blue
font-size 0.9rem font-size 1rem
&:last-child &:last-child
color #eee color #eee
.step .step
......
...@@ -3,14 +3,14 @@ ...@@ -3,14 +3,14 @@
<div> <div>
<div> <div>
<h2>联勤联动处置要求</h2> <h2>联勤联动处置要求</h2>
<Row class="row row-title"> <Row class="row require row-title">
<i-col v-for="(col, i) in layout" :span="col.width" :key="i" class="col">{{col.title}}</i-col> <i-col v-for="(col, i) in layout" :span="col.width" :key="i" class="col">{{col.title}}</i-col>
</Row> </Row>
<Row class="row" v-for="(row, i) in data" :key="i"> <Row class="row require" v-for="(row, i) in data" :key="i">
<i-col v-for="(col, i) in layout" :key="'col'+i" :span="col.width" class="col">{{row[col.key]}}</i-col> <i-col v-for="(col, i) in layout" :key="'col'+i" :span="col.width" class="col">{{row[col.key]}}</i-col>
</Row> </Row>
</div> </div>
<div class="color-bar"><span/><span/><span/></div> <div class="color-bar require"><span/><span/><span/></div>
<div> <div>
<h2>管理分类评分模型</h2> <h2>管理分类评分模型</h2>
<Row class="row row-title"> <Row class="row row-title">
...@@ -95,9 +95,9 @@ export default { ...@@ -95,9 +95,9 @@ export default {
}, },
], ],
modeData: [ modeData: [
{type: '安全管理', rate: '40%', num: '7项', count: '5.7分'}, {type: '安全管理', rate: '50%', num: '7项', count: '7.2分'},
{type: '有序管理', rate: '50%', num: '13项', count: '3.8分'}, {type: '有序管理', rate: '30%', num: '13项', count: '2.3分'},
{type: '干净管理', rate: '10%', num: '4项', count: '2.5分'}, {type: '干净管理', rate: '20%', num: '4项', count: '5分'},
{type: '合计', rate: '100%', num: '24项', count: '-'}, {type: '合计', rate: '100%', num: '24项', count: '-'},
], ],
tableLayout: [ tableLayout: [
...@@ -157,6 +157,9 @@ $border = 0.1rem solid $color-blue ...@@ -157,6 +157,9 @@ $border = 0.1rem solid $color-blue
$yellow = #fee902 $yellow = #fee902
$blue = #01a7ff $blue = #01a7ff
$green = #8fd618 $green = #8fd618
$orange = #fd983f
$qing = #1ea7c7
$lv = #32e4af
.issue-detail .issue-detail
width 100% width 100%
...@@ -189,6 +192,13 @@ $green = #8fd618 ...@@ -189,6 +192,13 @@ $green = #8fd618
.color-bar .color-bar
display flex display flex
justify-content flex-end justify-content flex-end
&.require
>span
background $qing
&:first-child
background $orange
&:last-child
background $lv
>span >span
display block display block
width 2rem width 2rem
...@@ -202,6 +212,13 @@ $green = #8fd618 ...@@ -202,6 +212,13 @@ $green = #8fd618
.row .row
border $border border $border
border-bottom none border-bottom none
&.require
&:nth-child(3)
color $orange
&:nth-child(4)
color $qing
&:nth-child(5)
color $lv
&:nth-child(3) &:nth-child(3)
color $yellow color $yellow
&:nth-child(4) &:nth-child(4)
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:percent="circle.count" :percent="circle.count"
:size="90 * sizeRate" :size="90 * sizeRate"
:trail-width="2 * sizeRate" :trail-width="2 * sizeRate"
:stroke-width="5 * sizeRate" :stroke-width="4 * sizeRate"
trail-color="gray" trail-color="gray"
:stroke-color="circle.color"> :stroke-color="circle.color">
<div> <div>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<TabPane label="干净类" name="干净"/> <TabPane label="干净类" name="干净"/>
</Tabs> </Tabs>
<div v-if="analysisChart" class="chart"> <div v-if="analysisChart" class="chart">
<m-chart :config="config" :data="data"/> <m-chart :config="config" :data="data" :options="options"/>
</div> </div>
<div v-else class="list"> <div v-else class="list">
<div <div
...@@ -63,9 +63,20 @@ export default { ...@@ -63,9 +63,20 @@ export default {
color: '#8fd618', color: '#8fd618',
}, },
], ],
options: {
grid: {
top: '15%',
left: 'auto',
right: '5%',
bottom: 0,
width: 'auto',
height: 'auto',
containLabel: true,
},
},
datas: [], datas: [],
config: { config: {
colors: ['rgba(254, 233, 2, .9)', 'rgba(1, 167, 255, .9)', 'rgba(143, 214, 24, .9)'], colors: ['rgba(254, 233, 2, .8)', 'rgba(1, 167, 255, .8)', 'rgba(143, 214, 24, .8)'],
legend: {hide: true}, legend: {hide: true},
shape: [ shape: [
{key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}}, {key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}},
...@@ -75,37 +86,37 @@ export default { ...@@ -75,37 +86,37 @@ export default {
xAxis: {key: 'date'}, xAxis: {key: 'date'},
}, },
data: [ data: [
{date: '5月1日', safe: 88.6, orderly: 96.2, clean: 97.1}, {date: '5-1', safe: 88.6, orderly: 96.2, clean: 97.1},
{date: '5月2日', safe: 88.6, orderly: 100, clean: 100}, {date: '5-2', safe: 88.6, orderly: 100, clean: 100},
{date: '5月3日', safe: 100, orderly: 88.6, clean: 97.1}, {date: '5-3', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5月4日', safe: 94.3, orderly: 100, clean: 97.1}, {date: '5-4', safe: 94.3, orderly: 100, clean: 97.1},
{date: '5月5日', safe: 94.3, orderly: 96.2, clean: 94.2}, {date: '5-5', safe: 94.3, orderly: 96.2, clean: 94.2},
{date: '5月6日', safe: 100, orderly: 92.4, clean: 97.1}, {date: '5-6', safe: 100, orderly: 92.4, clean: 97.1},
{date: '5月7日', safe: 88.6, orderly: 100, clean: 100}, {date: '5-7', safe: 88.6, orderly: 100, clean: 100},
{date: '5月8日', safe: 100, orderly: 84.8, clean: 100}, {date: '5-8', safe: 100, orderly: 84.8, clean: 100},
{date: '5月9日', safe: 94.3, orderly: 100, clean: 100}, {date: '5-9', safe: 94.3, orderly: 100, clean: 100},
{date: '5月10日', safe: 100, orderly: 88.6, clean: 100}, {date: '5-10', safe: 100, orderly: 88.6, clean: 100},
{date: '5月11日', safe: 88.6, orderly: 92.4, clean: 97.1}, {date: '5-11', safe: 88.6, orderly: 92.4, clean: 97.1},
{date: '5月12日', safe: 100, orderly: 92.4, clean: 100}, {date: '5-12', safe: 100, orderly: 92.4, clean: 100},
{date: '5月13日', safe: 100, orderly: 100, clean: 97.1}, {date: '5-13', safe: 100, orderly: 100, clean: 97.1},
{date: '5月14日', safe: 94.3, orderly: 100, clean: 97.1}, {date: '5-14', safe: 94.3, orderly: 100, clean: 97.1},
{date: '5月15日', safe: 88.6, orderly: 92.4, clean: 100}, {date: '5-15', safe: 88.6, orderly: 92.4, clean: 100},
{date: '5月16日', safe: 100, orderly: 100, clean: 100}, {date: '5-16', safe: 100, orderly: 100, clean: 100},
{date: '5月17日', safe: 100, orderly: 100, clean: 100}, {date: '5-17', safe: 100, orderly: 100, clean: 100},
{date: '5月18日', safe: 100, orderly: 96.2, clean: 100}, {date: '5-18', safe: 100, orderly: 96.2, clean: 100},
{date: '5月19日', safe: 100, orderly: 100, clean: 100}, {date: '5-19', safe: 100, orderly: 100, clean: 100},
{date: '5月20日', safe: 94.3, orderly: 100, clean: 97.1}, {date: '5-20', safe: 94.3, orderly: 100, clean: 97.1},
{date: '5月21日', safe: 82.9, orderly: 96.2, clean: 97.1}, {date: '5-21', safe: 82.9, orderly: 96.2, clean: 97.1},
{date: '5月22日', safe: 100, orderly: 100, clean: 97.1}, {date: '5-22', safe: 100, orderly: 100, clean: 97.1},
{date: '5月23日', safe: 100, orderly: 92.4, clean: 97.1}, {date: '5-23', safe: 100, orderly: 92.4, clean: 97.1},
{date: '5月24日', safe: 94.3, orderly: 96.2, clean: 100}, {date: '5-24', safe: 94.3, orderly: 96.2, clean: 100},
{date: '5月25日', safe: 100, orderly: 96.2, clean: 94.2}, {date: '5-25', safe: 100, orderly: 96.2, clean: 94.2},
{date: '5月26日', safe: 100, orderly: 100, clean: 100}, {date: '5-26', safe: 100, orderly: 100, clean: 100},
{date: '5月27日', safe: 100, orderly: 88.6, clean: 97.1}, {date: '5-27', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5月28日', safe: 94.3, orderly: 100, clean: 100}, {date: '5-28', safe: 94.3, orderly: 100, clean: 100},
{date: '5月29日', safe: 88.6, orderly: 100, clean: 94.2}, {date: '5-29', safe: 88.6, orderly: 100, clean: 94.2},
{date: '5月30日', safe: 94.3, orderly: 100, clean: 100}, {date: '5-30', safe: 94.3, orderly: 100, clean: 100},
{date: '5月31日', safe: 100, orderly: 100, clean: 97.1}, {date: '5-31', safe: 100, orderly: 100, clean: 97.1},
], ],
} }
}, },
...@@ -187,7 +198,7 @@ $blue = #3391FF ...@@ -187,7 +198,7 @@ $blue = #3391FF
&.title &.title
width 80% width 80%
color #fff color #fff
font-size 0.9rem font-size 1rem
font-weight normal font-weight normal
overflow hidden overflow hidden
white-space nowrap white-space nowrap
......
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
<Application @elevator="showEleMap = true"/> <Application @elevator="showEleMap = true"/>
</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;"> <div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;">
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate1.png"/> <img style="width:48%;height:80%;" src="@/assets/images/monitor1.jpeg"/>
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate2.png"/> <img style="width:48%;height:80%;" 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">
...@@ -46,6 +46,17 @@ ...@@ -46,6 +46,17 @@
<m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="重点工作智能提示" mode="4" :width="50"> <m-card v-show="complete" area="box6" enter="fadeInLeft" leave="fadeOutLeft" title="重点工作智能提示" mode="4" :width="50">
<div v-if="complete" class="analysis-wrapper"> <div v-if="complete" class="analysis-wrapper">
<div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)"> <div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p>{{item.title}}</p>
<template v-if="item.detail.length > 0">
<vue-seamless-scroll class="seamless-wrap" isSingleRemUnit :data="item.detail" :class-option="options">
<ul class="item" :style="`width:${item.detail.length * 14}rem`">
<li v-for="(e, i) in item.detail" :key="i">{{e.title}}</li>
</ul>
</vue-seamless-scroll>
</template>
<div class="no-more" v-else>- 暂无更多数据 -</div>
</div>
<!-- <div v-for="item in remindList" :key="item.title" @click="handleViewRemind(item.key)">
<p><img src="@/assets/images/home.png"/>{{item.title}}</p> <p><img src="@/assets/images/home.png"/>{{item.title}}</p>
<p><b>{{item.total}}</b> 件</p> <p><b>{{item.total}}</b> 件</p>
<template v-if="item.detail.length > 0"> <template v-if="item.detail.length > 0">
...@@ -56,7 +67,7 @@ ...@@ -56,7 +67,7 @@
</vue-seamless-scroll> </vue-seamless-scroll>
</template> </template>
<p class="seamless-wrap" v-else>暂无智能提示</p> <p class="seamless-wrap" v-else>暂无智能提示</p>
</div> </div> -->
</div> </div>
</m-card> </m-card>
<m-card v-show="complete" enter="fadeInUp" leave="fadeOutDown" area="box7" title="联勤联动动态流程" :width="25" mode="4"> <m-card v-show="complete" enter="fadeInUp" leave="fadeOutDown" area="box7" title="联勤联动动态流程" :width="25" mode="4">
...@@ -64,7 +75,7 @@ ...@@ -64,7 +75,7 @@
</m-card> </m-card>
<MapMenu :full="complete" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/> <MapMenu :full="complete" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<StreetMenu @select="handleStreetSelect"/> <StreetMenu @select="handleStreetSelect"/>
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="管理要素明细"> <m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail /> <IssueDetail />
</m-modal> </m-modal>
<m-modal v-model="remindModal" width="70%" title="智能提示列表"> <m-modal v-model="remindModal" width="70%" title="智能提示列表">
...@@ -199,6 +210,7 @@ export default { ...@@ -199,6 +210,7 @@ export default {
}) })
this.$refs.map.focus(3706.690186, -4234.159912, 8.5) this.$refs.map.focus(3706.690186, -4234.159912, 8.5)
this.initLinyiData() this.initLinyiData()
this.addBuildingIcon()
setTimeout(() => { setTimeout(() => {
this.complete = true this.complete = true
this.getCheckCommunityList({isPublish: 1, someday: '20200316'}) this.getCheckCommunityList({isPublish: 1, someday: '20200316'})
...@@ -217,7 +229,7 @@ export default { ...@@ -217,7 +229,7 @@ export default {
url: this.$api.GET_BUILDING, url: this.$api.GET_BUILDING,
}).then(res => { }).then(res => {
const data = this.$com.confirm(res, 'data.content', []) const data = this.$com.confirm(res, 'data.content', [])
this.$refs.map.addPoint({name: 'building', size: 18, labelKey: 'unitAddr', key: 'id', data: data, icon: 'icon-unit.png'}) this.$refs.map.addPoint({name: 'building', size: 13, labelKey: 'unitAddr', key: 'id', data: data, icon: 'icon-unit.png'})
}) })
}, },
handleMapClick({layername, data}) { handleMapClick({layername, data}) {
...@@ -249,14 +261,7 @@ export default { ...@@ -249,14 +261,7 @@ export default {
this.addPoints() this.addPoints()
}, },
addPoints() { addPoints() {
// const data = [ // this.addBuildingIcon()
// {TASKID:'(补)临沂二村', COMMUNITYID: '(补)临沂二村', msg: {img: '1.png', type: '屋顶违建', method: '物联传感'}, X: 3706.690186, Y: -4234.159912},
// {TASKID:'铭城园', COMMUNITYID: '铭城园', msg: {img: '2.png', type: '非定时倾倒垃圾', method: '物联传感'}, X: 3787.49700927734, Y: -4072.19757080078},
// {TASKID:'海浦小区', COMMUNITYID: '海浦小区', msg: {img: '4.png', type: '楼道充电', method: '视频识别'}, X: 3750.58459472656, Y: -3983.67626953125},
// {TASKID:'浦三路12弄', COMMUNITYID: '浦三路12弄', msg: {img: '4.png', type: '楼道充电', method: '视频识别'}, X: 3731.8646240234375, Y: -4073.232177734375},
// {TASKID:'4号大楼', COMMUNITYID: '4号大楼', msg: {img: '3.png', type: '集中充电异常', method: '视频识别'}, X: 3706.68023681641, Y: -4030.7874558594},
// ]
// this.$refs.map.addPoint({name: 'community', key: 'COMMUNITYID', data: data, icon: 'yellow.png'})
const {map} = this.$refs const {map} = this.$refs
map.removePoint('sensor') map.removePoint('sensor')
map.removeGifPoint('sensor') map.removeGifPoint('sensor')
...@@ -270,10 +275,10 @@ export default { ...@@ -270,10 +275,10 @@ export default {
sensor.state == '1' ? sensor.icon = 'warn.png' : null sensor.state == '1' ? sensor.icon = 'warn.png' : null
}) })
this.sensorList = sensorList this.sensorList = sensorList
map.addPoint({name: 'sensor', key: 'id', data: sensorList, icon: 'no-warn.png'}) map.addPoint({name: 'sensor', key: 'id', size: 25, data: sensorList, icon: 'no-warn.png'})
}) })
} }
this.$ajax.get({ this.$ajax.get({ // 获取智能发现数据
url: this.$api.GET_DISCOVER_INFO, url: this.$api.GET_DISCOVER_INFO,
}).then(res => { }).then(res => {
const sum = {total: 0, today: 0} const sum = {total: 0, today: 0}
...@@ -292,7 +297,27 @@ export default { ...@@ -292,7 +297,27 @@ export default {
this.$store.commit('SET_DISCOVERYLIST', originSum) this.$store.commit('SET_DISCOVERYLIST', originSum)
this.$store.commit('SET_FOUNDLIST', originData) this.$store.commit('SET_FOUNDLIST', originData)
}) })
this.addBuildingIcon()
this.$ajax.get({ // 获取投诉报修数据
url: this.$api.GET_TS_BX,
}).then(res => {
const data = this.$com.confirm(res, 'data.content', {})
const result = [ // 报修投诉
{
title:'报修数量',
img:'repair.png',
num: data.alarmIn5MinBX,
allNum: data.undoneBX,
},
{
title:'投诉数量',
img:'complaint.png',
num: data.alarmIn5MinTS,
allNum: data.undoneTS,
},
]
this.$store.commit('SET_REPAIRLIST', result)
})
}, },
handleStreetSelect(index, name) { handleStreetSelect(index, name) {
if (name === '临沂二村') return if (name === '临沂二村') return
...@@ -330,39 +355,30 @@ export default { ...@@ -330,39 +355,30 @@ export default {
>div >div
display flex display flex
align-items center align-items center
padding 0 0 0 0.3rem justify-content space-between
padding 0 .5rem
cursor pointer cursor pointer
&:nth-child(2n+1) &:nth-child(2n+1)
background rgba(6,27,50,0.9) background rgba(6,27,50,0.9)
&:hover &:hover
color $color-blue color $color-blue
p p
display flex
align-items center
overflow hidden overflow hidden
width 14rem width 14rem
margin-right .5rem .no-more
&:nth-child(2) width 9rem
width 3rem
text-align right
b
color $edgeColor
font-size 1.1rem
margin-right .2rem
img
width 1.2rem
height @width
margin-right .5rem
.seamless-wrap .seamless-wrap
width 11rem
overflow hidden overflow hidden
height 2rem height 2rem
width 11rem line-height 2rem
margin 0 text-align center
.item .item
list-style none list-style none
li li
width 9.5rem
float left float left
margin-right 1rem text-align right
b b
color $edgeColor color $edgeColor
font-size 1.2rem font-size 1.2rem
......
...@@ -71,9 +71,9 @@ ...@@ -71,9 +71,9 @@
<Supervision /> <Supervision />
</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;"> <div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;align-items:center;">
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate1.png"/> <img style="width:48%;height:80%;" src="@/assets/images/monitor1.jpeg"/>
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate2.png"/> <img style="width:48%;height:80%;" 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">
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
<m-animate enter="fadeInUp" leave="fadeOutDown"> <m-animate enter="fadeInUp" leave="fadeOutDown">
<BottomTabs v-show="complete" @click="showModal = true"/> <BottomTabs v-show="complete" @click="showModal = true"/>
</m-animate> </m-animate>
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="管理要素明细"> <m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail /> <IssueDetail />
</m-modal> </m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图"> <m-modal v-model="showEleMap" width="90%" title="电梯加装地图">
...@@ -126,8 +126,8 @@ ...@@ -126,8 +126,8 @@
<p class="title">南码头街道业委会运作情况</p> <p class="title">南码头街道业委会运作情况</p>
<m-chart :config="operationConfig" :data="operationData" /> <m-chart :config="operationConfig" :data="operationData" />
</div> </div>
<div v-else-if="analysisTitle == '12345诉求数量全市排名'" class="card"> <div v-else-if="analysisTitle == '12345投诉区排名'" class="card">
<p class="title">南码头街道12345诉求数量全市排名</p> <p class="title">南码头街道12345投诉区排名</p>
<div class="inner"> <div class="inner">
<div v-for="(item, i) in list" :key="i"> <div v-for="(item, i) in list" :key="i">
<p>{{item.title}}</p> <p>{{item.title}}</p>
...@@ -212,7 +212,7 @@ export default { ...@@ -212,7 +212,7 @@ export default {
analysisTitle: null, analysisTitle: null,
list: [ list: [
{ {
title: '2019诉求量', title: '2019投诉量',
count: 1582, count: 1582,
unit: '件', unit: '件',
}, },
...@@ -227,7 +227,7 @@ export default { ...@@ -227,7 +227,7 @@ export default {
info: '较去年+51', info: '较去年+51',
}, },
{ {
title: '2019诉求密度', title: '2019投诉密度',
count: 46, count: 46,
unit: '件', unit: '件',
}, },
...@@ -361,7 +361,7 @@ export default { ...@@ -361,7 +361,7 @@ export default {
'$store.state.supervisionCommunityList': { '$store.state.supervisionCommunityList': {
handler(cur) { handler(cur) {
this.$refs.map.removePoint('community') this.$refs.map.removePoint('community')
this.$refs.map.addPoint({name: 'community', key: 'COMMUNITYID', data: cur, icon: 'blue.png'}) this.$refs.map.addPoint({name: 'community', key: 'COMMUNITYID', size: 25, data: cur, icon: 'blue.png'})
} }
}, },
emergencyMode(cur) { emergencyMode(cur) {
......
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
</m-card> </m-card>
<MapMenu :full="complete" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/> <MapMenu :full="complete" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<StreetMenu @select="handleStreetSelect"/> <StreetMenu @select="handleStreetSelect"/>
<m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="管理要素明细"> <m-modal :value="$store.state.showElementModal" @close="$store.commit('SET_ELEMENTMODAL', false)" width="85%" title="小区综合治理管理要素">
<IssueDetail /> <IssueDetail />
</m-modal> </m-modal>
<m-modal v-model="remindModal" width="70%" title="智能提示列表"> <m-modal v-model="remindModal" width="70%" title="智能提示列表">
......
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