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