BUG 28230
This commit is contained in:
aixianling
@@ -1,84 +1,85 @@
|
||||
<template>
|
||||
<div class="detail">
|
||||
<div class="tab-select">
|
||||
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
|
||||
@click="tabClick(index)">{{ item }}<span></span></div>
|
||||
</div>
|
||||
|
||||
<div class="area-select">
|
||||
<div class="select-content">
|
||||
<div class="area-content">
|
||||
<AiPagePicker type="gird" isMyGird @select="handleGridSelect">
|
||||
<AiMore v-model="gridName" placeholder="选择网格"/>
|
||||
</AiPagePicker>
|
||||
<!-- <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">-->
|
||||
<!-- <img src="../img/local-icon.png" alt=""/>-->
|
||||
<!-- <span class="label" v-if="areaName">{{ areaName }}</span>-->
|
||||
<!-- <span v-else>请选择</span>-->
|
||||
<!-- <u-icon name="arrow-down" color="#666" size="24"/>-->
|
||||
<!-- </AiAreaPicker>-->
|
||||
</div>
|
||||
<div class="search-input" v-if="tabIndex">
|
||||
<img src="../img/search-icon.png" alt=""/>
|
||||
<u-input type="text" placeholder="请输入姓名" placeholder-style="color:#999;font-size:13px;" height="18"
|
||||
v-model="search.name" @confirm="getUserList" :clearable="false" maxlength="6"/>
|
||||
</div>
|
||||
<template v-if="hasGridPermit">
|
||||
<div class="tab-select">
|
||||
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
|
||||
@click="tabClick(index)">{{ item }}<span></span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!tabIndex">
|
||||
<div class="info-content">
|
||||
<div class="title">特殊人群</div>
|
||||
<div class="num-content">
|
||||
<div class="num-item" v-for="(item, index) in statisticsList" :key="index">
|
||||
<h3 v-text="item.value"/>
|
||||
<p v-text="item.label"/>
|
||||
<div class="area-select">
|
||||
<div class="select-content">
|
||||
<div class="area-content">
|
||||
<AiPagePicker type="gird" isMyGird @select="handleGridSelect">
|
||||
<AiMore v-model="gridName" placeholder="选择网格"/>
|
||||
</AiPagePicker>
|
||||
<!-- <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">-->
|
||||
<!-- <img src="../img/local-icon.png" alt=""/>-->
|
||||
<!-- <span class="label" v-if="areaName">{{ areaName }}</span>-->
|
||||
<!-- <span v-else>请选择</span>-->
|
||||
<!-- <u-icon name="arrow-down" color="#666" size="24"/>-->
|
||||
<!-- </AiAreaPicker>-->
|
||||
</div>
|
||||
<AiEmpty v-if="!statisticsList.length"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-content">
|
||||
<div class="title">本月新增</div>
|
||||
<div class="num-content color-org">
|
||||
<div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
|
||||
<h3>{{ item.value }}</h3>
|
||||
<p>{{ item.label }}</p>
|
||||
<div class="search-input" v-if="tabIndex">
|
||||
<img src="../img/search-icon.png" alt=""/>
|
||||
<u-input type="text" placeholder="请输入姓名" placeholder-style="color:#999;font-size:13px;" height="18"
|
||||
v-model="search.name" @confirm="getUserList" :clearable="false" maxlength="6"/>
|
||||
</div>
|
||||
<AiEmpty v-if="!statisticsListMon.length"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="item-content" v-for="(item, index) in userList" :key="index">
|
||||
<div class="title" @click="showUserType(index)">
|
||||
<h2>{{ item.label }}</h2>
|
||||
<img src="../img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''"/>
|
||||
</div>
|
||||
<div class="user-list" v-if="item.check">
|
||||
<div class="user-item" v-for="(e, indexs) in item.value" :key="indexs" @click="showDetail(e)">
|
||||
<div class="user-img">
|
||||
<img src="../img/user-img.png" alt=""/>
|
||||
<div v-if="!tabIndex">
|
||||
<div class="info-content">
|
||||
<div class="title">特殊人群</div>
|
||||
<div class="num-content">
|
||||
<div class="num-item" v-for="(item, index) in statisticsList" :key="index">
|
||||
<h3 v-text="item.value"/>
|
||||
<p v-text="item.label"/>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<p class="name">{{ e.name }}
|
||||
<span class="btn-icon" v-if="gridType != 0 && user.wxUserId == e.createUserId">
|
||||
<AiEmpty v-if="!statisticsList.length"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-content">
|
||||
<div class="title">本月新增</div>
|
||||
<div class="num-content color-org">
|
||||
<div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
|
||||
<h3>{{ item.value }}</h3>
|
||||
<p>{{ item.label }}</p>
|
||||
</div>
|
||||
<AiEmpty v-if="!statisticsListMon.length"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="item-content" v-for="(item, index) in userList" :key="index">
|
||||
<div class="title" @click="showUserType(index)">
|
||||
<h2>{{ item.label }}</h2>
|
||||
<img src="../img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''"/>
|
||||
</div>
|
||||
<div class="user-list" v-if="item.check">
|
||||
<div class="user-item" v-for="(e, indexs) in item.value" :key="indexs" @click="showDetail(e)">
|
||||
<div class="user-img">
|
||||
<img src="../img/user-img.png" alt=""/>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<p class="name">{{ e.name }}
|
||||
<span class="btn-icon" v-if="hasGridPermit && user.wxUserId == e.createUserId">
|
||||
<img src="../img/edit-icon.png" alt="" @click.stop="toEdit(e,item.dictValue)">
|
||||
<img src="../img/del-icon.png" alt="" @click.stop="del(e,item.dictValue)">
|
||||
</span>
|
||||
</p>
|
||||
<div class="phone">
|
||||
<span>{{ idNumberInit(e.idNumber) }}</span>
|
||||
<span>{{ e.phone }}</span>
|
||||
</p>
|
||||
<div class="phone">
|
||||
<span>{{ idNumberInit(e.idNumber) }}</span>
|
||||
<span>{{ e.phone }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text" v-if="!item.value.length">{{ '暂无' + item.label + '信息' }}</p>
|
||||
</div>
|
||||
<p class="text" v-if="!item.value.length">{{ '暂无' + item.label + '信息' }}</p>
|
||||
</div>
|
||||
<div class="footer" @click="toAdd">
|
||||
<div class="btn">新增特殊人群信息</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer" @click="toAdd">
|
||||
<div class="btn">新增特殊人群信息</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<AiEmpty description="没有网格员权限<br>无法查看网格信息哦" v-else/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -100,14 +101,20 @@ export default {
|
||||
search: {name: ''}
|
||||
}
|
||||
},
|
||||
computed: {...mapState(['user'])},
|
||||
computed: {
|
||||
...mapState(['user']),
|
||||
hasGridPermit() {
|
||||
return this.gridType != 0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$dict.load('appSpecialTypeFive')
|
||||
},
|
||||
onShow() {
|
||||
document.title = '特殊人群管理'
|
||||
this.isGirdUser()
|
||||
this.getDatas()
|
||||
this.isGirdUser().then(() => {
|
||||
this.hasGridPermit && this.getDatas()
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getDatas() {
|
||||
@@ -219,9 +226,10 @@ export default {
|
||||
})
|
||||
},
|
||||
isGirdUser() {
|
||||
this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
|
||||
return this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
|
||||
if (res?.data) {
|
||||
this.gridType = res.data.checkType
|
||||
this.search.girdId = res.data.girdId
|
||||
return this.gridType = res.data.checkType
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user