-
户主列表({{list.length || 0}})
+
户主列表({{ total }})
修改
取消
-
+
-
-
- {{item.name}}
- {{item.phone}}
+ {{ item.name }}
+ {{ item.phone }}
-
{{item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")}}
-
{{item.currentAreaName || ''}}{{ item.currentAddress || '' }}
+
{{ item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/, "$1********$2") }}
+
{{ item.currentAreaName || '' }}{{ item.currentAddress || '' }}
@@ -47,8 +49,9 @@
export default {
data() {
return {
- list:[],
- current:1,
+ list: [],
+ total: 0,
+ current: 1,
userId: '',
edit: true,
checked: true,
@@ -66,14 +69,15 @@ export default {
this.keyword = ''
this.handerSearch()
},
- getList(){
+ getList() {
this.$http.post(`/app/appgirdmemberresident/listByGirdMember?current=${this.current}&girdMemberId=${this.userId}&girdId=${this.girdId}&name=${this.keyword}`).then((res) => {
- if (res.code == 0) {
- this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+ if (res?.data) {
+ 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) {
@@ -81,14 +85,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(() => {
@@ -138,70 +142,84 @@ export default {
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;
@@ -213,6 +231,7 @@ export default {
font-size: 36px;
color: #FFFFFF;
}
+
.seachObjs {
border-bottom: 2px solid #f5f5f5;
border-top: 2px solid #f5f5f5;