Browse Source

评价详情 - 附件还没接

v2
蟑螂恶霸 2 years ago
parent
commit
fe15a1b0e2
  1. 1
      src/api/enterprise.js
  2. 91
      src/views/enterprise/complaintEvaluate.vue
  3. 2
      src/views/enterprise/complaintList.vue

1
src/api/enterprise.js

@ -24,6 +24,7 @@ export const toMssqAppraise = (params, success, error) => _post("/app/code/compl
// 诉求工单评价页面
export const queryEnterpriseComplaintList = (params, success, error) => _get("/app/code/complaint/queryList",params,success,error)
export const getObjByKey = (params, success, error) => _get("/app/satisfy/getObjByKey/"+params,null,success,error)
/**
* 查询企业行政执法通知记录
* @param {*} params

91
src/views/enterprise/complaintEvaluate.vue

@ -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;

2
src/views/enterprise/complaintList.vue

@ -87,7 +87,7 @@
<div class="btn-list">
<!-- <a><van-icon name="warning-o" />投诉</a>-->
<a v-if="item.status == 1" @click.stop="toEvaluate(item.id)"><van-icon name="flower-o"/>评价</a>
<a v-else style="color: #808080;" @click.stop><van-icon color="#808080" name="flower-o"/>评价</a>
<a v-else style="color: #808080;" @click.stop="toEvaluate(item.proWoCode)"><van-icon color="#808080" name="flower-o"/>评价</a>
</div>
</div>

Loading…
Cancel
Save