From 9343bd4c71c55bde7b5e82b84d1e127de09e0447 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 30 三月 2026 09:19:38 +0800
Subject: [PATCH] 军泰伟业 1.生产订单销售台账带出的生产订单绑定工艺路线时，无法选择
---
src/views/productionManagement/productionOrder/index.vue | 329 ++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 305 insertions(+), 24 deletions(-)
diff --git a/src/views/productionManagement/productionOrder/index.vue b/src/views/productionManagement/productionOrder/index.vue
index a376df1..c27ff0b 100644
--- a/src/views/productionManagement/productionOrder/index.vue
+++ b/src/views/productionManagement/productionOrder/index.vue
@@ -52,17 +52,15 @@
:loading="bindRouteLoading">
<el-option v-for="item in routeOptions"
:key="item.id"
- :label="`${item.processRouteCode || ''}`"
+ :label="item.processRouteName"
:value="item.id" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
+ <el-button type="primary" :loading="bindRouteSaving" @click="handleBindRouteConfirm">纭� 璁�</el-button>
<el-button @click="bindRouteDialogVisible = false">鍙� 娑�</el-button>
- <el-button type="primary"
- :loading="bindRouteSaving"
- @click="handleBindRouteConfirm">纭� 璁�</el-button>
</span>
</template>
</el-dialog>
@@ -71,21 +69,94 @@
v-model:visible="isShowNewModal"
type="qualified"
@completed="handleQuery" />
+
+ <!-- 鏌ョ湅鎶曞叆寮规 -->
+ <el-dialog v-model="inputDialogVisible"
+ title="鎶曞叆"
+ width="1000px">
+ <PIMTable
+ rowKey="id"
+ :column="inputTableColumn"
+ :tableData="inputTableData"
+ :page="inputPage"
+ :tableLoading="inputTableLoading"
+ @pagination="handleInputPagination"
+ />
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="inputDialogVisible = false">鍏抽棴</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
+ <!-- 棰嗘枡寮规 -->
+ <el-dialog v-model="pickingDialogVisible"
+ title="宸ュ崟棰嗘枡"
+ width="1200px"
+ :close-on-click-modal="false">
+
+ <el-table
+ :data="pickingTableData"
+ border
+ size="small"
+ @selection-change="handlePickingSelectionChange"
+ :header-cell-style="{ background: '#f5f7fa' }"
+ show-summary
+ :summary-method="summarizePickingTable"
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column label="浜у搧鍚嶇О" prop="productName" min-width="120" />
+ <el-table-column label="鍥剧焊缂栧彿" prop="model" min-width="100" />
+ <el-table-column label="鍗曚綅鐢ㄩ噺" prop="unitQuantity" min-width="100" align="center" />
+ <el-table-column label="鍗曚綅" prop="unit" min-width="100" align="center" />
+ <el-table-column label="闇�姹傛暟閲�" prop="demandedQuantity" min-width="100" align="center" />
+ <el-table-column label="宸查鏂欐暟閲�" prop="completedQuantity" min-width="100" align="center" />
+ <el-table-column label="鏈鏂欐暟閲�" prop="unpickedQuantity" min-width="100" align="center" />
+ <el-table-column label="棰嗘枡鏁伴噺" min-width="180" align="center" prop="quantity">
+ <template #default="{ row }">
+ <el-input-number
+ v-model="row.quantity"
+ :min="0"
+ :max="row.unpickedQuantity"
+ :precision="0"
+ size="small"
+ style="width: 160px"
+ @change="(val) => handlePickingQuantityChange(val, row)"
+ />
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="picking-footer-info">
+ <span>宸查�� {{ pickingSelectedRows.length }} 鏉�</span>
+ <span>{{ pickingTableData.length }} 鏉¤褰�</span>
+ </div>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="success" @click="handlePickingNext">纭</el-button>
+ <el-button @click="pickingDialogVisible = false">鍙栨秷</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
</div>
</template>
<script setup>
- import { onMounted, ref } from "vue";
+ import { onMounted, ref, computed } from "vue";
import { ElMessageBox } from "element-plus";
+ import { Setting } from '@element-plus/icons-vue';
import dayjs from "dayjs";
import { useRouter } from "vue-router";
import {
- productOrderListPage,
- listProcessRoute,
- bindingRoute,
- listProcessBom, delProductOrder,
- } from "@/api/productionManagement/productionOrder.js";
+ productOrderListPage,
+ bindingRoute,
+ listProcessBom, delProductOrder, startOrPause,
+} from "@/api/productionManagement/productionOrder.js";
+import { listPage as getProcessRouteList } from "@/api/productionManagement/processRoute.js";
import { listMain as getOrderProcessRouteMain } from "@/api/productionManagement/productProcessRoute.js";
+ import { productionProductInputListPage } from "@/api/productionManagement/productionProductInput.js";
+ import { listPage as listProductStructureRecord, pick as pickMaterial } from "@/api/productionManagement/productStructureRecord.js";
+
import {fileDel} from "@/api/financialManagement/revenueManagement.js";
import PIMTable from "@/components/PIMTable/PIMTable.vue";
const NewProductOrder = defineAsyncComponent(() => import("@/views/productionManagement/productionOrder/New.vue"));
@@ -158,8 +229,31 @@
label: "鎿嶄綔",
align: "center",
fixed: "right",
- width: 200,
+ width: 360,
operation: [
+ {
+ name: "寮�濮�",
+ type: "success",
+ showHide: row => row.status === '寰呯敓浜�',
+ clickFun: row => {
+ handleStartOrPause(row);
+ },
+ },
+ {
+ name: "鏆傚仠",
+ type: "danger",
+ showHide: row => row.status === '鐢熶骇涓�',
+ clickFun: row => {
+ handleStartOrPause(row);
+ },
+ },
+ {
+ name: "棰嗘枡",
+ type: "success",
+ clickFun: row => {
+ showPickingDialog(row);
+ },
+ },
{
name: "宸ヨ壓璺嚎",
type: "text",
@@ -176,10 +270,17 @@
},
},
{
- name: "浜у搧缁撴瀯",
+ name: "鐗╂枡娓呭崟",
type: "text",
clickFun: row => {
showProductStructure(row);
+ },
+ },
+ {
+ name: "鏌ョ湅鎶曞叆",
+ type: "text",
+ clickFun: row => {
+ showInputDialog(row);
},
},
],
@@ -193,6 +294,43 @@
total: 0,
});
const selectedRows = ref([]);
+
+ // 鏌ョ湅鎶曞叆鐩稿叧
+ const inputDialogVisible = ref(false);
+ const inputTableData = ref([]);
+ const inputTableLoading = ref(false);
+ const inputCurrentRow = ref(null);
+ const inputPage = reactive({
+ current: 1,
+ size: 100,
+ total: 0,
+ });
+ const inputTableColumn = ref([
+ {
+ label: '鎶曞叆浜у搧鍚嶇О',
+ prop: 'productName',
+ },
+ {
+ label: '鍥剧焊缂栧彿',
+ prop: 'model'
+ },
+ {
+ label: '鎶曞叆鏁伴噺',
+ prop: 'quantity',
+ },
+ {
+ label: '鍗曚綅',
+ prop: 'unit',
+ },
+ ]);
+
+ // 棰嗘枡鐩稿叧
+ const pickingDialogVisible = ref(false);
+ const pickingTableData = ref([]);
+ const pickingSelectedRows = ref([]);
+ const pickingForm = reactive({
+ orderId: null,
+ });
const data = reactive({
searchForm: {
@@ -225,6 +363,8 @@
if (row.isFh) return '';
const diff = row.deliveryDaysDiff;
+ if (diff === undefined || diff === null || diff === '' || diff < 0) return '';
+
if (diff === 15) {
return 'yellow';
} else if (diff === 10) {
@@ -251,15 +391,10 @@
bindForm.routeId = null;
bindRouteDialogVisible.value = true;
routeOptions.value = [];
- if (!row.productModelId) {
- proxy.$modal.msgWarning("褰撳墠璁㈠崟缂哄皯浜у搧鍨嬪彿锛屾棤娉曟煡璇㈠伐鑹鸿矾绾�");
- bindRouteDialogVisible.value = false;
- return;
- }
bindRouteLoading.value = true;
try {
- const res = await listProcessRoute({ productModelId: row.productModelId });
- routeOptions.value = res.data || [];
+ const res = await getProcessRouteList({ current: 1, size: 1000 });
+ routeOptions.value = res.data?.records || [];
} catch (e) {
console.error("鑾峰彇宸ヨ壓璺嚎鍒楄〃澶辫触锛�", e);
proxy.$modal.msgError("鑾峰彇宸ヨ壓璺嚎鍒楄〃澶辫触");
@@ -331,11 +466,12 @@
const orderId = row.id;
try {
const res = await getOrderProcessRouteMain(orderId);
- const data = res.data || {};
- if (!data || !data.id) {
+ const dataList = res.data || [];
+ if (!dataList || dataList.length === 0 || !dataList[0].id) {
proxy.$modal.msgWarning("鏈壘鍒板叧鑱旂殑宸ヨ壓璺嚎");
return;
}
+ const data = dataList[0];
router.push({
path: "/productionManagement/processRouteItem",
query: {
@@ -356,12 +492,37 @@
}
};
- const showProductStructure = row => {
+ const handleStartOrPause = async (row) => {
+ const operation = row.status === '寰呯敓浜�' ? 1 : 2;
+ const operationText = operation === 1 ? "寮�濮�" : "鏆傚仠";
+ try {
+ await startOrPause({ id: row.id, operation });
+ proxy.$modal.msgSuccess(`${operationText}鎴愬姛`);
+ getList();
+ } catch (e) {
+ console.error(`${operationText}澶辫触锛歚, e);
+ proxy.$modal.msgError(`${operationText}澶辫触`);
+ }
+ };
+
+ const showProductStructure = async row => {
+ let bomNo = row.bomNo || "";
+ if (!bomNo && row.id) {
+ try {
+ const res = await getOrderProcessRouteMain(row.id);
+ const dataList = res.data || [];
+ if (dataList && dataList.length > 0 && dataList[0].bomNo) {
+ bomNo = dataList[0].bomNo;
+ }
+ } catch (e) {
+ console.error("鑾峰彇BOM缂栧彿澶辫触锛�", e);
+ }
+ }
router.push({
path: "/productionManagement/productStructureDetail",
query: {
id: row.id,
- bomNo: row.bomNo || "",
+ bomNo: bomNo,
drawingNumber: row.drawingNumber || "",
productName: row.productCategory || "",
productModelName: row.specificationModel || "",
@@ -415,6 +576,117 @@
const handleConfirmRoute = () => {};
+ // 鏄剧ず鏌ョ湅鎶曞叆寮规
+ const showInputDialog = (row) => {
+ inputCurrentRow.value = row;
+ inputDialogVisible.value = true;
+ inputPage.current = 1;
+ inputPage.total = 0;
+ fetchInputData();
+ };
+
+ // 鏌ョ湅鎶曞叆鍒嗛〉
+ const handleInputPagination = (obj) => {
+ inputPage.current = obj.page;
+ inputPage.size = obj.limit;
+ fetchInputData();
+ };
+
+ // 鑾峰彇鎶曞叆鏁版嵁
+ const fetchInputData = () => {
+ inputTableLoading.value = true;
+ const params = { productOrderId: inputCurrentRow.value.id, ...inputPage };
+ productionProductInputListPage(params)
+ .then(res => {
+ inputTableLoading.value = false;
+ inputTableData.value = res.data.records;
+ inputPage.total = res.data.total;
+ })
+ .catch(err => {
+ inputTableLoading.value = false;
+ console.error("鑾峰彇鎶曞叆鏁版嵁澶辫触锛�", err);
+ });
+ };
+
+ // 鏄剧ず棰嗘枡寮规
+ const showPickingDialog = async (row) => {
+ pickingForm.orderId = row.id;
+ pickingDialogVisible.value = true;
+ pickingTableData.value = [];
+
+ // 鑾峰彇鐗╂枡娓呭崟鏁版嵁
+ try {
+ const res = await listProductStructureRecord({ productOrderId: row.id });
+ const materials = res.data?.records || [];
+ pickingTableData.value = materials.map(item => ({
+ ...item,
+ quantity: 0,
+ unpickedQuantity: (item.demandedQuantity || 0) - (item.completedQuantity || 0),
+ }));
+ } catch (e) {
+ console.error("鑾峰彇鐗╂枡娓呭崟澶辫触锛�", e);
+ proxy.$modal.msgError("鑾峰彇鐗╂枡娓呭崟澶辫触");
+ }
+ };
+
+ // 棰嗘枡琛ㄦ牸閫夋嫨鍙樺寲
+ const handlePickingSelectionChange = (selection) => {
+ pickingSelectedRows.value = selection;
+ };
+
+ // 棰嗘枡鏁伴噺鍙樺寲澶勭悊
+ const handlePickingQuantityChange = (val, row) => {
+ if (val > row.unpickedQuantity) {
+ proxy.$modal.msgWarning("棰嗘枡鏁伴噺涓嶈兘瓒呰繃鏈鏂欐暟閲�");
+ row.quantity = row.unpickedQuantity;
+ }
+ };
+
+ // 纭棰嗘枡
+ const handlePickingNext = async () => {
+ if (pickingSelectedRows.value.length === 0) {
+ proxy.$modal.msgWarning("璇烽�夋嫨瑕侀鏂欑殑鐗╂枡");
+ return;
+ }
+ // 鏍￠獙棰嗘枡鏁伴噺
+ for (const row of pickingSelectedRows.value) {
+ if (row.quantity > row.unpickedQuantity) {
+ proxy.$modal.msgWarning(`${row.productName} 鐨勯鏂欐暟閲忎笉鑳借秴杩囨湭棰嗘枡鏁伴噺`);
+ return;
+ }
+ if (row.quantity <= 0) {
+ proxy.$modal.msgWarning(`${row.productName} 鐨勯鏂欐暟閲忓繀椤诲ぇ浜�0`);
+ return;
+ }
+ }
+
+ // 鎻愪氦棰嗘枡鏁版嵁
+ try {
+ const pickData = pickingSelectedRows.value.map(row => ({
+ productOrderId: row.productOrderId,
+ productStructureRecordId: row.id,
+ productModelId: row.productModelId,
+ quantity: row.quantity,
+ }));
+ await pickMaterial(pickData);
+ proxy.$modal.msgSuccess("棰嗘枡鎴愬姛");
+ pickingDialogVisible.value = false;
+ } catch (e) {
+ console.error("棰嗘枡澶辫触锛�", e);
+ proxy.$modal.msgError("棰嗘枡澶辫触");
+ }
+ };
+
+ // 棰嗘枡琛ㄦ牸鍚堣鏂规硶
+ const summarizePickingTable = (param) => {
+ return proxy.summarizeTable(param, [
+ "quantity",
+ "unpickedQuantity",
+ "inventoryQuantity",
+ "demandedQuantity",
+ ]);
+ };
+
onMounted(() => {
getList();
});
@@ -434,10 +706,19 @@
}
:deep(.red) {
- background-color: #f80202;
+ background-color: #FFCCCC;
}
:deep(.purple){
background-color: #F4DEFA;
}
+
+.picking-footer-info {
+ display: flex;
+ justify-content: space-between;
+ padding: 10px;
+ font-size: 14px;
+ color: #606266;
+}
+
</style>
--
Gitblit v1.9.3