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