admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化首页

Browse Source
This commit is contained in:
java110 2022-07-06 08:51:33 +08:00
parent 61be94d18a
commit f659c22f6d
4 changed files with 93 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/components/property/indexOwnerRoom/indexOwnerRoom.js
View File

@ -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: [{

56
public/components/property/indexRepairComplaint/indexRepairComplaint.js
View File

@ -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: [{

90
public/css/vc.css
View File

@ -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;
}

4
public/pages/property/propertyIndex/propertyIndex.html
View File

@ -1,6 +1,6 @@
<div class="vc-index">
<div>
<span><i class="fa fa-home"></i>首页</span><span class="">/</span><span>控制台</span>
<div class="vc-index-nav">
<span><i class="fa fa-home margin-right-sm"></i>首页</span><span class="margin-left-sm margin-right-sm">/</span><span>控制台</span>
</div>
<div class="vc-index-1 flex justify-start">
<div class="index-1-left">