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: [
					
				]
			}
		},
		methods: {
			exam () {
				console.log('审核');
			}
		},
		onLoad(params) {
			let that = this
			that.fetchList = []
			console.log(params.taskId);
			that.$api.fetchExam.fetchDetailList({
				taskId: params.taskId 
			}).then(res => {
				console.log(res);
				if (res.data.code == 200) {
					// that.fetchList = res.data.data.rows[0].leaseApplyInfoList[0].leaseApplyDetails
					/* for (let i = 0; i < res.data.rows[0].leaseApplyInfoList.length; i++) {
						for (let k = 0; k < res.data.rows[0].leaseApplyInfoList[i].leaseApplyDetails.length; k++) {
							that.fetchList.push(res.data.rows[0].leaseApplyInfoList[i].leaseApplyDetails[k])
						}
					} */
					that.fetchList = res.data.rows[0].leaseApplyDetails
					console.log(that.fetchList);
				}
			}).catch(err => {
				console.log(err);
			})
		}
	}
</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>