9 changed files with 86 additions and 358 deletions
@ -1,108 +0,0 @@ |
|||
<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">{{ familyTagsStr || "--" }}</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: {}, |
|||
family_tag: [], |
|||
familyTagsStr:'' |
|||
}; |
|||
}, |
|||
//创建前 |
|||
created() { |
|||
this.getDictOptions() |
|||
}, |
|||
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 |
|||
|
|||
const valuesToMatch = this.houseInfo.familyTags; |
|||
console.log(valuesToMatch); |
|||
const result = this.family_tag |
|||
.filter(item => valuesToMatch.includes(item.value)) |
|||
.map(item => item.label) |
|||
.join(','); |
|||
this.familyTagsStr = result |
|||
console.log(result); |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
async getDictOptions() { |
|||
const url = "/sys/dict/data/dictlist" |
|||
|
|||
let params = { |
|||
dictType: 'family_tag' |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.family_tag = 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> |
|||
@ -1,69 +0,0 @@ |
|||
<template> |
|||
<div class="table"> |
|||
<el-table v-if="list.length > 0" :data="list" max-height="390px" height="390px"> |
|||
<el-table-column label="序号" type="index" width="80" /> |
|||
<el-table-column label="变更人" prop="resiName" width="140" /> |
|||
<el-table-column label="变更类型" prop="typeName" width="" /> |
|||
<el-table-column label="变更前" prop="beforeChange" width="120" /> |
|||
<el-table-column label="变更后" prop="afterChange" width="120" /> |
|||
<el-table-column label="操作人" prop="operatorName" width="120" /> |
|||
<el-table-column label="调整时间" prop="changeTime" width="190" /> |
|||
</el-table> |
|||
|
|||
<div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px"> |
|||
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" /> |
|||
<div style="color: #fff">暂无数据</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: { |
|||
houseId: { |
|||
type: String, |
|||
default:'' |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
list: [], |
|||
total: 0, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
watch: { |
|||
}, |
|||
methods: { |
|||
getList() { |
|||
|
|||
// 办理状态(-2：未知，-1：不接受回访，0：接受回访/待回访，1已回访) |
|||
const completeFlags = { |
|||
"-2": "未知", |
|||
"-1": "不接受回访", |
|||
0: "接受回访/待回访", |
|||
1: "已回访", |
|||
}; |
|||
// 省满意度列表 |
|||
this.$http.get("/actual/base/peopleRoomOverview/houseResidentChangeRecord?houseId=" + this.houseId).then(({ data: res }) => { |
|||
this.list = res.data.map((item) => { |
|||
return { |
|||
...item, |
|||
completeFlag: completeFlags[item.completeFlag], |
|||
}; |
|||
}); |
|||
this.total = res.data.length; |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.business-records { |
|||
margin-bottom: 25px; |
|||
} |
|||
</style> |
|||
|
|||
@ -1,118 +0,0 @@ |
|||
<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> |
|||
<business-Record v-if="childrenFlag" :houseInfo="houseInfo" :familyResiList="familyResiList" :type="'1'" |
|||
:key="houseInfo.houseId"></business-Record> |
|||
</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 right16"> |
|||
<div class="title"> |
|||
<div><img src="../../../../assets/images/index/title-icon-rkbh.png" alt="">人口变化情况</div> |
|||
</div> |
|||
<div> |
|||
<right-bto :houseId="houseInfo.houseId" :key="houseInfo.houseId" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from '@/js/dai/request' |
|||
import leftTop from "./cpts/leftTop"; |
|||
import leftBto from "../jumin/cpts/leftBto"; |
|||
import businessRecord from "../jumin/cpts/businessRecord"; |
|||
import rightBto from "./cpts/rightBto"; |
|||
import nextTick from "dai-js/tools/nextTick"; |
|||
|
|||
|
|||
export default { |
|||
//数据 |
|||
data() { |
|||
return { |
|||
houseInfo: {}, |
|||
showedResiInfo: false, |
|||
familyResiList: [], |
|||
childrenFlag: false |
|||
}; |
|||
}, |
|||
//创建前 |
|||
async created() { |
|||
this.houseInfo = this.$store.state.huaXiang.houseInfo |
|||
await this.getFamilyRelationshipList() |
|||
}, |
|||
mounted() { |
|||
}, |
|||
activated() { |
|||
this.houseInfo = this.$store.state.huaXiang.houseInfo |
|||
this.getFamilyRelationshipList() |
|||
}, |
|||
|
|||
watch: { |
|||
'$route': function (to, from) { |
|||
if (to.path != '/main/fangwu-huaxiang') { |
|||
this.childrenFlag = false |
|||
} |
|||
} |
|||
}, |
|||
//方法 |
|||
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) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.childrenFlag = true |
|||
}, |
|||
|
|||
changeTotal(val) { |
|||
this.total = val.total |
|||
}, |
|||
}, |
|||
//子组件注册 |
|||
// leftTop, leftBto, resiInfo, businessRecord, pointsRecord, rightBto, xiangshoufuwu |
|||
components: { leftTop, leftBto, businessRecord, rightBto }, |
|||
//计算 |
|||
computed: {}, |
|||
//监听 |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/pages/huaxiang"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
</style> |
|||
Loading…
Reference in new issue