From ffe58e0cf73fa61d8b05de09645c5d8d89007ce5 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 16 六月 2026 15:20:52 +0800
Subject: [PATCH] 君歌 1.部署修改
---
src/views/productionManagement/workOrderManagement/index.vue | 707 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 707 insertions(+), 0 deletions(-)
diff --git a/src/views/productionManagement/workOrderManagement/index.vue b/src/views/productionManagement/workOrderManagement/index.vue
new file mode 100644
index 0000000..dcbb49f
--- /dev/null
+++ b/src/views/productionManagement/workOrderManagement/index.vue
@@ -0,0 +1,707 @@
+<template>
+ <div class="app-container">
+ <div class="search_form mb20">
+ <div class="search-row">
+ <div class="search-item">
+ <span class="search_title">宸ュ崟缂栧彿锛�</span>
+ <el-input v-model="searchForm.workOrderNo"
+ style="width: 240px"
+ placeholder="璇疯緭鍏�"
+ @change="handleQuery"
+ clearable
+ prefix-icon="Search" />
+ </div>
+ <div class="search-item">
+ <span class="search_title">鐢熶骇璁㈠崟鍙凤細</span>
+ <el-input v-model="searchForm.npsNo"
+ style="width: 240px"
+ placeholder="璇疯緭鍏�"
+ @change="handleQuery"
+ clearable
+ prefix-icon="Search" />
+ </div>
+ <div class="search-item">
+ <el-button type="primary"
+ @click="handleQuery">鎼滅储</el-button>
+ </div>
+ <div class="search-item">
+ <el-switch v-model="filterMine"
+ active-text="浠呯湅鎴戠殑"
+ @change="handleQuery" />
+ </div>
+ </div>
+ </div>
+ <div class="table_list">
+ <PIMTable rowKey="id"
+ :column="tableColumn"
+ :tableData="tableData"
+ :page="page"
+ :tableLoading="tableLoading"
+ @pagination="pagination">
+ <template #completionStatus="{ row }">
+ <el-progress :percentage="toProgressPercentage(row?.completionStatus)"
+ :color="progressColor(toProgressPercentage(row?.completionStatus))"
+ :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" />
+ </template>
+ </PIMTable>
+ </div>
+ <!-- 娴佽浆鍗″脊绐� -->
+ <el-dialog v-model="transferCardVisible"
+ title="娴佽浆鍗�"
+ width="1000px">
+ <div class="transfer-card-title">宸ュ崟娴佽浆鍗�</div>
+ <div class="transfer-card-container">
+ <div class="transfer-card-info">
+ <div class="info-group">
+ <div class="info-item">
+ <span class="info-label">宸ュ崟缂栧彿</span>
+ <span class="info-value">{{ transferCardRowData.workOrderNo }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">浜у搧鍚嶇О</span>
+ <span class="info-value">{{ transferCardRowData.productName }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">瑙勬牸鍨嬪彿</span>
+ <span class="info-value">{{ transferCardRowData.model }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">璁″垝寮�濮嬫椂闂�</span>
+ <span class="info-value">{{ transferCardRowData.planStartTime }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">璁″垝缁撴潫鏃堕棿</span>
+ <span class="info-value">{{ transferCardRowData.planEndTime }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">澶囨敞</span>
+ <span class="info-value">{{ transferCardRowData.remark }}</span>
+ </div>
+ </div>
+ <div class="info-group">
+ <div class="info-item">
+ <span class="info-label">闇�姹傛暟閲�</span>
+ <span class="info-value">{{ transferCardRowData.planQuantity }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-value">{{ transferCardRowData.completeQuantity }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">鑹搧鏁伴噺</span>
+ <span class="info-value">0</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">涓嶈壇鍝佹暟</span>
+ <span class="info-value">0</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">瀹為檯寮�濮嬫椂闂�</span>
+ <span class="info-value">{{ transferCardRowData.actualStartTime }}</span>
+ </div>
+ <div class="info-item">
+ <span class="info-label">瀹為檯缁撴潫鏃堕棿</span>
+ <span class="info-value">{{ transferCardRowData.actualEndTime }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="transfer-card-qr">
+ <div class="qr-container">
+ <img :src="transferCardQrUrl"
+ alt="娴佽浆鍗′簩缁寸爜"
+ style="width: 200px; height: 200px;" />
+ </div>
+ </div>
+ </div>
+ <div class="print-button-container"
+ style=" text-align: center;
+ margin-bottom: 40px;">
+ <el-button type="primary"
+ style="margin-top: 20px;"
+ @click="printTransferCard">鎵撳嵃娴佽浆鍗�</el-button>
+ </div>
+ </el-dialog>
+ <!-- 鎶ュ伐寮圭獥锛堢粨鏉熸姤宸ョ敤锛� -->
+ <el-dialog v-model="reportDialogVisible"
+ title="缁撴潫鎶ュ伐"
+ width="500px">
+ <el-form ref="reportFormRef"
+ :model="reportForm"
+ :rules="reportFormRules"
+ label-width="120px">
+ <el-form-item label="寰呯敓浜ф暟閲�">
+ <el-input v-model="reportForm.planQuantity"
+ readonly
+ style="width: 300px" />
+ </el-form-item>
+ <el-form-item label="鐢熶骇鍚堟牸鏁伴噺"
+ prop="quantity">
+ <el-input v-model.number="reportForm.quantity"
+ type="number"
+ min="0"
+ step="1"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ョ敓浜у悎鏍兼暟閲�"
+ @input="handleQuantityInput" />
+ </el-form-item>
+ <el-form-item label="鎶ュ簾鏁伴噺"
+ prop="scrapQty">
+ <el-input v-model.number="reportForm.scrapQty"
+ type="number"
+ min="0"
+ step="1"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ユ姤搴熸暟閲�"
+ @input="handleScrapQtyInput" />
+ </el-form-item>
+ <el-form-item label="鐝粍淇℃伅">
+ <el-select v-model="reportForm.userId"
+ style="width: 300px"
+ placeholder="璇烽�夋嫨鐝粍淇℃伅"
+ clearable
+ filterable
+ @change="handleUserChange">
+ <el-option v-for="user in userOptions"
+ :key="user.userId"
+ :label="user.nickName"
+ :value="user.userId" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="宸ユ椂"
+ v-if="currentReportRowData?.type == 0"
+ prop="workHour">
+ <el-input v-model.number="reportForm.workHour"
+ type="number"
+ min="0"
+ style="width: 280px"
+ placeholder="璇疯緭鍏ュ伐鏃�" /><span style="margin-left:10px"
+ class="param-unit">h</span>
+ </el-form-item>
+ <div v-if="params.length > 0"
+ class="param-grid"
+ v-loading="paramLoading">
+ <el-form-item v-for="param in params"
+ :key="param.id"
+ :label="param.paramName"
+ :label-width="120"
+ class="param-item">
+ <template v-if="param.paramType == '1'">
+ <div class="param-input-group">
+ <el-input-number v-model="reportForm.paramGroups[param.id]"
+ controls-position="right"
+ :key="param.id"
+ style="width: 250px"
+ class="param-input" />
+ <span v-if="param.unit && param.unit != '/'"
+ class="param-unit">{{ param.unit }}</span>
+ </div>
+ </template>
+ <template v-else-if="param.paramType == '2'">
+ <div class="param-input-group">
+ <el-input v-model="reportForm.paramGroups[param.id]"
+ :key="param.id"
+ style="width: 250px"
+ class="param-input" />
+ <span v-if="param.unit && param.unit != '/'"
+ class="param-unit">{{ param.unit }}</span>
+ </div>
+ </template>
+ <template v-else-if="param.paramType == '3'">
+ <div class="param-input-group">
+ <el-select v-model="reportForm.paramGroups[param.id]"
+ placeholder="璇烽�夋嫨"
+ :key="param.id"
+ class="param-select"
+ style="width: 250px">
+ <el-option v-for="option in dictOptions[param.paramFormat] || []"
+ :key="option.dictLabel"
+ :label="option.dictLabel"
+ :value="option.dictLabel" />
+ </el-select>
+ <span v-if="param.unit && param.unit != '/'"
+ class="param-unit">{{ param.unit }}</span>
+ </div>
+ </template>
+ <template v-else-if="param.paramType == '4'">
+ <div class="param-input-group">
+ <el-date-picker :value-format="param.paramFormat.replace('yyyy', 'YYYY').replace('dd', 'DD')"
+ :format="param.paramFormat.replace('yyyy', 'YYYY').replace('dd', 'DD')"
+ :key="param.id"
+ :type="param.paramFormat=='yyyy-MM-dd'?'date':'datetime'"
+ v-model="reportForm.paramGroups[param.id]"
+ class="param-input"
+ style="width: 250px" />
+ <span v-if="param.unit && param.unit != '/'"
+ class="param-unit">{{ param.unit }}</span>
+ </div>
+ </template>
+ <template v-else>
+ <div class="param-input-group">
+ <el-input v-model="reportForm.paramGroups[param.id]"
+ :key="param.id"
+ class="param-input" />
+ <span v-if="param.unit && param.unit != '/'"
+ class="param-unit">{{ param.unit }}</span>
+ </div>
+ </template>
+ </el-form-item>
+ </div>
+ </el-form>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary"
+ @click="handleFinishWork">纭畾</el-button>
+ <el-button @click="reportDialogVisible = false">鍙栨秷</el-button>
+ </span>
+ </template>
+ </el-dialog>
+ <MaterialDialog v-model="materialDialogVisible"
+ :row-data="currentMaterialOrderRow"
+ @refresh="getList" />
+ <FileList v-if="fileDialogVisible"
+ v-model:visible="fileDialogVisible"
+ :editable="!currentWorkOrderRow?.endOrder"
+ :record-type="'production_operation_task'"
+ :record-id="currentWorkOrderId" />
+ </div>
+</template>
+
+<script setup>
+ import { onMounted, ref, nextTick } from "vue";
+ import { ElMessageBox } from "element-plus";
+ import dayjs from "dayjs";
+ import {
+ productWorkOrderPage,
+ addProductMain,
+ startWork,
+ downProductWorkOrder,
+ } from "@/api/productionManagement/workOrder.js";
+ import { findProcessParamListOrder } from "@/api/productionManagement/productProcessRoute.js";
+ import { getUserProfile, userListNoPageByTenantId } from "@/api/system/user.js";
+ import { getDicts } from "@/api/system/dict/data";
+ import QRCode from "qrcode";
+ import { getCurrentInstance, reactive, toRefs } from "vue";
+ import MaterialDialog from "./components/MaterialDialog.vue";
+ const FileList = defineAsyncComponent(() =>
+ import("@/components/Dialog/FileList.vue")
+ );
+
+ import useUserStore from "@/store/modules/user";
+ const { proxy } = getCurrentInstance();
+ const userStore = useUserStore();
+
+ const isCompleted = row => {
+ const status = Number(row?.completionStatus);
+ return Number.isFinite(status) && status >= 100;
+ };
+
+ const canOperate = row => !row.endOrder && !isCompleted(row);
+
+ const tableColumn = ref([
+ { label: "宸ュ崟绫诲瀷", prop: "workOrderType", width: "80" },
+ { label: "宸ュ崟缂栧彿", prop: "workOrderNo", width: "140" },
+ { label: "鐢熶骇璁㈠崟鍙�", prop: "npsNo", width: "140" },
+ { label: "浜у搧鍚嶇О", prop: "productName", width: "140" },
+ { label: "瑙勬牸", prop: "model" },
+ { label: "鍗曚綅", prop: "unit" },
+ { label: "宸ュ簭鍚嶇О", prop: "operationName", width: "100" },
+ { label: "闇�姹傛暟閲�", prop: "planQuantity", width: "140" },
+ { label: "瀹屾垚鏁伴噺", prop: "completeQuantity", width: "140" },
+ { label: "瀹屾垚杩涘害", prop: "completionStatus", dataType: "slot", slot: "completionStatus", width: "140" },
+ { label: "璁″垝寮�濮嬫椂闂�", prop: "planStartTime", width: "140" },
+ { label: "璁″垝缁撴潫鏃堕棿", prop: "planEndTime", width: "140" },
+ { label: "瀹為檯寮�濮嬫椂闂�", prop: "actualStartTime", width: "140" },
+ { label: "瀹為檯缁撴潫鏃堕棿", prop: "actualEndTime", width: "140" },
+ {
+ label: "鎿嶄綔", width: "260", align: "center", dataType: "action", fixed: "right",
+ operation: [
+ {
+ name: "娴佽浆鍗�",
+ clickFun: row => { downloadAndPrintWorkOrder(row); },
+ },
+ {
+ name: "闄勪欢",
+ clickFun: row => { openWorkOrderFiles(row); },
+ },
+ {
+ name: "寮�濮嬫姤宸�",
+ showHide: row => canOperate(row) && !row.actualStartTime,
+ disabled: row => {
+ if (row.planQuantity <= 0) return true;
+ if (!row.userIds) return false;
+ try {
+ const userIds = typeof row.userIds === "string" ? JSON.parse(row.userIds) : row.userIds;
+ if (Array.isArray(userIds)) {
+ return !userIds.some(id => String(id) === String(userStore.id));
+ }
+ return true;
+ } catch (e) { return true; }
+ },
+ clickFun: row => { handleStartWork(row); },
+ },
+ {
+ name: "缁撴潫鎶ュ伐",
+ showHide: row => canOperate(row) && !!row.actualStartTime,
+ clickFun: row => { showReportDialog(row); },
+ },
+ ],
+ },
+ ]);
+ const tableData = ref([]);
+ const tableLoading = ref(false);
+ const transferCardVisible = ref(false);
+ const transferCardRowData = ref(null);
+ const reportDialogVisible = ref(false);
+ const fileDialogVisible = ref(false);
+ const currentWorkOrderId = ref(null);
+ const reportFormRef = ref(null);
+ const userOptions = ref([]);
+ const reportForm = reactive({
+ planQuantity: 0,
+ quantity: null,
+ scrapQty: null,
+ userName: "",
+ workOrderId: "",
+ reportWork: "",
+ productProcessRouteItemId: "",
+ userId: "",
+ productMainId: null,
+ productionOrderRoutingOperationId: "",
+ productionOrderId: "",
+ workHour: 0,
+ paramGroups: {},
+ });
+
+ const params = ref({});
+ const dictOptions = ref({});
+ const paramLoading = ref(false);
+
+ const validateQuantity = (rule, value, callback) => {
+ if (value === null || value === undefined || value === "") {
+ callback(new Error("璇疯緭鍏ョ敓浜у悎鏍兼暟閲�"));
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num) || !Number.isInteger(num) || num < 0) {
+ callback(new Error("鐢熶骇鍚堟牸鏁伴噺蹇呴』澶т簬绛変簬0"));
+ return;
+ }
+ callback();
+ };
+ const validateScrapQty = (rule, value, callback) => {
+ if (value === null || value === undefined || value === "") {
+ callback();
+ return;
+ }
+ const num = Number(value);
+ if (isNaN(num) || !Number.isInteger(num) || num < 0) {
+ callback(new Error("鎶ュ簾鏁伴噺蹇呴』澶т簬绛変簬0"));
+ return;
+ }
+ callback();
+ };
+ const reportFormRules = {
+ quantity: [{ required: true, validator: validateQuantity, trigger: "blur" }],
+ scrapQty: [{ validator: validateScrapQty, trigger: "blur" }],
+ };
+
+ const handleQuantityInput = value => {
+ if (value === "" || value === null || value === undefined) { reportForm.quantity = null; return; }
+ const num = Number(value);
+ if (isNaN(num)) return;
+ if (num < 0) { reportForm.quantity = null; return; }
+ if (!Number.isInteger(num)) {
+ const intValue = Math.floor(num);
+ if (intValue < 0) { reportForm.quantity = null; return; }
+ reportForm.quantity = intValue;
+ return;
+ }
+ reportForm.quantity = num;
+ };
+
+ const handleScrapQtyInput = value => {
+ if (value === "" || value === null || value === undefined) { reportForm.scrapQty = null; return; }
+ const num = Number(value);
+ if (isNaN(num)) return;
+ if (num < 0) { reportForm.scrapQty = null; return; }
+ if (!Number.isInteger(num)) { reportForm.scrapQty = Math.floor(num); return; }
+ reportForm.scrapQty = num;
+ };
+
+ const filterMine = ref(false);
+ const currentReportRowData = ref(null);
+ const materialDialogVisible = ref(false);
+ const currentMaterialOrderRow = ref(null);
+ const page = reactive({ current: 1, size: 100, total: 0 });
+
+ const data = reactive({
+ searchForm: { workOrderNo: "", npsNo: "" },
+ });
+ const { searchForm } = toRefs(data);
+
+ const toProgressPercentage = val => {
+ const n = Number(val);
+ if (!Number.isFinite(n)) return 0;
+ if (n <= 0) return 0;
+ if (n >= 100) return 100;
+ return parseFloat(n.toFixed(2));
+ };
+ const progressColor = percentage => {
+ const p = toProgressPercentage(percentage);
+ if (p < 30) return "#f56c6c";
+ if (p < 50) return "#e6a23c";
+ if (p < 80) return "#409eff";
+ return "#67c23a";
+ };
+
+ const handleQuery = () => { page.current = 1; getList(); };
+ const pagination = obj => { page.current = obj.page; page.size = obj.limit; getList(); };
+
+ const getList = () => {
+ tableLoading.value = true;
+ const params = { ...searchForm.value, ...page };
+ if (filterMine.value) { params.filterMine = true; }
+ productWorkOrderPage(params)
+ .then(res => {
+ tableLoading.value = false;
+ tableData.value = res.data.records;
+ page.total = res.data.total;
+ })
+ .catch(() => { tableLoading.value = false; });
+ };
+
+ const downloadAndPrintWorkOrder = async row => {
+ if (!row || !row.id) {
+ proxy.$modal.msgError("缂哄皯宸ュ崟ID锛屾棤娉曚笅杞芥祦杞崱");
+ return;
+ }
+ try {
+ const blob = await downProductWorkOrder(row.id);
+ if (!blob) { proxy.$modal.msgError("鏈幏鍙栧埌娴佽浆鍗℃枃浠�"); return; }
+ const fileBlob = blob instanceof Blob ? blob : new Blob([blob], { type: blob.type || "application/octet-stream" });
+ const url = window.URL.createObjectURL(fileBlob);
+ const iframe = document.createElement("iframe");
+ iframe.style.position = "fixed";
+ iframe.style.right = "0"; iframe.style.bottom = "0";
+ iframe.style.width = "0"; iframe.style.height = "0"; iframe.style.border = "0";
+ iframe.src = url;
+ document.body.appendChild(iframe);
+ iframe.onload = () => {
+ try { iframe.contentWindow?.focus(); iframe.contentWindow?.print(); }
+ catch (e) { window.open(url); }
+ };
+ } catch (e) {
+ console.error("涓嬭浇宸ュ崟娴佽浆鍗″け璐�", e);
+ proxy.$modal.msgError("涓嬭浇宸ュ崟娴佽浆鍗″け璐�");
+ }
+ };
+
+ const printTransferCard = () => { window.print(); };
+ const currentWorkOrderRow = ref(null);
+
+ const openWorkOrderFiles = row => {
+ currentWorkOrderId.value = row.id;
+ currentWorkOrderRow.value = row;
+ fileDialogVisible.value = true;
+ };
+
+ const handleStartWork = row => {
+ proxy.$modal
+ .confirm("纭寮�濮嬫姤宸ワ紵", "鎻愮ず", { type: "info" })
+ .then(async () => {
+ try {
+ await startWork({
+ productionOperationTaskId: row.id,
+ userId: userStore.id,
+ });
+ proxy.$modal.msgSuccess("寮�濮嬫姤宸ユ垚鍔�");
+ getList();
+ } catch (e) {
+ proxy.$modal.msgError("寮�濮嬫姤宸ュけ璐�");
+ }
+ })
+ .catch(() => {});
+ };
+
+ const showReportDialog = async row => {
+ currentReportRowData.value = row;
+ const planQuantity = Number(row.planQuantity || 0);
+ const completeQuantity = Number(row.completeQuantity || 0);
+ const remainingQuantity = Math.max(0, planQuantity - completeQuantity);
+ reportForm.planQuantity = remainingQuantity;
+ reportForm.quantity = row.quantity !== undefined && row.quantity !== null ? row.quantity : null;
+ reportForm.productProcessRouteItemId = row.productProcessRouteItemId;
+ reportForm.workOrderId = row.id;
+ reportForm.reportWork = row.reportWork;
+ reportForm.productMainId = row.productMainId;
+ reportForm.scrapQty = row.scrapQty !== undefined && row.scrapQty !== null ? row.scrapQty : null;
+ reportForm.productionOrderRoutingOperationId = row.productionOrderRoutingOperationId;
+ reportForm.productionOrderId = row.productionOrderId;
+ reportForm.workHour = row.type == 0 ? (row.workHour || 0) : 0;
+ nextTick(() => {
+ reportFormRef.value?.clearValidate();
+ if (row.productionOrderRoutingOperationId && row.productionOrderId) {
+ loadParams(row.productionOrderRoutingOperationId, row.productionOrderId);
+ }
+ });
+ if (userStore.id) {
+ reportForm.userId = userStore.id;
+ reportForm.userName = userStore.name || userStore.nickName || "";
+ }
+ getUserProfile()
+ .then(res => {
+ if (res.code === 200 && res.data) {
+ reportForm.userId = res.data.userId;
+ reportForm.userName = res.data.nickName || res.data.userName || "";
+ }
+ })
+ .catch(err => { console.error("鑾峰彇鐢ㄦ埛淇℃伅澶辫触", err); });
+
+ reportDialogVisible.value = true;
+ };
+
+ const openMaterialDialog = row => {
+ currentMaterialOrderRow.value = row;
+ materialDialogVisible.value = true;
+ };
+
+ const handleFinishWork = () => {
+ reportFormRef.value?.validate(valid => {
+ if (!valid) return;
+
+ if (reportForm.planQuantity <= 0) {
+ ElMessageBox.alert("寰呯敓浜ф暟閲忎负0锛屾棤娉曟姤宸�", "鎻愮ず", { confirmButtonText: "纭畾" });
+ return;
+ }
+ if (reportForm.quantity === null || reportForm.quantity === undefined || reportForm.quantity === "") {
+ ElMessageBox.alert("璇疯緭鍏ョ敓浜у悎鏍兼暟閲�", "鎻愮ず", { confirmButtonText: "纭畾" });
+ return;
+ }
+ const quantity = Number(reportForm.quantity);
+ if (isNaN(quantity) || quantity < 0) {
+ ElMessageBox.alert("鐢熶骇鍚堟牸鏁伴噺蹇呴』澶т簬绛変簬0", "鎻愮ず", { confirmButtonText: "纭畾" });
+ return;
+ }
+ const scrapQty = Number(reportForm.scrapQty);
+ if (!isNaN(scrapQty) && scrapQty < 0) {
+ ElMessageBox.alert("鎶ュ簾鏁伴噺涓嶈兘灏忎簬0", "鎻愮ず", { confirmButtonText: "纭畾" });
+ return;
+ }
+
+ const productionOperationParamList = params.value.map(param => ({
+ ...param,
+ inputValue: reportForm.paramGroups[param.id] ?? "",
+ }));
+
+ addProductMain({
+ quantity,
+ scrapQty: isNaN(scrapQty) ? 0 : scrapQty,
+ userId: reportForm.userId,
+ userName: reportForm.userName,
+ productionOperationTaskId: reportForm.workOrderId,
+ productProcessRouteItemId: reportForm.productProcessRouteItemId,
+ reportWork: reportForm.reportWork,
+ productMainId: reportForm.productMainId,
+ productionOrderRoutingOperationId: reportForm.productionOrderRoutingOperationId,
+ productionOrderId: reportForm.productionOrderId,
+ workHour: reportForm.workHour,
+ productionOperationParamList: productionOperationParamList,
+ })
+ .then(() => {
+ proxy.$modal.msgSuccess("缁撴潫鎶ュ伐鎴愬姛");
+ reportDialogVisible.value = false;
+ getList();
+ })
+ .catch(() => {
+ ElMessageBox.alert("缁撴潫鎶ュ伐澶辫触", "鎻愮ず", { confirmButtonText: "纭畾" });
+ });
+ });
+ };
+
+ const handleUserChange = val => {
+ const user = userOptions.value.find(item => item.userId === val);
+ reportForm.userName = user ? user.nickName : "";
+ };
+
+ const getDictOptions = async dictType => {
+ if (!dictType) return [];
+ if (dictOptions.value[dictType]) return dictOptions.value[dictType];
+ try {
+ const res = await getDicts(dictType);
+ if (res.code === 200) { dictOptions.value[dictType] = res.data; return res.data; }
+ return [];
+ } catch (error) { console.error("鑾峰彇瀛楀吀鏁版嵁澶辫触:", error); return []; }
+ };
+
+ const loadParams = (productionOrderRoutingOperationId, productionOrderId) => {
+ paramLoading.value = true;
+ findProcessParamListOrder({ productionOrderRoutingOperationId, productionOrderId })
+ .then(res => {
+ if (res.code === 200) {
+ const paramList = res.data || [];
+ params.value = paramList;
+ reportForm.paramGroups = {};
+ paramList.forEach(param => {
+ if (!reportForm.paramGroups[param.id]) { reportForm.paramGroups[param.id] = ""; }
+ if (param.paramType == "3" && param.paramFormat) { getDictOptions(param.paramFormat); }
+ });
+ }
+ })
+ .catch(err => { console.error("鑾峰彇宸ュ簭鍙傛暟澶辫触:", err); })
+ .finally(() => { paramLoading.value = false; });
+ };
+
+ onMounted(() => {
+ userStore.getInfo();
+ getList();
+ userListNoPageByTenantId().then(res => {
+ if (res.code === 200) { userOptions.value = res.data; }
+ });
+ });
+</script>
+
+<style scoped lang="scss">
+ .search-row { display: flex; align-items: center; gap: 12px; }
+ .search-item { display: flex; align-items: center; }
+ .search_title { margin-right: 8px; font-size: 14px; color: #606266; }
+ .transfer-card-title { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #303133; }
+ .transfer-card-container { display: flex; justify-content: space-between; padding: 20px; }
+ .transfer-card-info { flex: 1; margin-right: 20px; }
+ .info-group { margin-bottom: 20px; }
+ .info-item { display: flex; margin-bottom: 10px; }
+ .info-label { width: 100px; font-weight: bold; color: #606266; }
+ .info-value { flex: 1; color: #303133; }
+ .transfer-card-qr { display: flex; flex-direction: column; align-items: center; }
+ .qr-container { text-align: center; }
+ .print-button-container { text-align: center; margin-top: 20px; }
+ .param-grid { margin-top: 10px; border-top: 1px solid #ebe9f3; padding-top: 10px; }
+ .param-item { margin-bottom: 12px; }
+ .param-input-group { display: flex; align-items: center; gap: 8px; }
+ .param-input { flex: 1; }
+ .param-select { flex: 1; }
+ .param-unit { color: #909399; font-size: 12px; min-width: 30px; }
+</style>
+
+<style lang="scss">
+ @media print {
+ @page { size: landscape; }
+ body * { visibility: hidden; }
+ .el-dialog__wrapper, .el-dialog, .el-dialog__body,
+ .transfer-card-title, .transfer-card-container, .transfer-card-container *,
+ .info-item, .info-label, .info-value { visibility: visible; }
+ .print-button-container { visibility: hidden; }
+ .el-dialog__wrapper { position: absolute; top: 0; left: 0; right: 0; margin: 0; }
+ .el-dialog { width: 100% !important; max-width: 800px; margin: 0 auto !important; }
+ .el-dialog__header, .el-dialog__footer { display: none; }
+ .el-dialog__body { padding: 20px; }
+ .transfer-card-container { height: auto; display: flex; gap: 20px; }
+ .transfer-card-info {
+ .info-group { width: 100%; float: none; margin-bottom: 20px; }
+ .info-item { display: flex; margin-bottom: 10px;
+ .info-label { width: 100px; font-weight: bold; margin-right: 15px; white-space: nowrap; }
+ .info-value { flex: 1; word-break: break-word; }
+ }
+ }
+ .transfer-card-qr { width: 160px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
+ .qr-container img { width: 140px !important; height: 140px !important; }
+ }
+</style>
--
Gitblit v1.9.3