125 lines
2.5 KiB
Vue
125 lines
2.5 KiB
Vue
<template>
|
||
<view :id="`zp-id-${item.zp_index}`" :key="item.zp_index" v-for="(item,index) in orderList" class="card-box">
|
||
<view class="avatar-box">
|
||
<u-avatar v-if="item.anonymous" size="80"></u-avatar>
|
||
<u-avatar v-else size="80" :src="item.userAvatar"></u-avatar>
|
||
<view class="nickname-box">
|
||
<view class="nickname">
|
||
<text class="text">{{item.userNickname}}</text>
|
||
<uni-rate :readonly="true" v-model="item.scores" size="14" />
|
||
</view>
|
||
<view class="time">{{item.createTimeStr}}</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="spu-box">
|
||
<text class="tag">{{clerk.nickname}}</text>
|
||
<text class="tag">服务类型：{{item.skuName}}</text>
|
||
</view>
|
||
|
||
<view class="content">
|
||
<rich-text :nodes="item.content"></rich-text>
|
||
</view>
|
||
|
||
<view class="img-box" v-if="item.picUrls && item.picUrls.length > 0">
|
||
<img-box :file="item.picUrls.join(',')"></img-box>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import ImgBox from '@/pages/tabbar/components/trend/imgBox.vue';
|
||
import sheep from '@/sheep';
|
||
export default {
|
||
components: {
|
||
ImgBox
|
||
},
|
||
props: {
|
||
clerk: {
|
||
type: Object,
|
||
default: {},
|
||
},
|
||
virtualList: {
|
||
type: Array,
|
||
default: [],
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
computed: {
|
||
orderList() {
|
||
this.virtualList.forEach((order) => order.createTimeStr = sheep.$helper.timeFormat(order.createTime, 'yyyy-mm-dd'));
|
||
this.virtualList.forEach(function(e){
|
||
if(e.skuProperties){
|
||
var skuNameList = [];
|
||
e.skuProperties.forEach(function(sku){
|
||
skuNameList.push(sku.valueName);
|
||
});
|
||
e.skuName = skuNameList.join('-');
|
||
}
|
||
});
|
||
return this.virtualList;
|
||
},
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.card-box {
|
||
padding: 30rpx 20rpx;
|
||
border-bottom: 1rpx solid #eeeeee;
|
||
}
|
||
|
||
.avatar-box {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.nickname-box {
|
||
font-size: 24rpx;
|
||
margin-left: 10px;
|
||
|
||
.nickname {
|
||
letter-spacing: 0.0625rem;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.text {
|
||
letter-spacing: 2rpx;
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
.time {
|
||
color: rgb(164, 164, 164);
|
||
font-size: 22rpx;
|
||
margin-top: 3px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.spu-box {
|
||
font-size: 24rpx;
|
||
color: rgb(164, 164, 164);
|
||
margin: 10px 0;
|
||
letter-spacing: 2rpx;
|
||
|
||
.tag {
|
||
margin-right: 20rpx;
|
||
}
|
||
}
|
||
|
||
.content {
|
||
font-size: 26rpx;
|
||
line-height: 180%;
|
||
white-space: pre-wrap;
|
||
letter-spacing: 2rpx;
|
||
}
|
||
</style> |