emis-app/pages/tms/allCartScanning.vue

<template>
	<tpx-layout>
		<template v-slot:body>
			<view class="blcok-white-noradius" style="margin-top: 0;">
				<u-row justify="between">
					<view style="flex:1;">
						<tpx-scan-input v-model:value="submitParam.yundanhao" placeholder="请输入运单号或扫码"
							iconPos="left"></tpx-scan-input>
					</view>
				</u-row>
				<u-row custom-style="margin-top:20rpx;">
					<view style="flex: 1;">
						<tpx-select placeholder="当前网点" :isWhite="true"></tpx-select>
					</view>
				</u-row>
				<u-row custom-style="margin-top:20rpx;">
					<view style="flex: 1;">
						<tpx-input v-model:value="submitParam.ddd" placeholder="车牌号" :isWhite="true"></tpx-input>
					</view>
				</u-row>
				<view class="mt-20">
					<bpe-goodphoto-tmp title="装车图片" :value="submitParam" filedName="phName"></bpe-goodphoto-tmp>
				</view>
				<view class="mt-10">
					<u-textarea v-model="submitParam.otherDes" border="surround" height="120" placeholder="备注"
						maxlength="50" count></u-textarea>
				</view>
				<view class="mt-30">
					<u-button @click="handleSubmit()" type="primary" size="large" shape="square"
						custom-style="height:80rpx;font-size: 30rpx;border-radius: 14rpx;">确认装车</u-button>
				</view>
				
			</view>
			
			<view class="blcok-white-noradius">
				<view v-for="(item, index) in yundanList" class="yditem">
					<u-row justify="between" align="top">
						<view style="flex: 1;">
							<view class="">
								<text class="clr-sub lbwth">订单号</text>
								<text class="">T2919292</text>
							</view>
							<view class="mt-10">
								<text class="clr-sub lbwth">重量</text>
								<text class="clr-prm">3KG</text>
							</view>
						</view>
						<view>
							<u-icon name="trash" size="30"></u-icon>
						</view>
					</u-row>
				</view>
			</view>
			
		</template>
		<template v-slot:footer>
		</template>
	</tpx-layout>
</template>

<script>
	import getCdnUrl from "@/common/getCdnUrl"
	
	import BpeGoodphotoTmp from "@/components/buns-post-edit-templates/bpe-goodphoto-tmp"
	import {
		goto
	} from "@/common/untool"
	export default {
		components:{ BpeGoodphotoTmp },
		props: {
			// hasLeftWin: {
			// 	type: Boolean
			// }
		},
		computed: {
			
		},
		data() {
			return {
				submitParam: {
					date: [],
					type: 1,
				},
				
				yundanList: [
					{ val: 'T7080304037' },{ val: 'T708012124037' },{ val: 'T7080304092' }
				]
			}
		},
		onShareAppMessage() {
			return {
				// title: '',
				// path: 'TODO'
			}
		},
		onLoad() {
			this.initData();
		},
		onUnload() {

		},
		methods: {
			getCdnUrl,

			initData() {
				// uni.showLoading({
				// 	title: '加载中'
				// });
			},
			handleSubmit() {

			}
		}
	}
</script>

<style lang="scss">
	@import '@/common/uni-nvue.scss';

	page {
		background-color: #F6F6F6;
		height: 100% !important;
	}
</style>
<style scoped lang="scss">
	.yditem{
		margin-top: 20rpx;
		padding: 20rpx;
		border-radius: 20rpx;
		background-color: #F6F6F6;
		&:first-child{
			margin-top: 0;
		}
		.lbwth{
			display: inline-block;
			width: 120rpx;
		}
	}
</style>