This commit is contained in:
liuye
2022-01-17 14:24:54 +08:00
parent 0073e30a2b
commit 4a4d152c10
3 changed files with 64 additions and 113 deletions

View File

@@ -1,5 +1,14 @@
<template> <template>
<div class="AppGridManagement"> <div class="AppGridManagement">
<div class="pad-t32" v-if="component != 'Map'"></div>
<div class="select-gird" v-if="component != 'Map'">
<img src="./components/img/gird-icon.png" alt="" class="gird-icon">
<div @click="linkTo('./SelectGird')">
{{params.girdName}}
<img src="./components/img/down-icon.png" alt="" class="down-icon">
</div>
<span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
</div>
<component v-if="refresh && isAdmin" :is="component" @change="onChange" :params="params"> </component> <component v-if="refresh && isAdmin" :is="component" @change="onChange" :params="params"> </component>
<div class="tabs" v-if="isTab && isAdmin"> <div class="tabs" v-if="isTab && isAdmin">
<div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index"> <div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
@@ -50,7 +59,8 @@ export default {
} }
], ],
isTab: true, isTab: true,
isAdmin: false isAdmin: false,
checkType: ''
} }
}, },
@@ -79,10 +89,15 @@ export default {
if (res.code == 0) { if (res.code == 0) {
if (res.data.checkType != '0') { if (res.data.checkType != '0') {
this.isAdmin = true this.isAdmin = true
this.checkType = res.data.checkType
this.params = res.data.appGirdInfo
} }
} }
}) })
}, },
linkTo(url) {
uni.navigateTo({ url })
},
}, },
onShow() { onShow() {
document.title = '网格管理' document.title = '网格管理'
@@ -95,6 +110,9 @@ export default {
}, },
onLoad() { onLoad() {
this.isGirdUser() this.isGirdUser()
uni.$on('goback', (res) => {
this.params = res
})
}, },
onReachBottom() { onReachBottom() {
if(!this.tabIndex) { if(!this.tabIndex) {
@@ -108,6 +126,46 @@ export default {
.AppGridManagement { .AppGridManagement {
height: 100vh; height: 100vh;
} }
.pad-t32{
padding-top: 32px;
}
.select-gird{
width: calc(100% - 60px);
padding: 24px 32px;
background: #FFFFFF;
border-radius: 16px;
margin: 0 30px 32px;
box-sizing: border-box;
img{
width: 32px;
height: 32px;
vertical-align: middle;
}
div{
display: inline-block;
width: calc(100% - 144px);
padding-left: 20px;
box-sizing: border-box;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
line-height: 48px;
img{
margin-left: 8px;
}
}
span{
display: inline-block;
width: 112px;
height: 48px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #3F8DF5;
line-height: 48px;
}
}
.tabs { .tabs {
width: 100%; width: 100%;
height: 98px; height: 98px;

View File

@@ -1,13 +1,5 @@
<template> <template>
<div class="Organization"> <div class="Organization">
<div class="select-gird">
<img src="./components/img/gird-icon.png" alt="" class="gird-icon">
<div @click="linkTo('./SelectGird')">
{{userGird.girdName}}
<img src="./components/img/down-icon.png" alt="" class="down-icon">
</div>
<span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
</div>
<div class="title">网格人员</div> <div class="title">网格人员</div>
<div class="user-content" v-for="(item, index) in dataInfo.parentGirdMembers" :key="index"> <div class="user-content" v-for="(item, index) in dataInfo.parentGirdMembers" :key="index">
<image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" /> <image :src="item.photo" alt="" mode="aspectFill" v-if="item.photo" />
@@ -40,32 +32,22 @@ export default {
return { return {
userGird: {}, userGird: {},
dataInfo: {}, dataInfo: {},
checkType: ''
} }
}, },
props: ['params'],
onShow() { onShow() {
document.title = '网格管理' document.title = '网格管理'
}, },
mounted() { mounted() {
this.isGirdUser() this.userGird = this.params
this.getGirdUserList()
uni.$on('goback', (res) => { uni.$on('goback', (res) => {
this.userGird = res this.userGird = res
this.getGirdUserList() this.getGirdUserList()
}) })
}, },
methods: { methods: {
isGirdUser() {
this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
if (res.code == 0) {
if (res.data.checkType != '0') {
this.checkType = res.data.checkType
this.userGird = res.data.appGirdInfo
this.getGirdUserList()
}
}
})
},
getGirdUserList() { getGirdUserList() {
this.$http.post(`/app/appgirdmemberinfo/listGirdMemberByGirdId?girdId=${this.userGird.id}`).then((res) => { this.$http.post(`/app/appgirdmemberinfo/listGirdMemberByGirdId?girdId=${this.userGird.id}`).then((res) => {
if (res.code == 0) { if (res.code == 0) {
@@ -82,45 +64,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.Organization { .Organization {
padding-top: 32px;
background-color: #f5f5f5; background-color: #f5f5f5;
.select-gird{
width: calc(100% - 60px);
padding: 24px 32px;
background: #FFFFFF;
border-radius: 16px;
margin: 0 30px 32px;
box-sizing: border-box;
img{
width: 32px;
height: 32px;
vertical-align: middle;
}
div{
display: inline-block;
width: calc(100% - 144px);
padding-left: 20px;
box-sizing: border-box;
font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
line-height: 48px;
img{
margin-left: 8px;
}
}
span{
display: inline-block;
width: 112px;
height: 48px;
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #3F8DF5;
line-height: 48px;
}
}
.title{ .title{
font-size: 38px; font-size: 38px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;

View File

@@ -1,15 +1,5 @@
<template> <template>
<div class="Statistics"> <div class="Statistics">
<div class="top">
<div class="left" @click="linkTo('./SelectGird')">
<img src="./components/img/gird-icon.png" alt="" />
<div class="girdNmae">{{ girdMsgList.girdName || '' }}</div>
<u-icon name="arrow-down" color="#666"></u-icon>
</div>
<div class="right" @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</div>
</div>
<div class="middle"> <div class="middle">
<div class="girdPeople">网格内人员情况</div> <div class="girdPeople">网格内人员情况</div>
@@ -86,6 +76,8 @@ export default {
created() { created() {
this.$dict.load('girdType', 'girdLevel').then(() => { this.$dict.load('girdType', 'girdLevel').then(() => {
this.isGirdUser() this.isGirdUser()
this.girdMsgList = this.params
this.getList()
}) })
uni.$on('goback', (res) => { uni.$on('goback', (res) => {
@@ -98,14 +90,6 @@ export default {
this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => { this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
if (res.code == 0) { if (res.code == 0) {
this.girdUser = res.data this.girdUser = res.data
this.checkType = res.data.checkType
if (this.girdUser.checkType != '0') {
if (this.girdUser.appGirdInfo) {
this.girdMsgList = this.girdUser.appGirdInfo
this.getList()
}
}
} }
}) })
}, },
@@ -129,43 +113,8 @@ uni-page-body {
height: 100%; height: 100%;
} }
.Statistics { .Statistics {
height: 100%;
background: #f3f7f8;
padding: 0 30px; padding: 0 30px;
padding-top: 30px;
box-sizing: border-box; box-sizing: border-box;
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 32px;
background: #fff;
border-radius: 16px;
.left {
display: flex;
align-items: center;
img {
width: 32px;
height: 32px;
}
.girdNmae {
margin-left: 20px;
font-size: 34px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
}
.u-icon {
margin-left: 8px;
}
}
.right {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #3f8df5;
}
}
.middle { .middle {
background: #ffffff; background: #ffffff;