战立标
2 years ago
4 changed files with 477 additions and 201 deletions
@ -0,0 +1,240 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
:destroy-on-close="true" |
||||
|
:modal="true" |
||||
|
:modal-append-to-body="false" |
||||
|
:visible="showDialog" |
||||
|
width="1118px" |
||||
|
@close="handleClose" |
||||
|
> |
||||
|
<div class="content"> |
||||
|
<div class="main-title main-title2"> |
||||
|
|
||||
|
<title-box text="服务详情"/> |
||||
|
</div> |
||||
|
|
||||
|
<div class="contents"> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="items"> |
||||
|
<div class="label">所属组织：</div> |
||||
|
<div class="value">{{ detail.principalName }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
|
||||
|
<div class="items"> |
||||
|
<div class="label">服务类型：</div> |
||||
|
<div class="value">{{ |
||||
|
detail.customerId && getFwType(detail.customerId) |
||||
|
}} |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
|
||||
|
<div class="items"> |
||||
|
<div class="label">服务事项：</div> |
||||
|
<div class="value">{{ detail.serviceName }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="items"> |
||||
|
<div class="label">服务时间：</div> |
||||
|
<div class="value" |
||||
|
>{{ detail.serviceTimeStart }} ~ |
||||
|
{{ detail.serviceTimeEnd }} |
||||
|
</div |
||||
|
> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="12"> |
||||
|
<div class="items"> |
||||
|
<div class="label">经办人：</div> |
||||
|
<div class="value">{{ detail.principalName }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
|
||||
|
<div class="items"> |
||||
|
<div class="label">联系电话：</div> |
||||
|
<div class="value"> {{ $sensitive(detail.principalContact, 3, 7) }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
|
||||
|
<div class="items"> |
||||
|
<div class="label">服务方：</div> |
||||
|
<div class="value">{{ detail.principalName }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
|
||||
|
<div class="items"> |
||||
|
<div class="label">政策依据：</div> |
||||
|
<div class="value">{{ detail.policyTitle }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<div class="items" style="align-items: flex-start"> |
||||
|
<div class="label">服务内容：</div> |
||||
|
<div class="value">{{ detail.remark }}</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import titleBox from "@/views/dataBoard/satisfactionEval/components/Title"; |
||||
|
|
||||
|
export default { |
||||
|
name: "ServiceDetailsLookForSb", |
||||
|
components: { |
||||
|
titleBox, |
||||
|
}, |
||||
|
props: { |
||||
|
id: { |
||||
|
type: String, |
||||
|
default: "", |
||||
|
}, |
||||
|
type: { |
||||
|
type: [String, Number], |
||||
|
default: "", |
||||
|
}, |
||||
|
showDialog: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
item: {}, |
||||
|
loading: false, |
||||
|
detail: {}, |
||||
|
// 服务类型。 |
||||
|
serviceTypesLevel1: [], |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
computed: {}, |
||||
|
watch: { |
||||
|
showDialog: { |
||||
|
handler(val) { |
||||
|
if (val) { |
||||
|
this.getDetailsData(); |
||||
|
} |
||||
|
}, |
||||
|
immediate: true, |
||||
|
}, |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$http |
||||
|
.get("/governance/commonServiceType/selectList/0") |
||||
|
.then(({data: res}) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} else { |
||||
|
this.serviceTypesLevel1 = res.data; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
handleClose() { |
||||
|
this.$emit("close", false); |
||||
|
this.item = {}; |
||||
|
}, |
||||
|
getFwType(value) { |
||||
|
if (this.serviceTypesLevel1.length > 0 && value) { |
||||
|
return this.serviceTypesLevel1.filter( |
||||
|
(item) => item.customerId == value |
||||
|
)[0].name; |
||||
|
} |
||||
|
return ""; |
||||
|
}, |
||||
|
openImg(src) { |
||||
|
window.open(src); |
||||
|
}, |
||||
|
|
||||
|
getTrueTime(time) { |
||||
|
return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm"); |
||||
|
}, |
||||
|
|
||||
|
getDetailsData() { |
||||
|
this.loading = true; |
||||
|
if (this.type === 2) { |
||||
|
this.getServiceFindPeople(); |
||||
|
} |
||||
|
if (this.type === 3) { |
||||
|
this.getWarmthAndFindPeople(); |
||||
|
} |
||||
|
if (this.type === 4) { |
||||
|
this.getJobAndFindPeople(); |
||||
|
} |
||||
|
if (this.type === 5) { |
||||
|
this.getSkillsToFindPeople(); |
||||
|
} |
||||
|
}, |
||||
|
getServiceFindPeople() { |
||||
|
this.$http.post('/governance/icServiceRecordV2/detail', {serviceRecordId: this.id}).then(({data: {data}}) => { |
||||
|
this.detail = data || {}; |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
getWarmthAndFindPeople() { |
||||
|
this.$http.post('/governance/icServiceWarmRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => { |
||||
|
this.detail = data || {}; |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
getJobAndFindPeople() { |
||||
|
this.$http.post('/governance/icServicePostRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => { |
||||
|
this.detail = data || {}; |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
getSkillsToFindPeople() { |
||||
|
this.$http.post('/governance/icServiceSkillRecord/detail', {serviceRecordId: this.id}).then(({data: {data}}) => { |
||||
|
this.detail = data || {}; |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
||||
|
@import "@/assets/scss/dataBoard/dialog.scss"; |
||||
|
|
||||
|
|
||||
|
.contents { |
||||
|
padding: 40px 50px; |
||||
|
|
||||
|
.items { |
||||
|
font-size: 14px; |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 17px; |
||||
|
|
||||
|
.label { |
||||
|
color: #9CB4D3; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.value { |
||||
|
color: #FFFFFF; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue