From 38d723b6de39a6882a537a691159e40bd4c0e837 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期二, 12 五月 2026 09:25:27 +0800
Subject: [PATCH] 合格入库扫码发货
---
src/pages/inventoryManagement/scanOut/index.vue | 464 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 451 insertions(+), 13 deletions(-)
diff --git a/src/pages/inventoryManagement/scanOut/index.vue b/src/pages/inventoryManagement/scanOut/index.vue
index e5ef746..5849b10 100644
--- a/src/pages/inventoryManagement/scanOut/index.vue
+++ b/src/pages/inventoryManagement/scanOut/index.vue
@@ -2,7 +2,7 @@
<view class="scan-container">
- <PageHeader title="鎵爜鍑哄簱"
+ <PageHeader title="鎵爜鍙戣揣"
@back="goBack" />
@@ -26,9 +26,9 @@
<view class="module-info">
- <text class="module-label">鍚堟牸鍑哄簱</text>
+ <text class="module-label">鍚堟牸鍙戣揣</text>
- <text class="module-desc">鎵弿鍚堟牸鍝佽繘琛岄鐢ㄥ嚭搴�</text>
+ <text class="module-desc">鎵弿閿�鍞鍗曪紝濉啓鍙戣揣鏁伴噺銆佽溅鐗屼笌瀹℃壒浜哄悗鎻愪氦鍙戣揣瀹℃壒锛堥�氳繃鍚庤嚜鍔ㄥ彂璐э級</text>
</view>
@@ -188,25 +188,32 @@
</view>
- <view
-
+ <view v-if="!isFullyOutbound(item)"
class="stocked-qty-block">
<view class="kv-row stocked-qty-row">
- <text class="kv-label">鍑哄簱鏁伴噺</text>
+ <text class="kv-label">{{ needScanShipFlow ? "鏈鍙戣揣鏁伴噺" : "鍑哄簱鏁伴噺" }}</text>
<view class="kv-value stocked-qty-input-wrap">
- <up-input :key="'stocked-' + idx"
+ <text v-if="needScanShipFlow"
+
+ class="scan-ship-qty-readonly">{{ resolveScanShipLineQuantity(item) }}</text>
+
+ <up-input v-else
+
+ :key="'stocked-' + idx"
v-model="item.operateQuantity"
type="number"
placeholder="璇疯緭鍏ュ嚭搴撴暟閲�"
+ :clearable="!isSalesQualifiedOutboundQtyLocked"
- clearable
+ :disabled="isSalesQualifiedOutboundQtyLocked"
+
border="surround"
@@ -216,9 +223,147 @@
</view>
+ <text v-if="needScanShipFlow"
+
+ class="scan-ship-qty-hint">鏁村崟涓�娆℃�у彂璐э紝鏁伴噺浠ヨ鍗曚负鍑嗭紝涓嶅彲淇敼</text>
+
</view>
</view>
+
+ <view v-if="needScanShipFlow"
+
+ class="scan-ship-card">
+
+ <view class="scan-ship-title">鍙戣揣淇℃伅</view>
+
+ <u-form label-width="160rpx">
+
+ <u-form-item label="鍙戣揣鏂瑰紡"
+
+ required>
+
+ <u-input v-model="scanShipTypeLabel"
+
+ readonly
+
+ placeholder="璇烽�夋嫨"
+
+ @click="scanShipTypeSheetShow = true" />
+
+ </u-form-item>
+
+ <u-form-item v-if="scanShipTypeValue === '璐ц溅'"
+
+ label="杞︾墝鍙�"
+
+ required>
+
+ <u-input v-model="scanShipCarNumber"
+
+ placeholder="璇疯緭鍏ヨ溅鐗屽彿"
+
+ clearable />
+
+ </u-form-item>
+
+ <u-form-item v-if="scanShipTypeValue === '蹇��'"
+
+ label="蹇�掑崟鍙�"
+
+ required>
+
+ <u-input v-model="scanShipExpress"
+
+ placeholder="璇疯緭鍏ュ揩閫掑崟鍙�"
+
+ clearable />
+
+ </u-form-item>
+
+ </u-form>
+
+ <view class="scan-ship-approval">
+
+ <text class="scan-ship-subtitle">瀹℃壒浜�</text>
+
+ <view v-if="scanShipApprover.nickName"
+
+ class="scan-ship-approver-pill">
+
+ <text>{{ scanShipApprover.nickName }}</text>
+
+ <text class="scan-ship-remove"
+
+ @click="clearScanShipApprover">脳</text>
+
+ </view>
+
+ <u-button v-else
+
+ size="small"
+
+ type="primary"
+
+ plain
+
+ @click="openScanShipContactSelect">閫夋嫨瀹℃壒浜�</u-button>
+
+ </view>
+
+ <view class="scan-ship-files">
+
+ <text class="scan-ship-subtitle">鍙戣揣闄勪欢锛堥�夊～锛屾渶澶�10寮狅級</text>
+
+ <u-button size="small"
+
+ type="primary"
+
+ :loading="scanShipUploading"
+
+ :disabled="scanShipFiles.length >= 10"
+
+ @click="chooseScanShipImage">娣诲姞鍥剧墖</u-button>
+
+ <view v-if="scanShipFiles.length"
+
+ class="scan-ship-file-grid">
+
+ <view v-for="(f, fi) in scanShipFiles"
+
+ :key="fi"
+
+ class="scan-ship-thumb-wrap">
+
+ <image :src="scanShipFileUrl(f)"
+
+ class="scan-ship-thumb"
+
+ mode="aspectFill"
+
+ @click="previewScanShipImage(fi)" />
+
+ <text class="scan-ship-thumb-del"
+
+ @click.stop="removeScanShipFile(fi)">脳</text>
+
+ </view>
+
+ </view>
+
+ </view>
+
+ </view>
+
+ <up-action-sheet :show="scanShipTypeSheetShow"
+
+ :actions="scanShipTypeActions"
+
+ title="鍙戣揣鏂瑰紡"
+
+ @select="onScanShipTypeSelect"
+
+ @close="scanShipTypeSheetShow = false" />
<view class="footer-btns">
@@ -226,7 +371,17 @@
@click="cancelForm">杩斿洖</u-button>
- <u-button class="footer-confirm-btn"
+ <u-button v-if="needScanShipFlow"
+
+ class="footer-confirm-btn"
+
+ :loading="submitLoading"
+
+ @click="confirmScanShipApply">鎻愪氦鍙戣揣瀹℃壒</u-button>
+
+ <u-button v-else
+
+ class="footer-confirm-btn"
:loading="submitLoading"
@@ -244,11 +399,15 @@
<script setup>
- import { ref, computed } from "vue";
+ import { ref, computed, onMounted, onUnmounted } from "vue";
import PageHeader from "@/components/PageHeader.vue";
- import { productList as salesProductList } from "@/api/salesManagement/salesLedger";
+ import { productList as salesProductList, scanShipApply } from "@/api/salesManagement/salesLedger";
+
+ import config from "@/config";
+ import { getToken } from "@/utils/auth";
+ import { getLedgerShippingLabel } from "@/utils/salesLedgerShip";
import modal from "@/plugins/modal";
@@ -261,6 +420,8 @@
resolveListTypeForDetail,
resolveContractNo,
buildSalesLedgerProductList,
+ buildScanShipProductList,
+ resolveScanShipLineQuantity,
hasAnyPositiveStockedQty,
resolveSubmitSceneKey,
} from "./scanOut.logic";
@@ -284,6 +445,210 @@
const submitLoading = ref(false);
+ /** 閿�鍞� + 鍚堟牸锛氳蛋銆屾彁浜ゅ彂璐у鎵广�嶏紝涓嶅啀鐩存帴鍑哄簱鎴栬烦杞師鍙戣揣椤� */
+ const needScanShipFlow = computed(
+ () =>
+ showForm.value &&
+ type.value === QUALITY_TYPE.qualified &&
+ contractKind.value === CONTRACT_KIND.sales
+ );
+
+ const scanShipTypeValue = ref("璐ц溅");
+ const scanShipTypeLabel = computed(() => scanShipTypeValue.value);
+ const scanShipTypeSheetShow = ref(false);
+ const scanShipTypeActions = ref([
+ { name: "璐ц溅", value: "璐ц溅" },
+ { name: "蹇��", value: "蹇��" },
+ ]);
+ const scanShipCarNumber = ref("");
+ const scanShipExpress = ref("");
+ const scanShipApprover = ref({ userId: null, nickName: null });
+ const scanShipFiles = ref([]);
+ const scanShipUploading = ref(false);
+
+ const scanShipUploadConfig = {
+ action: "/file/upload",
+ limit: 10,
+ fileType: ["jpg", "jpeg", "png", "gif", "webp"],
+ formType: 10,
+ };
+
+ const uploadScanShipFileUrl = computed(
+ () => (config.baseUrl || "").replace(/\/$/, "") + scanShipUploadConfig.action
+ );
+
+ const onScanShipTypeSelect = item => {
+ scanShipTypeValue.value = item.name || item.value || "璐ц溅";
+ scanShipTypeSheetShow.value = false;
+ if (scanShipTypeValue.value === "璐ц溅") scanShipExpress.value = "";
+ else scanShipCarNumber.value = "";
+ };
+
+ const openScanShipContactSelect = () => {
+ uni.setStorageSync("stepIndex", 0);
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/contactSelect?approveType=7&source=scanShip",
+ });
+ };
+
+ const clearScanShipApprover = () => {
+ scanShipApprover.value = { userId: null, nickName: null };
+ };
+
+ const handleScanShipSelectContact = data => {
+ if (data?.source !== "scanShip") return;
+ if (!needScanShipFlow.value) return;
+ const c = data?.contact;
+ if (!c) return;
+ scanShipApprover.value = { userId: c.userId, nickName: c.nickName };
+ };
+
+ const scanShipFileUrl = file => {
+ const base = config.fileUrl || "";
+ const link = file?.link || file?.url || "";
+ if (link && String(link).startsWith("http")) return link;
+ if (link && link.startsWith("/")) return base + link;
+ return file?.tempFilePath || file?.path || "";
+ };
+
+ const chooseScanShipImage = () => {
+ if (scanShipFiles.value.length >= scanShipUploadConfig.limit) {
+ modal.msgError(`鏈�澶�${scanShipUploadConfig.limit}寮燻);
+ return;
+ }
+ uni.chooseImage({
+ count: 1,
+ sizeType: ["compressed"],
+ sourceType: ["album", "camera"],
+ success: res => {
+ const path = res?.tempFilePaths?.[0];
+ const tf = res?.tempFiles?.[0] || {};
+ if (!path) return;
+ const token = getToken();
+ if (!token) {
+ modal.msgError("鏈櫥褰�");
+ return;
+ }
+ scanShipUploading.value = true;
+ uni.uploadFile({
+ url: uploadScanShipFileUrl.value,
+ filePath: path,
+ name: "file",
+ formData: { type: scanShipUploadConfig.formType },
+ header: { Authorization: `Bearer ${token}` },
+ success: up => {
+ try {
+ const body = JSON.parse(up.data || "{}");
+ if (body.code === 200 && body.data) {
+ const d = body.data;
+ scanShipFiles.value.push({
+ tempId: d.tempId ?? d.tempFileId ?? d.id,
+ link: d.link || d.url,
+ url: d.url,
+ name: d.originalFilename || d.originalName || "鍥剧墖",
+ tempFilePath: path,
+ });
+ modal.msgSuccess("涓婁紶鎴愬姛");
+ } else {
+ modal.msgError(body.msg || "涓婁紶澶辫触");
+ }
+ } catch (e) {
+ modal.msgError("涓婁紶瑙ｆ瀽澶辫触");
+ }
+ },
+ fail: () => modal.msgError("涓婁紶澶辫触"),
+ complete: () => {
+ scanShipUploading.value = false;
+ },
+ });
+ },
+ });
+ };
+
+ const removeScanShipFile = idx => {
+ scanShipFiles.value.splice(idx, 1);
+ };
+
+ const previewScanShipImage = idx => {
+ const urls = scanShipFiles.value.map(f => scanShipFileUrl(f)).filter(Boolean);
+ const cur = urls[idx];
+ if (urls.length && cur) uni.previewImage({ urls, current: cur });
+ };
+
+ const getScanShipTempFileIds = () =>
+ scanShipFiles.value.map(f => f.tempId).filter(id => id != null && id !== "");
+
+ const confirmScanShipApply = async () => {
+ if (scanLedgerId.value == null || scanLedgerId.value === "") {
+ modal.msgError("缂哄皯璁㈠崟淇℃伅锛岃閲嶆柊鎵爜");
+ return;
+ }
+ if (!hasEditableOutboundItems.value) {
+ modal.msgError("璇ヤ骇鍝佸凡缁忓叏閮ㄥ嚭搴�");
+ return;
+ }
+ const salesLedgerProductList = buildScanShipProductList(recordList.value);
+ if (!hasAnyPositiveStockedQty(salesLedgerProductList)) {
+ modal.msgError("褰撳墠璁㈠崟鏃犲彲鍙戣揣鏁伴噺");
+ return;
+ }
+ if (scanShipTypeValue.value === "璐ц溅" && !String(scanShipCarNumber.value || "").trim()) {
+ modal.msgError("璇疯緭鍏ヨ溅鐗屽彿");
+ return;
+ }
+ if (scanShipTypeValue.value === "蹇��" && !String(scanShipExpress.value || "").trim()) {
+ modal.msgError("璇疯緭鍏ュ揩閫掑崟鍙�");
+ return;
+ }
+ if (!scanShipApprover.value?.userId) {
+ modal.msgError("璇烽�夋嫨瀹℃壒浜�");
+ return;
+ }
+ if (scanShipUploading.value) {
+ modal.msgError("闄勪欢涓婁紶涓紝璇风◢鍊�");
+ return;
+ }
+ const payload = {
+ salesLedgerId: scanLedgerId.value,
+ salesLedgerProductList,
+ approveUserIds: String(scanShipApprover.value.userId),
+ shipType: scanShipTypeValue.value,
+ shippingCarNumber:
+ scanShipTypeValue.value === "璐ц溅" ? String(scanShipCarNumber.value || "").trim() : "",
+ expressNumber:
+ scanShipTypeValue.value === "蹇��" ? String(scanShipExpress.value || "").trim() : "",
+ tempFileIds: getScanShipTempFileIds(),
+ };
+ try {
+ submitLoading.value = true;
+ modal.loading("鎻愪氦涓�...");
+ const res = await scanShipApply(payload);
+ modal.closeLoading();
+ if (res.code === 200) {
+ modal.msgSuccess(res.msg || "鍙戣揣瀹℃壒宸插彂璧�");
+ resetDetailView();
+ } else {
+ modal.msgError(res.msg || "鎻愪氦澶辫触");
+ }
+ } catch (e) {
+ modal.closeLoading();
+ console.error(e);
+ } finally {
+ submitLoading.value = false;
+ }
+ };
+
+ onMounted(() => {
+ uni.$on("selectContact", handleScanShipSelectContact);
+ });
+ onUnmounted(() => {
+ uni.$off("selectContact", handleScanShipSelectContact);
+ });
+ const isSalesQualifiedOutboundQtyLocked = computed(
+ () =>
+ type.value === QUALITY_TYPE.qualified &&
+ contractKind.value === CONTRACT_KIND.sales
+ );
const submitConfigByScene = createSubmitConfig(scanLedgerId);
const cardTitleMain = computed(() => {
@@ -512,6 +877,43 @@
};
+ const parseUnqualifiedInboundQty = item => {
+ return (
+ parseOptionalNumber(
+ item?.unqualifiedStockedQuantity ??
+ item?.unQualifiedStockedQuantity ??
+ item?.unqualifiedStockedQty ??
+ item?.unqualifiedInboundQuantity
+ ) ?? 0
+ );
+ };
+
+ const parseUnqualifiedOutboundQty = item => {
+ return (
+ parseOptionalNumber(
+ item?.unqualifiedShippedQuantity ??
+ item?.unQualifiedShippedQuantity ??
+ item?.unqualifiedShippedQty ??
+ item?.unqualifiedOutboundQuantity
+ ) ?? 0
+ );
+ };
+
+ const isFullyOutbound = item => {
+ if (type.value === QUALITY_TYPE.unqualified) {
+ return parseUnqualifiedInboundQty(item) - parseUnqualifiedOutboundQty(item) <= 0;
+ }
+ const remaining = parseOptionalNumber(item?.remainingShippedQuantity);
+ if (remaining !== null) return remaining <= 0;
+ const fallback = parseOptionalNumber(defaultStockedQuantityFromRow(item, "outbound"));
+ return fallback !== null ? fallback <= 0 : false;
+ };
+
+ const hasEditableOutboundItems = computed(() => {
+ if (!recordList.value?.length) return false;
+ return recordList.value.some(item => !isFullyOutbound(item));
+ });
+
const formatCell = (item, row, idx) => {
@@ -531,6 +933,8 @@
if (row.key === "productStockStatus")
return formatProductStockStatus(item.productStockStatus);
+
+ if (row.key === "ledgerShippingStatus") return getLedgerShippingLabel(item);
if (row.key === "heavyBox") return formatHeavyBox(item.heavyBox);
@@ -602,6 +1006,14 @@
recordList.value = [];
+ scanShipTypeValue.value = "璐ц溅";
+ scanShipCarNumber.value = "";
+ scanShipExpress.value = "";
+ scanShipApprover.value = { userId: null, nickName: null };
+ scanShipFiles.value = [];
+ scanShipUploading.value = false;
+ scanShipTypeSheetShow.value = false;
+
};
@@ -633,6 +1045,10 @@
return;
+ }
+ if (!hasEditableOutboundItems.value) {
+ modal.msgError("璇ヤ骇鍝佸凡缁忓叏閮ㄥ嚭搴�");
+ return;
}
const salesLedgerProductList = buildSalesLedgerProductList(recordList.value);
@@ -692,8 +1108,6 @@
}
};
-
-
const goBack = () => {
@@ -1264,6 +1678,30 @@
}
+ .scan-ship-qty-readonly {
+
+ font-size: 30rpx;
+
+ font-weight: 600;
+
+ color: #1a1a1a;
+
+ }
+
+ .scan-ship-qty-hint {
+
+ display: block;
+
+ font-size: 24rpx;
+
+ color: #999;
+
+ padding: 8rpx 0 0;
+
+ line-height: 1.4;
+
+ }
+
.footer-btns {
--
Gitblit v1.9.3