From 3e25627ae9d56d22b2a9bb27cd57d4cd02296c4a Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期三, 29 四月 2026 16:25:12 +0800
Subject: [PATCH] 更新工序选择弹窗标题，使用字典数据源替代静态列表，并调整相关逻辑以支持新字段名
---
src/views/productionManagement/productionReporting/index.vue | 536 +++++++++++++++++++++++++++--------------------------------
1 files changed, 244 insertions(+), 292 deletions(-)
diff --git a/src/views/productionManagement/productionReporting/index.vue b/src/views/productionManagement/productionReporting/index.vue
index b34b14e..4c4548f 100644
--- a/src/views/productionManagement/productionReporting/index.vue
+++ b/src/views/productionManagement/productionReporting/index.vue
@@ -1,16 +1,9 @@
+// 鎶ュ伐鍙拌处
<template>
<div class="app-container">
<div class="search_form">
<el-form :model="searchForm"
:inline="true">
- <el-form-item label="鎶ュ伐浜哄憳鍚嶇О:">
- <el-input v-model="searchForm.nickName"
- placeholder="璇疯緭鍏�"
- clearable
- prefix-icon="Search"
- style="width: 200px;"
- @change="handleQuery" />
- </el-form-item>
<el-form-item label="宸ュ崟鍙�:">
<el-input v-model="searchForm.workOrderNo"
placeholder="璇疯緭鍏�"
@@ -19,20 +12,13 @@
style="width: 200px;"
@change="handleQuery" />
</el-form-item>
- <el-form-item label="宸ュ崟鐘舵��:">
- <el-select v-model="searchForm.workOrderStatus"
- placeholder="璇烽�夋嫨宸ュ崟鐘舵��"
- style="width: 140px"
- clearable>
- <el-option label="寰呯‘璁�"
- :value="1"></el-option>
- <el-option label="寰呯敓浜�"
- :value="2"></el-option>
- <el-option label="鐢熶骇涓�"
- :value="3"></el-option>
- <el-option label="宸茬敓浜�"
- :value="4"></el-option>
- </el-select>
+ <el-form-item label="鐢熶骇璁㈠崟鍙�:">
+ <el-input v-model="searchForm.productOrderNpsNo"
+ placeholder="璇疯緭鍏�"
+ clearable
+ prefix-icon="Search"
+ style="width: 200px;"
+ @change="handleQuery" />
</el-form-item>
<el-form-item>
<el-button type="primary"
@@ -43,8 +29,6 @@
<div class="table_list">
<div style="text-align: right"
class="mb10">
- <!-- <el-button type="primary"
- @click="openForm('add')">鐢熶骇鎶ュ伐</el-button> -->
<el-button @click="handleOut">瀵煎嚭</el-button>
</div>
<PIMTable rowKey="id"
@@ -52,96 +36,35 @@
:tableData="tableData"
:page="page"
:isSelection="true"
- :expandRowKeys="expandedRowKeys"
- @expand-change="expandChange"
@selection-change="handleSelectionChange"
:tableLoading="tableLoading"
@pagination="pagination"
- :total="page.total">
- <template #expand="{ row }">
- <el-table :data="expandData"
- border
- show-summary
- :summary-method="summarizeMainTable"
- v-loading="childrenLoading">
- <el-table-column align="center"
- label="搴忓彿"
- type="index"
- width="60" />
- <el-table-column label="鏈鐢熶骇鏁伴噺"
- prop="finishedNum"
- align="center"
- width="400">
- <template #default="scope">
- <el-input-number :step="0.01"
- :min="0"
- style="width: 100%"
- v-model="scope.row.finishedNum"
- :disabled="!scope.row.editType"
- :precision="2"
- placeholder="璇疯緭鍏�"
- clearable
- @change="changeNum(scope.row)" />
- </template>
- </el-table-column>
- <!-- <el-table-column label="寰呯敓浜ф暟閲�" prop="pendingNum" width="240" align="center"></el-table-column>-->
- <el-table-column label="鐢熶骇浜�"
- prop="schedulingUserId"
- width="400">
- <template #default="scope">
- <el-select v-model="scope.row.schedulingUserId"
- placeholder="閫夋嫨浜哄憳"
- :disabled="!scope.row.editType"
- style="width: 100%;">
- <el-option v-for="user in userList"
- :key="user.userId"
- :label="user.nickName"
- :value="user.userId" />
- </el-select>
- </template>
- </el-table-column>
- <el-table-column label="鐢熶骇鏃ユ湡"
- prop="schedulingDate"
- width="400">
- <template #default="scope">
- <el-date-picker v-model="scope.row.schedulingDate"
- type="date"
- :disabled="!scope.row.editType"
- placeholder="璇烽�夋嫨鏃ユ湡"
- value-format="YYYY-MM-DD"
- format="YYYY-MM-DD"
- clearable
- style="width: 100%" />
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔"
- width="60">
- <template #default="scope">
- <el-button link
- type="primary"
- size="small"
- @click="changeEditType(scope.row)"
- v-if="!scope.row.editType"
- :disabled="scope.row.parentStatus === 3">缂栬緫</el-button>
- <el-button link
- type="primary"
- size="small"
- @click="saveReceiptPayment(scope.row)"
- v-if="scope.row.editType">淇濆瓨</el-button>
- </template>
- </el-table-column>
- </el-table>
- </template>
- </PIMTable>
+ :total="page.total" />
</div>
+
+ <el-dialog v-model="detailVisible"
+ title="鎶ュ伐鏄庣粏"
+ width="1400px"
+ destroy-on-close>
+ <PIMTable rowKey="id"
+ :column="detailTableColumn"
+ :tableData="detailTableData"
+ :page="detailPage"
+ :tableLoading="detailLoading"
+ @pagination="detailPagination"
+ :total="detailPage.total" />
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="detailVisible = false">鍏抽棴</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
<form-dia ref="formDia"
@close="handleQuery"></form-dia>
<input-modal v-if="isShowInput"
v-model:visible="isShowInput"
:production-product-main-id="isShowingId" />
- <output-modal v-if="isShowOutput"
- v-model:visible="isShowOutput"
- :production-product-main-id="isShowingId" />
</div>
</template>
@@ -150,35 +73,25 @@
import FormDia from "@/views/productionManagement/productionReporting/components/formDia.vue";
import { ElMessageBox } from "element-plus";
import {
- productionReportUpdate,
- workListPageById,
productionReportDelete,
} from "@/api/productionManagement/productionReporting.js";
- import { productionProductMainListPage } from "@/api/productionManagement/productionProductMain.js";
- import { userListNoPageByTenantId } from "@/api/system/user.js";
+ import {
+ productionProductMainListPage,
+ productionProductMainListPageDetail,
+ } from "@/api/productionManagement/productionProductMain.js";
import InputModal from "@/views/productionManagement/productionReporting/Input.vue";
- import OutputModal from "@/views/productionManagement/productionReporting/Output.vue";
const data = reactive({
searchForm: {
- nickName: "",
workOrderNo: "",
- workOrderStatus: "",
+ productOrderNpsNo: "",
},
});
const { searchForm } = toRefs(data);
- const expandedRowKeys = ref([]);
- const expandData = ref([]);
- const userList = ref([]);
const tableColumn = ref([
{
- label: "鎶ュ伐鍗曞彿",
- prop: "productNo",
- width: 120,
- },
- {
- label: "鎶ュ伐浜哄憳",
- prop: "nickName",
+ label: "宸ュ簭",
+ prop: "process",
width: 120,
},
{
@@ -187,92 +100,165 @@
width: 120,
},
{
- label: "鎶ュ伐鐘舵��",
- prop: "status",
- dataType: "tag",
- formatData: params => {
- if (params == 3) {
- return "宸叉姤宸�";
- } else if (params == 1) {
- return "寰呯敓浜�";
- } else {
- return "鐢熶骇涓�";
- }
- },
- formatType: params => {
- if (params == 3) {
- return "success";
- } else if (params == 1) {
- return "primary";
- } else {
- return "warning";
- }
- },
- },
- {
- label: "宸ュ崟鐘舵��",
- prop: "workOrderStatus",
- dataType: "tag",
- formatData: params => {
- switch (params) {
- case "1":
- return "寰呯‘璁�";
- case "2":
- return "寰呯敓浜�";
- case "3":
- return "鐢熶骇涓�";
- case "4":
- return "宸茬敓浜�";
- default:
- return "";
- }
- },
- formatType: params => {
- switch (params) {
- case "1":
- return "primary";
- case "2":
- return "info";
- case "3":
- return "warning";
- case "4":
- return "success";
- default:
- return "";
- }
- },
- },
- {
- label: "鐢熶骇鏃堕棿",
- prop: "createTime",
+ label: "閿�鍞悎鍚屽彿",
+ prop: "salesContractNo",
width: 120,
- formatData: params => {
- const date = new Date(params);
- return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
- 2,
- "0"
- )}-${String(date.getDate()).padStart(2, "0")}`;
- },
+ },
+ {
+ label: "鐢熶骇璁㈠崟鍙�",
+ prop: "productOrderNpsNo",
+ width: 140,
+ },
+ {
+ label: "浜у搧鍚嶇О",
+ prop: "productName",
+ width: 120,
+ },
+ {
+ label: "浜у搧瑙勬牸鍨嬪彿",
+ prop: "productModelName",
+ width: 120,
+ },
+ {
+ label: "鍗曚綅",
+ prop: "unit",
+ width: 120,
+ },
+ {
+ label: "鎬诲伐鏃�",
+ prop: "projectTotalHours",
+ width: 120,
+ },
+ {
+ label: "宸ュ簭鏍囧噯宸ユ椂(灏忔椂)",
+ prop: "processStandardHours",
+ width: 160,
+ },
+ {
+ label: "瀹為檯鎶ュ伐宸ユ椂(灏忔椂)",
+ prop: "actualReportHours",
+ width: 160,
+ },
+ {
+ label: "姣忔棩浜哄憳宸ユ椂(灏忔椂)",
+ prop: "dailyPersonHours",
+ width: 160,
+ },
+ {
+ label: "浜у嚭鎬绘暟閲�",
+ prop: "outputTotalQuantity",
+ width: 120,
+ },
+ {
+ label: "鎶ュ簾鎬绘暟閲�",
+ prop: "scrapTotalQuantity",
+ width: 120,
},
{
dataType: "action",
label: "鎿嶄綔",
align: "center",
fixed: "right",
- width: 230,
+ operation: [
+ {
+ name: "鏄庣粏",
+ type: "text",
+ clickFun: row => {
+ openDetail(row);
+ },
+ },
+ ],
+ },
+ ]);
+ const detailTableColumn = ref([
+ {
+ label: "鎶ュ伐鍗曞彿",
+ prop: "productNo",
+ width: 140,
+ },
+ {
+ label: "鎶ュ伐浜哄憳",
+ prop: "userName",
+ width: 120,
+ },
+ // {
+ // label: "宸ュ簭",
+ // prop: "process",
+ // width: 120,
+ // },
+ // {
+ // label: "宸ュ崟缂栧彿",
+ // prop: "workOrderNo",
+ // width: 140,
+ // },
+ // {
+ // label: "閿�鍞悎鍚屽彿",
+ // prop: "salesContractNo",
+ // width: 140,
+ // },
+ // {
+ // label: "鐢熶骇璁㈠崟鍙�",
+ // prop: "productOrderNpsNo",
+ // width: 140,
+ // },
+ {
+ label: "浜у搧鍚嶇О",
+ prop: "productName",
+ width: 140,
+ },
+ {
+ label: "浜у搧瑙勬牸鍨嬪彿",
+ prop: "productModelName",
+ width: 160,
+ },
+ {
+ label: "鍗曚綅",
+ prop: "unit",
+ width: 100,
+ },
+ {
+ label: "鍚堟牸",
+ prop: "quantity",
+ width: 100,
+ },
+ {
+ label: "涓嶅悎鏍�",
+ prop: "scrapQty",
+ width: 100,
+ },
+
+ {
+ label: "宸ュ簭鏍囧噯宸ユ椂(灏忔椂)",
+ prop: "processStandardHours",
+ width: 160,
+ },
+ {
+ label: "瀹為檯鎶ュ伐宸ユ椂(灏忔椂)",
+ prop: "actualReportHours",
+ width: 160,
+ },
+ {
+ label: "姣忔棩浜哄憳宸ユ椂(灏忔椂)",
+ prop: "dailyPersonHours",
+ width: 160,
+ },
+ {
+ label: "鍒涘缓鏃堕棿",
+ prop: "createTime",
+ width: 160,
+ },
+ {
+ dataType: "action",
+ label: "鎿嶄綔",
+ align: "center",
+ fixed: "right",
+ width: 180,
operation: [
{
name: "鏌ョ湅鎶曞叆",
type: "text",
clickFun: row => {
showInput(row);
- },
- },
- {
- name: "鏌ョ湅浜у嚭",
- type: "text",
- clickFun: row => {
- showOutput(row);
},
},
{
@@ -286,32 +272,30 @@
},
]);
const tableData = ref([]);
+ const detailTableData = ref([]);
const selectedRows = ref([]);
const tableLoading = ref(false);
- const childrenLoading = ref(false);
+ const detailLoading = ref(false);
const page = reactive({
current: 1,
size: 100,
total: 0,
});
+ const detailPage = reactive({
+ current: 1,
+ size: 10,
+ total: 0,
+ });
const formDia = ref();
const { proxy } = getCurrentInstance();
+ const detailVisible = ref(false);
+ const currentDetailRow = ref(null);
// 鏌ヨ鍒楄〃
/** 鎼滅储鎸夐挳鎿嶄綔 */
const handleQuery = () => {
page.current = 1;
getList();
- };
- const changeDaterange = value => {
- if (value) {
- searchForm.value.entryDateStart = value[0];
- searchForm.value.entryDateEnd = value[1];
- } else {
- searchForm.value.entryDateStart = undefined;
- searchForm.value.entryDateEnd = undefined;
- }
- handleQuery();
};
const deleteReport = row => {
ElMessageBox.confirm("纭畾鍒犻櫎璇ユ姤宸ュ悧锛�", "鎻愮ず", {
@@ -323,6 +307,9 @@
if (res.code === 200) {
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
getList();
+ if (detailVisible.value) {
+ getDetailList();
+ }
} else {
ElMessageBox.alert(res.msg || "鍒犻櫎澶辫触", "鎻愮ず", {
confirmButtonText: "纭畾",
@@ -339,96 +326,51 @@
const getList = () => {
tableLoading.value = true;
const params = { ...searchForm.value, ...page };
- params.entryDate = undefined;
- expandedRowKeys.value = [];
productionProductMainListPage(params)
.then(res => {
tableLoading.value = false;
- tableData.value = res.data.records.map(item => ({
- ...item,
- pendingFinishNum:
- (Number(item.schedulingNum) || 0) - (Number(item.finishedNum) || 0),
- }));
+ tableData.value = res.data.records || [];
page.total = res.data.total;
})
.catch(err => {
tableLoading.value = false;
});
};
- // 灞曞紑琛�
- const expandChange = (row, expandedRows) => {
- userListNoPageByTenantId().then(res => {
- userList.value = res.data;
- });
- if (expandedRows.length > 0) {
- nextTick(() => {
- expandedRowKeys.value = [];
- try {
- childrenLoading.value = true;
- workListPageById({ id: row.id }).then(res => {
- childrenLoading.value = false;
- const index = tableData.value.findIndex(item => item.id === row.id);
- if (index > -1) {
- expandData.value = res.data.map(item => ({
- ...item,
- pendingNum:
- (Number(item.schedulingNum) || 0) -
- (Number(item.finishedNum) || 0),
- parentStatus: row.status, // 鏂板鐖惰〃鐘舵��
- }));
- }
- expandedRowKeys.value.push(row.id);
- });
- } catch (error) {
- childrenLoading.value = false;
- console.log(error);
- }
- });
- } else {
- expandedRowKeys.value = [];
- }
- };
- const changeNum = row => {
- // 鎵惧埌鐖惰〃鏍兼暟鎹�
- const parentRow = tableData.value.find(
- item => item.id === expandedRowKeys.value[0]
- );
- // 璁＄畻鎵�鏈夊瓙琛ㄦ牸 finishedNum 鐨勬�诲拰
- const totalFinishedNum = expandData.value.reduce(
- (sum, item) => sum + (Number(item.finishedNum) || 0),
- 0
- );
- // 鐖惰〃鏍肩殑鎺掍骇鏁伴噺
- const schedulingNum = parentRow ? Number(parentRow.schedulingNum) : 0;
-
- if (totalFinishedNum > schedulingNum) {
- // 鍥為��鏈杈撳叆
- row.finishedNum =
- schedulingNum - (totalFinishedNum - Number(row.finishedNum));
- proxy.$modal.msgWarning("鎵�鏈夋湰娆＄敓浜ф暟閲忎箣鍜屼笉鍙ぇ浜庢帓浜ф暟閲�");
- }
- row.pendingNum = row.schedulingNum - row.finishedNum;
- };
- // 缂栬緫淇敼鐘舵��
- const changeEditType = row => {
- row.editType = !row.editType;
- };
- // 淇濆瓨璁板綍
- const saveReceiptPayment = row => {
- productionReportUpdate(row).then(res => {
- row.editType = !row.editType;
- getList();
- proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
- });
- };
// 琛ㄦ牸閫夋嫨鏁版嵁
const handleSelectionChange = selection => {
selectedRows.value = selection;
};
- const summarizeMainTable = param => {
- return proxy.summarizeTable(param, ["finishedNum"]);
+ const openDetail = row => {
+ currentDetailRow.value = row;
+ detailPage.current = 1;
+ detailVisible.value = true;
+ getDetailList();
};
- // 鎵撳紑寮规
+ const getDetailList = () => {
+ if (!currentDetailRow.value?.workOrderId) return;
+ detailLoading.value = true;
+ productionProductMainListPageDetail({
+ workOrderId: currentDetailRow.value.workOrderId,
+ current: detailPage.current,
+ size: detailPage.size,
+ })
+ .then(res => {
+ detailLoading.value = false;
+ detailTableData.value = (res.data.records || []).map(item => ({
+ ...item,
+ userName: item.userName || item.nickName,
+ }));
+ detailPage.total = res.data.total || 0;
+ })
+ .catch(() => {
+ detailLoading.value = false;
+ });
+ };
+ const detailPagination = obj => {
+ detailPage.current = obj.page;
+ detailPage.size = obj.limit;
+ getDetailList();
+ };
const openForm = (type, row) => {
if (selectedRows.value.length !== 1) {
proxy.$message.error("璇烽�夋嫨涓�鏉℃暟鎹�");
@@ -452,22 +394,28 @@
isShowingId.value = row.id;
};
- // 鎵撳紑浜у嚭妯℃�佹
- const isShowOutput = ref(false);
- const showOutput = row => {
- isShowOutput.value = true;
- isShowingId.value = row.id;
- };
-
// 瀵煎嚭
const handleOut = () => {
- ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚鍑猴紝鏄惁纭瀵煎嚭锛�", "瀵煎嚭", {
+ const workOrderIds = [...new Set(
+ (selectedRows.value || [])
+ .map(item => item.workOrderId)
+ .filter(item => item !== undefined && item !== null && item !== "")
+ )];
+ const exportParams = {
+ ...searchForm.value,
+ ...(workOrderIds.length ? { workOrderIds } : {}),
+ };
+ ElMessageBox.confirm("灏嗗鍑哄綋鍓嶆煡璇㈢粨鏋滐紝鍕鹃�夋暟鎹椂浠呭鍑洪�変腑鍐呭锛屾槸鍚︾户缁紵", "瀵煎嚭", {
confirmButtonText: "纭",
cancelButtonText: "鍙栨秷",
type: "warning",
})
.then(() => {
- proxy.download("/salesLedger/work/export", {}, "鐢熶骇鎶ュ伐.xlsx");
+ proxy.download(
+ "/productionProductMain/exportDetail",
+ exportParams,
+ "鐢熶骇鎶ュ伐.xlsx"
+ );
})
.catch(() => {
proxy.$modal.msg("宸插彇娑�");
@@ -478,4 +426,8 @@
});
</script>
-<style scoped></style>
+<style scoped>
+.table_list {
+ margin-top: unset;
+}
+</style>
--
Gitblit v1.9.3