|
|
@ -1,19 +1,31 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class='pages'> |
|
|
<div class='pages' v-if="detail"> |
|
|
<section> |
|
|
<section> |
|
|
<div class="card m-top12"> |
|
|
<div class="card m-top12"> |
|
|
|
|
|
<div class="m-top5 flex flex-center font-bold" v-if="this.selfObj.source === 1"> |
|
|
|
|
|
{{ this.detail.title || '--' }}<br> |
|
|
|
|
|
</div> |
|
|
<div class="m-top5 flex flex-center"> |
|
|
<div class="m-top5 flex flex-center"> |
|
|
<img src="@/assets/images/icon/address.png" class="small_img m-right7"> |
|
|
<img src="@/assets/images/icon/address.png" class="small_img m-right7"> |
|
|
{{ detail.serviceTargetName || '--' }} {{ detail.serviceTargetMobile }}<br> |
|
|
{{ detail.serviceTargetName || '--' }} {{ detail.serviceTargetMobile }}<br> |
|
|
</div> |
|
|
</div> |
|
|
<div class="opacity5 font-size13 m-top5" style="margin-left: 29px;">{{ detail.serviceTargetAddress }} |
|
|
|
|
|
|
|
|
<div class="opacity5 font-size13 m-top5" style="margin-left: 29px;" v-if="selfObj.source != 1">{{ detail.serviceTargetAddress }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="opacity5 font-size13 m-top5" style="margin-left: 29px;" v-else>{{ detail.serviceTargetAddresses.join('，') }} |
|
|
</div> |
|
|
</div> |
|
|
<div class="m-top5 flex flex-center"> |
|
|
<div class="m-top5 flex flex-center" v-if="selfObj.source != 1"> |
|
|
<img src="@/assets/images/icon/time.png" class="small_img m-right7"> |
|
|
<img src="@/assets/images/icon/time.png" class="small_img m-right7"> |
|
|
<div> |
|
|
<div> |
|
|
{{ detail.serviceStartTime || '--' }} |
|
|
{{ detail.serviceStartTime || '--' }} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="m-top5 flex flex-center" v-else> |
|
|
|
|
|
<img src="@/assets/images/icon/time.png" class="small_img m-right7"> |
|
|
|
|
|
<div style="font-size: 15px;"> |
|
|
|
|
|
{{ detail.serviceTimeStart || '--' }} 至 {{detail.serviceTimeEnd || '--'}} |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<div class="m-top5 "> |
|
|
<div class="m-top5 "> |
|
|
<div class="flex flex-center3"> |
|
|
<div class="flex flex-center3"> |
|
|
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" |
|
|
<img src="@/assets/images/icon/content.png" style="vertical-align: top;" |
|
|
@ -22,15 +34,38 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card m-top12" style="padding: 5px;"> |
|
|
<div class="card m-top12" style="padding: 5px;"> |
|
|
<van-cell title="服务类型" :value="sourceName" /> |
|
|
<van-cell title="服务类型" :value="sourceName" /> |
|
|
<van-cell title="需求分类" :value="detail.categoryName" /> |
|
|
<van-cell title="需求分类" :value="detail.categoryName" /> |
|
|
<van-cell title="上报人" :value="detail.serviceTargetName + detail.serviceTargetMobile" /> |
|
|
<van-cell title="上报人" :value="detail.serviceTargetName + detail.serviceTargetMobile" |
|
|
<van-cell title="上报时间" :value="detail.reportTime" /> |
|
|
v-if="selfObj.source != 1" /> |
|
|
|
|
|
<van-cell title="上报时间" :value="detail.reportTime" v-if="selfObj.source != 1" /> |
|
|
|
|
|
<van-cell title="创建时间" :value="detail.createdTime" v-if="selfObj.source == 1 && selfObj.processStatus === 10" /> |
|
|
|
|
|
<van-cell title="指派时间" :value="detail.assignTime" v-if="selfObj.source == 1 && (selfObj.processStatus === 30 ||selfObj.processStatus === 20 )"/> |
|
|
|
|
|
<van-cell title="完成时间" :value="detail.assignTime" v-if="selfObj.source == 1 && selfObj.processStatus === 30"/> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
<div class="bto_btn"> |
|
|
<div class="bto_btn flex flex-center" style="justify-content: end;"> |
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" v-if="selfObj.processStatus === 10" @click="showRole = true">接单</van-button> |
|
|
<!-- source: 0:公共服务 1:共性需求 2:政策找人 3:服务找人 4:个性需求 5:温暖找人 6:技能找人 7:岗位找人 --> |
|
|
|
|
|
<!--processStatus: 10待接单/待指派；20待处理；30已完成 --> |
|
|
|
|
|
|
|
|
|
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" |
|
|
|
|
|
v-if="selfObj.processStatus === 10 && selfObj.source === 1" @click="showScope = true">接单</van-button> |
|
|
|
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" |
|
|
|
|
|
v-if="selfObj.processStatus === 20 && selfObj.source === 1 && selfObj.confirmedFlag === 1" |
|
|
|
|
|
@click="handelClickComplete">完成服务</van-button> |
|
|
|
|
|
|
|
|
|
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" |
|
|
|
|
|
v-if="selfObj.processStatus === 10 && selfObj.source === 4" @click="showRole = true">接单</van-button> |
|
|
|
|
|
<a :href='`tel:${selfObj.serviceTargetMobile}`' |
|
|
|
|
|
v-if="selfObj.processStatus === 20 && selfObj.source === 4">联系需求人</a> |
|
|
|
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" |
|
|
|
|
|
v-if="selfObj.processStatus === 20 && selfObj.confirmedFlag !== 1" |
|
|
|
|
|
@click="confirmService">确认服务</van-button> |
|
|
|
|
|
<van-button size="small" type="info" class="m-left12 rounded-corner m-top5-bottom" |
|
|
|
|
|
v-if="selfObj.processStatus === 20 && selfObj.source === 4 && selfObj.confirmedFlag === 1" |
|
|
|
|
|
@click="showComplete = true">完成服务</van-button> |
|
|
</div> |
|
|
</div> |
|
|
<van-dialog v-model="showRole" title="请选择接单身份" show-cancel-button @confirm="receiveService"> |
|
|
<van-dialog v-model="showRole" title="请选择接单身份" show-cancel-button @confirm="receiveService"> |
|
|
<van-radio-group v-model="serviceOrgType"> |
|
|
<van-radio-group v-model="serviceOrgType"> |
|
|
@ -39,20 +74,25 @@ |
|
|
}}</van-radio> |
|
|
}}</van-radio> |
|
|
</van-radio-group> |
|
|
</van-radio-group> |
|
|
</van-dialog> |
|
|
</van-dialog> |
|
|
<van-dialog v-model="showScope" title="" show-cancel-button @confirm="receiveService"> |
|
|
<!-- 个性需求完成弹框 --> |
|
|
<p>服务时间</p> |
|
|
<van-dialog v-model="showComplete" title="我已完成需求人的需求" show-cancel-button :before-close="onBeforeClose"> |
|
|
<span @click="showStart = true, showPopup = true" class="font-size13">{{ serviceTimeStart || '开始时间' |
|
|
<p>服务开始时间</p> |
|
|
|
|
|
<span @click="showStart = true, showPopup = true" class="font-size13">{{ actualServiceStartTime || '服务开始时间' |
|
|
}}</span><span class="tag-date">至</span><span @click="showEnd = true, showPopup = true" |
|
|
}}</span><span class="tag-date">至</span><span @click="showEnd = true, showPopup = true" |
|
|
class="font-size13">{{ serviceTimeEnd || '结束时间' }}</span> |
|
|
class="font-size13">{{ actualServiceEndTime || '服务结束时间' }}</span> |
|
|
<p>服务范围</p> |
|
|
<p>完成情况</p> |
|
|
<span class="font-size13" @click="showTree = true, showPopup = true">{{ serviceScopeName || '请选择范围' |
|
|
<van-radio-group v-model="rdFinishResult"> |
|
|
}}</span> |
|
|
<van-radio name="resolved">已解决</van-radio> |
|
|
<p>接单身份</p> |
|
|
<van-radio name="unresolved">未解决</van-radio> |
|
|
<van-radio-group v-model="serviceOrgType"> |
|
|
|
|
|
<van-radio :name="item.serviceOrgType" v-for="(item) in roleList" :key="item.id" |
|
|
|
|
|
@click="handelChangeRole(item.serviceOrgId)">{{ item.serviceOrgName |
|
|
|
|
|
}}</van-radio> |
|
|
|
|
|
</van-radio-group> |
|
|
</van-radio-group> |
|
|
|
|
|
<p>评价</p> |
|
|
|
|
|
<van-rate |
|
|
|
|
|
v-model="rdScore" |
|
|
|
|
|
:size="25" |
|
|
|
|
|
color="#ffd21e" |
|
|
|
|
|
void-icon="star" |
|
|
|
|
|
void-color="#eee" |
|
|
|
|
|
/> |
|
|
</van-dialog> |
|
|
</van-dialog> |
|
|
<van-popup v-model="showPopup" position="bottom"> |
|
|
<van-popup v-model="showPopup" position="bottom"> |
|
|
<van-datetime-picker v-if="showStart" v-model="serviceTimeStart" type="datetime" title="开始时间" |
|
|
<van-datetime-picker v-if="showStart" v-model="serviceTimeStart" type="datetime" title="开始时间" |
|
|
@ -67,13 +107,14 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import {receiveService,getListMyIdentities,getServiceScopeTree } from '@/api/service' |
|
|
import { receiveService, getListMyIdentities, getServiceScopeTree, serviceComplete, serviceConfirm } from '@/api/service' |
|
|
|
|
|
import { Dialog } from 'vant'; |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
detail: null, |
|
|
detail: null, |
|
|
typeList:['公共服务','共性需求','政策找人','服务找人','个性需求','温暖找人','技能找人','岗位找人'], |
|
|
typeList: ['公共服务', '共性需求', '政策找人', '服务找人', '个性需求', '温暖找人', '技能找人', '岗位找人'], |
|
|
id:null, |
|
|
id: null, |
|
|
showPopup: false, |
|
|
showPopup: false, |
|
|
showStart: false, |
|
|
showStart: false, |
|
|
showEnd: false, |
|
|
showEnd: false, |
|
|
@ -89,7 +130,11 @@ export default { |
|
|
serviceOrgType: null, |
|
|
serviceOrgType: null, |
|
|
serviceOrgId: null, |
|
|
serviceOrgId: null, |
|
|
showRole: false, |
|
|
showRole: false, |
|
|
|
|
|
actualServiceStartTime: null,//实际完成时间 |
|
|
|
|
|
actualServiceEndTime: null,//实际完成时间 |
|
|
|
|
|
showComplete: false, |
|
|
|
|
|
rdFinishResult:null, |
|
|
|
|
|
rdScore:5 |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
@ -104,6 +149,51 @@ export default { |
|
|
this.sourceName = this.typeList[this.source] |
|
|
this.sourceName = this.typeList[this.source] |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
async confirmService() { |
|
|
|
|
|
let { data, code, msg } = await serviceConfirm({ id: this.id }) |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.selfObj.confirmedFlag = 1 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
onBeforeClose(action, done) { |
|
|
|
|
|
if (action === "confirm") { |
|
|
|
|
|
if (this.selfObj.source === 4) { |
|
|
|
|
|
if (!this.actualServiceStartTime) { |
|
|
|
|
|
this.$tips.warning('请选择服务开始时间') |
|
|
|
|
|
return done(false) |
|
|
|
|
|
} |
|
|
|
|
|
if (!this.actualServiceEndTime) { |
|
|
|
|
|
this.$tips.warning('请选择服务结束时间') |
|
|
|
|
|
return done(false) |
|
|
|
|
|
} |
|
|
|
|
|
this.serviceComplete(this.selfObj.source, this.selfObj.id, this.actualServiceStartTime, this.actualServiceEndTime) |
|
|
|
|
|
done(true) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
// 点击了取消按钮 |
|
|
|
|
|
else { |
|
|
|
|
|
done(true); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
handelClickComplete() { |
|
|
|
|
|
if (this.selfObj.source === 1) { |
|
|
|
|
|
Dialog.confirm({ |
|
|
|
|
|
message: `确定已完成${this.detail.title}服务吗？`, |
|
|
|
|
|
}).then(() => { |
|
|
|
|
|
this.serviceComplete(this.selfObj.source, this.selfObj.id) |
|
|
|
|
|
}).catch(() => { |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
async serviceComplete(source, id, actualServiceStartTime, actualServiceEndTime) { |
|
|
|
|
|
let { code } = await serviceComplete({ source, id, actualServiceStartTime, actualServiceEndTime }) |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.$toast.success('服务完成') |
|
|
|
|
|
this.$router.go(-1) |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
handelChangeRole(val) { |
|
|
handelChangeRole(val) { |
|
|
this.serviceOrgId = val; |
|
|
this.serviceOrgId = val; |
|
|
}, |
|
|
}, |
|
|
@ -113,8 +203,8 @@ export default { |
|
|
this.serviceScopeList = value.selectedOptions.map(item => ({ objectType: item.objectType, objectId: item.objectId, objectName: item.objectName })) |
|
|
this.serviceScopeList = value.selectedOptions.map(item => ({ objectType: item.objectType, objectId: item.objectId, objectName: item.objectName })) |
|
|
this.serviceScopeName = value.selectedOptions.map(item => item.objectName).join('-') |
|
|
this.serviceScopeName = value.selectedOptions.map(item => item.objectName).join('-') |
|
|
}, |
|
|
}, |
|
|
//提交接单 |
|
|
//提交接单 |
|
|
async receiveService() { |
|
|
async receiveService() { |
|
|
let parm = { |
|
|
let parm = { |
|
|
...this.selfObj, |
|
|
...this.selfObj, |
|
|
id: this.id, |
|
|
id: this.id, |
|
|
@ -138,6 +228,24 @@ export default { |
|
|
this.$router.back() |
|
|
this.$router.back() |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
handelCLickConfirmStart(val) { |
|
|
|
|
|
if (this.selfObj.processStatus === 20) { |
|
|
|
|
|
this.actualServiceStartTime = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.serviceTimeStart = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
|
|
} |
|
|
|
|
|
this.showPopup = false; |
|
|
|
|
|
this.showStart = false; |
|
|
|
|
|
}, |
|
|
|
|
|
handelCLickConfirmEnd(val) { |
|
|
|
|
|
if (this.selfObj.processStatus === 20) { |
|
|
|
|
|
this.actualServiceEndTime = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.serviceTimeEnd = this.$dayjs(val).format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
|
|
} |
|
|
|
|
|
this.showPopup = false; |
|
|
|
|
|
this.showEnd = false; |
|
|
|
|
|
}, |
|
|
async getListMyIdentities() { |
|
|
async getListMyIdentities() { |
|
|
let { data, code, msg } = await getListMyIdentities() |
|
|
let { data, code, msg } = await getListMyIdentities() |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
@ -158,17 +266,32 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang='less' scoped> |
|
|
<style lang='less' scoped> |
|
|
.pages{ |
|
|
.pages { |
|
|
padding: 0 10px; |
|
|
padding: 0 10px; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
|
:deep(.van-cell__value){ |
|
|
|
|
|
text-align:left; |
|
|
:deep(.van-cell__value) { |
|
|
|
|
|
text-align: left; |
|
|
} |
|
|
} |
|
|
:deep(.van-cell__title){ |
|
|
|
|
|
|
|
|
:deep(.van-cell__title) { |
|
|
max-width: 80px; |
|
|
max-width: 80px; |
|
|
} |
|
|
} |
|
|
:deep(.van-button--small){ |
|
|
|
|
|
|
|
|
:deep(.van-button--small) { |
|
|
padding: 12px 30px; |
|
|
padding: 12px 30px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
a { |
|
|
|
|
|
border: 1px solid #ebedf0; |
|
|
|
|
|
color: #333333; |
|
|
|
|
|
padding: 0 10px; |
|
|
|
|
|
border-radius: 15px; |
|
|
|
|
|
height: 26px; |
|
|
|
|
|
line-height: 26px; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
margin-left: 10px; |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
