|
|
|
@ -7,42 +7,34 @@ |
|
|
|
<div class="field">场所名称:</div> |
|
|
|
<div class="value">{{ info.place_org_name }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">占地面积:</div> |
|
|
|
<div class="value">{{ info.area_covered }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所规模:</div> |
|
|
|
<div class="value">{{ info.scale_total }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<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.place_category }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所类型:</div> |
|
|
|
<div class="value">{{ info.place_type }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">负责人:</div> |
|
|
|
<div class="value">{{ info.person_in_charge }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">场所地址:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
@ -60,7 +52,6 @@ |
|
|
|
<div class="field">隐患场所:</div> |
|
|
|
<div class="value">{{ info.danger_place_name }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">隐患内容:</div> |
|
|
|
<div class="value">{{ info.danger_content }}</div> |
|
|
|
@ -69,17 +60,14 @@ |
|
|
|
<div class="field">所属组织:</div> |
|
|
|
<div class="value">{{ info.grid }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">上报人:</div> |
|
|
|
<div class="value">{{ info.report_person }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">联系电话:</div> |
|
|
|
<div class="value">{{ info.mobile }}</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
<div class="field">上报时间:</div> |
|
|
|
<div class="value">{{ info.report_time }}</div> |
|
|
|
@ -88,9 +76,7 @@ |
|
|
|
</div> |
|
|
|
<div class="m-info" v-if="detailType == '群租房'"> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
基本信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
<i class="i-chunk"></i> 基本信息 <i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -123,23 +109,19 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
人员信息 |
|
|
|
<i class="i-line"></i> |
|
|
|
<i class="i-chunk"></i> 人员信息 <i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<div class="m-tabs"> |
|
|
|
<div class="tab-btn" @click="subStartTabIndex2" v-if="userArray.length > 7"><img src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in userArray" |
|
|
|
class="tab" |
|
|
|
:class="currentTabIndex2 % userArray.length == index ? 'z-on' : ''" |
|
|
|
:key="'tab' + index" |
|
|
|
<div class="tab-btn" @click="subStartTabIndex2" v-if="userArray.length > 7"><img |
|
|
|
src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div v-for="(item, index) in userArray" class="tab" |
|
|
|
:class="currentTabIndex2 % userArray.length == index ? 'z-on' : ''" :key="'tab' + index" |
|
|
|
v-show="index >= startTabIndex2 && index < startTabIndex2 + 7" |
|
|
|
@click="(currentTabIndex2 = index), gettab2(item)" |
|
|
|
> |
|
|
|
@click="(currentTabIndex2 = index), gettab2(item)"> |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
<div class="tab-btn" @click="addStartTabIndex2" v-if="userArray.length > 7"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
<div class="tab-btn" @click="addStartTabIndex2" v-if="userArray.length > 7"><img |
|
|
|
src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -184,7 +166,6 @@ |
|
|
|
<span>分类信息</span> |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
<div class="field">居民分类:</div> |
|
|
|
@ -214,28 +195,22 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="subtitle"> |
|
|
|
<i class="i-chunk"></i> |
|
|
|
<span>其他信息</span> |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-tabs"> |
|
|
|
<div class="tab-btn" @click="subStartTabIndex" v-if="tabList.length > 7"><img src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div |
|
|
|
v-show="index >= startTabIndex && index < startTabIndex + 7" |
|
|
|
class="tab" |
|
|
|
:class="currentTabIndex % tabList.length == index ? 'z-on' : ''" |
|
|
|
:key="'tab' + index" |
|
|
|
@click="currentTabIndex = index" |
|
|
|
v-for="(item, index) in tabList" |
|
|
|
> |
|
|
|
<div class="tab-btn" @click="subStartTabIndex" v-if="tabList.length > 7"><img |
|
|
|
src="@/assets/img/shuju/people/arrow-double-left.png" /></div> |
|
|
|
<div v-show="index >= startTabIndex && index < startTabIndex + 7" class="tab" |
|
|
|
:class="currentTabIndex % tabList.length == index ? 'z-on' : ''" :key="'tab' + index" |
|
|
|
@click="currentTabIndex = index" v-for="(item, index) in tabList"> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
<div class="tab-btn" @click="addStartTabIndex" v-if="tabList.length > 7"><img src="@/assets/img/shuju/people/arrow-double-right.png" /></div> |
|
|
|
<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 class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -248,7 +223,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '兴趣爱好'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -261,7 +235,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '宗教'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -274,7 +247,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '健康'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -347,7 +319,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '工作'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -368,7 +339,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '经济状况'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -381,7 +351,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '居住'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -406,7 +375,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '家庭'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -443,7 +411,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '党员'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -492,7 +459,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '保障房'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -517,7 +483,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '失业'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -554,7 +519,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '退役军人'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -599,7 +563,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '统战人员'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -612,7 +575,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '志愿者'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -625,7 +587,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '老年人'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -634,7 +595,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '特殊人群'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -643,7 +603,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '出生信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -668,7 +627,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '死亡信息'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -689,7 +647,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="currentTab == '迁出'"> |
|
|
|
<div class="row"> |
|
|
|
<div class="item"> |
|
|
|
@ -734,238 +691,248 @@ |
|
|
|
</template> |
|
|
|
</popup> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { Scene } from '@antv/l7'; |
|
|
|
import popup from '@/views/dataBoard/cpts/popup'; |
|
|
|
import { GaodeMap, Map } from '@antv/l7-maps'; |
|
|
|
import { requestPostBi } from '@/js/dai/request-bipass'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'eventdetail', |
|
|
|
props: { |
|
|
|
// eventId: |
|
|
|
detailId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
|
detailType: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
components: { popup }, |
|
|
|
created() {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
progress: [], |
|
|
|
info: {}, |
|
|
|
title: '事件', |
|
|
|
currentTabIndex: 0, |
|
|
|
startTabIndex: 0, |
|
|
|
currentTabIndex2: 0, |
|
|
|
startTabIndex2: 0, |
|
|
|
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|
|
|
tabList: [], |
|
|
|
tabList2: [], |
|
|
|
userArray: [], |
|
|
|
userList: {} |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
|
return this.tabList[this.currentTabIndex]; |
|
|
|
}, |
|
|
|
currentTab2() { |
|
|
|
return this.tabList2[this.currentTabIndex2]; |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
addStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex < tabList.length - 7) { |
|
|
|
this.startTabIndex = startTabIndex + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = tabList.length - 7; |
|
|
|
import { |
|
|
|
Scene |
|
|
|
} from '@antv/l7'; |
|
|
|
import popup from '@/views/dataBoard/cpts/popup'; |
|
|
|
import daiMap from "@/utils/dai-map"; |
|
|
|
import { |
|
|
|
requestPostBi |
|
|
|
} from '@/js/dai/request-bipass'; |
|
|
|
export default { |
|
|
|
name: 'eventdetail', |
|
|
|
props: { |
|
|
|
// eventId: |
|
|
|
detailId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
}, |
|
|
|
detailType: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex() { |
|
|
|
const { startTabIndex, tabList } = this; |
|
|
|
if (startTabIndex > 0) { |
|
|
|
this.startTabIndex = startTabIndex - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
addStartTabIndex2() { |
|
|
|
const { startTabIndex2, tabList2 } = this; |
|
|
|
if (startTabIndex2 < tabList2.length - 7) { |
|
|
|
this.startTabIndex2 = startTabIndex2 + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = tabList2.length - 7; |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex2() { |
|
|
|
const { startTabIndex2, tabList2 } = this; |
|
|
|
if (startTabIndex2 > 0) { |
|
|
|
this.startTabIndex2 = startTabIndex2 - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
iniMap() { |
|
|
|
const scene = new Scene({ |
|
|
|
id: 'map', |
|
|
|
map: new GaodeMap({ |
|
|
|
pitch: 35.210526315789465, |
|
|
|
style: 'dark', |
|
|
|
center: [this.info.latitude, this.info.longitude], |
|
|
|
zoom: 4.4 |
|
|
|
}) |
|
|
|
}); |
|
|
|
components: { |
|
|
|
popup |
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.$emit('close'); |
|
|
|
created() {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
progress: [], |
|
|
|
info: {}, |
|
|
|
title: '事件', |
|
|
|
currentTabIndex: 0, |
|
|
|
startTabIndex: 0, |
|
|
|
currentTabIndex2: 0, |
|
|
|
startTabIndex2: 0, |
|
|
|
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|
|
|
tabList: [], |
|
|
|
tabList2: [], |
|
|
|
userArray: [], |
|
|
|
userList: {} |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
async getApiData() { |
|
|
|
this.getInfo(); |
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
|
|
|
|
gettab() { |
|
|
|
this.info.group_rental.forEach(item => { |
|
|
|
this.getUserInfo(item.user_id); |
|
|
|
}); |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
|
return this.tabList[this.currentTabIndex]; |
|
|
|
}, |
|
|
|
currentTab2() { |
|
|
|
return this.tabList2[this.currentTabIndex2]; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
getUserInfo(id) { |
|
|
|
const url = 'resident_info'; |
|
|
|
|
|
|
|
requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
methods: { |
|
|
|
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; |
|
|
|
} |
|
|
|
}, |
|
|
|
addStartTabIndex2() { |
|
|
|
const { |
|
|
|
startTabIndex2, |
|
|
|
tabList2 |
|
|
|
} = this; |
|
|
|
if (startTabIndex2 < tabList2.length - 7) { |
|
|
|
this.startTabIndex2 = startTabIndex2 + 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = tabList2.length - 7; |
|
|
|
} |
|
|
|
}, |
|
|
|
subStartTabIndex2() { |
|
|
|
const { |
|
|
|
startTabIndex2, |
|
|
|
tabList2 |
|
|
|
} = this; |
|
|
|
if (startTabIndex2 > 0) { |
|
|
|
this.startTabIndex2 = startTabIndex2 - 1; |
|
|
|
} else { |
|
|
|
this.startTabIndex2 = 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
iniMap() { |
|
|
|
let latitude = this.info.latitude; |
|
|
|
let longitude = this.info.longitude; |
|
|
|
let map = new daiMap(document.getElementById("map"), { |
|
|
|
latitude, |
|
|
|
longitude |
|
|
|
}, { |
|
|
|
zoom: 16.2, // 设置地图缩放级别 |
|
|
|
pitch: 43.5, // 设置俯仰角 |
|
|
|
rotation: 45, // 设置地图旋转角度 |
|
|
|
}); |
|
|
|
map.setCenter(latitude, longitude); |
|
|
|
map.setMarker(latitude, longitude); |
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
|
async getApiData() { |
|
|
|
this.getInfo(); |
|
|
|
}, |
|
|
|
gettab() { |
|
|
|
this.info.group_rental.forEach(item => { |
|
|
|
this.getUserInfo(item.user_id); |
|
|
|
}); |
|
|
|
}, |
|
|
|
getUserInfo(id) { |
|
|
|
const url = 'resident_info'; |
|
|
|
requestPostBi(url, { |
|
|
|
queryParam: { |
|
|
|
resident_id: id |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, { |
|
|
|
// mockId: 61172054, |
|
|
|
} |
|
|
|
).then(res => { |
|
|
|
console.log(res); |
|
|
|
if (res.code === 0) { |
|
|
|
this.userArray.push(res.data[0]); |
|
|
|
if (this.userArray.length == 1) { |
|
|
|
this.gettab2(this.userArray[0]); |
|
|
|
}).then(res => { |
|
|
|
console.log(res); |
|
|
|
if (res.code === 0) { |
|
|
|
this.userArray.push(res.data[0]); |
|
|
|
if (this.userArray.length == 1) { |
|
|
|
this.gettab2(this.userArray[0]); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
gettab2(item) { |
|
|
|
this.userList = { |
|
|
|
...item |
|
|
|
}; |
|
|
|
console.log('当前人员信息', this.userList); |
|
|
|
let tabList = this.BaseTabList; |
|
|
|
this.userList.crowd && tabList.push('党员'); |
|
|
|
this.userList.srs && tabList.push('保障房'); |
|
|
|
this.userList.unemployed && tabList.push('失业'); |
|
|
|
this.userList.exs && tabList.push('退役军人'); |
|
|
|
this.userList.ufs && tabList.push('统战人员'); |
|
|
|
this.userList.volunteer && tabList.push('志愿者'); |
|
|
|
this.userList.aged && tabList.push('老年人'); |
|
|
|
this.userList.special_popu && tabList.push('特殊人群'); |
|
|
|
tabList.push('出生信息'); |
|
|
|
tabList.push('死亡信息'); |
|
|
|
tabList.push('迁出'); |
|
|
|
this.tabList = tabList; |
|
|
|
}, |
|
|
|
// 根据房屋id获取详情 |
|
|
|
async getInfo() { |
|
|
|
let url = ''; |
|
|
|
let queryParam = {}; |
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
url = 'enterprise_info'; |
|
|
|
this.title = '安全生产巡查详情'; |
|
|
|
queryParam.enterprise_id = this.detailId; |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '群租房详情'; |
|
|
|
queryParam.room_id = this.detailId; |
|
|
|
} else if (this.detailType == '发现问题') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '发现问题详情'; |
|
|
|
queryParam.hidden_danger_id = this.detailId; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
gettab2(item) { |
|
|
|
this.userList = { ...item }; |
|
|
|
console.log('当前人员信息', this.userList); |
|
|
|
let tabList = this.BaseTabList; |
|
|
|
this.userList.crowd && tabList.push('党员'); |
|
|
|
this.userList.srs && tabList.push('保障房'); |
|
|
|
this.userList.unemployed && tabList.push('失业'); |
|
|
|
this.userList.exs && tabList.push('退役军人'); |
|
|
|
this.userList.ufs && tabList.push('统战人员'); |
|
|
|
this.userList.volunteer && tabList.push('志愿者'); |
|
|
|
this.userList.aged && tabList.push('老年人'); |
|
|
|
this.userList.special_popu && tabList.push('特殊人群'); |
|
|
|
tabList.push('出生信息'); |
|
|
|
tabList.push('死亡信息'); |
|
|
|
tabList.push('迁出'); |
|
|
|
this.tabList = tabList; |
|
|
|
}, |
|
|
|
// 根据房屋id获取详情 |
|
|
|
async getInfo() { |
|
|
|
let url = ''; |
|
|
|
let queryParam = {}; |
|
|
|
|
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
url = 'enterprise_info'; |
|
|
|
this.title = '安全生产巡查详情'; |
|
|
|
queryParam.enterprise_id = this.detailId; |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '群租房详情'; |
|
|
|
queryParam.room_id = this.detailId; |
|
|
|
} else if (this.detailType == '发现问题') { |
|
|
|
url = 'group_tenant_info'; |
|
|
|
this.title = '发现问题详情'; |
|
|
|
queryParam.hidden_danger_id = this.detailId; |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPostBi(url, { |
|
|
|
queryParam: queryParam |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, { |
|
|
|
// mockId: 60235478, |
|
|
|
}); |
|
|
|
if (code === 0) { |
|
|
|
this.info = { |
|
|
|
...this.info, |
|
|
|
...data[0] |
|
|
|
}; |
|
|
|
console.log('this.info', this.info); |
|
|
|
// this.info = { |
|
|
|
// group_rental: [ |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// } |
|
|
|
// ], |
|
|
|
// house_state: null, |
|
|
|
// homeowner_idcard: '53', |
|
|
|
// homeowner: 'elit', |
|
|
|
// room_id: '52', |
|
|
|
// house_usage: 'ullamco culpa dolor', |
|
|
|
// homeowner_telep: 'sed', |
|
|
|
// house_type: 'mollit est eu commodo in' |
|
|
|
// }; |
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
this.iniMap(); |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
this.gettab(); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
); |
|
|
|
if (code === 0) { |
|
|
|
this.info = { ...this.info, ...data[0] }; |
|
|
|
console.log('this.info', this.info); |
|
|
|
// this.info = { |
|
|
|
// group_rental: [ |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708368089090' |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// user_id: '1501821708569415681' |
|
|
|
// } |
|
|
|
// ], |
|
|
|
// house_state: null, |
|
|
|
// homeowner_idcard: '53', |
|
|
|
// homeowner: 'elit', |
|
|
|
// room_id: '52', |
|
|
|
// house_usage: 'ullamco culpa dolor', |
|
|
|
// homeowner_telep: 'sed', |
|
|
|
// house_type: 'mollit est eu commodo in' |
|
|
|
// }; |
|
|
|
|
|
|
|
if (this.detailType == '生产隐患') { |
|
|
|
this.iniMap(); |
|
|
|
} else if (this.detailType == '群租房') { |
|
|
|
this.gettab(); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.m-info .row .item .field { |
|
|
|
width: 120px !important; |
|
|
|
} |
|
|
|
.m-info .row .item .field { |
|
|
|
width: 120px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
|
|
|
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |