【Vue】【uni-app】实现工单列表项详情页面

这次主要实现的是一个工单详情页面

从工单列表项中点击详情

跳转到工单详情页面，这个详情页面就是这次我们要实现的页面，并可以通过点击这个关闭按钮返回到工单列表页面

首先是在我们原有的工单列表页面的按钮增加一个点击跳转

详情

跳转函数导航到新页面，这里要传递参数过去，因为得知道要展示哪个工单列表项的详情，一开始是想传递参数过去的，因为这个列表项不是基本数据类型，所以不能直接传递，比较复杂，后来我就放弃了这种方法，改用全局变量的方法，用uni.setStorageSync把列表项存起来

			goToDetail(item) {
				uni.setStorageSync('workOrderDetailItem',item)
				uni.navigateTo({
					url: '/pages/WorkOrderManagement/WorkOrderDetail'
				})
			}

 然后到新页面的加载中取出来

		onLoad(option) {
			this.item = uni.getStorageSync('workOrderDetailItem')
		},

然后是实现页面，这次的页面主要是一个布局的实现