feat(storefabric): 新增坯布出库相关页面及功能

- 在 manifest.json 中添加 Android 包名配置 - 在 package.json 中添加 pnpm 依赖覆盖配置 - 在 pages.json 中注册坯布出库相关页面路由 - 重命名 storefabricBusinessOutAdd.vue 为 storeFabricBusinessOutAdd.vue - 重构坯布出库新增页面，优化界面布局和交互逻辑 - 添加坯布出库列表、编辑、查看等功能页面 - 集成订单状态栏、面料信息弹窗、细码弹窗等组件 - 实现坯布出库详情列表和扫码功能模块 - 优化表单验证和数据提交流程
2026-06-17 16:59:31 +08:00
parent d5b2e19658
commit 567da03aea
20 changed files with 3065 additions and 1057 deletions
@@ -0,0 +1,95 @@
+<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>
+			<text>{{ form.order_no }}</text>
+		</view>
+		<view class="flex-white-plr26 ptb20 bdb_f5">
+			<text class="mr26">出仓类型</text>
+			<text>{{ getBillTypeName() }}</text>
+		</view>
+		<view class="flex-white-plr26 ptb20 bdb_f5">
+			<text class="mr26">接收单位</text>
+			<text>{{ form.business_unit_name || '-' }}</text>
+		</view>
+		<view class="flex-white-plr26 ptb20 bdb_f5">
+			<text class="mr26">{{ dateLabel }}</text>
+			<text>{{ form.delivery_time }}</text>
+		</view>
+		<view class="flex-white-plr26 ptb20 bdb_f5">
+			<text class="mr26">单据备注</text>
+			<text>{{ form.remark || '-' }}</text>
+		</view>
+
+		<FabricOutDetailList
+			:list="form.item_data"
+			@fabric-info="openFabricInfo"
+			@fine-code="openFineCode"
+		>
+			<FabricOutScanBar
+				slot="before-list"
+				:can-scan="canScan"
+				:value="QRBarCode"
+				:delete-mode="BarCodeDelStatus"
+				:message="BillDataMessage"
+				@input="QRBarCode = $event"
+				@scan="handleScan"
+				@delete-mode-change="BarCodeDelChange"
+			/>
+			<FabricOutScanDetail
+				slot="before-list"
+				:detail="scanDetail"
+				:item-data="form.item_data"
+				:group-keys="scanGroupKeys"
+				@group-change="scanGroupKeys = $event"
+			/>
+		</FabricOutDetailList>
+
+		<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
+
+		<u-select v-model="selectShow" :list="selectList" @confirm="selectConfirmFun"></u-select>
+		<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
+		<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
+	</view>
+</template>
+
+<script>
+import formMixin from './storeFabricBusinessOutMixin.js';
+import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
+import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
+import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
+import FabricOutDetailList from '@/components/storefabric/FabricOutDetailList.vue';
+import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
+import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
+import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
+
+export default {
+	components: {
+		FabricInfoPopup,
+		FineCodePopup,
+		OrderStatusBar,
+		FabricOutDetailList,
+		FabricOutScanBar,
+		FabricOutScanDetail,
+		FabricOutFooter,
+	},
+	mixins: [formMixin],
+	onLoad(e) {
+		uni.setNavigationBarTitle({ title: '编辑坯布出仓单' });
+		this.pageMode = 'edit';
+		if (e.id) {
+			this.loadOrder(Number(e.id), { rejectIfLocked: true });
+		}
+	},
+};
+</script>
+
+<style lang="scss">
+@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
+page {
+	background-color: #F8F8F8;
+	padding-bottom: 260rpx;
+}
+</style>