<template>
|
<view style="flex: 1;">
|
<uniPopup :show="isEva" type="middle" @hidePopup="hidePopupFunc">
|
<view class="ww100">
|
<view class="t-c f36 pb20">评论</view>
|
<!-- <view class="p-30-0 border-b-d9 border-t-d9 f32">
|
<view>111</view>
|
</view> -->
|
|
<!-- <view class="d-s-c p-30-0 border-b-d9 border-t-d9 f32">
|
<view class="eval">
|
服务星级：
|
<i v-for="(itemEv,indexEv) in service" :key="indexEv" :class="itemEv?'icon iconfont icon-start':'icon iconfont icon-start1'"
|
@click="chooseServ(indexEv,index)"></i>
|
</view>
|
</view> -->
|
<view class="d-s-c p-30-0 border-b-d9 border-t-d9 f32">
|
<view class="upload-list d-s-c">
|
<view class="item" v-for="(imgs, img_num) in image_list" :key="img_num" @click="deleteImg(img_num)">
|
<image :src="imgs.file_path" mode="aspectFit"></image>
|
</view>
|
<view class="item upload-btn d-c-c d-c" @click="openUpload()" v-if="image_list.length < 9" >
|
<text class="icon iconfont icon-xiangji"></text>
|
<text class="gray9">上传图片</text>
|
</view>
|
</view>
|
</view>
|
<view class="d-s-c p-30-0 border-b-d9 border-t-d9 f32">
|
<radio-group class="d-s-c" @change="changeRadio($event,index)">
|
<label class="d-s-c make-item mr10">
|
<view><radio style="transform:scale(0.7)" color="#EE1413" :checked="score == 10" value="10" /></view>
|
<view class="f26 color-57">好评</view>
|
</label>
|
<label class="d-s-c make-item mr10">
|
<view><radio style="transform:scale(0.7)" color="#EE1413" :checked="score == 20" value="20" /></view>
|
<view class="f26 color-57">中评</view>
|
</label>
|
<label class="d-s-c make-item mr10">
|
<view><radio style="transform:scale(0.7)" color="#EE1413" :checked="score == 30" value="30" /></view>
|
<view class="f26 color-57">差评</view>
|
</label>
|
</radio-group>
|
</view>
|
<view class="d-s-c p-30-0 border-b-d9 border-t-d9 f32">
|
<textarea class="border-box" placeholder="请输入你的评语" v-model="evaluate_content"></textarea>
|
</view>
|
<button class="revise_btn" @click="revise">确定提交</button>
|
</view>
|
</uniPopup>
|
|
<!--上传图片-->
|
<Upload v-if="isUpload" @getImgs="getImgsFunc"></Upload>
|
</view>
|
</template>
|
|
<script>
|
import uniPopup from '@/components/uni-popup.vue';
|
import Upload from '@/components/upload/upload.vue';
|
|
export default {
|
data() {
|
return {
|
score:10,
|
server_score:0,
|
service:[false,false,false,false,false],
|
evaluate_content:'',
|
/*是否打开上传图片*/
|
isUpload: false,
|
image_list:[],
|
};
|
},
|
components: {
|
uniPopup,
|
Upload,
|
},
|
props: ['isEva', 'project_id'],
|
watch:{
|
isEva(val){
|
}
|
},
|
methods: {
|
/* 服务评分 */
|
chooseServ(n,m){
|
let self=this;
|
self.server_score =0;
|
this.service.forEach((item,index)=>{
|
if(index<=n){
|
this.service.splice(index,1,true);
|
self.server_score++;
|
}else{
|
this.service.splice(index,1,false);
|
}
|
})
|
},
|
/* 单选框 */
|
changeRadio(e, index) {
|
this.score = e.detail.value;
|
},
|
revise(){
|
let self = this;
|
if(self.evaluate_content == ''){
|
uni.showToast({
|
title: '请输入评语',
|
});
|
return false;
|
}
|
if(self.image_list.length == 0){
|
uni.showToast({
|
title: '请上传图片',
|
});
|
return false;
|
}
|
uni.showModal({
|
title: '提示',
|
content: '您确定提交吗？',
|
success: function(o) {
|
if (o.confirm) {
|
uni.showLoading({
|
title: '加载中',
|
mask: true
|
});
|
uni.showLoading({
|
title: '正在提交',
|
mask: true
|
})
|
self._post('plus.release.Evaluate/evaluate', {
|
project_id: self.project_id,
|
server_score:self.server_score,
|
score:self.score,
|
evaluate_content:self.evaluate_content,
|
image_list:JSON.stringify(self.image_list),
|
}, function(data) {
|
uni.hideLoading();
|
uni.showToast({
|
title: '操作成功',
|
duration: 2000,
|
icon: 'success'
|
});
|
setTimeout(function(){
|
self.hidePopupFunc();
|
},2000);
|
});
|
}
|
},
|
});
|
},
|
hidePopupFunc(){
|
this.$emit('close', {
|
type: 'success',
|
})
|
},
|
|
/*打开上传图片*/
|
openUpload() {
|
this.isUpload = true;
|
},
|
|
/*获取上传的图片*/
|
getImgsFunc(e) {
|
let self = this;
|
if(e&&typeof(e)!='undefined'){
|
self.image_list = self.image_list.concat(e);
|
}
|
self.isUpload = false;
|
},
|
|
/*点击图片删除*/
|
deleteImg(i,n){
|
this.loadding=true;
|
this.image_list.splice(n,1);
|
this.loadding=false;
|
},
|
}
|
};
|
</script>
|
|
<style scoped lang="scss">
|
.buy-checkout.vender .item .key {
|
width: 200rpx;
|
}
|
|
.pr20 {
|
padding-right: 20rpx;
|
/* padding-bottom: 40rpx; */
|
}
|
.icon-box.linkmen_add{
|
background-color: $dominant-color;
|
width: 38rpx;
|
height: 38rpx;
|
border-radius: 8rpx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
.icon-box.linkmen_add .icon-jia{
|
color: #FFFFFF;
|
font-size: 22rpx;
|
}
|
.revise_btn{
|
background-color: #E2231A;
|
border: none;
|
margin-top: 30rpx;
|
color: #FFFFFF;
|
}
|
.t-c{
|
text-align: center;
|
}
|
.m-30-0{
|
margin: 30rpx 0;
|
}
|
.icon.icon-jiantou{
|
color: #999999;
|
font-size: 26rpx;
|
}
|
.icon.icon-zhanghumingcheng, .icon.icon-dizhi, .icon.icon-icon_xianshi-xian, .icon.icon-bangzhu {
|
color: #333;
|
font-size: 28rpx;
|
}
|
.address-defalut-wrap {
|
padding: 0;
|
}
|
|
.icon-start{
|
color: #f5a623;
|
}
|
|
.eval{
|
display: flex;
|
justify-content: space-around;
|
align-items: center;
|
}
|
</style>
|
