first commit
This commit is contained in:
wangxiaowei
201
pages/user/evaluate/list.vue
Normal file
201
pages/user/evaluate/list.vue
Normal file
@ -0,0 +1,201 @@
|
||||
<template>
|
||||
<view :data-theme="theme()" :class="theme() || ''">
|
||||
<view class="list">
|
||||
<view class="listItem" v-for="(item,index) in list" :key="index">
|
||||
<view class="timeBox">
|
||||
<view class="time">
|
||||
<span class="data">{{ item.data }}</span>
|
||||
<span class="line"></span>
|
||||
<span class="mouth">{{ item.mouth }}<span class="unit">月</span></span>
|
||||
<span class="line"></span>
|
||||
<span class="year">{{ item.year }}<span class="unit">年</span></span>
|
||||
</view>
|
||||
<view class="delTxt" @click="del(item,index)">删除</view>
|
||||
</view>
|
||||
|
||||
<view class="con">
|
||||
<view>{{ item.content }}</view>
|
||||
<image class="img" mode="aspectFit" :src="v.file_path" v-for="(v,idx) in item.image" :key="idx"></image>
|
||||
</view>
|
||||
<view class="prodcut" v-if="item.OrderProduct">
|
||||
<image v-if="item.OrderProduct.image" :src="item.OrderProduct.image.file_path" model="aspectFit"></image>
|
||||
<view class="r">
|
||||
<view class="title">{{ item.OrderProduct.product_name }}</view>
|
||||
<view class="spec">{{ item.OrderProduct.product_attr }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="d-c-c p30" v-if="list.length == 0 && !loading">
|
||||
<text class="iconfont icon-wushuju"></text>
|
||||
<text class="cont">亲，暂无相关记录哦</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
state_active: 0,
|
||||
list: [],
|
||||
last_page: 0,
|
||||
no_more: false,
|
||||
page: 1,
|
||||
}
|
||||
},
|
||||
onLoad: function(options) {
|
||||
// this.options = options;
|
||||
},
|
||||
onShow: function() {
|
||||
this.page = 1;
|
||||
this.list = [];
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
/*获取地址列表*/
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
/*获取数据*/
|
||||
getData() {
|
||||
let self = this;
|
||||
self.loading = true;
|
||||
self._post(
|
||||
'product.comment/userLists',
|
||||
{
|
||||
page: self.page,
|
||||
list_rows: 10,
|
||||
},
|
||||
function(res) {
|
||||
if(res.data.list.data && res.data.list.data.length > 0){
|
||||
res.data.list.data.forEach((v)=>{
|
||||
v.year = v.create_time.substr(0,4);
|
||||
v.mouth = v.create_time.substr(5,2);
|
||||
v.data = v.create_time.substr(8,2);
|
||||
})
|
||||
}
|
||||
self.list = self.list.concat(res.data.list.data);
|
||||
self.last_page = res.data.lastPage;
|
||||
self.loading = false;
|
||||
if (self.last_page <= 1) {
|
||||
self.no_more = true;
|
||||
return false;
|
||||
}
|
||||
uni.hideLoading();
|
||||
}
|
||||
);
|
||||
},
|
||||
del(v,index){
|
||||
let self = this;
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '您确定删除该评论吗?',
|
||||
success: function(o) {
|
||||
if (o.confirm) {
|
||||
self._post(
|
||||
'product.comment/delete',
|
||||
{
|
||||
comment_id: v.comment_id,
|
||||
},
|
||||
function(res) {
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
self.list.splice(index,1)
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
onReachBottom(){
|
||||
let self = this;
|
||||
if (self.no_more) {
|
||||
return;
|
||||
}
|
||||
self.page++;
|
||||
if (self.page <= self.last_page) {
|
||||
self.getData();
|
||||
} else {
|
||||
self.no_more = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #EBEBEB;
|
||||
}
|
||||
.list{
|
||||
padding: 20rpx;
|
||||
}
|
||||
.listItem{
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
.timeBox{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.delTxt{
|
||||
color: #FD6A03;
|
||||
}
|
||||
.time{
|
||||
.unit{
|
||||
color:rgba(0,0,0,0.9);
|
||||
font-weight: 400;
|
||||
}
|
||||
span{
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
font-weight: 800;
|
||||
}
|
||||
.data{
|
||||
font-size: 38rpx;
|
||||
}
|
||||
.line{
|
||||
width: 4rpx;
|
||||
height: 22rpx;
|
||||
background-color: #FD6A03;
|
||||
display: inline-block;
|
||||
margin: 0 6rpx;
|
||||
transform: rotate(18deg);
|
||||
}
|
||||
}
|
||||
.con{
|
||||
letter-spacing: 1rpx;
|
||||
line-height: 42rpx;
|
||||
margin: 60rpx 0 30rpx 0;
|
||||
.img{
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
display: inline-block;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
.prodcut{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: rgba(235,235,235,0.8);
|
||||
font-size: 26rpx;
|
||||
image{
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
margin-right: 6rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.spec{
|
||||
color: #959595;
|
||||
font-size: 24rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user