无等级网格版合并
This commit is contained in:
aixianling
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="FamilyList">
|
||||
<div class="title">
|
||||
<div>户主列表</div>
|
||||
<div>户主列表({{ total }})</div>
|
||||
<div v-if="list.length">
|
||||
<span style="font-size: 14px; color: #2979ff;" @click="changeType" v-if="edit">修改</span>
|
||||
<span style="font-size: 14px; color: #2979ff;" @click="edit = true" v-else>取消</span>
|
||||
@@ -11,7 +11,7 @@
|
||||
<ul v-for="(item,index) in list" :key="index">
|
||||
<li>
|
||||
<div class="user">
|
||||
<div v-if="!edit">
|
||||
<div v-if="!edit">
|
||||
<img src="./components/img/xz.png" alt="" class="checkbox" v-if="!item.checked" @click="userClick(index)">
|
||||
<img src="./components/img/xzh.png" alt="" class="checkbox" v-else @click="userClick(index)">
|
||||
</div>
|
||||
@@ -22,11 +22,11 @@
|
||||
</div>
|
||||
<div class="userInfo">
|
||||
<div class="name">
|
||||
<span class="user-name">{{item.name}}</span>
|
||||
<span class="user-tel">{{item.phone}}</span>
|
||||
<span class="user-name">{{ item.name }}</span>
|
||||
<span class="user-tel">{{ item.phone }}</span>
|
||||
</div>
|
||||
<div class="idCard">{{item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")}}</div>
|
||||
<div class="address">{{item.currentAreaName || ''}}{{ item.currentAddress || '' }}</div>
|
||||
<div class="idCard">{{ item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/, "$1********$2") }}</div>
|
||||
<div class="address">{{ item.currentAreaName || '' }}{{ item.currentAddress || '' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -44,8 +44,9 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list:[],
|
||||
current:1,
|
||||
list: [],
|
||||
total: 0,
|
||||
current: 1,
|
||||
userId: '',
|
||||
edit: true,
|
||||
checked: true,
|
||||
@@ -53,14 +54,15 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getList(){
|
||||
this.$http.post(`/app/appgirdmemberresident/listByGirdMember?current=${this.current}&girdMemberId=${this.userId}&girdId=${this.girdId}`).then((res) => {
|
||||
getList() {
|
||||
this.$http.post(`/app/appgirdmemberresident/listByGirdMember?current=${this.current}&girdMemberId=${this.userId}&girdId=${this.girdId}`).then((res) => {
|
||||
if (res.code == 0) {
|
||||
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
||||
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
||||
this.total = res.data.total
|
||||
}
|
||||
})
|
||||
},
|
||||
toAddFamily(){
|
||||
toAddFamily() {
|
||||
uni.navigateTo({url: `./AddFamily?id=${this.userId}&girdId=${this.girdId}`})
|
||||
},
|
||||
userClick(index) {
|
||||
@@ -68,14 +70,14 @@ export default {
|
||||
this.$forceUpdate()
|
||||
},
|
||||
// 点击删除
|
||||
delFamily(){
|
||||
delFamily() {
|
||||
var ids = []
|
||||
this.list.map((item) => {
|
||||
if(item.checked) {
|
||||
if (item.checked) {
|
||||
ids.push(item.gmrId)
|
||||
}
|
||||
})
|
||||
if(!ids.length) {
|
||||
if (!ids.length) {
|
||||
return this.$u.toast('请选中需要删除的家庭户主')
|
||||
}
|
||||
this.$confirm(`是否删除这些关联家庭信息？`).then(() => {
|
||||
@@ -117,78 +119,93 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.FamilyList {
|
||||
min-height: 100vh;
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 24px 32px;
|
||||
background-color: #F3F6F9;
|
||||
background-color: #fff;
|
||||
font-size: 34px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-bottom: 112px;
|
||||
|
||||
ul {
|
||||
padding-left: 32px;
|
||||
background-color: #fff;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
.user {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
padding-top: 24px;
|
||||
.checkbox{
|
||||
margin-top: 20px;
|
||||
margin-right: 32px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
.info {
|
||||
list-style-type: none;
|
||||
|
||||
.user {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
.userImg {
|
||||
margin-right: 32px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.userInfo {
|
||||
width: 100%;
|
||||
padding-right: 32px;
|
||||
border-bottom: 1px solid #E4E5E6;
|
||||
.name {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 32px;
|
||||
margin-bottom: 8px;
|
||||
.user-name {
|
||||
font-weight: 800;
|
||||
}
|
||||
.user-tel {
|
||||
font-size: 26px;
|
||||
color: #999999 ;
|
||||
}
|
||||
}
|
||||
.idCard {
|
||||
margin-bottom: 16px;
|
||||
font-size: 26px;
|
||||
color: #999999;
|
||||
}
|
||||
.address {
|
||||
max-width: 100%;
|
||||
word-break:break-all;
|
||||
margin-bottom: 18px;
|
||||
font-size: 26px;
|
||||
color: #999999;
|
||||
}
|
||||
padding-top: 24px;
|
||||
|
||||
.checkbox {
|
||||
margin-top: 20px;
|
||||
margin-right: 32px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.info {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
|
||||
.userImg {
|
||||
margin-right: 32px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: 100%;
|
||||
padding-right: 32px;
|
||||
border-bottom: 1px solid #E4E5E6;
|
||||
|
||||
.name {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 32px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
.user-name {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.user-tel {
|
||||
font-size: 26px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.idCard {
|
||||
margin-bottom: 16px;
|
||||
font-size: 26px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.address {
|
||||
max-width: 100%;
|
||||
word-break: break-all;
|
||||
margin-bottom: 18px;
|
||||
font-size: 26px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer{
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
|
||||
Reference in New Issue
Block a user