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 {
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>
\ No newline at end of file
}</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
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 @@
<div>
<p class="label" :style="style">{{label}}</p>
<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>
</template>
......@@ -41,6 +41,10 @@ export default {
type: String,
default: '#fff'
},
unitColor: {
type: String,
default: '#fff'
},
size: {
type: String,
default: '1.8rem'
......
......@@ -140,6 +140,7 @@ $color = rgba(113, 235, 255, 0.3)
top .2rem
right .4rem
text-align right
color $fontColor
&:hover
box-shadow 0 0 1rem 0.1rem rgba(255,255,255,.5)
.content
......
......@@ -86,7 +86,7 @@ $icon-color = #1DE5AD
display flex
justify-content space-between
position relative
font-size 0.9rem
font-size 1rem
.lines
display flex
position absolute
......
......@@ -15,6 +15,7 @@ export default {
POST_CHECKPEOPLE_LIST:'sharingplatform/getInspectors', // 检查人员列表
GET_SENSOR: '/service-special/public/sensor/discover',
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'
}
......@@ -477,7 +477,7 @@ export default {
{
title:'当日新增',
img:'data1.png',
num:'2',
num:'5',
unit:'个',
},
{
......@@ -492,51 +492,59 @@ export default {
title:'门岗脱岗',
img:'mw.png',
num:'0',
key: 'staffLeaveAlarmTcfteodr'
},
{
title:'占用消防通道',
img:'xf.png',
num:'1',
key: 'parkFireExit'
},
{
title:'集中充电异常',
img:'cd.png',
num:'1',
key: 'ebcc'
},
{
title:'楼道充电',
img:'cd.png',
num:'1',
key: 'elevatorLock'
},
{
title:'损坏承重结构',
img:'jg.png',
num:'0',
key: 'buildingVibration'
},
{
title:'屋顶违章建筑',
title:'非定时倒垃圾',
img:'lj.png',
num:'1',
num:'0',
key: ''
},
{
title:'密闭空间监控',
img:'lj.png',
title:'窨井盖异常',
img:'ld.png',
num:'1',
key: 'manholeCover'
},
{
title:'窨井监控异常',
img:'ld.png',
title:'水箱异常开启',
img:'sx.png',
num:'1',
key: 'waterTank'
},
{
title:'电梯运行异常',
img:'dt.png',
num:'1',
title:'屋顶积水',
img:'lj.png',
num:'0',
},
{
title:'水箱开启异常',
img:'sx.png',
num:'1',
title:'屋顶违章建筑',
img:'dt.png',
num:'0',
},
]
commit('SET_COMMANDLIST', COMMANDLIST)
......@@ -853,33 +861,45 @@ export default {
key: 'buildingVibration'
},
{
title:'屋顶违章建筑',
title:'非定时倒垃圾',
img:'lj.png',
num:'0',
key: ''
},
{
title:'密闭空间监控',
img:'lj.png',
title:'窨井盖异常',
img:'ld.png',
num:'0',
key: 'hermeticSpace'
key: 'manholeCover'
},
{
title:'窨井监控异常',
img:'ld.png',
title:'水箱异常开启',
img:'sx.png',
num:'0',
key: 'manholeCover'
key: 'waterTank'
},
{
title:'电梯运行异常',
img:'dt.png',
title:'屋顶积水',
img:'lj.png',
num:'0',
},
{
title:'水箱开启异常',
img:'sx.png',
title:'屋顶违章建筑',
img:'dt.png',
num:'0',
key: 'waterTank'
},
// {
// title:'密闭空间监控',
// img:'lj.png',
// num:'0',
// key: 'hermeticSpace'
// },
// {
// title:'电梯运行异常',
// img:'dt.png',
// num:'0',
// },
]
commit('SET_COMMANDLIST', COMMANDLIST)
commit('SET_OPERATELIST', OPERATELIST)
......@@ -1242,13 +1262,13 @@ export default {
// {COMMUNITYNAME: '(补)海阳新村 ', X: 8606.064392, Y: -3538.0578, 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: 'yellow.png', X: 3706.690186, Y: -4234.159912},
{COMMUNITYNAME: '(补)金田公寓', TASKID:'(补)金田公寓', COMMUNITYID: '(补)金田公寓', icon: 'red.png', X: 3391.523438, Y: -3836.112488},
{COMMUNITYNAME: '(补)临沂五村', TASKID:'(补)临沂五村', COMMUNITYID: '(补)临沂五村', icon: 'green.png', X: 3779.35022, Y: -4665.97998},
{COMMUNITYNAME: '(补)东盛公寓', TASKID:'(补)东盛公寓', COMMUNITYID: '(补)东盛公寓', icon: 'green.png', X: 4678.271423, Y: -5648.677185},
{COMMUNITYNAME: '(补)华南名苑', TASKID:'(补)华南名苑', COMMUNITYID: '(补)华南名苑', icon: 'yellow.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: 4039.44281, Y: -4712.403381},
{COMMUNITYNAME: '(补)临沂二村', TASKID:'(补)临沂二村', COMMUNITYID: '(补)临沂二村', icon: 'icon2.png', X: 3706.690186, Y: -4234.159912},
{COMMUNITYNAME: '(补)金田公寓', TASKID:'(补)金田公寓', COMMUNITYID: '(补)金田公寓', icon: 'icon1.png', X: 3391.523438, Y: -3836.112488},
{COMMUNITYNAME: '(补)临沂五村', TASKID:'(补)临沂五村', COMMUNITYID: '(补)临沂五村', icon: 'icon3.png', X: 3779.35022, Y: -4665.97998},
// {COMMUNITYNAME: '(补)东盛公寓', TASKID:'(补)东盛公寓', COMMUNITYID: '(补)东盛公寓', icon: 'icon1.png', X: 4678.271423, Y: -5648.677185},
{COMMUNITYNAME: '(补)华南名苑', TASKID:'(补)华南名苑', COMMUNITYID: '(补)华南名苑', icon: 'icon2.png', X: 3094.474182, Y: -4879.984985},
{COMMUNITYNAME: '(补)明丰佳园', TASKID:'(补)明丰佳园', COMMUNITYID: '(补)明丰佳园', icon: 'icon2.png', X: 4574.670227, Y: -4217.309998},
]
if (params.isPublish == 1) {
// commit('SET_SENDCHECKED',list.length) // 传了1 已开单小区
......
<template>
<div class="application">
<ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="ele-map2.png"/>
<ImgContainer text="电子房态图" src="house.jpeg"/>
<ImgContainer @click.native="$emit('elevator')" text="电梯加装地图" src="elevator.png"/>
<ImgContainer text="电子房态图" src="house.png"/>
<div class="more">
<img src="@/assets/images/add.png"/>
</div>
......
......@@ -10,7 +10,8 @@
size="1.2rem"
:unit="data.unit"
countColor="#00f2ff"
labelColor="#61c2f3"
labelColor="#fff"
unitColor="#61c2f3"
:icon="data.img ? require(`@/assets/images/${data.img}`) : null"/>
</div>
</template>
......
......@@ -2,7 +2,7 @@
<div class="bottom-tabs">
<div class="btns">
<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>
</div>
</div>
......@@ -17,12 +17,12 @@ export default {
return {
btns: [
{name: '任务总数', count: 7},
{name: '自治共治', count: 2},
{name: '站站联动', count: 2},
{name: '自治共治', count: 4},
{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 {
align-items center
width 80%
color #fff
font-size .9rem
font-size 1rem
font-weight normal
>img
width 1.25rem
height 1.25rem
margin-right 0.8rem
margin-right 0.5rem
</style>
......@@ -2,7 +2,7 @@
<div class="govern-analysis">
<div @click="$emit('select', item.name)" class="item" v-for="item in datas" :key="item.name">
<img :src="require(`@/assets/images/${item.icon}.png`)"/>
<p :title="item.name">{{item.name}}</p>
<p :title="item.label">{{item.label}}</p>
</div>
</div>
</template>
......@@ -13,11 +13,11 @@ export default {
data() {
return {
datas: [
{name: '住宅小区综合管理类诉求二级指标占比', icon: 'img1'},
{name: '物业服务满意度得分较低项目', icon: 'img2'},
{name: '物业服务企业整体满意度落后企业', icon: 'img2'},
{name: '12345诉求数量全市排名', icon: 'img3'},
{name: '业委会运作情况', icon: 'img4'},
{label: '投诉分类',name: '住宅小区综合管理类诉求二级指标占比', icon: 'img1'},
{label: '服务落后环节',name: '物业服务满意度得分较低项目', icon: 'img2'},
{label: '服务落后企业',name: '物业服务企业整体满意度落后企业', icon: 'img2'},
{label: '投诉密度区排名',name: '12345投诉区排名', icon: 'img3'},
{label: '业委会运作情况',name: '业委会运作情况', icon: 'img4'},
],
}
......@@ -29,19 +29,24 @@ export default {
.govern-analysis
width 100%
height 100%
display flex
flex-wrap wrap
font-size 1.1rem
.item
width 50%
display flex
cursor pointer
align-items center
padding 0.25rem 0.5rem
&:nth-child(2n+1)
background rgba(0,0,0,0.5)
cursor pointer
// &:nth-child(2n+1)
// background rgba(0,0,0,0.5)
&:hover
color $color-blue
background rgba(0,0,0,0.3)
img
width 1.4rem
width 2rem
height @width
margin 0 0.3rem 0.3rem 0
margin-right .5rem
margin-bottom .6rem
p
overflow hidden
white-space nowrap
......
......@@ -65,7 +65,7 @@ export default {
// font-weight 700
&:last-child
color $fontColor
font-size 0.8rem
font-size 1rem
.content
display flex
align-items center
......@@ -80,7 +80,7 @@ export default {
overflow hidden
text-overflow ellipsis
color $color-blue
font-size 0.9rem
font-size 1rem
&:last-child
color #eee
.step
......
......@@ -3,14 +3,14 @@
<div>
<div>
<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>
</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>
</Row>
</div>
<div class="color-bar"><span/><span/><span/></div>
<div class="color-bar require"><span/><span/><span/></div>
<div>
<h2>管理分类评分模型</h2>
<Row class="row row-title">
......@@ -95,9 +95,9 @@ export default {
},
],
modeData: [
{type: '安全管理', rate: '40%', num: '7项', count: '5.7分'},
{type: '有序管理', rate: '50%', num: '13项', count: '3.8分'},
{type: '干净管理', rate: '10%', num: '4项', count: '2.5分'},
{type: '安全管理', rate: '50%', num: '7项', count: '7.2分'},
{type: '有序管理', rate: '30%', num: '13项', count: '2.3分'},
{type: '干净管理', rate: '20%', num: '4项', count: '5分'},
{type: '合计', rate: '100%', num: '24项', count: '-'},
],
tableLayout: [
......@@ -157,6 +157,9 @@ $border = 0.1rem solid $color-blue
$yellow = #fee902
$blue = #01a7ff
$green = #8fd618
$orange = #fd983f
$qing = #1ea7c7
$lv = #32e4af
.issue-detail
width 100%
......@@ -189,6 +192,13 @@ $green = #8fd618
.color-bar
display flex
justify-content flex-end
&.require
>span
background $qing
&:first-child
background $orange
&:last-child
background $lv
>span
display block
width 2rem
......@@ -202,6 +212,13 @@ $green = #8fd618
.row
border $border
border-bottom none
&.require
&:nth-child(3)
color $orange
&:nth-child(4)
color $qing
&:nth-child(5)
color $lv
&:nth-child(3)
color $yellow
&:nth-child(4)
......
......@@ -7,7 +7,7 @@
:percent="circle.count"
:size="90 * sizeRate"
:trail-width="2 * sizeRate"
:stroke-width="5 * sizeRate"
:stroke-width="4 * sizeRate"
trail-color="gray"
:stroke-color="circle.color">
<div>
......@@ -23,7 +23,7 @@
<TabPane label="干净类" name="干净"/>
</Tabs>
<div v-if="analysisChart" class="chart">
<m-chart :config="config" :data="data"/>
<m-chart :config="config" :data="data" :options="options"/>
</div>
<div v-else class="list">
<div
......@@ -63,9 +63,20 @@ export default {
color: '#8fd618',
},
],
options: {
grid: {
top: '15%',
left: 'auto',
right: '5%',
bottom: 0,
width: 'auto',
height: 'auto',
containLabel: true,
},
},
datas: [],
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},
shape: [
{key: 'safe', name: '安全', type: 'line', stack: '总量', areaStyle: {}},
......@@ -75,37 +86,37 @@ export default {
xAxis: {key: 'date'},
},
data: [
{date: '5月1日', safe: 88.6, orderly: 96.2, clean: 97.1},
{date: '5月2日', safe: 88.6, orderly: 100, clean: 100},
{date: '5月3日', safe: 100, orderly: 88.6, 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月6日', safe: 100, orderly: 92.4, clean: 97.1},
{date: '5月7日', safe: 88.6, orderly: 100, clean: 100},
{date: '5月8日', safe: 100, orderly: 84.8, clean: 100},
{date: '5月9日', safe: 94.3, orderly: 100, 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月12日', safe: 100, orderly: 92.4, clean: 100},
{date: '5月13日', safe: 100, 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月16日', 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月19日', safe: 100, orderly: 100, clean: 100},
{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月22日', safe: 100, orderly: 100, 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月25日', safe: 100, orderly: 96.2, clean: 94.2},
{date: '5月26日', safe: 100, orderly: 100, clean: 100},
{date: '5月27日', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5月28日', safe: 94.3, orderly: 100, clean: 100},
{date: '5月29日', safe: 88.6, orderly: 100, clean: 94.2},
{date: '5月30日', safe: 94.3, orderly: 100, clean: 100},
{date: '5月31日', safe: 100, orderly: 100, 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-3', safe: 100, orderly: 88.6, 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-6', safe: 100, orderly: 92.4, clean: 97.1},
{date: '5-7', safe: 88.6, orderly: 100, clean: 100},
{date: '5-8', safe: 100, orderly: 84.8, clean: 100},
{date: '5-9', safe: 94.3, orderly: 100, 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-12', safe: 100, orderly: 92.4, clean: 100},
{date: '5-13', safe: 100, 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-16', 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-19', safe: 100, orderly: 100, clean: 100},
{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-22', safe: 100, orderly: 100, 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-25', safe: 100, orderly: 96.2, clean: 94.2},
{date: '5-26', safe: 100, orderly: 100, clean: 100},
{date: '5-27', safe: 100, orderly: 88.6, clean: 97.1},
{date: '5-28', safe: 94.3, orderly: 100, clean: 100},
{date: '5-29', safe: 88.6, orderly: 100, clean: 94.2},
{date: '5-30', safe: 94.3, orderly: 100, clean: 100},
{date: '5-31', safe: 100, orderly: 100, clean: 97.1},
],
}
},
......@@ -187,7 +198,7 @@ $blue = #3391FF
&.title
width 80%
color #fff
font-size 0.9rem
font-size 1rem
font-weight normal
overflow hidden
white-space nowrap
......
......@@ -32,9 +32,9 @@
<Application @elevator="showEleMap = true"/>
</m-card>
<m-card v-show="complete" area="box9" title="视频监控" mode="4">
<div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;">
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate1.png"/>
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate2.png"/>
<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 style="width:48%;height:80%;" src="@/assets/images/monitor2.jpeg"/>
</div>
</m-card>
<m-card v-show="complete" area="box5" title="智能发现" mode="4">
......@@ -46,6 +46,17 @@
<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-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><b>{{item.total}}</b> 件</p>
<template v-if="item.detail.length > 0">
......@@ -56,7 +67,7 @@
</vue-seamless-scroll>
</template>
<p class="seamless-wrap" v-else>暂无智能提示</p>
</div>
</div> -->
</div>
</m-card>
<m-card v-show="complete" enter="fadeInUp" leave="fadeOutDown" area="box7" title="联勤联动动态流程" :width="25" mode="4">
......@@ -64,7 +75,7 @@
</m-card>
<MapMenu :full="complete" @switch="handleSwitchIcon" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<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 />
</m-modal>
<m-modal v-model="remindModal" width="70%" title="智能提示列表">
......@@ -199,6 +210,7 @@ export default {
})
this.$refs.map.focus(3706.690186, -4234.159912, 8.5)
this.initLinyiData()
this.addBuildingIcon()
setTimeout(() => {
this.complete = true
this.getCheckCommunityList({isPublish: 1, someday: '20200316'})
......@@ -217,7 +229,7 @@ export default {
url: this.$api.GET_BUILDING,
}).then(res => {
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}) {
......@@ -249,14 +261,7 @@ export default {
this.addPoints()
},
addPoints() {
// const data = [
// {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'})
// this.addBuildingIcon()
const {map} = this.$refs
map.removePoint('sensor')
map.removeGifPoint('sensor')
......@@ -270,10 +275,10 @@ export default {
sensor.state == '1' ? sensor.icon = 'warn.png' : null
})
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,
}).then(res => {
const sum = {total: 0, today: 0}
......@@ -292,7 +297,27 @@ export default {
this.$store.commit('SET_DISCOVERYLIST', originSum)
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) {
if (name === '临沂二村') return
......@@ -330,39 +355,30 @@ export default {
>div
display flex
align-items center
padding 0 0 0 0.3rem
justify-content space-between
padding 0 .5rem
cursor pointer
&:nth-child(2n+1)
background rgba(6,27,50,0.9)
&:hover
color $color-blue
p
display flex
align-items center
overflow hidden
width 14rem
margin-right .5rem
&:nth-child(2)
width 3rem
text-align right
b
color $edgeColor
font-size 1.1rem
margin-right .2rem
img
width 1.2rem
height @width
margin-right .5rem
.no-more
width 9rem
.seamless-wrap
width 11rem
overflow hidden
height 2rem
width 11rem
margin 0
line-height 2rem
text-align center
.item
list-style none
li
width 9.5rem
float left
margin-right 1rem
text-align right
b
color $edgeColor
font-size 1.2rem
......
......@@ -71,9 +71,9 @@
<Supervision />
</m-card> -->
<m-card v-show="complete" area="box9" title="视频监控" mode="4">
<div style="display:flex;height:100%;padding:0.3rem;justify-content:space-between;">
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate1.png"/>
<ImgContainer style="width:48%;" text="小区入口岗亭" src="gate2.png"/>
<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 style="width:48%;height:80%;" src="@/assets/images/monitor2.jpeg"/>
</div>
</m-card>
<m-card v-show="complete" area="box5" title="智能发现" mode="4">
......@@ -93,7 +93,7 @@
<m-animate enter="fadeInUp" leave="fadeOutDown">
<BottomTabs v-show="complete" @click="showModal = true"/>
</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 />
</m-modal>
<m-modal v-model="showEleMap" width="90%" title="电梯加装地图">
......@@ -126,8 +126,8 @@
<p class="title">南码头街道业委会运作情况</p>
<m-chart :config="operationConfig" :data="operationData" />
</div>
<div v-else-if="analysisTitle == '12345诉求数量全市排名'" class="card">
<p class="title">南码头街道12345诉求数量全市排名</p>
<div v-else-if="analysisTitle == '12345投诉区排名'" class="card">
<p class="title">南码头街道12345投诉区排名</p>
<div class="inner">
<div v-for="(item, i) in list" :key="i">
<p>{{item.title}}</p>
......@@ -212,7 +212,7 @@ export default {
analysisTitle: null,
list: [
{
title: '2019诉求量',
title: '2019投诉量',
count: 1582,
unit: '件',
},
......@@ -227,7 +227,7 @@ export default {
info: '较去年+51',
},
{
title: '2019诉求密度',
title: '2019投诉密度',
count: 46,
unit: '件',
},
......@@ -361,7 +361,7 @@ export default {
'$store.state.supervisionCommunityList': {
handler(cur) {
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) {
......
......@@ -64,7 +64,7 @@
</m-card>
<MapMenu :full="complete" @full="complete = !complete" @in="$refs.map.zoomIn()" @out="$refs.map.zoomOut()"/>
<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 />
</m-modal>
<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