SmartStorage/pages/fetchMaterialDetail/fetchMaterialDetail.vue

<template>
	<view>
		<view 
			class="single-fetch"
			v-for="(fetch, index) in fetchList"
			:key="index"
		>
			<view>
				<span>类型名称</span>
				<h4>{{ fetch.typeName }}</h4>
			</view>
			<view>
				<span>规格型号</span>
				<h4>{{ fetch.typeModelName }}</h4>
			</view>
			<view>
				<span>申请数量</span>
				<h4>{{ fetch.preNum }}</h4>
			</view>
		</view>
		<!-- <view class="btm-exam">
			<view 
				class="exam"
				@click="exam"
			>
				审核
			</view>
		</view> -->
	</view>
</template>

<script>
	import { basePath } from '../../public.js'
	export default {
		data() {
			return {
				fetchList: [
					{
						typeNum: '手扶机绞磨',
						specNo: 'sjm-5',
						num: '2'
					},
					{
						typeNum: '机动绞磨',
						specNo: 'cjm-3',
						num: '2'
					},
					{
						typeNum: '卸扣',
						specNo: 'dg-5',
						num: '11'
					}
				]
			}
		},
		methods: {
			exam () {
				console.log('审核');
			}
		},
		onLoad(params) {
			let that = this
			that.fetchList = []
			console.log(params.taskId);
			uni.request({
				url: basePath + '/tm_task/getLeaseAuditList',
				method: 'GET',
				header: {
					'content-type': 'application/json',
					'Authorization': uni.getStorageSync('token')
				},
				data: {
					taskId: params.taskId
				},
				success: (res) => {
					if (res.data.code == 200) {
						console.log(res);
						// that.fetchList = res.data.data.rows[0].leaseApplyInfoList[0].leaseApplyDetails
						for (let i = 0; i < res.data.data.rows[0].leaseApplyInfoList.length; i++) {
							for (let k = 0; k < res.data.data.rows[0].leaseApplyInfoList[i].leaseApplyDetails.length; k++) {
								that.fetchList.push(res.data.data.rows[0].leaseApplyInfoList[i].leaseApplyDetails[k])
							}
						}
						console.log(that.fetchList);
					}
				}
			})
		}
	}
</script>

<style lang="scss">
	.single-fetch{
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx 35rpx;
		border-bottom: 1px solid #DDDDDD;
		view{
			display: flex;
			align-items: center;
			margin-bottom: 25rpx;
			span{
				color: #A7A7A7;
				padding-right: 20rpx;
			}
			h4{
				font-size: 14px;
				font-weight: normal;
			}
		}
		view:last-child{
			margin-bottom: 0;
		}
	}
	.btm-exam{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx 40rpx;
		display: flex;
		justify-content: flex-end;
		border-top: 2px solid #F6F8FF;
		.exam{
			box-sizing: border-box;
			padding: 10rpx 50rpx;
			border-radius: 30rpx;
			background-color: #3788FF;
			font-size: 14px;
			color: #fff;
		}
	}
</style>