132 lines
2.7 KiB
Vue
132 lines
2.7 KiB
Vue
<template>
|
|
<view>
|
|
<z-paging ref="paging" v-model="dataList" @query="queryList()">
|
|
<view>
|
|
<view v-for="(item,index) in dataList" :key="index">
|
|
<view class="evaluate-list">
|
|
<view style="margin-bottom: 24rpx;">{{item.comment}}</view>
|
|
<view class="flex-wrap align-center justify-between">
|
|
<image :style="imageIndex %3 == 2 && 'marginRight: 0;'"
|
|
v-for="(imageUrl,imageIndex) in item.pics" :key="imageIndex" class="image-list"
|
|
:src="imageUrl" mode="" @click="examineFn(imageUrl)">
|
|
</image>
|
|
</view>
|
|
<view class="evaluate-list-shop f-jcsb">
|
|
<view class="evaluate-list-shop-name">{{item.merName}}</view>
|
|
<view class="evaluate-list-shop-type">{{item.repairType==1?'常规保养':item.repairType==2?'故障维修'
|
|
:item.repairType==3?'事故维修':item.repairType==4?'退车':'暂无'}}</view>
|
|
</view>
|
|
<view class="f-jcsb">
|
|
<view class="f-a-i">
|
|
<u-rate :count="5" v-model="item.star" active-color="#F68D1F" gutter="2"
|
|
inactive-color="#b2b2b2"></u-rate>
|
|
<text>{{item.star}}.0分</text>
|
|
</view>
|
|
<view>
|
|
{{item.createTime}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</z-paging>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
getCarOrderReplyList
|
|
} from "@/api/myOrder/index.js"
|
|
export default {
|
|
data() {
|
|
return {
|
|
dataList: [],
|
|
typeOne: 1
|
|
};
|
|
},
|
|
methods: {
|
|
//查看
|
|
examineFn(url) {
|
|
uni.previewImage({
|
|
urls: [url]
|
|
})
|
|
},
|
|
//评价
|
|
queryList(pageNo, pageSize) {
|
|
// 此处请求仅为演示，请替换为自己项目中的请求
|
|
let obj = {
|
|
page: pageNo,
|
|
limit: pageSize,
|
|
type: this.type
|
|
}
|
|
getCarOrderReplyList(obj).then(res => {
|
|
this.$refs.paging.complete(res.data.list);
|
|
})
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
this.typeOne = options.options
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.evaluate-list {
|
|
background: #fff;
|
|
margin: 24rpx;
|
|
padding: 32rpx 24rpx;
|
|
border-radius: 8rpx;
|
|
|
|
.evaluate-list-shop {
|
|
padding: 24rpx;
|
|
background: #f5f5f5;
|
|
margin-top: 24rpx;
|
|
margin-bottom: 28rpx;
|
|
|
|
.evaluate-list-shop-name {
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
color: #111111;
|
|
}
|
|
|
|
.evaluate-list-shop-type {
|
|
font-size: 29rpx;
|
|
font-weight: 400;
|
|
color: #000000;
|
|
}
|
|
}
|
|
}
|
|
|
|
.image-list {
|
|
width: 202rpx;
|
|
height: 202rpx;
|
|
border-radius: 8rpx;
|
|
margin-bottom: 24rpx;
|
|
margin-right: 24rpx;
|
|
}
|
|
|
|
.content {
|
|
width: 728rpx;
|
|
|
|
.image-box {
|
|
margin-right: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
width: 202rpx;
|
|
height: 202rpx;
|
|
|
|
image {
|
|
width: 202rpx;
|
|
height: 202rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.noMargin {
|
|
margin-right: 0;
|
|
}
|
|
</style> |