|
|
@ -8,42 +8,42 @@ |
|
|
|
<td class="info-label" style="width: 200px;">老人姓名:</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEldInfo(formData)"> |
|
|
|
{{ formData.address }} [查看] |
|
|
|
{{ elderlyDate.name }} [查看] |
|
|
|
</el-button> |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">性别:</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ formData.address ? '男' : '女' }}</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ elderlyDate.gender ? '男' : '女' }}</td class="info-label"> |
|
|
|
<td class="info-label" style="">年龄:</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ formData.address }}</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ elderlyDate.address }}</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">主要联系人姓名:</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ formData.address }} |
|
|
|
<td class="info-label" style="">{{ elderlyDate.familyPrimaryContactName }} |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">主要联系人电话:</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ formData.address }} |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">与老人关系:</td class="info-label"> |
|
|
|
<td class="info-label" style="">{{ formData.address }} |
|
|
|
<td class="info-label" style="">{{ elderlyDate.familyPrimaryContactPhone }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">地址:</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style="">{{ formData.address }}</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style="">{{ elderlyDate.address }}</td class="info-label"> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
</el-card> |
|
|
|
<div class="newqsa"><span class="newqsa_text">到岗志愿者</span></div> |
|
|
|
<div style="padding:10px 20px;"> |
|
|
|
<el-table class="table" :data="tableData" border :height="tableHeight" v-loading="tableLoading" |
|
|
|
<el-table class="table" :data="formData.arrivers" border v-loading="tableLoading" |
|
|
|
style="width: 100%;margin-top:16px"> |
|
|
|
<el-table-column prop="orgName" header-align="center" align="center" label="所属服务团"> |
|
|
|
<el-table-column prop="volunteerOrgName" header-align="center" align="center" label="所属服务团"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="operator" header-align="center" align="center" label="志愿者姓名"> |
|
|
|
<el-table-column prop="name" header-align="center" align="center" label="志愿者姓名"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" header-align="center" align="center" label="微信昵称"> |
|
|
|
<el-table-column prop="nickName" header-align="center" align="center" label="微信昵称"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" header-align="center" align="center" label="性别"> |
|
|
|
<el-table-column prop="gender" header-align="center" align="center" label="性别"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div>{{ scope.row.gender==="2"?"女":"男" }}</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" header-align="center" align="center" label="手机号"> |
|
|
|
</el-table-column> |
|
|
@ -63,37 +63,37 @@ |
|
|
|
<tr> |
|
|
|
<td class="info-label">打卡志愿者:</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.signInVolunteerName }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">服务项目</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.categoryLabels.join(",") }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">服务时长</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.serviceTime }} |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">获取积分</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.points }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">服务描述</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.description }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr style="height: 100px;"> |
|
|
|
<td class="info-label" style="">视频图片:</td class="info-label"> |
|
|
|
<td class="info-label" colspan="5" style=""> |
|
|
|
<div v-for="(item,index) in tupian"> |
|
|
|
<el-image style="width: 100px; height: 100px" :src="item.url" :preview-src-list="srcList"> |
|
|
|
<div v-for="(item,index) in formData.attachmentsJson"> |
|
|
|
<el-image style="width: 100px; height: 100px" :src="item.url" :preview-src-list="formData.attachmentsJson"> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
</td class="info-label"> |
|
|
@ -101,21 +101,21 @@ |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">到岗打卡时间</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.signInTime }} |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">到岗打卡地址</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.signInAddress }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td class="info-label" style="">离岗打卡时间</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.signOutTime }} |
|
|
|
</td class="info-label"> |
|
|
|
<td class="info-label" style="">离岗打卡地址</td class="info-label"> |
|
|
|
<td class="info-label" style=""> |
|
|
|
{{ formData.address }} |
|
|
|
{{ formData.signOutAddress }} |
|
|
|
</td class="info-label"> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
@ -137,7 +137,7 @@ |
|
|
|
import infoOld from "../../../informationArchive/elderlyArchives/cpts/info-old.vue" |
|
|
|
import daiMap from "@/utils/dai-map"; |
|
|
|
import { Loading } from 'element-ui' // 引入Loading服务 |
|
|
|
import { requestPost } from '@/js/dai/request' |
|
|
|
import { requestPost,requestGet} from '@/js/dai/request' |
|
|
|
var map |
|
|
|
var search |
|
|
|
var markers |
|
|
@ -148,6 +148,7 @@ |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
elderlyDate:{}, |
|
|
|
toEldInfo:false, |
|
|
|
tupian:[], |
|
|
|
tableLoading: false, |
|
|
@ -165,6 +166,19 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async getElderlyInfo (row) { |
|
|
|
const url ="/voluntary/elderlyInfo/page" |
|
|
|
let params ={ |
|
|
|
idNum:row |
|
|
|
} |
|
|
|
const { data, code, msg } = await requestGet(url, params) |
|
|
|
if (code === 0) { |
|
|
|
this.elderlyDate = data.list |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 地图初始化函数,本例取名为init,开发者可根据实际情况定义 |
|
|
|
initMap(latitude, longitude) { |
|
|
|
console.log(latitude, longitude, "564564568"); |
|
|
@ -197,41 +211,32 @@ |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
async getElderlyInfo () { |
|
|
|
if (this.formData.agencyId) { |
|
|
|
this.formData.agencyId=this.formData.agencyId.toString() |
|
|
|
} |
|
|
|
const url = "/voluntary/volunteerOrg/applicationList" |
|
|
|
async getServiceRecDetail (row) { |
|
|
|
const url = "/voluntary/op/service/pc/serviceRecDetail" |
|
|
|
let params = { |
|
|
|
...this.formData, |
|
|
|
|
|
|
|
serviceRecId:row |
|
|
|
} |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
const { data, code, msg } = await requestGet(url, params) |
|
|
|
if (code === 0) { |
|
|
|
this.formData = data.list |
|
|
|
console.log(data,"sdf;klsdf;lk"); |
|
|
|
this.formData=data |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
} |
|
|
|
this.$nextTick(() => { |
|
|
|
if (!map) { |
|
|
|
console.log("map", map,this.formData.latitude, this.formData.longitude) |
|
|
|
// this.initMap(this.formData.latitude, this.formData.longitude); |
|
|
|
this.initMap("80", "120"); |
|
|
|
console.log("map", map,this.formData.latitude, this.formData.longitude) |
|
|
|
this.initMap(this.formData.signOutLatitude, this.formData.signOutLongitude); |
|
|
|
} else { |
|
|
|
console.log("map1", map,this.formData.latitude, this.formData.longitude) |
|
|
|
map.setCenter(this.formData.latitude, this.formData.longitude); |
|
|
|
map.setMarker(this.formData.latitude, this.formData.longitude); |
|
|
|
console.log("mapmapmap", map) |
|
|
|
map.setCenter(this.formData.signOutLatitude, this.formData.signOutLongitude); |
|
|
|
map.setMarker(this.formData.signOutLatitude, this.formData.signOutLongitude); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
async initForm(row) { |
|
|
|
this.startLoading() |
|
|
|
console.log(row,"dsfdjkl"); |
|
|
|
this.formData=row |
|
|
|
this.getElderlyInfo() |
|
|
|
this.getServiceRecDetail(row.serviceRecId) |
|
|
|
this.getElderlyInfo(row.oldPeopleIdCard) |
|
|
|
this.endLoading() |
|
|
|
|
|
|
|
}, |
|
|
|