pda-master.git - Gitblit

			@@ -1,72 +1,92 @@
			<template>
			<view class="has-foot">
			<form>
			<view class="flex padding-sm justify-center">
			<view class="text-orange text-center">请按下列步骤进行 “塑料粒子灌桶入库” </view>
			</view>
			<!-- step1：上新料 -->
			<view class="cu-form-group">
			<view class="title">1.新料（袋装）接驳站点：</view>
			<input placeholder="请扫描接驳站点条码" v-model="bagStaBarcode" ></input>
			</view>
			<view class="cu-bar btn-group top margin-top">
			<button class="cu-btn bg-blue shadow-blur" :disabled="repeatClick" @click="queryBagLocItem">1.呼叫新料（袋装)</button>
			</view>
			<!-- step2：上空桶 -->
			<view class="cu-form-group margin-top">
			<view class="title">空桶接驳站点</view>
			<input
			placeholder="请扫描空桶接驳站点条码"
			v-model="sta1"
			/>
			</view>

			<view class="title">2.空桶接驳站点：</view>
			<input placeholder="请扫描接驳站点条码" v-model="palletStaBarcode"></input>
			</view>
			<view class="cu-bar btn-group top margin-top">
			<button
			class="cu-btn text-blue line-blue shadow"
			@click="sta1Click()"
			>
			1.呼叫空桶
			</button>
			<button class="cu-btn text-blue line-blue shadow" :disabled="repeatClick" @click="callEmptyPallet">2.呼叫空桶</button>
			</view>

			<!-- step3：入库 -->
			<view class="cu-form-group margin-top">
			<view class="title">袋装新料接驳站点</view>
			<input
			placeholder="请扫描袋装新料接驳站点条码"
			v-model="sta2"
			/>
			<view class="title">3.待入库物料编码：</view>
			<input placeholder="" v-model="matNr"></input>
			<text class='cuIcon-search text-blue' @click="search"></text>
			</view>

			<view class="cu-bar btn-group top margin-top">
			<button
			class="cu-btn bg-blue shadow-blur"
			:disabled="repeatClick"
			@click="sta2Click()"
			>
			2.呼叫袋装新料
			</button>
			<view class="flex solid-bottom padding-sm justify-between">
			<text class="text-grey margin-left">{{ makTx }}</text>
			</view>

			<view class="cu-bar btn-group top margin-top">
			<button
			class="cu-btn bg-green shadow-blur"
			@click="toComb"
			>
			3.去组托
			</button>
			<view class="cu-form-group">
			<view class="title">   待入库桶号：</view>
			<input placeholder="" v-model="palletBarcode"></input>
			<text class='cuIcon-search text-blue' @click="search"></text>
			</view>
			<view class="flex solid-bottom padding-sm justify-between">
			<view class="text-grey margin-left" > 待入库物料数量：1桶</view>
			</view>
			<view class="flex solid-bottom padding-sm justify-between">
			<view class="text-grey margin-left" > 待入库库区：2#-1F 桶装新料储位</view>
			</view>
			<view class="cu-bar btn-group top margin-top">
			<button
			class="cu-btn bg-green shadow-blur"
			@click="toIn"
			>
			4.去入库
			</button>
			<button class="cu-btn bg-green shadow-blur" :disabled="repeatClick" @click="fullInStock">3.装桶完成，点击入库</button>
			</view>
			</form>

			<view class="cu-list det menu sm-border padding">
			<block
			v-for="(item, index) in list"
			:key="index"
			>
			<!-- 新料库存信息弹窗 -->
			<view class="cu-modal" :class="modalName=='bagModal'?'show':''" @click="closeModal">
			<view class="cu-dialog" @click.stop>
			<view class="cu-bar bg-white justify-between">
			<view class="title text-bold">新料（袋装）库存信息</view>
			<view class="content" @click="closeModal">
			<text class="cuIcon-close text-grey"></text>
			</view>
			</view>
			<view class="padding-lr" style="max-height: 70vh; overflow-y: auto;">
			<block v-for="(item, index) in bagList" :key="index">
			<view class="cu-list menu-avatar margin-bottom-sm">
			<view class="cu-item flex align-start">
			<view class="content flex-1 text-left">
			<text class="text-grey padding-right-xs">库位：{{item.locId}} </text>
			<text class="text-grey padding-right-xs">物料：{{item.makTx}} </text>
			<text class="text-grey padding-right-xs">托盘号：{{item.palletId}} </text>
			<text class="text-orange">数量：{{item.anfme}} </text>
			</view>
			<view class="action">
			<button class="cu-btn bg-blue shadow-blur sm" @click.stop="callBagByAGV(item)">上料</button>
			</view>
			</view>
			</view>
			</block>
			</view>
			</view>
			</view>

			<!-- <view class="cu-list det menu sm-border padding">
			<block v-for="(item, index) in list" :key="index">
			<view class="cu-bar bg-white solid-bottom margin-top-sm">
			<view class="action">
			<view class="index">
			{{ index + 1 }}
			{{index+1}}
			</view>
			<view class="text-blue">
			{{ `${item.maktx}` }}
			{{`${item.maktx}`}}
			</view>
			</view>
			<view class="action" >
			<text @click="remove(index)" class="cuIcon-close text-red" style="font-size: 24px;"></text>
			</view>
			</view>

			@@ -75,7 +95,7 @@
			<text class="text-black">ASN:</text>
			</view>
			<view class="action">
			<text class="text-grey">{{ item.asnCode }}</text>
			<text class="text-grey ">{{item.asnCode}}</text>
			</view>
			</view>
			<view class="cu-item">
			@@ -83,246 +103,475 @@
			<text class="text-black">批次:</text>
			</view>
			<view class="action">
			<text class="text-grey">{{ item.batch }}</text>
			<text class="text-grey ">{{item.batch}}</text>
			</view>
			</view>


			<view class="cu-item">
			<view class="content">
			<text class="text-black">收货数量:</text>
			</view>
			<view class="action">
			<text class="text-grey">{{ item.anfme }}</text>
			<text class="text-grey ">{{item.anfme}}</text>
			</view>
			</view>

			</block>
			</view>
			</view> -->

			</view>
			</template>

			<script>
			import { request } from '../../common/request.js'
			import { mapState, mapMutations, mapActions, mapGetters } from 'vuex'
			export default {
			data() {
			return {
			barcode: '',
			areaName: '',
			locCode: '',
			container: '',
			list: [],
			range: [],
			curCode: '',
			whAreaId: '',
			repeatClick: false,
			sta1: '',
			sta2: ''
			}
			},
			computed: {
			...mapState('user', ['dynamicFields'])
			},
			mounted() {},
			methods: {
			async sta1Click() {
			let that = this
			const { code, data, msg } = await request(
			'/orderOut/buffStore/callEmpty',
			{
			sta1: this.sta1
			},
			'POST'
			)
			if (code === 200) {
			uni.showToast({
			title: '呼叫成功'
			})
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			import {
			request
			} from '../../common/request.js'
			import {
			mapState,
			mapMutations,
			mapActions,
			mapGetters
			} from 'vuex';
			export default {
			data() {
			return {
			// barcode: '',
			areaName: '',
			locCode: '',
			container: '',
			list: [],
			bagList: [],
			range: [],
			curCode: '',
			whAreaId:'',
			repeatClick: false,
			palletBarcode: '',
			palletTypeId: '',
			palletTypeRange: [],
			bagStaBarcode: '',
			modalName: '',
			palletStaBarcode: '',
			matNr: '',
			makTx: '',
			transferStationNo: '',
			}
			},
			async sta2Click() {
			let that = this
			const { code, data, msg } = await request(
			'/orderOut/buffStore/callNewMat',
			{
			sta1: this.sta1
			},
			'POST'
			)
			if (code === 200) {
			uni.showToast({
			title: '呼叫成功'
			computed: {
			...mapState('user', ['dynamicFields']),
			},
			mounted() {
			this.getRece()
			this.getPalletType()
			this.whAreaId = uni.getStorageSync('whAreaId')
			},
			methods: {
			selChange(val) {
			uni.setStorageSync('whAreaId', val)
			},
			async search() {
			let that = this
			const {
			code,
			data,
			msg
			} = await request('/staBind/list', {
			sta: this.barcode
			})
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			}
			},
			toComb() {
			uni.navigateTo({
			url: '/pages/listing/matnrPalletising'
			})
			},
			toIn() {
			uni.navigateTo({
			url: '/pages/AGV/StartInTask'
			})
			},
			selChange(val) {
			uni.setStorageSync('whAreaId', val)
			},
			async search() {
			let that = this
			const { code, data, msg } = await request('/staBind/list', {
			sta: this.barcode
			})
			if (code === 200) {
			if (data.list.length > 0) {
			that.container = data.barcode
			that.list = data.list
			if (code === 200) {
			if(data.list.length >0){
			that.container = data.barcode
			that.list = data.list
			}
			that.range = data.warehouseAreasList.map(item => ({
			value: item.id,
			text: item.name
			}));
			that.whAreaId = data.area
			} else {
			uni.showToast({
			title: msg,
			icon: "none",
			})
			}
			that.range = data.warehouseAreasList.map((item) => ({
			value: item.id,
			text: item.name
			}))
			that.whAreaId = data.area
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			}
			},
			},

			remove(index) {
			this.list.splice(index, 1)
			},
			clear() {
			this.list = []
			remove(index) {
			this.list.splice(index, 1);
			},
			clear() {
			this.list = []
			this.container = ''
			this.barcode = ''
			},

			this.container = ''
			this.barcode = ''
			},
			open() {
			this.$refs.popup.open()
			},

			open() {
			this.$refs.popup.open()
			},
			close() {
			this.$refs.popup.close()
			},

			close() {
			this.$refs.popup.close()
			},
			popupSubmit() {
			this.$refs.popup.close()
			},
			itemChange(el) {
			this.curCode = el
			},

			// 选择新料（袋装)库存，送至灌桶站点
			async queryBagLocItem() {
			if(this.bagStaBarcode === '' \|\| this.bagStaBarcode === null){
			uni.showToast({
			title: "新料 (袋装) 接驳站点不能为空!!!",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			try{
			const { code, data, msg } = await request('/inventory/details', {
			wareHouseAreaId: '2--1-5' // TODO:固定待后续替换
			})
			if (code === 200) {
			if(data && data.length > 0){
			// 展示查询到的数据
			this.bagList = data
			// 打开弹窗
			this.modalName = 'bagModal'
			} else {
			uni.showToast({
			title: '未查到新料（袋装)库存',
			icon: 'none'
			})
			}
			} else {
			uni.showToast({
			title: msg,
			icon: 'none',
			})
			}
			} catch (error) {
			console.error('请求错误:', error)
			uni.showToast({
			title: '查询失败：' + (error.message \|\| '未知错误'),
			icon: 'none'
			})
			}finally{
			this.repeatClick = false
			}
			},

			// 关闭弹窗
			closeModal() {
			this.modalName = null
			},

			// 为新料（袋装）上料呼叫 AGV
			async callBagByAGV(item) {
			console.log('AGV上料：新料（袋装）, 数据:', item)
			if(this.item === '' \|\| this.item === null){
			uni.showToast({
			title: "请先选择库位出库",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			try{
			const { code, data, msg } = await request('/check/non/order', {
			transferStationNo: this.transferStationNo \|\| this.bagStaBarcode,
			locNo: item.locId
			})
			if (code === 200) {
			uni.showToast({
			title: '新料（袋装）上料中',
			icon: 'success'
			})
			// 更新物料编码、物料名称
			this.matNr = item.matNr \|\| '',
			this.makTx = '待入库物料名称：' + (item.makTx \|\| '')
			this.closeModal()
			// // 从列表中移除该项
			// const index = this.bagList.findIndex(i => i.palletId === item.palletId)
			// if (index > -1) {
			// this.bagList.splice(index, 1)
			// }
			// // 如果列表为空，关闭弹窗
			// if (this.bagList.length === 0) {
			// this.closeModal()
			// }
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			}
			} catch (error) {
			console.error('AGV 呼叫失败:', error)
			uni.showToast({
			title: 'AGV 呼叫失败',
			icon: 'none'
			})
			} finally {
			this.repeatClick = false
			}
			},

			// 呼叫空桶
			async callEmptyPalletFromBag() {
			// 使用袋装接驳站点信息调用空托出库接口
			if(this.palletTypeId === '' \|\| this.palletTypeId === null){
			uni.showToast({
			title: "请先选择容器类型",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			try{
			const { code, data, msg } = await request(
			'/callForEmptyContainers',
			{
			staNo: this.bagBarcode,
			type: this.palletTypeId
			}
			)
			if (code === 200) {
			uni.showToast({
			title: '呼叫空托盘中，请稍作等待'
			})
			this.bagBarcode = ''
			} else {
			uni.showToast({
			title: msg,
			icon: 'none',
			position: 'top'
			})
			}
			}finally{
			this.repeatClick = false
			}
			},

			// 满桶入库
			async fullInStock() {
			console.log('满桶入库：新料（袋装）, 数据:', item)
			if(this.item === '' \|\| this.item === null){
			uni.showToast({
			title: "请先选择库位出库",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			try{
			const { code, data, msg } = await request('/AGV/task/start', {
			staNo: this.bagBarcode,
			palletBarcode: item.palletId
			})
			if (code === 200) {
			uni.showToast({
			title: '新料（袋装）上料中',
			icon: 'success'
			})
			// 更新物料编码、物料名称
			this.matNr = item.matnrCode \|\| ''
			this.makTx = ' 待入库物料名称：' + (item.makTx \|\| '')

			// 从列表中移除该项
			const index = this.bagList.findIndex(i => i.palletId === item.palletId)
			if (index > -1) {
			this.bagList.splice(index, 1)
			}
			// 如果列表为空，关闭弹窗
			if (this.bagList.length === 0) {
			this.closeModal()
			}
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			}
			} catch (error) {
			console.error('AGV 呼叫失败:', error)
			uni.showToast({
			title: 'AGV 呼叫失败',
			icon: 'none'
			})
			} finally {
			this.repeatClick = false
			}
			},

			async callEmptyPallet() {
			if(this.staBarcode === '' \|\| this.palletBarcode === null){
			uni.showToast({
			title: "接驳站点不能为空",
			icon: "none",
			})
			return ;
			}
			if(this.palletTypeId === '' \|\| this.palletTypeId === null){
			uni.showToast({
			title: "请选择容器类型",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			try{
			const { code, data, msg } = await request(
			'/callForEmptyContainers',
			{
			staNo: this.palletBarcode,
			type: this.palletTypeId
			}
			)
			if (code === 200) {
			uni.showToast({
			title: '呼叫空托盘中，请稍作等待'
			})
			this.palletBarcode = ''
			} else {
			uni.showToast({
			title: msg,
			icon: 'none',
			position: 'top'
			})
			}
			}finally{
			this.repeatClick = false
			}
			},

			async getPalletType() {
			const { code, data, msg } = await request(
			'/info/palletType/list',
			{},
			'get'
			)
			if (code === 200) {
			this.palletTypeRange = data.map((item) => ({
			value: item.value,
			text:
			item.group === null
			? item.label
			: item.group + '-- ' + item.label
			}))
			}
			},

			palletTypeChange(val) {
			uni.setStorageSync('palletTypeId', val.value)
			},

			popupSubmit() {
			this.$refs.popup.close()
			},
			itemChange(el) {
			this.curCode = el
			},

			async confirm() {
			if (this.barcode === '' \|\| this.barcode === null) {
			uni.showToast({
			title: '接驳站点不能为空',
			icon: 'none'
			})
			return
			}
			if (this.whAreaId === '' \|\| this.whAreaId === null) {
			uni.showToast({
			title: '目标库区不能为空',
			icon: 'none'
			})
			return
			}
			this.repeatClick = true
			const { code, data, msg } = await request('/AGV/task/start', {
			sta: this.barcode,
			area: this.whAreaId
			})
			if (code === 200) {
			uni.showToast({
			title: '启动成功'
			})
			this.clear()
			} else {
			uni.showToast({
			title: msg,
			icon: 'none'
			})
			}
			this.repeatClick = false
			},

			async getRece() {
			const { code, data, msg } = await request(
			'/areas/receipt',
			{},
			'get'
			)
			if (code === 200) {
			this.range = data.map((item) => ({
			value: item.id,
			text: item.warehouseId$ + '-- ' + item.name
			}))
			}
			async confirm() {
			if(this.barcode === '' \|\| this.barcode ===null){
			uni.showToast({
			title: "接驳站点不能为空",
			icon: "none",
			})
			return ;
			}
			if(this.whAreaId === '' \|\| this.whAreaId ===null){
			uni.showToast({
			title: "目标库区不能为空",
			icon: "none",
			})
			return ;
			}
			this.repeatClick = true
			const {
			code,
			data,
			msg
			} = await request('/AGV/task/start',{
			sta: this.barcode,
			area: this.whAreaId
			}
			)
			if (code === 200) {
			uni.showToast({
			title: '启动成功'
			})
			this.clear()
			} else {
			uni.showToast({
			title: msg,
			icon: "none",
			})
			}
			this.repeatClick = false
			},

			async getRece() {
			const {
			code,
			data,
			msg
			} = await request('/areas/receipt', {}, 'get')
			if (code === 200) {
			this.range = data.map(item => ({
			value: item.id,
			text: item.warehouseId$ + "-- " + item.name
			}));
			}
			},
			}
			}
			}
			</script>

			<style>
			.index {
			border: 1px solid #e54d42;
			color: #e54d42;
			border-radius: 50%;
			display: block;
			width: 50rpx;
			height: 50rpx;
			line-height: 48rpx;
			text-align: center;
			margin-right: 20rpx;
			font-size: 30rpx;
			}
			.index {
			border: 1px solid #e54d42;
			color: #e54d42;
			border-radius: 50%;
			display: block;
			width: 50rpx;
			height: 50rpx;
			line-height: 48rpx;
			text-align: center;
			margin-right: 20rpx;
			font-size: 30rpx;
			}

			.text-blue {
			color: #0081ff !important;
			}
			.text-blue {
			color: #0081ff !important;

			.item {
			position: relative;
			display: flex;
			min-height: 80upx;
			align-items: center;
			}
			}

			.uni-file-picker {
			width: 100%;
			margin-bottom: 10px;
			}
			.item {
			position: relative;
			display: flex;
			min-height: 80upx;
			align-items: center;
			}

			.uni-select__selector {
			z-index: 999;
			}
			.uni-file-picker {
			width: 100%;
			margin-bottom: 10px;
			}

			.tj {
			height: auto;
			padding: 6px 8px;
			display: inline-block;
			border-radius: 6px;
			}
			.uni-select__selector {
			z-index: 999;
			}

			.item {
			display: flex;
			justify-content: center;
			}
			.tj {
			height: auto;
			padding: 6px 8px;
			display: inline-block;
			border-radius: 6px;
			}

			.item .cu-btn {
			font-size: 26upx;
			}
			</style>
			.item {
			display: flex;
			justify-content: center;
			}

			.item .cu-btn {
			font-size: 26upx;
			}
			</style>