居民档案bug
This commit is contained in:
@@ -2,12 +2,12 @@
|
|||||||
<div class="AppResidentDocument">
|
<div class="AppResidentDocument">
|
||||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
||||||
|
|
||||||
<!-- <AiAreaPicker v-model="areaId" :areaId="areaId" @select="areaSelect"></AiAreaPicker> -->
|
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="current=1,getList"></AiAreaPicker>
|
||||||
|
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
||||||
<div class="seachObj">
|
<div class="seachObj">
|
||||||
<u-search v-model="keyword" :clearabled="true" placeholder="搜索" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
|
<u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="datas" v-if="datas.length > 0">
|
<div class="datas" v-if="datas.length > 0">
|
||||||
@@ -72,6 +72,7 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
currentTabs: 0,
|
currentTabs: 0,
|
||||||
|
areaId: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -79,6 +80,7 @@ export default {
|
|||||||
},
|
},
|
||||||
watch: {},
|
watch: {},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
this.areaId = this.user.areaId
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
onShow() {},
|
onShow() {},
|
||||||
|
|||||||
@@ -7,27 +7,27 @@
|
|||||||
|
|
||||||
<div class="areaHint">
|
<div class="areaHint">
|
||||||
<u-icon name="map-fill" color="#73ABFF"></u-icon>
|
<u-icon name="map-fill" color="#73ABFF"></u-icon>
|
||||||
<span>{{ currentAreaName }}</span>
|
<span>{{ currentAddress }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
<div class="hints">家庭成员</div>
|
<div class="hints">家庭成员{{data.family.length}}</div>
|
||||||
|
|
||||||
<div v-if="data.family && data.family.length > 0">
|
<div v-if="data.family && data.family.length > 0">
|
||||||
<div class="card" v-for="(item, i) in data.family" :key="i" @click="toDetailPeople(item)">
|
<div class="card" v-for="(item, i) in data.family" :key="i" @click="toDetailPeople(item)">
|
||||||
<div class="photos">
|
<div class="photos">
|
||||||
<img :src="item.photo" alt="" v-if="item.photo" />
|
<img :src="item.photo" alt="" v-if="item.photo" />
|
||||||
<img src="./components/img/2.png" alt="" v-else />
|
<img src="./components/img/44.png" alt="" v-else />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="rightTop">
|
<div class="rightTop">
|
||||||
<div class="rightTop-lefts">
|
<div class="rightTop-lefts">
|
||||||
<span class="names">{{ item.name }}</span>
|
<span class="names">{{ item.name }}</span>
|
||||||
<span class="householdNames" v-if="item.householdName == 1">户主</span>
|
<span class="householdNames" v-if="item.householdRelation == 1">户主</span>
|
||||||
<span class="householdNames" v-else>
|
<span class="householdNames" v-else>
|
||||||
{{ $dict.getLabel('householdRelation', item.householdName) }}
|
{{ $dict.getLabel('householdRelation', item.householdRelation) }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -38,7 +38,7 @@
|
|||||||
|
|
||||||
<div class="rightBottom">
|
<div class="rightBottom">
|
||||||
<span>身份证号:</span>
|
<span>身份证号:</span>
|
||||||
<span>{{ item.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1****$2') }}</span>
|
<span>{{ item.idNumber.replace(/^(\w{6})\w{8}(.*)$/, '$1******$2') }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -58,7 +58,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
id: '',
|
id: '',
|
||||||
data: [],
|
data: [],
|
||||||
currentAreaName: '',
|
currentAddress: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
@@ -76,7 +76,7 @@ export default {
|
|||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.data = res.data
|
this.data = res.data
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.currentAreaName = res.data.resident.currentAreaName
|
this.currentAddress = res.data.resident.currentAddress
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -3,16 +3,16 @@
|
|||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="photos">
|
<div class="photos">
|
||||||
<img :src="data.resident.photo" alt="" v-if="data.resident.photo" />
|
<img :src="data.resident.photo" alt="" v-if="data.resident.photo" />
|
||||||
<img src="./components/img/2.png" alt="" v-else />
|
<img src="./components/img/44.png" alt="" v-else />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="rightTop">
|
<div class="rightTop">
|
||||||
<span class="names">{{ data.resident.name }}</span>
|
<span class="names">{{ data.resident.name }}</span>
|
||||||
|
|
||||||
<span class="householdNames" v-if="data.resident.name == 1">户主</span>
|
<span class="householdNames" v-if="data.resident.householdRelation == 1">户主</span>
|
||||||
<span class="householdNames" v-else>
|
<span class="householdNames" v-else>
|
||||||
{{ $dict.getLabel('householdRelation', data.resident.householdName) }}
|
{{ $dict.getLabel('householdRelation', data.resident.householdRelation) }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
|
|
||||||
<div class="contents">
|
<div class="contents">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span>家庭地址</span>
|
<span>籍贯</span>
|
||||||
<span>{{ data.resident.birthplaceAreaName }}</span>
|
<span>{{ data.resident.birthplaceAreaName }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -81,7 +81,7 @@
|
|||||||
<div class="contents">
|
<div class="contents">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<span>联系方式</span>
|
<span>联系方式</span>
|
||||||
<span class="phones">{{ data.resident.phone }}</span>
|
<span class="phones" @click="callPhone(data.resident.phone)">{{ data.resident.phone }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -139,6 +139,9 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
callPhone(phone) {
|
||||||
|
uni.makePhoneCall({ phoneNumber: phone })
|
||||||
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -95,6 +95,7 @@ export default {
|
|||||||
uni.$on('update' , () => {
|
uni.$on('update' , () => {
|
||||||
this.getList()
|
this.getList()
|
||||||
})
|
})
|
||||||
|
uni.setNavigationBarTitle({title: this.listName})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getType() {
|
getType() {
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<span class="contsnts">{{ data.content }}</span>
|
<span class="contsnts">{{ data.content }}</span>
|
||||||
|
|
||||||
<div class="imgs">
|
<div class="imgs">
|
||||||
<img :src="item.url" alt="" v-for="(item, i) in data.images" :key="i" />
|
<img :src="item.url" alt="" v-for="(item, i) in data.images" :key="i" @click="previewImage(data.images, item.url)" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -48,6 +48,12 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
previewImage (images, img) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: images.map(v => v.url),
|
||||||
|
current: img
|
||||||
|
})
|
||||||
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user