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