maishidaSJ/pages/pinglun/pingLunList.vue

<template>
	<view class="tabs">
		<customNav :shownav="true" :title="$t('index.pinglunlb')" titledetl=""></customNav>
		<!-- <tongji></tongji> -->
		<view class="linesp"></view>
		<view class="linesp"></view>
		<view class="tabbarct">
			<!--
			<view class="xialakuang">
				<uni-data-select class="" v-model="value" :localdata="range" @change="selectchange" ></uni-data-select>
			</view>
			-->
			<view class="listCT">
				<view class="" v-for="item in tabList">
					<view class="tabbarct">
						<view class="tabitemct">
							<text class="pltitle">{{$t('order.danhao')}}：{{item.ddId}}</text>
							<view class="viewinrow">
								<image class="xingxing" src="/static/images/xingxing@3x.png" mode=""></image>
								<text class="pltitle">{{item.score}}</text>
								<image class="timeimage" src="/static/images/time@3x.png" mode=""></image>
								<text class="pltitle">{{item.cretim}}</text>
							</view>
						</view>
						<view class="tabitemct">
							<text class="contentTxt">{{item.content}}</text>
						</view>
						
					</view>
					<view class="linesp"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>

	import tongji from "./pingLunTongji.vue";

	import api from "@/pages/api/api.js"

	export default {
		components: {
			tongji
		},
		data() {
			return {
				tabList: [],
				tabIndex: 0,
				page:1,
				cacheTab: [],
				value: 0,
				mendid:'',
				range: [
				    { value: 0, text:this.$t('pinglun.zxpinglun') },
					{ value: 1, text: this.$t('pinglun.zzpinglun') },
					{ value: 2, text: this.$t('pinglun.nmpinglun') },
				],
			}
		},
		onLoad(option) {
			this.mendid = option.mendid;
			this.getmdrevew(this.page);
		},
		
		methods: {
			selectchange(e){
				console.log(e)
				this.value = e.value;
			},
			getmdrevew(page){//
			
				api('getmdrevew',{
					page:page,
					size:10,
					mdid:this.mendid
				},res=>{
					console.log('getHours',res)
					this.tabList=res.data.data;
				},failc=>{
					//console.log('getadvertis----',failc)
				})
			},
		},
	}
</script>

<style>
	.linesp{
		width: 100%;
		height: 8rpx;
		background-color: aliceblue;
	}
	.tabs {
		flex: 1;
		flex-direction: column;
		overflow: hidden;
		background-color: #ffffff;
	}
	.tabbarct{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.xialakuang{
		width: 92%;
		height: 60rpx;
		margin-left: 20rpx;
		border-radius: 30rpx;
	}
	.listCT{
		margin-top: 24rpx;
	}
	.tabitemct{
		display: flex;
		flex-direction: row;
		justify-content:space-between;
		margin: 8rpx;
		width: 96%;
		align-items: center;
	}
	.viewinrow{
		display: flex;
		flex-direction: row;
		justify-content:center;
		align-items: center;
	}
	
	.xingxing{
		width: 30rpx;
		height: 30rpx;
	}
	.timeimage{
		margin-left: 20rpx;
		width: 30rpx;
		height: 30rpx;
	}
	.pltitle{
		font-size: 26rpx;
		height: 30rpx;
		line-height: 30rpx;
		align-items: center;
	}
	
	.contentTxt{
		font-size: 30rpx;
	}
	
	

</style>