|
|
@ -9,77 +9,57 @@ |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋名称:</div> |
|
|
|
<div class="value">{{ info.grid }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋类型:</div> |
|
|
|
<div class="value">{{ info.parent_category }} {{ info.category }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋用途:</div> |
|
|
|
<div class="value">{{ info.report_type }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房屋状态:</div> |
|
|
|
<div class="value">{{ info.report_user_name }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">房主姓名:</div> |
|
|
|
<div class="value">{{ info.report_time }}</div> |
|
|
|
<div class="field">所属网格:</div> |
|
|
|
<div class="value"> |
|
|
|
<span v-if="info.community">{{ info.community }}</span> |
|
|
|
<span v-if="info.grid">- {{ info.grid }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.report_user_mobile }}</div> |
|
|
|
<div class="field">所属房屋:</div> |
|
|
|
<div class="value"> |
|
|
|
<span v-if="info.village">{{ info.village }}</span> |
|
|
|
<span v-if="info.building">- {{ info.building }}</span> |
|
|
|
<span v-if="info.unit">- {{ info.unit }}</span> |
|
|
|
<span v-if="info.room">- {{ info.room }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">证件号:</div> |
|
|
|
<div class="value">{{ info.report_user_mobile }}</div> |
|
|
|
<div class="field">本地户籍:</div> |
|
|
|
<div class="value">{{ info.census_type }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
人员信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">姓名:</div> |
|
|
|
<div class="value">{{ info.demand_user_name }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.want_service_time }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">证件号:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="field">居民姓名:</div> |
|
|
|
<div class="value">{{ info.name }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">本地户籍:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="field">出生日期:</div> |
|
|
|
<div class="value">{{ info.birthday }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">性别:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="value">{{ info.gender }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">出生日期:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="field">民族:</div> |
|
|
|
<div class="value">{{ info.ethnic }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">民族:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.telephone }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">居民类别:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="field">证件号:</div> |
|
|
|
<div class="value">{{ info.idcard }}</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">备注:</div> |
|
|
|
<div class="value">{{ info.content }}</div> |
|
|
|
<div class="value">{{ info.resident_remark }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
<span>分类信息</span> |
|
|
@ -140,7 +120,7 @@ |
|
|
|
<div class="tab-btn" @click="addStartTabIndex" v-if="tabList.length > 7"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '教育信息'"> |
|
|
|
<!-- <div v-if="currentTab == '教育信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">文化程度:</div> |
|
|
@ -571,9 +551,9 @@ |
|
|
|
<div class="value">{{ info.reportDate }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div v-if="currentTab == '死亡信息'"> |
|
|
|
<!-- <div v-if="currentTab == '死亡信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">死亡时间:</div> |
|
|
@ -592,9 +572,9 @@ |
|
|
|
<div class="value">{{ info.removeReason }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div v-if="currentTab == '迁出'"> |
|
|
|
<!-- <div v-if="currentTab == '迁出'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">迁出信息:</div> |
|
|
@ -633,7 +613,7 @@ |
|
|
|
<div class="value">{{ info.address }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</popup> |
|
|
@ -641,13 +621,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import popup from '@/views/dataBoard/cpts/popup'; |
|
|
|
import { GaodeMap, Map } from '@antv/l7-maps'; |
|
|
|
|
|
|
|
import { requestPostBi } from '@/js/dai/request-bipass'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'eventDetails', |
|
|
|
name: 'eventdetail', |
|
|
|
props: { |
|
|
|
detailsId: { |
|
|
|
detailId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
@ -661,9 +641,8 @@ export default { |
|
|
|
created() {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
progress: [], |
|
|
|
info: {}, |
|
|
|
|
|
|
|
title: '', |
|
|
|
currentTabIndex: 0, |
|
|
|
startTabIndex: 0, |
|
|
|
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|
|
@ -674,18 +653,28 @@ export default { |
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
|
return this.tabList[this.currentTabIndex]; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
iniMap() { |
|
|
|
const scene = new Scene({ |
|
|
|
id: 'map', |
|
|
|
map: new GaodeMap({ |
|
|
|
pitch: 35.210526315789465, |
|
|
|
style: 'dark', |
|
|
|
center: [104.288144, 31.239692], |
|
|
|
zoom: 4.4 |
|
|
|
}) |
|
|
|
}); |
|
|
|
addStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex < tabList.length - 7) { |
|
|
|
this.startTabIndex = startTabIndex + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = tabList.length - 7; |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex > 0) { |
|
|
|
this.startTabIndex = startTabIndex - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.$emit('close'); |
|
|
@ -705,17 +694,31 @@ export default { |
|
|
|
url, |
|
|
|
{ |
|
|
|
queryParam: { |
|
|
|
resident_id: this.detailsId |
|
|
|
resident_id: this.detailId |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 60235478, |
|
|
|
} |
|
|
|
); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.info = { ...this.info, ...data[0] }; |
|
|
|
|
|
|
|
console.log(this.info); |
|
|
|
let tabList = this.BaseTabList; |
|
|
|
info.crowd && tabList.push('党员'); |
|
|
|
info.srs && tabList.push('保障房'); |
|
|
|
info.unemployed && tabList.push('失业'); |
|
|
|
info.exs && tabList.push('退役军人'); |
|
|
|
info.ufs && tabList.push('统战人员'); |
|
|
|
info.volunteer && tabList.push('志愿者'); |
|
|
|
info.aged && tabList.push('老年人'); |
|
|
|
info.special_popu && tabList.push('特殊人群'); |
|
|
|
tabList.push('出生信息'); |
|
|
|
tabList.push('死亡信息'); |
|
|
|
tabList.push('迁出'); |
|
|
|
this.tabList = tabList; |
|
|
|
console.log('this.info', this.info); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
@ -727,5 +730,51 @@ export default { |
|
|
|
.m-info .row .item .field { |
|
|
|
width: 120px !important; |
|
|
|
} |
|
|
|
.u-categorys { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
span { |
|
|
|
display: block; |
|
|
|
width: 90px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.m-tabs { |
|
|
|
margin-top: 30px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding-left: 20px; |
|
|
|
|
|
|
|
.tab-btn { |
|
|
|
width: 30px; |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.tab { |
|
|
|
@include toe; |
|
|
|
margin: 0 5px; |
|
|
|
min-width: 72px; |
|
|
|
padding: 0 8px; |
|
|
|
height: 24px; |
|
|
|
box-shadow: inset 0px 0px 12px 0px rgba(26, 149, 255, 0.45); |
|
|
|
border-radius: 2px; |
|
|
|
border: 1px solid #1a95ff; |
|
|
|
border-radius: 2px; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 23px; |
|
|
|
cursor: pointer; |
|
|
|
transition: all ease 0.5s; |
|
|
|
&.z-on { |
|
|
|
background: linear-gradient(90deg, #1a5afd, #009cff); |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |