diff --git a/public/components/property/indexOwnerRoom/indexOwnerRoom.js b/public/components/property/indexOwnerRoom/indexOwnerRoom.js index 2fd8ca3e0..7441c6db1 100644 --- a/public/components/property/indexOwnerRoom/indexOwnerRoom.js +++ b/public/components/property/indexOwnerRoom/indexOwnerRoom.js @@ -1,20 +1,19 @@ -(function (vc) { +(function(vc) { vc.extends({ data: { indexOwnerRoomInfo: { - unbindCount:0, - bindCount:0, - unbindRoomCount:0, - bindRoomCount:0, + unbindCount: 0, + bindCount: 0, + unbindRoomCount: 0, + bindRoomCount: 0, } }, - _initMethod: function () { + _initMethod: function() { $that._loadIndexOwnerRegisterData(); }, - _initEvent: function () { - }, + _initEvent: function() {}, methods: { - _loadIndexOwnerRegisterData:function(){ + _loadIndexOwnerRegisterData: function() { let param = { params: { page: 1, @@ -26,22 +25,22 @@ //发送get请求 vc.http.apiGet('/propertyIndex.queryOwnerRegisterIndex', param, - function (json, res) { + function(json, res) { let _res = JSON.parse(json); - if(_res.code != 0){ + if (_res.code != 0) { return; } vc.copyObject(_res.data, $that.indexOwnerRoomInfo); let _dom = document.getElementById('ownerRoomCount'); $that._initOwnerEcharts($that.indexOwnerRoomInfo.bindCount, $that.indexOwnerRoomInfo.unbindCount, _dom, vc.i18n('住户信息', 'indexOwnerRoom'), vc.i18n('已处理', 'indexOwnerRoom'), vc.i18n('未处理', 'indexOwnerRoom'), '#4B7AF0', '#E2EDF6'); }, - function (errInfo, error) { + function(errInfo, error) { console.log('请求失败处理'); - + } ); }, - _initOwnerEcharts: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName, userColor, freeColor) { + _initOwnerEcharts: function(userCount, freeCount, dom, _title, _userCountName, _freeCountName, userColor, freeColor) { let myChart = echarts.init(dom); let option = null; option = { @@ -52,7 +51,10 @@ legend: { top: '5%', left: 'right', - orient: 'vertical', //垂直显示 + orient: 'vertical', //垂直显示 + textStyle: { + color: '#9D9D9F' //字体颜色 + }, }, color: [userColor, freeColor], series: [{ diff --git a/public/components/property/indexRepairComplaint/indexRepairComplaint.js b/public/components/property/indexRepairComplaint/indexRepairComplaint.js index b762c791c..38aa85706 100644 --- a/public/components/property/indexRepairComplaint/indexRepairComplaint.js +++ b/public/components/property/indexRepairComplaint/indexRepairComplaint.js @@ -1,25 +1,24 @@ -(function (vc) { +(function(vc) { vc.extends({ data: { indexRepairComplaintInfo: { - allCount:0, - waitCount:0, - doingCount:0, - finishCount:0, - allComplaintCount:0, - waitComplaintCount:0, - finishComplaintCount:0, + allCount: 0, + waitCount: 0, + doingCount: 0, + finishCount: 0, + allComplaintCount: 0, + waitComplaintCount: 0, + finishComplaintCount: 0, } }, - _initMethod: function () { - - $that._loadIndexComplaintData(); + _initMethod: function() { + + $that._loadIndexComplaintData(); $that._loadIndexRepairData(); }, - _initEvent: function () { - }, + _initEvent: function() {}, methods: { - _loadIndexRepairData:function(){ + _loadIndexRepairData: function() { let param = { params: { page: 1, @@ -31,22 +30,22 @@ //发送get请求 vc.http.apiGet('/propertyIndex.queryRepairIndex', param, - function (json, res) { + function(json, res) { let _res = JSON.parse(json); - if(_res.code != 0){ + if (_res.code != 0) { return; } vc.copyObject(_res.data, $that.indexRepairComplaintInfo); let _dom = document.getElementById('repairCount'); - $that._initEcharts($that.indexRepairComplaintInfo.finishCount, $that.indexRepairComplaintInfo.allCount - $that.indexRepairComplaintInfo.finishCount, _dom, vc.i18n('报修信息', 'indexRepairComplaint'), vc.i18n('已处理', 'indexContext'), vc.i18n('未处理', 'indexContext'), '#4B7AF0', '#E2EDF6'); + $that._initEcharts($that.indexRepairComplaintInfo.finishCount, $that.indexRepairComplaintInfo.allCount - $that.indexRepairComplaintInfo.finishCount, _dom, vc.i18n('报修信息', 'indexRepairComplaint'), vc.i18n('已处理', 'indexContext'), vc.i18n('未处理', 'indexContext'), '#4B7AF0', '#E2EDF6'); }, - function (errInfo, error) { + function(errInfo, error) { console.log('请求失败处理'); - + } ); }, - _loadIndexComplaintData:function(){ + _loadIndexComplaintData: function() { let param = { params: { page: 1, @@ -58,22 +57,22 @@ //发送get请求 vc.http.apiGet('/propertyIndex.queryComplaintIndex', param, - function (json, res) { + function(json, res) { let _res = JSON.parse(json); - if(_res.code != 0){ + if (_res.code != 0) { return; } vc.copyObject(_res.data, $that.indexRepairComplaintInfo); let _complaintCountDom = document.getElementById('complaintCount'); - $that._initEcharts($that.indexRepairComplaintInfo.finishComplaintCount, $that.indexRepairComplaintInfo.allComplaintCount - $that.indexRepairComplaintInfo.finishComplaintCount, _complaintCountDom, vc.i18n('投诉统计', 'indexRepairComplaint'), vc.i18n('已处理', 'indexContext'), vc.i18n('未处理', 'indexContext'), '#01C36D', '#E2EDF6'); + $that._initEcharts($that.indexRepairComplaintInfo.finishComplaintCount, $that.indexRepairComplaintInfo.allComplaintCount - $that.indexRepairComplaintInfo.finishComplaintCount, _complaintCountDom, vc.i18n('投诉统计', 'indexRepairComplaint'), vc.i18n('已处理', 'indexContext'), vc.i18n('未处理', 'indexContext'), '#01C36D', '#E2EDF6'); }, - function (errInfo, error) { + function(errInfo, error) { console.log('请求失败处理'); - + } ); }, - _initEcharts: function (userCount, freeCount, dom, _title, _userCountName, _freeCountName, userColor, freeColor) { + _initEcharts: function(userCount, freeCount, dom, _title, _userCountName, _freeCountName, userColor, freeColor) { let myChart = echarts.init(dom); let option = null; option = { @@ -84,7 +83,10 @@ legend: { top: '5%', left: 'right', - orient: 'vertical', //垂直显示 + orient: 'vertical', //垂直显示 + textStyle: { + color: '#9D9D9F' //字体颜色 + }, }, color: [userColor, freeColor], series: [{ diff --git a/public/css/vc.css b/public/css/vc.css index c0c74a40c..b8d19ef9c 100644 --- a/public/css/vc.css +++ b/public/css/vc.css @@ -618,7 +618,7 @@ body, height: 50px; font-size: 24px; line-height: 50px; - width: 80px ; + width: 80px; text-align: center; } @@ -648,8 +648,7 @@ body, display: none; } -.vc-main .breadcrumb { -} +.vc-main .breadcrumb {} .vc-main .ibox .ibox-title { border-top-left-radius: 10px; @@ -661,62 +660,64 @@ body, border-bottom-right-radius: 10px; } -.vc-index .index-1-left{ - width: 65%; - padding:10px; - +.vc-index .vc-index-nav { + padding: 10px; + font-size: 16px; } -.vc-index .index-1-left .index-1-left-1{ +.vc-index .index-1-left { + width: 65%; + padding: 10px; +} + +.vc-index .index-1-left .index-1-left-1 { background-color: #FFFFFF; border-radius: 10px; height: 350px; padding: 15px; } -.vc-index .index-title{ - color: #404357; - font-size: 18px; +.vc-index .index-title { + color: #404357; + font-size: 20px; font-weight: bold; - } -.vc-index .index-number{ +.vc-index .index-number { color: #404357; - font-size: 24px; + font-size: 26px; font-weight: bold; margin-top: -5px; } -.vc-index .index-number-unit{ +.vc-index .index-number-unit { color: #9D9D9F; font-size: 14px; } -.vc-index .index-name{ +.vc-index .index-name { color: #404357; - font-size: 18px; + font-size: 20px; font-weight: bold; - } -.vc-index .index-name-ico{ - font-size: 24px; +.vc-index .index-name-ico { + font-size: 30px; color: #00BF6F; font-weight: bold; - margin-top: 10px; + margin-top: 5px; } -.vc-index .index-number-describe{ +.vc-index .index-number-describe { color: #9D9D9F; } -.vc-index .index-1-left .index-1-left-1 .index-1-left-1-content{ - padding-top:50px; - padding-bottom:50px; +.vc-index .index-1-left .index-1-left-1 .index-1-left-1-content { + padding-top: 50px; + padding-bottom: 50px; } -.vc-index .index-1-left .index-1-left-1 .index-1-left-img{ +.vc-index .index-1-left .index-1-left-1 .index-1-left-img { background-color: #F6F6F6; width: 50px; height: 50px; @@ -726,67 +727,66 @@ body, margin-right: 10px; } -.vc-index .index-1-left .index-1-left-1 .index-1-left-img i{ +.vc-index .index-1-left .index-1-left-1 .index-1-left-img i { color: #00BF6F; font-weight: bold; font-size: 24px; } -.vc-index .index-1-right{ +.vc-index .index-1-right { width: 35%; - padding:10px; + padding: 10px; } -.vc-index .index-1-right .index-1-right-1{ +.vc-index .index-1-right .index-1-right-1 { background-color: #FFFFFF; border-radius: 10px; height: 350px; - padding:15px; + padding: 15px; overflow-y: hidden; } -.vc-index .index-1-left-1-bottom{ +.vc-index .index-1-left-1-bottom { width: 90%; - margin:50px auto; + margin: 40px auto; } -.vc-index .index-1-left-1-bottom .index-1-left-1-bottom-item{ +.vc-index .index-1-left-1-bottom .index-1-left-1-bottom-item { width: 45%; } - -.vc-index .vc-index-notice-title{ +.vc-index .vc-index-notice-title { font-size: 14px; color: #544E42; width: 60%; } -.vc-index .vc-index-notice-title i{ +.vc-index .vc-index-notice-title i { font-size: 2px; } -.vc-index .vc-index-notice-time{ +.vc-index .vc-index-notice-time { font-size: 14px; color: #9D9D9F; } -.vc-index .index-1-left-item{ +.vc-index .index-1-left-item { width: 49%; - padding:15px; + padding: 15px; border-radius: 10px; } -.vc-index .index-bottom-number{ +.vc-index .index-bottom-number { color: #404357; - font-size: 16px; + font-size: 20px; font-weight: bold; } -.vc-index .index-bottom-number-desc{ +.vc-index .index-bottom-number-desc { color: #9D9D9F; } -.vc-index .index-1-right-item{ - padding:15px; +.vc-index .index-1-right-item { + padding: 15px; border-radius: 10px; } \ No newline at end of file diff --git a/public/pages/property/propertyIndex/propertyIndex.html b/public/pages/property/propertyIndex/propertyIndex.html index 313350c83..a740633bd 100755 --- a/public/pages/property/propertyIndex/propertyIndex.html +++ b/public/pages/property/propertyIndex/propertyIndex.html @@ -1,6 +1,6 @@