chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

评价详情 - 附件还没接

v2
蟑螂恶霸 2 years ago
parent
74ae177572
commit
fe15a1b0e2
4 changed files with 302 additions and 224 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/api/enterprise.js
  2. 4
      src/views/enforceHome.vue
  3. 519
      src/views/enterprise/complaintEvaluate.vue
  4. 2
      src/views/enterprise/complaintList.vue

1
src/api/enterprise.js
View File

@ -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 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 * @param {*} params

4
src/views/enforceHome.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<!-- <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>--> <!-- <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>-->
<!-- <div class="home app_content" v-if="!isLoading">--> <!-- <div class="home app_content" v-if="!isLoading">-->
<div class="home app_content"> <div class="home app_content">
<!-- 导航栏 --> <!-- 导航栏 -->
<!-- <div class="header_body"> <!-- <div class="header_body">

519
src/views/enterprise/complaintEvaluate.vue
View File

@ -1,238 +1,315 @@
<template> <template>
<div class="address_edit"> <div class="address_edit">
<!-- 导航栏 --> <!-- 导航栏 -->
<!--<div class="header_body"> <!--<div class="header_body">
<header-nav :slefBack="true" @goBack="goBack" :titelText="`评价详情`"></header-nav> <header-nav :slefBack="true" @goBack="goBack" :titelText="`评价详情`"></header-nav>
</div>
-->
<!-- 中间 -->
<div class="warp_body">
<div class="cardsty"><label>处置单位</label><span>深圳市卫生健康委员会</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-all"><span>整体评价：</span><i class="verygood"></i><span>非常满意</span></div>
</div>
<div class="cardsty">
<label>反馈详情</label>
<div class="eval-cont">
</div> </div>
</div> -->
<!-- 中间 -->
<div class="warp_body">
<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" 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 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>
<div class="file-upload">
<div class="file-upload-center">
<label>附件</label>
</div>
<!-- <van-uploader v-model="submitData.fileListObj" class="file" :after-read="uploadFiles" multiple :max-size="500 * 1024" @oversize="onOversize" :before-delete="deleteFile">-->
<!-- <template #preview-cover="{ file }">-->
<!-- <div class="preview-cover van-ellipsis">{{ file.name }}</div>-->
<!-- </template>-->
<!-- </van-uploader>-->
<!-- <van-uploader v-model="submitData.fileListObj" max-count="9" class="file" multiple
:after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template>
</van-uploader> -->
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9"
:after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template>
</van-uploader>
</div>
<div class="file-upload">
<div class="file-upload-center">
<label>附件</label>
</div> </div>
<!-- <van-uploader v-model="submitData.fileListObj" class="file" :after-read="uploadFiles" multiple :max-size="500 * 1024" @oversize="onOversize" :before-delete="deleteFile">-->
<!-- <template #preview-cover="{ file }">-->
<!-- <div class="preview-cover van-ellipsis">{{ file.name }}</div>-->
<!-- </template>-->
<!-- </van-uploader>-->
<!-- <van-uploader v-model="submitData.fileListObj" max-count="9" class="file" multiple
:after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template>
</van-uploader> -->
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9"
:after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template>
</van-uploader>
</div>
</div> </div>
</div>
</template> </template>
<script setup name="register"> <script setup name="register">
import {uploadFile} from '../../util/fileUpload' import {uploadFile} from '../../util/fileUpload'
import {reactive, ref} from "vue"; import {reactive, ref} from "vue";
import * as w6s from 'szient-js-sdk'; import * as w6s from 'szient-js-sdk';
import {queryEnterpriseComplaintList, getObjByKey} from "../../api/enterprise";
const {useCommon, useMy} = $globalStore
const {useCommon, useMy} = $globalStore
const router = useRouter();
const route = useRoute(); const router = useRouter();
const route = useRoute();
const data = reactive({
}); const data = reactive({
//保存参数 dataObj: {
const submitData = reactive({ dealSpeedMetrics: 0,
id:"", dealEffectMetrics: 0,
}); serviceMetrics: 0,
feedbackQualityMetrics: 0,
onMounted(() => { writingEvaluation: "",
submitData.id = route?.query?.id; },
}); });
//保存参数
const submitData = reactive({
id: "",
});
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> </script>
<style lang="less" scoped> <style lang="less" scoped>
.address_edit { .address_edit {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background-color: #ebf3fb; background-color: #ebf3fb;
} }
.warp_body { .warp_body {
margin: 2% 3%; margin: 2% 3%;
padding-bottom: 3rem; padding-bottom: 3rem;
width: 94%; width: 94%;
height: 100%; height: 100%;
//border-radius: 0.25rem; //border-radius: 0.25rem;
//background-image: linear-gradient(to bottom, #ebf3fb, #fff); //background-image: linear-gradient(to bottom, #ebf3fb, #fff);
background: transparent; background: transparent;
overflow-y: auto; overflow-y: auto;
} }
.file-upload { .file-upload {
position: relative; position: relative;
min-height: 3.0rem; min-height: 3.0rem;
/*max-height: 6.5rem;*/ /*max-height: 6.5rem;*/
padding: 1rem 0.27rem 0.27rem 0.43rem; padding: 1rem 0.27rem 0.27rem 0.43rem;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.file-upload-center { .file-upload-center {
position: absolute; position: absolute;
top: 0.27rem; top: 0.27rem;
left: 0.43rem; left: 0.43rem;
width: 90%; width: 90%;
height: 0.65rem; height: 0.65rem;
font-size: 0.38rem; font-size: 0.38rem;
font-weight: 600; font-weight: 600;
span {
font-size: 0.32rem; span {
color: rgb(221, 229, 227); font-size: 0.32rem;
} color: rgb(221, 229, 227);
} }
.file { }
position: relative;
width: 100%; .file {
height: calc(100% - 1.5rem); position: relative;
} width: 100%;
height: calc(100% - 1.5rem);
/deep/ .van-uploader__upload, /deep/ .van-uploader__preview-image { }
width: 1.95rem !important;
} /deep/ .van-uploader__upload, /deep/ .van-uploader__preview-image {
width: 1.95rem !important;
.preview-cover { }
position: absolute;
bottom: 0; .preview-cover {
box-sizing: border-box; position: absolute;
width: 100%; bottom: 0;
padding: 4px; box-sizing: border-box;
color: #fff; width: 100%;
font-size: 0.32rem; padding: 4px;
text-align: center; color: #fff;
background: rgba(0, 0, 0, 0.3); font-size: 0.32rem;
} text-align: center;
background: rgba(0, 0, 0, 0.3);
.zoom { }
/*margin-top: 0.65rem;
padding-top: 0.27rem; .zoom {
padding-left: 0.27rem;*/ /*margin-top: 0.65rem;
img { padding-top: 0.27rem;
width: 1.95rem; padding-left: 0.27rem;*/
height: 2rem;
margin: 0 0.21rem 0.21rem 0; img {
font-size: 0.35rem; width: 1.95rem;
} height: 2rem;
} margin: 0 0.21rem 0.21rem 0;
font-size: 0.35rem;
.cardsty { }
margin: 3% 0; }
width: 100%;
padding: 5%; .cardsty {
background: #fff; margin: 3% 0;
border-radius: 0.2rem; width: 100%;
font-size: 0.38rem; padding: 5%;
box-sizing: border-box; background: #fff;
} border-radius: 0.2rem;
font-size: 0.38rem;
.cardsty h4 { box-sizing: border-box;
margin: 0.2rem 0 0.5rem; }
font-size: 0.42rem;
} .cardsty h4 {
margin: 0.2rem 0 0.5rem;
.cardsty label { font-size: 0.42rem;
margin-right: 0.3rem; }
font-weight: 600;
} .cardsty label {
margin-right: 0.3rem;
.eval-item { font-weight: 600;
display: flex; }
align-items: center;
margin: 0.27rem 0; .eval-item {
} display: flex;
align-items: center;
.eval-star { margin: 0.27rem 0;
margin: 0 0.3rem 0 0.2rem; }
}
.eval-star {
.eval-star i { margin: 0 0.3rem 0 0.2rem;
margin: 0 0.1rem; }
color: #ddd;
font-size: 0.5rem; .eval-star i {
} margin: 0 0.1rem;
color: #ddd;
.eval-star i.active { font-size: 0.5rem;
color: #fbb516; }
}
.eval-star i.active {
.eval-all { color: #fbb516;
display: flex; }
align-items: center;
margin: 8% 2% 3%; .eval-all {
padding: 8% 0 0 0; display: flex;
width: 96%; align-items: center;
border-top: 0.02667rem solid #eee; margin: 8% 2% 3%;
} padding: 8% 0 0 0;
width: 96%;
.eval-all i { border-top: 0.02667rem solid #eee;
display: inline-block; }
margin: 0 0.3rem 0 0.5rem;
width: 0.75rem; .eval-all i {
height: 0.75rem; display: inline-block;
background: url("../../assets/images/eval-verygood.png") no-repeat; margin: 0 0.3rem 0 0.5rem;
background-size: 100% 100%; width: 0.75rem;
} height: 0.75rem;
background: url("../../assets/images/eval-verygood.png") no-repeat;
.eval-all i.good { background-size: 100% 100%;
background: url("../../assets/images/eval-good.png") no-repeat; }
background-size: 100% 100%;
} .eval-all i.good {
background: url("../../assets/images/eval-good.png") no-repeat;
.eval-all i.bad { background-size: 100% 100%;
background: url("../../assets/images/eval-bad.png") no-repeat; }
background-size: 100% 100%;
} .eval-all i.bad {
.eval-cont { background: url("../../assets/images/eval-bad.png") no-repeat;
margin: 3% 0; background-size: 100% 100%;
padding: 0.27rem; }
width: 100%;
min-height: 3rem; .eval-cont {
border-radius: 0.2rem; margin: 3% 0;
border: 0.02667rem solid #eee; padding: 0.27rem;
box-sizing: border-box; width: 100%;
line-height: 1.5; min-height: 3rem;
} border-radius: 0.2rem;
border: 0.02667rem solid #eee;
box-sizing: border-box;
line-height: 1.5;
}
</style> </style>

2
src/views/enterprise/complaintList.vue
View File

@ -87,7 +87,7 @@
<div class="btn-list"> <div class="btn-list">
<!-- <a><van-icon name="warning-o" />投诉</a>--> <!-- <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-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>
</div> </div>

Write Preview
Loading…
Cancel
Save