txCar/pages/changeStore/changeSchedule.vue

<template>
	<view class="content">
		
			<view class="itemBg" v-for="(item,index) in itemData">
				<view class="leftView">
					<view class="redCircle"></view>
					<view class="grayLine"v-if="index < itemData.length-1"></view>
				</view>
				<view class="rightView">
					 <!-- "bizType"操作类型 1提交申请 2修改申请 3平台处理 4撤销申请 -->
					<view class="name"v-if="item.bizType==1">提交申请</view>
					<view class="name"v-if="item.bizType==2">修改申请</view>
					<view class="name"v-if="item.bizType==3">平台处理</view>
					<view class="name"v-if="item.bizType==4">撤销申请</view>
					<view class="contents">{{item.contents}}</view>
					<view class="time">{{item.createTime}}</view>
				</view>
				
				
			</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemData:[],
				id:'',
			}
		},
		onLoad(opt) {
			this.id = opt.id
			this.getData();
		},
		methods: {
			getData() {
				uni.showLoading({
					title: '加载中'
				})
				
				let url = 'worldKeepCar/orderChangeShop/scheduleDetails',
					params = {
						id: this.id,
						
					}
				this.$http(url, params, 'GET').then(res => {
					uni.hideLoading()
					
					this.itemData = res.data
					
					
			
			
				})
			}
		}
	}
</script>

<style>
	.content {
		background-color: #FFFFFF;
		min-height: 100vh;
		padding: 30rpx 0;
	}
	
	.itemBg {
		background-color: #FFFFFF;
		display: flex;
	}
	.leftView{
		width: 40rpx;
		padding: 0 20rpx;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.redCircle{
		width: 22rpx;
		height: 22rpx;
		border-radius: 11rpx;
		background: #FF2400;
	}
	.grayLine{
		width: 2px;
		height: 90%;
		background: #F4F5F7;
	}
	.rightView{
		padding: 0 20rpx 60rpx;
	}
	.name{
		color: #333333;
		font-size: 28rpx;
		font-weight: bold;
	}
	.contents{
		color: #333333;
		font-size: 24rpx;
		padding: 10rpx 0;
	}
	.time{
		color: #999999;
		font-size: 22rpx;
		
	}
</style>