|
|
|
@ -8,21 +8,77 @@ |
|
|
|
<!-- 中间 --> |
|
|
|
<div class="warp_body"> |
|
|
|
|
|
|
|
<div class="cardsty"><label>处置单位</label><span>深圳市卫生健康委员会</span></div> |
|
|
|
<div class="cardsty"><label>处置单位</label><span>{{data.dataObj.orgText}}</span></div> |
|
|
|
<div class="cardsty"> |
|
|
|
<h4>您对我们的服务满意吗?</h4> |
|
|
|
<div class="eval-item"><label>处置速度</label><span class="eval-star"><van-icon class="active" name="star" /><van-icon class="active" name="star" /><van-icon class="active" name="star" /><van-icon class="active" name="star" /><van-icon class="active" name="star" /></span><span>非常满意</span></div> |
|
|
|
<div class="eval-item"><label>处置效果</label><span class="eval-star"><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /></span><span>非常满意</span></div> |
|
|
|
<div class="eval-item"><label>服务体验</label><span class="eval-star"><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /></span><span>非常满意</span></div> |
|
|
|
<div class="eval-item"><label>反馈质量</label><span class="eval-star"><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /><van-icon name="star" /></span><span>非常满意</span></div> |
|
|
|
<div class="eval-item"> |
|
|
|
<label>处置速度</label> |
|
|
|
<span class="eval-star"> |
|
|
|
<van-icon class="active" name="star" v-for="n in data.dataObj.dealSpeedMetrics"/> |
|
|
|
<van-icon name="star" v-for="n in (5 - data.dataObj.dealSpeedMetrics)"/> |
|
|
|
</span> |
|
|
|
<span v-if="data.dataObj.dealSpeedMetrics == 1">非常不满意</span> |
|
|
|
<span v-if="data.dataObj.dealSpeedMetrics == 2">不满意</span> |
|
|
|
<span v-if="data.dataObj.dealSpeedMetrics == 3">基本满意</span> |
|
|
|
<span v-if="data.dataObj.dealSpeedMetrics == 4">满意</span> |
|
|
|
<span v-if="data.dataObj.dealSpeedMetrics == 5">非常满意</span> |
|
|
|
</div> |
|
|
|
<div class="eval-item"> |
|
|
|
<label>处置效果</label> |
|
|
|
<span class="eval-star"> |
|
|
|
<van-icon class="active" name="star" v-for="n in data.dataObj.dealEffectMetrics"/> |
|
|
|
<van-icon name="star" v-for="n in (5 - data.dataObj.dealEffectMetrics)"/> |
|
|
|
</span> |
|
|
|
<span v-if="data.dataObj.dealEffectMetrics == 1">非常不满意</span> |
|
|
|
<span v-if="data.dataObj.dealEffectMetrics == 2">不满意</span> |
|
|
|
<span v-if="data.dataObj.dealEffectMetrics == 3">基本满意</span> |
|
|
|
<span v-if="data.dataObj.dealEffectMetrics == 4">满意</span> |
|
|
|
<span v-if="data.dataObj.dealEffectMetrics == 5">非常满意</span> |
|
|
|
</div> |
|
|
|
<div class="eval-item"> |
|
|
|
<label>服务体验</label> |
|
|
|
<span class="eval-star"> |
|
|
|
<van-icon class="active" name="star" v-for="n in data.dataObj.serviceMetrics"/> |
|
|
|
<van-icon name="star" v-for="n in (5 - data.dataObj.serviceMetrics)"/> |
|
|
|
</span> |
|
|
|
<span v-if="data.dataObj.serviceMetrics == 1">非常不满意</span> |
|
|
|
<span v-if="data.dataObj.serviceMetrics == 2">不满意</span> |
|
|
|
<span v-if="data.dataObj.serviceMetrics == 3">基本满意</span> |
|
|
|
<span v-if="data.dataObj.serviceMetrics == 4">满意</span> |
|
|
|
<span v-if="data.dataObj.serviceMetrics == 5">非常满意</span> |
|
|
|
</div> |
|
|
|
<div class="eval-item"> |
|
|
|
<label>反馈质量</label> |
|
|
|
<span class="eval-star"> |
|
|
|
<van-icon class="active" name="star" v-for="n in data.dataObj.feedbackQualityMetrics"/> |
|
|
|
<van-icon name="star" v-for="n in (5 - data.dataObj.feedbackQualityMetrics)"/> |
|
|
|
</span> |
|
|
|
<span v-if="data.dataObj.feedbackQualityMetrics == 1">非常不满意</span> |
|
|
|
<span v-if="data.dataObj.feedbackQualityMetrics == 2">不满意</span> |
|
|
|
<span v-if="data.dataObj.feedbackQualityMetrics == 3">基本满意</span> |
|
|
|
<span v-if="data.dataObj.feedbackQualityMetrics == 4">满意</span> |
|
|
|
<span v-if="data.dataObj.feedbackQualityMetrics == 5">非常满意</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="eval-all"><span>整体评价:</span><i class="verygood"></i><span>非常满意</span></div> |
|
|
|
<div class="eval-all"> |
|
|
|
<span>整体评价:</span> |
|
|
|
<i class="verygood bad" v-if="data.dataObj.approveCode == 1 || data.dataObj.approveCode == 2"></i> |
|
|
|
<i class="verygood good" v-if="data.dataObj.approveCode == 3 || data.dataObj.approveCode == 4"></i> |
|
|
|
<i class="verygood" v-if="data.dataObj.approveCode == 5"></i> |
|
|
|
<span v-if="data.dataObj.approveCode == 1">非常不满意</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 2">不满意</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 3">基本满意</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 4">满意</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 5">非常满意</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 6">未评价</span> |
|
|
|
<span v-if="data.dataObj.approveCode == 7">无效评价</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="cardsty"> |
|
|
|
<label>反馈详情</label> |
|
|
|
<div class="eval-cont"> |
|
|
|
|
|
|
|
{{data.dataObj.writingEvaluation}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -60,6 +116,7 @@ |
|
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
|
import {reactive, ref} from "vue"; |
|
|
|
import * as w6s from 'szient-js-sdk'; |
|
|
|
import {queryEnterpriseComplaintList, getObjByKey} from "../../api/enterprise"; |
|
|
|
|
|
|
|
const {useCommon, useMy} = $globalStore |
|
|
|
|
|
|
|
@ -67,6 +124,13 @@ |
|
|
|
const route = useRoute(); |
|
|
|
|
|
|
|
const data = reactive({ |
|
|
|
dataObj: { |
|
|
|
dealSpeedMetrics: 0, |
|
|
|
dealEffectMetrics: 0, |
|
|
|
serviceMetrics: 0, |
|
|
|
feedbackQualityMetrics: 0, |
|
|
|
writingEvaluation: "", |
|
|
|
}, |
|
|
|
}); |
|
|
|
//保存参数 |
|
|
|
const submitData = reactive({ |
|
|
|
@ -75,8 +139,17 @@ |
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
submitData.id = route?.query?.id; |
|
|
|
getObjById(submitData.id) |
|
|
|
}); |
|
|
|
|
|
|
|
const getObjById = (proWorkCode) => { |
|
|
|
getObjByKey(proWorkCode, success => { |
|
|
|
data.dataObj = success.data |
|
|
|
console.log("========> : ", data.dataObj); |
|
|
|
}, error => { |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
@ -118,11 +191,13 @@ |
|
|
|
height: 0.65rem; |
|
|
|
font-size: 0.38rem; |
|
|
|
font-weight: 600; |
|
|
|
|
|
|
|
span { |
|
|
|
font-size: 0.32rem; |
|
|
|
color: rgb(221, 229, 227); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.file { |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
@ -149,6 +224,7 @@ |
|
|
|
/*margin-top: 0.65rem; |
|
|
|
padding-top: 0.27rem; |
|
|
|
padding-left: 0.27rem;*/ |
|
|
|
|
|
|
|
img { |
|
|
|
width: 1.95rem; |
|
|
|
height: 2rem; |
|
|
|
@ -224,6 +300,7 @@ |
|
|
|
background: url("../../assets/images/eval-bad.png") no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.eval-cont { |
|
|
|
margin: 3% 0; |
|
|
|
padding: 0.27rem; |
|
|
|
|