<template>
|
<view style="margin-top: 20rpx;">
|
<view class="wbox2">
|
<view class="t">
|
执法评价
|
</view>
|
<template v-for="(item,index) in msg">
|
<view class="sbox" v-if="item.questionType==2">
|
<view class="t2">
|
{{item.questionName}}
|
</view>
|
<view class="xbox">
|
<view @click="daxing(index,1)">
|
<img src="/static/qiye/xing1.png" alt="" />
|
<view>
|
很糟糕
|
</view>
|
</view>
|
<view @click="daxing(index,2)">
|
<img v-if="item.getScore>=2" src="/static/qiye/xing1.png" alt="" />
|
<img v-else src="/static/qiye/xing2.png" alt="" />
|
<view :class="item.getScore==2?'hei':''">
|
不满意
|
</view>
|
</view>
|
<view @click="daxing(index,3)">
|
<img v-if="item.getScore>=3" src="/static/qiye/xing1.png" alt="" />
|
<img v-else src="/static/qiye/xing2.png" alt="" />
|
<view :class="item.getScore==3?'hei':''">
|
一般般
|
</view>
|
</view>
|
<view @click="daxing(index,4)">
|
<img v-if="item.getScore>=4" src="/static/qiye/xing1.png" alt="" />
|
<img v-else src="/static/qiye/xing2.png" alt="" />
|
<view :class="item.getScore==4?'hei':''">
|
满意
|
</view>
|
</view>
|
<view @click="daxing(index,5)">
|
<img v-if="item.getScore>=5" src="/static/qiye/xing1.png" alt="" />
|
<img v-else src="/static/qiye/xing2.png" alt="" />
|
<view :class="item.getScore==5?'hei':''">
|
非常满意
|
</view>
|
</view>
|
</view>
|
<view class="line"></view>
|
</view>
|
<view class="sbox" v-if="item.questionType==1">
|
<view class="t2">
|
{{item.questionName}}
|
</view>
|
<u-radio-group v-model="item.remark" @change="radioGroupChange">
|
<u-radio v-for="(aa, ii) in item.answerList" :key="ii" :name="aa.answerId">
|
{{aa.answerName}}
|
</u-radio>
|
</u-radio-group>
|
<view class="line"></view>
|
</view>
|
</template>
|
|
|
<view class="sbox">
|
<view class="t2" style="margin-bottom: 30rpx;">
|
对我们的评价
|
</view>
|
<u-textarea :cursorSpacing="70" v-model="questionRemark" placeholder="请输入..."></u-textarea>
|
</view>
|
</view>
|
<view style="height: 200rpx;"></view>
|
<view class="bottom">
|
<view class="b1" @click="submit()">
|
提交
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { evaluate,saveOrder } from '@/api/qiye.js'
|
|
export default {
|
data() {
|
return {
|
xing: 5,
|
value: 'orange',
|
msg:[],
|
questionRemark:'',
|
orderId:''
|
}
|
},
|
onLoad(options) {
|
this.orderId = options.id
|
//this.getdata(options.id)
|
evaluate().then(val => {
|
this.msg = val.data.data.questionList
|
for(let i = 0;i<this.msg.length;i++){
|
if(this.msg[i].questionType==2){
|
this.msg[i].getScore = 5
|
}
|
}
|
//console.log(this.msg)
|
})
|
},
|
methods: {
|
daxing(i,a) {
|
this.msg[i].getScore = a
|
//this.xing = a
|
},
|
radioGroupChange(e){
|
//console.log(this.msg)
|
},
|
submit(){
|
let data = {
|
orderId:this.orderId,
|
questionList:this.msg,
|
questionRemark:this.questionRemark
|
}
|
console.log(data)
|
//return;
|
saveOrder(data).then(val => {
|
uni.showToast({
|
title: '提交成功',
|
icon: 'none'
|
})
|
setTimeout(() => {
|
uni.navigateBack()
|
}, 500)
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page {
|
background: #F4F4F4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.wbox2 {
|
background: #fff;
|
border-radius: 5px;
|
box-sizing: border-box;
|
margin: 0 32rpx;
|
|
.t {
|
padding: 24rpx;
|
border-bottom: 1px solid #EEEEEE;
|
color: #202d44;
|
font-size: 36rpx;
|
font-weight: bold;
|
}
|
|
.sbox {
|
padding: 24rpx;
|
|
.line {
|
border-bottom: 1px dashed #f1f1f1;
|
margin-top: 32rpx;
|
}
|
|
.xbox {
|
display: flex;
|
margin-top: 36rpx;
|
justify-content: space-between;
|
|
img {
|
width: 74rpx;
|
height: 74rpx;
|
}
|
|
>view {
|
text-align: center;
|
font-size: 28rpx;
|
color: #C3C6CD;
|
}
|
}
|
}
|
}
|
|
::v-deep .u-radio-group {
|
margin-top: 20rpx;
|
|
.u-radio {
|
margin-right: 20rpx;
|
}
|
}
|
|
.hei {
|
color: #202D44;
|
}
|
.bottom {
|
position: fixed;
|
bottom: 0;
|
width: 100%;
|
left: 0;
|
height: 132rpx;
|
background: #fff;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
.b1 {
|
width: 686rpx;
|
height: 88rpx;
|
border-radius: 10px;
|
background: #1171E0;
|
line-height: 88rpx;
|
text-align: center;
|
color: #fff;
|
}
|
|
|
|
}
|
|
</style>
|
