<template>
	<view class="uni-column" style="padding: 24rpx">
		<view style="color: #999;margin: 50% auto;">
			<text>扫码开始快速报工</text>
		</view>
		<view class='bottom-btn-container'>
			<button class="start-batch-btn uni-row" type=primary @click='handleAdd'>扫码开始报工</button>
		</view>
		<dialog-lotReporting ref="lotReporting"></dialog-lotReporting>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	import path from '@/api/base/path.js'

	const lotReporting = ref(null)

	function handleAdd() {
		let data = [{
				productionPlanNo: '456123',
				lotCode: 'D597412820',
				productDescription: '8669sdfrfw',
				carrierName: 'X12522、X55222、X15522',
				nextProcess: {
					processAlias: '热处理'
				}
			},
			{
				productionPlanNo: '456123',
				lotCode: 'D597412820',
				productDescription: '8669sdfrfw',
				carrierName: 'X12522、X55222、X15522',
				nextProcess: {
					processAlias: '热处理'
				}
			},
			{
				productionPlanNo: '456123',
				lotCode: 'D597412820',
				productDescription: '8669sdfrfw',
				carrierName: 'X12522、X55222、X15522',
				nextProcess: {
					processAlias: '热处理'
				}
			}
		]
		// 调用子组件中的方法
		lotReporting.value.open(data);
	}
</script>

<style lang="scss">
	.bottom-btn-container {
		position: fixed;
		top: 80%;
		right: 20rpx;
		left: 20rpx;

		.start-batch-btn {
			margin-bottom: 24rpx;
			border-radius: 8rpx;
			background-color: #00e2a6;
			width: 80%;
		}
	}
</style>