logpm/pagesHome/pages/Listinginboundtrains/Listinginboundtrains.vue

<template>
	<u-navbar title="打托方式" bgColor='#D3832A' leftIconColor='#ffffff' titleStyle='color:#ffffff' placeholder
		:autoBack="true" leftIconSize='35'></u-navbar>
	<view class="maxbxview">
		<view class="items" @click="gotourl(item)" v-for="item in typelist">
			<image :src="item.src"></image>
			<view>{{item.name}}</view>
		</view>
	</view>

</template>

<script lang="ts" setup>
	import {
		onLoad,
		onShow,
		onHide,
		onUnload
	} from '@dcloudio/uni-app'
	import { ref } from "vue";
	import utils from '@/utils/utils.js';
	let typelist = ref<{ type : number, name : string, src : string }[]>([])
	let pageType = ref<string | number>('')
	let trayCode = ref<string>('')
	const distrCarNumber = ref('')
	const query = ref<any>({})

	onShow(() => {
		uni.$off('scancodedate')
	})

	onLoad((op) => {
		trayCode.value = op.trayCode
		query.value = op
		distrCarNumber.value = op.distrCarNumber
		console.log('query :>> ', query);
		typelist.value = [
			{ type: 1, name: '合同号', src: 'https://huo5you.oss-cn-chengdu.aliyuncs.com/other/pdaImages/pdaImages/scicon1.png' },
			{ type: 2, name: '订单自编码', src: 'https://huo5you.oss-cn-chengdu.aliyuncs.com/other/pdaImages/pdaImages/scicon2.png' },
			{ type: 3, name: '门店', src: 'https://huo5you.oss-cn-chengdu.aliyuncs.com/other/pdaImages/pdaImages/scicon3.png' },
			{ type: 4, name: '其他', src: 'https://huo5you.oss-cn-chengdu.aliyuncs.com/other/pdaImages/pdaImages/scicon4.png' },
		]
		let trayCodeTypearr = uni.getStorageSync('trayCodeType') || []
		utils.ttsspke('请选择分拣方式')
		console.log(trayCodeTypearr);
		trayCodeTypearr.map((item, index) => {
			typelist.value.map((ite, inde) => {
				if (item.dictValue == ite.name) {
					typelist.value[inde]['dictKey'] = item.dictKey
				}
			})
		})
		console.log(typelist.value);
	})
	function gotourl(item : any) {
		let url = ''
		console.log('item>>>>>>>', item);

		const SkipRoute = query.value.SkipRoute

		console.log('SkipRoute :>> ', SkipRoute);

		url = '/pagesHome/pages' + (SkipRoute ? SkipRoute : '/Palletizingwarehousing/Palletizingwarehousing') + '?trayCode='
			+ trayCode.value + '&trayType=' + item.dictKey + '&pageName=' + item.name + '&distrCarNumber=' + distrCarNumber.value
		uni.redirectTo({
			url
		})
	}
</script>

<style lang="scss">
	.pepleview {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 40upx;

		.pepleietm {
			width: 600upx;
			height: 520upx;
			background: #FFFFFF;
			border-radius: 20upx;
			margin-bottom: 20upx;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);

			>image {
				width: 320upx;
				height: 320upx;
				margin-bottom: 40upx;
			}
		}
	}

	.maxbxview {
		width: 680upx;
		margin: auto;

		grid-template-columns: 50% 50%;
		margin-top: 30upx;

		>.items {
			width: 292upx;
			height: 260upx;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			border-radius: 20upx;
			background-color: #ffffff;
			color: #020B18;
			font-size: 28upx;
			margin: auto;
			margin-bottom: 40upx;
			box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);

			&:nth-last-child(1) {
				margin-bottom: 0;
			}

			>image {
				width: 160upx;
				height: 160upx;
				margin-bottom: 10upx;
			}
		}
	}
</style>