ppl/pages/zichan/index.vue

<template>
	<view>
		<view v-for="(item, index) in qglist" class="list">	
			<view class="a"><text class="tit">产品</text>：{{ item.name }}({{ item.cname }})</view>
			<view class="a"><text class="tit">实收款</text>：<text class="b">{{ item.price }}元</text></view>			
			<view style="display: table;width: 100%;">
				<view style="float: left;">
					<view class="a"><text class="tit">利润周期</text>：{{ item.tianshu }}天/{{ item.shouyi }}%</view>
					<view class="a"><text class="tit">当前价格</text>：<text class="b">{{ item.price }}元</text></view>
				</view>
				<view style="float: right;background: #f4a612;color: #fff;font-size: 28rpx;padding:10rpx 20rpx;border-radius: 10rpx;" @click="ppb(item)" v-if="userinfo.quanxian==1 && (item.lx==0 || item.lx==2)">
					转入拍拍宝
				</view>
			</view>			
			<view class="a"><text class="tit">抢购时间</text>：{{ item.time }}</view>	
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			constants: {},
			noimg: '/static/lanhu_record/ps3lynngrkw77ya7zb5jydv23q6xcffyj53c6fe453-54c4-4078-b021-8c1b292a08c2.png',
			data: {
				uid: '0',
				realname: '',
				idcard: '',
				idcardimg1: '',
				idcardimg2: ''
			},
			userinfo: null,
			qglist: []
		};
	},
	onShow() {
		var user = this.$api.getUserinfo();
		if (user) {
			this.userinfo = user;
			this.data.uid = this.userinfo.id;
			this.data.realname = this.userinfo.xm;
			this.data.idcard = this.userinfo.sfz;
			this.data.idcardimg1 = this.userinfo.idcardimg1;
			this.data.idcardimg2 = this.userinfo.idcardimg2;
		} else {
			this.userinfo = null;
		}
		this.getList();
	},
	methods: {
		ppb(item){
			uni.navigateTo({
				url: '/pages/ppb/zhuanru?id=' + item.id
			});
		},
		viewimg(path) {
			uni.previewImage({
				urls: [path],
				longPressActions: {
					itemList: ['发送给朋友', '保存图片', '收藏'],
					success: function(data) {
						// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
					},
					fail: function(err) {
						// console.log(err.errMsg);
					}
				}
			});
		},
		getList() {
			var data = new Object();
			data.uid = this.data.uid;
			//data.uid=1000006;
			if (data.uid == '0') {
				uni.showToast({
					title: '请重新登录',
					icon: 'none'
				});
				uni.switchTab({
					url: '/pages/my/index'
				});
				return;
			}
			this.$api
				.MhPostModel(data, 'user/zclist')
				.then(res => {
					// console.log('user/qglist信息', JSON.stringify(res.data.data.data));
					// console.log('抢购');
					this.qglist = res.data.data.data;
				})
				.catch(err => {
					// console.log('request fail', JSON.stringify(err));
				});
		}
	}
};
</script>
<style lang="css">
@import '../common/common.css';
@import './assets/style/index.rpx.css';
@import '../common/common.css';
@import './assets/style/index.rpx.css';
page {
		padding: 15rpx;
		background: #f2f2f6;
		padding: 0;
		margin: 0;
	}

	.a {
		color: #585858;
		font-size: 30rpx;
		line-height: 180%;
	}

	
	.tit{color: #a4a4a4;width: 130rpx;display: inline-block;text-align-last:justify}
	.a::before {
		content: '';
		width: 10rpx;display: inline-block;
		height: 10rpx;margin-right: 10rpx;position: relative;
		background: #aaaaaa;top: -5rpx;
		border-radius: 50%;
	}

	.b {
		color: #ED4545;
		font-weight: bold;
	}

	.mfxx {
		background: #faba25;
		color: #fff;
		font-size: 28rpx;
		padding: 5rpx 10rpx;
		border-radius: 5rpx;
		margin-left: 10rpx;
	}

	.srk {
		color: #000;
		height: 60rpx;
		line-height: 60rpx;
		background: #fff;
		border-radius: 10rpx;background: #f2f2f6;
		padding-left: 20rpx;
		font-size: 28rpx;
	}

.list1 .a .tit{width: 180rpx;}

	.top {
		display: flex;
		justify-content: space-between;
		padding-bottom: 10rpx;
		background-image: linear-gradient(#829c52, #59723b);
		line-height: 60rpx;
		height: 90rpx;
		padding-top: 10rpx;
	}

	.xuanzhong {
		display: inline-block;
		text-align: center;
		width: 33%;
		color: #fff;
	}

	.xuanzhong::after {
		content: "";
		display: block;
		width: 30px;
		height: 5rpx;
		margin: auto;
		background: #fff;
		border-radius: 30rpx;
	}

	.wxz {
		color: #fff;
		display: inline-block;
		text-align: center;
		width: 33%;
	}

	.list {
		background: #fff;
		width: calc(100% - 40rpx);
		margin: auto;
		margin-top: 20rpx;
		padding: 20rpx;
		border-radius: 15rpx;
	}
</style>