This commit is contained in:
yanran200730
2022-01-07 17:23:37 +08:00
3 changed files with 59 additions and 38 deletions

View File

@@ -16,19 +16,19 @@
<div class="item"> <div class="item">
<div class="mini-title">小区管理</div> <div class="mini-title">小区管理</div>
<div class="info"> <div class="info">
<div class="line-bg"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt=""> <div class="line-bg"><div class="active-bg"></div></div>共11条 | 已办结9
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="mini-title">小区管理</div> <div class="mini-title">小区管理</div>
<div class="info"> <div class="info">
<div class="line-bg" style="width:50%;"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt=""> <div class="line-bg" style="width:44%;"><div class="active-bg"></div></div>共11条 | 已办结9
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="mini-title">小区管理</div> <div class="mini-title">小区管理</div>
<div class="info"> <div class="info">
<div class="line-bg" style="width:40%;"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt=""> <div class="line-bg" style="width:30%;"><div class="active-bg"></div></div>共11条 | 已办结9
</div> </div>
</div> </div>
</div> </div>
@@ -186,7 +186,7 @@ export default {
line-height: 48px; line-height: 48px;
.line-bg{ .line-bg{
display: inline-block; display: inline-block;
width: 63%; width: 56%;
height: 14px; height: 14px;
background: #D7D8D9; background: #D7D8D9;
border-radius: 8px; border-radius: 8px;

View File

@@ -115,11 +115,7 @@ export default {
} }
}) })
}else { //查网格员 }else { //查网格员
this.$http.post(`/app/appgirdmemberinfo/listByGirdId`, { this.$http.post(`/app/appgirdmemberinfo/listByGirdId`, {girdId: row.id}).then((res) => {
appGirdMemberInfo: {
girdId: row.id
}
}).then((res) => {
if (res?.data) { if (res?.data) {
this.userList = res.data this.userList = res.data
this.userList.map((item) => { this.userList.map((item) => {

View File

@@ -1,10 +1,11 @@
<template> <template>
<div class="statistics"> <div class="statistics" v-if="pageShow">
<div class="gird-select"> <!-- <div class="gird-select">
<img src="./components/img/gird-icon.png" alt=""> <img src="./components/img/gird-icon.png" alt="">
<span>全部网格</span> <span>{{girdName}}</span>
<img src="./components/img/down-icon.png" alt=""> <img src="./components/img/down-icon.png" alt="">
</div> </div>
<u-select v-model="showSelect" :list="myGirdList" value-name="id" label-name="girdName" @confirm="confirm"></u-select> -->
<div class="info-content"> <div class="info-content">
<div class="title">今日概况</div> <div class="title">今日概况</div>
<div class="el-row"> <div class="el-row">
@@ -20,11 +21,11 @@
<div class="left"> <div class="left">
<div class="item"> <div class="item">
<p>受理率</p> <p>受理率</p>
<h2>{{info.businessCountMap['受理率'] * 100}}%</h2> <h2>{{info.businessCountMap['受理率'] * 100 || '0'}}%</h2>
</div> </div>
<div class="item"> <div class="item">
<p>办结率</p> <p>办结率</p>
<h2>{{info.businessCountMap['办结率'] * 100}}%</h2> <h2>{{info.businessCountMap['办结率'] * 100 || '0'}}%</h2>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@@ -35,15 +36,15 @@
<div class="num"> <div class="num">
<div class="item bg1"> <div class="item bg1">
<h2>累计反馈</h2> <h2>累计反馈</h2>
<p>{{info.businessCountMap['累计反馈']}}</p> <p>{{info.businessCountMap['累计反馈'] || '0'}}</p>
</div> </div>
<div class="item bg2"> <div class="item bg2">
<h2>累计受理</h2> <h2>累计受理</h2>
<p>{{info.businessCountMap['累计受理']}}</p> <p>{{info.businessCountMap['累计受理'] || '0'}}</p>
</div> </div>
<div class="item bg3"> <div class="item bg3">
<h2>累计办理</h2> <h2>累计办理</h2>
<p>{{info.businessCountMap['累计办结']}}</p> <p>{{info.businessCountMap['累计办结'] || '0'}}</p>
</div> </div>
</div> </div>
</div> </div>
@@ -51,34 +52,22 @@
</div> </div>
<div class="info-content"> <div class="info-content">
<div class="title" @click="toPercentageDetail">分类统计 <div class="title" @click="toPercentageDetail">分类统计
<img src="./components/img/right-icon.png" alt=""> <!-- <img src="./components/img/right-icon.png" alt=""> -->
</div> </div>
<div class="percentage"> <div class="percentage">
<div class="item"> <div class="item" v-for="(item, index) in info.groupList" :key="index">
<div class="mini-title">小区管理</div> <div class="mini-title">{{item.groupName}}</div>
<div class="info"> <div class="info">
<div class="line-bg"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt=""> <div class="line-bg" :style="`width:${item.width}%`"><div class="active-bg" :style="`width:${item.percentage*100}%`"></div></div>{{item.totalNum}} | 已办结{{item.finishNum}}
</div>
</div>
<div class="item">
<div class="mini-title">小区管理</div>
<div class="info">
<div class="line-bg" style="width:44%;"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt="">
</div>
</div>
<div class="item">
<div class="mini-title">小区管理</div>
<div class="info">
<div class="line-bg" style="width:30%;"><div class="active-bg"></div></div>共11条 | 已办结9 <img src="./components/img/right-icon.png" alt="">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="info-content" @click="toUserList"> <!-- <div class="info-content" @click="toUserList">
<div class="title">成员明细 <div class="title">成员明细
<img src="./components/img/right-icon.png" alt=""> <img src="./components/img/right-icon.png" alt="">
</div> </div>
</div> </div> -->
<div class="pad-b120"></div> <div class="pad-b120"></div>
</div> </div>
</template> </template>
@@ -89,10 +78,16 @@ export default {
data() { data() {
return { return {
todayList: [], todayList: [],
info: {} info: {},
pageShow: false,
myGirdList: [],
showSelect: false,
myGirdList: [],
girdName: '全部网格'
} }
}, },
mounted() { mounted() {
this.girdList()
this.getStatistics() this.getStatistics()
}, },
methods: { methods: {
@@ -107,7 +102,18 @@ export default {
} }
this.todayList.push(info) this.todayList.push(info)
}) })
if(this.info.groupList.length) {
this.info.groupList.map((item, index) => {
if(item.finishNum) {
item.percentage = (item.finishNum/item.totalNum).toFixed(2)
}else {
item.percentage = 0
}
item.width = 56-(index*10)
})
}
} }
this.pageShow = true
}) })
}, },
@@ -125,6 +131,27 @@ export default {
}, },
toUserList() { toUserList() {
uni.navigateTo({url: './UserList'}) uni.navigateTo({url: './UserList'})
},
girdList() {
this.$http.post(`/app/appgirdmemberinfo/queryMyGirdList`, null, {
params: {
size: 9999,
},
})
.then((res) => {
if (res.code == 0) {
this.myGirdList = res.data
var all = {
id: '',
girdName: '全部'
}
this.myGirdList.unshift(all)
}
})
},
confirm(e) {
} }
}, },
} }
@@ -291,13 +318,11 @@ export default {
line-height: 48px; line-height: 48px;
.line-bg{ .line-bg{
display: inline-block; display: inline-block;
width: 56%;
height: 14px; height: 14px;
background: #D7D8D9; background: #D7D8D9;
border-radius: 8px; border-radius: 8px;
margin-right: 12px; margin-right: 12px;
.active-bg{ .active-bg{
width: 80%;
height: 100%; height: 100%;
background: #257FF1; background: #257FF1;
border-radius: 8px; border-radius: 8px;