6 changed files with 452 additions and 3 deletions
@ -0,0 +1,156 @@ |
|||
<template> |
|||
<popup :title="title" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">需求类型:</div> |
|||
<div class="value">{{ info.category }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">需求内容:</div> |
|||
<div class="value">{{ info.content }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">状态:</div> |
|||
<div class="value">{{ info.demand_status }}</div> |
|||
</div> |
|||
|
|||
<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.finish_result }}</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.remark }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">上报时间:</div> |
|||
<div class="value">{{ info.report_time }}</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_user_mobile }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">评价:</div> |
|||
<div class="value">{{ info.score }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">服务方:</div> |
|||
<div class="value">{{ info.server_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务时间:</div> |
|||
<div class="value">{{ info.service_start_time }}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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: { |
|||
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: {}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
|
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
const url = 'user_service_intro'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
user_demand_id: this.detailId |
|||
}, |
|||
{ |
|||
// mockId: 60235478, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log('this.info', this.info); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.m-info .row .item .field { |
|||
width: 120px !important; |
|||
} |
|||
</style> |
|||
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
@ -0,0 +1,133 @@ |
|||
<template> |
|||
<popup :title="title" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
|
|||
<div class="field">政策依据:</div> |
|||
<div class="value">{{ info.policy_name }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">联系方式:</div> |
|||
<div class="value">{{ info.principal_contact }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">经办人:</div> |
|||
<div class="value">{{ info.principal_name }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">备注:</div> |
|||
<div class="value">{{ info.remark }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">服务范围:</div> |
|||
<div class="value">{{ info.scope_name }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">服务名称:</div> |
|||
<div class="value">{{ info.service_name }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">服务组织:</div> |
|||
<div class="value">{{ info.service_org_name }}</div> |
|||
</div> |
|||
|
|||
<!-- <div class="item"> |
|||
<div class="field">公共服务主键:</div> |
|||
<div class="value">{{ info.service_record_id }}</div> |
|||
</div> --> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
</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: { |
|||
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: {}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
|
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
const url = 'common_service_intro'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
service_record_id: this.detailId |
|||
}, |
|||
{ |
|||
// mockId: 60235478, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log('this.info', this.info); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.m-info .row .item .field { |
|||
width: 120px !important; |
|||
} |
|||
</style> |
|||
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
@ -0,0 +1,160 @@ |
|||
<template> |
|||
<popup :title="title" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info"> |
|||
<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.latitude }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">经度:</div> |
|||
<div class="value">{{ info.longitude }}</div> |
|||
</div> --> |
|||
|
|||
<div class="item"> |
|||
<div class="field">活动成果:</div> |
|||
<div class="value">{{ info.o }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">活动目标:</div> |
|||
<div class="value">{{ info.q }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">服务人数:</div> |
|||
<div class="value">{{ info.served_person_qty }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">活动地址:</div> |
|||
<div class="value">{{ info.service_address }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务事项:</div> |
|||
<div class="value">{{ info.service_matter }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">活动标题:</div> |
|||
<div class="value">{{ info.service_name }}</div> |
|||
</div> |
|||
<!-- <div class="item"> |
|||
<div class="field">公共服务主键:</div> |
|||
<div class="value">{{ info.service_record_id }}</div> |
|||
</div> --> |
|||
<div class="item"> |
|||
<div class="field">活动时间:</div> |
|||
<div class="value">{{ info.service_time_start }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">活动内容:</div> |
|||
<div class="value">{{ info.w }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">活动地图:</div> |
|||
<div class="value"><div style="position: relative;width: 100%;height: 300px;" id="map"></div></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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: { |
|||
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: {}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
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 |
|||
}) |
|||
}); |
|||
}, |
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
const url = 'party_unit_intro'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
service_record_id: this.detailId |
|||
}, |
|||
{ |
|||
// mockId: 60235478, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log('this.info', this.info); |
|||
this.iniMap(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.m-info .row .item .field { |
|||
width: 120px !important; |
|||
} |
|||
</style> |
|||
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
Loading…
Reference in new issue