19 changed files with 359 additions and 78 deletions
@ -0,0 +1,80 @@ |
|||
<template> |
|||
<div class=''> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">房主姓名：</span><span class="value">{{ houseInfo.ownerName||"--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">联系电话：</span><span class="value">{{ houseInfo.ownerPhone||"--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">房屋类型：</span><span class="value">{{ houseInfo.houseTypeName||"--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">用途：</span><span class="value">{{ houseInfo.purposeName||"--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">家庭类别：</span><span class="value">{{ houseInfo.resideSituation || "--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">房屋状态：</span><span class="value">{{ houseInfo.rentName||"--" }}</span> |
|||
</div> |
|||
<div class="item f-font14"> |
|||
<span class="label gray">家庭预警：</span> |
|||
<span class="value">{{houseInfo.riskFlag === '1' ? '满意度风险家庭' : '--'}}</span> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost, requestGet } from '@/js/dai/request' |
|||
export default { |
|||
//数据 |
|||
data() { |
|||
return { |
|||
houseInfo: {} |
|||
}; |
|||
}, |
|||
//创建前 |
|||
created() { |
|||
}, |
|||
mounted() { |
|||
this.getPersonalFile() |
|||
}, |
|||
props: { |
|||
houseId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
}, |
|||
watch: { |
|||
houseId: { |
|||
handler(newVal, oldVal) { |
|||
this.getPersonalFile() |
|||
} |
|||
} |
|||
}, |
|||
//方法 |
|||
methods: { |
|||
async getPersonalFile() { |
|||
let url = `/actual/base/communityHouse/getMaskedHouseDeatilById/` + this.houseId |
|||
let { code, data, msg } = await requestPost(url) |
|||
if (code == 0) { |
|||
this.houseInfo = data |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
} |
|||
}, |
|||
//子组件注册 |
|||
components: {}, |
|||
//计算 |
|||
computed: {}, |
|||
//监听 |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/pages/huaxiang"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
</style> |
|||
@ -0,0 +1,120 @@ |
|||
<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> |
|||
</div> |
|||
<div class="f-top12"> |
|||
<img src="../../../../assets/images/index/house.png" alt="" width="56px"> {{ houseInfo.fullName }} |
|||
</div> |
|||
<section class="bgC"> |
|||
<left-top :houseId="houseInfo.houseId" :key="houseInfo.houseId"></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 :houseInfo="houseInfo" :familyResiList="familyResiList" :type="'1'" :key="houseInfo.houseId"></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 :houseInfo="houseInfo" :type="'1'" :key="houseInfo.houseId"></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 :key="houseInfo.houseId"/> --> |
|||
</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 :houseId="houseInfo.houseId" :key="houseInfo.houseId" /> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<resi-info v-if="showedResiInfo && houseInfo.houseId" :resi-id="houseInfo.houseId" @close="showedResiInfo = false" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from '@/js/dai/request' |
|||
import leftTop from "./cpts/leftTop"; |
|||
import leftBto from "../jumin/cpts/leftBto"; |
|||
import rightTop from "../jumin/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 { |
|||
houseInfo: {}, |
|||
showedResiInfo: false, |
|||
familyResiList:[] |
|||
}; |
|||
}, |
|||
//创建前 |
|||
async created() { |
|||
this.houseInfo = this.$store.state.huaXiang.houseInfo |
|||
await this.getFamilyRelationshipList() |
|||
}, |
|||
mounted() { |
|||
}, |
|||
activated() { |
|||
this.houseInfo = this.$store.state.huaXiang.houseInfo |
|||
}, |
|||
//方法 |
|||
methods: { |
|||
async getFamilyRelationshipList() { |
|||
let url = `/actual/base/peopleRoomOverview/getFamilyRelationshipList?type=1&resid=` + this.houseInfo.houseId |
|||
let { code, data, msg } = await requestPost(url) |
|||
if (code == 0) { |
|||
this.familyResiList = data.map(item=>item.id) |
|||
console.log(this.familyResiList,'父组件传递') |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
changeTotal(val) { |
|||
this.total = val.total |
|||
}, |
|||
}, |
|||
//子组件注册 |
|||
// leftTop, leftBto, resiInfo, rightTop, pointsRecord, rightBto, xiangshoufuwu |
|||
components: {leftTop,leftBto,rightTop }, |
|||
//计算 |
|||
computed: {}, |
|||
//监听 |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/pages/huaxiang"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
</style> |
|||
Loading…
Reference in new issue