pda-cli/src/pages/storegoods/storeGoodsPurchaseInAdd.vue

<template>
	<view class="fabric-out-page">
		<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />

		<view class="flex-white-plr26 ptb10 bdb_f5">
			<text class="mr26">进仓单号</text>
			<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
		</view>
		<view @click="pickerSelectFun('供应商')" class="flex-white-plr26 ptb20 bdb_f5">
			<text class="mr26">供应商<text class="redXingh">*</text></text>
			<view :class="form.biz_unit_name ? '' : 'cBlack'">
				{{ form.biz_unit_name || '请选择' }}
				<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
			</view>
		</view>
		<view @click="pickerSelectFun('仓库名称')" class="flex-white-plr26 ptb20 bdb_f5">
			<text class="mr26">仓库名称<text class="redXingh">*</text></text>
			<view :class="form.warehouse_name ? '' : 'cBlack'">
				{{ form.warehouse_name || '请选择' }}
				<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
			</view>
		</view>
		<view class="flex-white-plr26 ptb10 bdb_f5 process-in-weight-row">
			<view class="process-in-weight-col">
				<text class="mr16">纸筒重量</text>
				<u-input
					v-model="form.paper_tube_weight"
					type="digit"
					:disabled="!canEditWeights"
					placeholder="1.5"
					:custom-style="weightInputStyle"
					placeholder-style="color: #c0c4cc; font-size: 36rpx;"
				/>
			</view>
			<view class="process-in-weight-col">
				<text class="mr16">包装重量</text>
				<u-input
					v-model="form.package_weight"
					type="digit"
					:disabled="!canEditWeights"
					placeholder="0.3"
					:custom-style="weightInputStyle"
					placeholder-style="color: #c0c4cc; font-size: 36rpx;"
				/>
			</view>
		</view>
		<view @click="pickerSelectFun('营销体系')" class="flex-white-plr26 ptb20 bdb_f5">
			<text class="mr26">营销体系<text class="redXingh">*</text></text>
			<view :class="form.sale_system_name ? '' : 'cBlack'">
				{{ form.sale_system_name || '请选择' }}
				<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
			</view>
		</view>
		<view @click="pickerSelectFun('订单类型')" class="flex-white-plr26 ptb20 bdb_f5">
			<text class="mr26">订单类型<text class="redXingh">*</text></text>
			<view :class="form.sale_mode_name ? '' : 'cBlack'">
				{{ form.sale_mode_name || '请选择' }}
				<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
			</view>
		</view>
		<view class="flex-white-plr26-column ptb20 mt32">
			<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
			<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
		</view>

		<ProcessInBinBar
			:can-scan="canScan"
			:bin-id="warehouseBinId"
			:code="warehouseBinCode"
			:name="warehouseBinName"
			:show-phone-scan="canScan"
			@code-input="warehouseBinCode = $event"
			@confirm="resolveWarehouseBin"
			@phone-scan="handleBinPhoneScan"
			@clear="clearWarehouseBin"
		/>
		<FabricOutScanBar
			:can-scan="showQrScanBar"
			:value="QRBarCode"
			:delete-mode="BarCodeDelStatus"
			:message="BillDataMessage"
			:disabled-tip="qrDisabledTip"
			:show-phone-scan="canScanQr"
			@input="QRBarCode = $event"
			@scan="handleScan"
			@phone-scan="handlePhoneScan"
			@delete-mode-change="BarCodeDelChange"
		/>
		<ProcessInScanDetail :detail="scanDetail" />

		<ProcessInDetailList
			:list="form.item_data"
			:deletable="canScan"
			show-tare-columns
			@delete="onDeleteFineCode"
		/>

		<FabricOutFooter
			v-if="!headerSaved"
			:buttons="[{ label: '提交保存', action: 'save' }]"
			single
			@action="submitSave"
		/>
		<FabricOutFooter
			v-else
			:buttons="statusActionButtons"
			@action="handleStatusAction"
		/>

		<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
	</view>
</template>

<script>
import formMixin from './storeGoodsPurchaseInMixin.js';
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';

export default {
	components: {
		OrderStatusBar,
		FabricOutScanBar,
		FabricOutFooter,
		ProcessInScanDetail,
		ProcessInDetailList,
		ProcessInBinBar,
	},
	mixins: [formMixin],
	data() {
		return {
			weightInputStyle: {
				fontSize: '36rpx',
			},
		};
	},
	onLoad() {
		uni.setNavigationBarTitle({ title: '新增采购进仓单' });
		this.pageMode = 'add';
		this.loadBaseDropdowns();
	},
};
</script>

<style lang="scss">
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
page {
	background-color: #F8F8F8;
	padding-bottom: 260rpx;
}
.process-in-weight-row {
	gap: 20rpx;
}
.process-in-weight-col {
	flex: 1;
	display: flex;
	align-items: center;
	min-width: 0;

	::v-deep .u-input__input {
		font-size: 36rpx !important;
	}
}
</style>