You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
4.3 KiB
122 lines
4.3 KiB
<template>
|
|
<div class='g-main'>
|
|
<div class="top">
|
|
<div class="left">
|
|
<div class="card">
|
|
<div class="title">
|
|
<div><img src="../../../assets/images/index/title-icon-sqzl.png" alt="">居民档案</div>
|
|
<span class="title f-font14 gray" style="cursor: pointer;" @click="handlerUserInfo">详情 ></span>
|
|
</div>
|
|
<div class="f-top12">
|
|
<img src="../../../assets/images/index/resi.png" alt="" width="56px"> {{ userInfo.name }}
|
|
</div>
|
|
<section class="bgC">
|
|
<left-top :resiId="userInfo.resiId" :key="userInfo.resiId"></left-top>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="card">
|
|
<div class="title">
|
|
<div><img src="../../../assets/images/index/title-icon-ywjl.png" alt="">各项业务记录</div>
|
|
</div>
|
|
<right-top :userInfo="userInfo"></right-top>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="left">
|
|
<div class="card">
|
|
<div class="title">
|
|
<div><img src="../../../assets/images/index/title-icon-jtgx.png" alt="">家庭关系</div>
|
|
</div>
|
|
<section class="bgC" style="padding: 0;">
|
|
<left-bto :userInfo="userInfo" :key="userInfo.resiId"></left-bto>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="card f-w50 right16">
|
|
<div class="title">
|
|
<div><img src="../../../assets/images/index/title-icon-xsfw.png" alt="">享受服务次数统计</div>
|
|
</div>
|
|
<div>
|
|
<xiangshoufuwu />
|
|
</div>
|
|
</div>
|
|
<div class="card" style="width: calc(50% - 16px);">
|
|
<div class="title">
|
|
<div><img src="../../../assets/images/index/title-icon-jfjl.png" alt="">积分记录</div>
|
|
</div>
|
|
<div class="card">
|
|
<pointsRecord :resiId="userInfo.resiId" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<resi-info v-if="showedResiInfo && userInfo.resiId" :resi-id="userInfo.resiId" @close="showedResiInfo = false" />
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { requestPost, requestGet } from '@/js/dai/request'
|
|
import leftTop from "./cpts/leftTop";
|
|
import leftBto from "./cpts/leftBto";
|
|
import rightTop from "./cpts/rightTop";
|
|
import rightBto from "./cpts/rightBto";
|
|
import resiInfo from "@/views/modules/cpts/resi/info";
|
|
import nextTick from "dai-js/tools/nextTick";
|
|
import pointsRecord from "./cpts/pointsRecord";
|
|
import xiangshoufuwu from "./cpts/xiangshoufuwu";
|
|
|
|
|
|
export default {
|
|
//数据
|
|
data() {
|
|
return {
|
|
userInfo: {},
|
|
showedResiInfo: false,
|
|
|
|
};
|
|
},
|
|
//创建前
|
|
async created() {
|
|
this.userInfo = this.$store.state.huaXiang.userInfo
|
|
await this.getFamilyRelationshipList()
|
|
},
|
|
mounted() {
|
|
},
|
|
activated() {
|
|
this.userInfo = this.$store.state.huaXiang.userInfo
|
|
},
|
|
//方法
|
|
methods: {
|
|
async getFamilyRelationshipList() {
|
|
let url = `/actual/base/peopleRoomOverview/getFamilyRelationshipList?type=0&resid=` + this.userInfo.resiId
|
|
let { code, data, msg } = await requestPost(url)
|
|
if (code == 0) {
|
|
this.familyList = data
|
|
} else {
|
|
this.$message.error(msg)
|
|
}
|
|
},
|
|
async handlerUserInfo() {
|
|
await nextTick();
|
|
this.showedResiInfo = true;
|
|
},
|
|
changeTotal(val) {
|
|
this.total = val.total
|
|
},
|
|
},
|
|
//子组件注册
|
|
components: { leftTop, leftBto, resiInfo, rightTop, pointsRecord, rightBto, xiangshoufuwu },
|
|
//计算
|
|
computed: {},
|
|
//监听
|
|
watch: {},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/scss/pages/huaxiang";
|
|
@import "@/assets/scss/modules/management/list-main.scss";
|
|
</style>
|
|
|