admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-23 21:36:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化代码

Browse Source
This commit is contained in:
wuxw 2022-07-02 21:21:01 +08:00
parent df25598467
commit 7f58da042b
4 changed files with 213 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/vc.css
View File

@ -659,4 +659,27 @@ body,
.vc-main .ibox .ibox-content {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
}
.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: 300px;
}
.vc-index .index-1-right{
width: 35%;
padding:10px;
}
.vc-index .index-1-right .index-1-right-1{
background-color: #FFFFFF;
border-radius: 10px;
height: 300px;
}

2
public/index.html
View File

@ -66,7 +66,7 @@
</div>
<div id="component" class="vc-wrapper vc-content padding-top-sm animated fadeInRight"
vc-path="/common/chooseEnterCommunity">
<vc:create path="/pages/property/indexContext"></vc:create>
<vc:create path="/pages/property/propertyIndex"></vc:create>
</div>
</div>
</div>

27
public/pages/property/propertyIndex/propertyIndex.html Executable file
View File

@ -0,0 +1,27 @@
<div class="vc-index">
<div>
<span><i class="fa fa-home"></i>首页</span><span class="">/</span><span>控制台</span>
</div>
<div class="vc-index-1 flex justify-start">
<div class="index-1-left">
<div class="index-1-left-1">
<div class="index-title"><span>小区信息</span></div>
<div class="flex justify-between">
<div class="flex justify-start">
<div><i class="fa fa-building-o"></i></div>
<div>
<div>27</div>
<div>楼宇</div>
</div>
</div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<div class="index-1-right">
<div class="index-1-right-1">123</div>
</div>
</div>
</div>

161
public/pages/property/propertyIndex/propertyIndex.js Executable file
View File

@ -0,0 +1,161 @@
(function(vc) {
vc.extends({
data: {
indexContextInfo: {
ownerCount: '0',
noEnterRoomCount: '0',
roomCount: '0',
freeRoomCount: '0',
parkingSpaceCount: '0',
freeParkingSpaceCount: '0',
shopCount: '0',
freeShopCount: '0'
}
},
_initMethod: function() {
vc.component._queryIndexContextData();
},
_initEvent: function() {
vc.on("indexContext", "_queryIndexContextData", function(_param) {
vc.component._queryIndexContextData();
});
},
methods: {
_queryIndexContextData: function() {
if (vc.getCurrentCommunity() == null || vc.getCurrentCommunity() == undefined) {
return;
}
var param = {
params: {
communityId: vc.getCurrentCommunity().communityId
}
}
//发送get请求
vc.http.get('indexContext',
'getData',
param,
function(json, res) {
var indexData = JSON.parse(json);
vc.copyObject(indexData, vc.component.indexContextInfo);
let _dom = document.getElementById('ownerCount');
$that._initCharts2(indexData.ownerCount - indexData.noEnterRoomCount, indexData.noEnterRoomCount, _dom, vc.i18n('业主信息', 'indexContext'), vc.i18n('已入住', 'indexContext'), vc.i18n('未入住', 'indexContext'));
_dom = document.getElementById('roomCount');
$that._initCharts2(indexData.roomCount - indexData.freeRoomCount, indexData.freeRoomCount, _dom, vc.i18n('房屋信息', 'indexContext'), vc.i18n('已入住', 'indexContext'), vc.i18n('空闲', 'indexContext'));
_dom = document.getElementById('parkingSpaceCount');
$that._initEcharts(indexData.parkingSpaceCount - indexData.freeParkingSpaceCount, indexData.freeParkingSpaceCount, _dom, vc.i18n('车位信息', 'indexContext'), vc.i18n('已使用', 'indexContext'), vc.i18n('空闲', 'indexContext'));
_dom = document.getElementById('shopCount');
$that._initCharts2(indexData.shopCount - indexData.freeShopCount, indexData.freeShopCount, _dom, vc.i18n('商铺信息', 'indexContext'), vc.i18n('已出售', 'indexContext'), vc.i18n('空闲', 'indexContext'));
},
function(errInfo, error) {
console.log('请求失败处理');
}
);
},
_initEcharts: function(userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//let dom = document.getElementById("box2");
let myChart = echarts.init(dom);
let option = null;
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [{
name: _title,
type: 'pie',
radius: ['60%', '75%'],
avoidLabelOverlap: false,
label: {
show: true,
position: 'top'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold'
}
},
labelLine: {
show: true
},
data: [
{ value: userCount, name: _userCountName },
{ value: freeCount, name: _freeCountName }
],
}]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
},
_initCharts2: function(userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//var dom = document.getElementById("box1");
let myChart = echarts.init(dom);
let option = null;
option = {
textStyle: { //图例文字的样式
fontSize: 12
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [{
name: _title,
type: 'pie',
radius: '75%',
center: ['50%', '50%'],
data: [
{ value: userCount, name: _userCountName },
{ value: freeCount, name: _freeCountName }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
},
_initCharts3: function(userCount, freeCount, dom, _title, _userCountName, _freeCountName) {
//var dom = document.getElementById("box1");
let myChart = echarts.init(dom);
let option = null;
option = {
title: {
text: '',
subtext: '',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
color: ['#66CDAA', '#FFDAB9'],
series: [{
name: _title,
type: 'pie',
radius: ['20%', '75%'],
center: ['50%', '50%'],
roseType: 'area',
data: [
{ value: userCount, name: _userCountName },
{ value: freeCount, name: _freeCountName }
]
}]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
}
}
})
})(window.vc);