From 7c2cdcbc7f5585b96fba76a07b0e4417a09c4d7e Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 02 六月 2026 11:06:10 +0800
Subject: [PATCH] 新疆马铃薯 1.过程检验下载添加3个模版

---
 src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue |  138 ++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 121 insertions(+), 17 deletions(-)

diff --git a/src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue b/src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue
index c660840..b27d1e1 100644
--- a/src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue
+++ b/src/views/equipmentManagement/upkeep/Form/MaintenanceModal.vue
@@ -25,18 +25,46 @@
           style="width: 100%"
         />
       </el-form-item>
-      <el-form-item label="淇濆吇鐘舵��">
-        <el-select v-model="form.status">
-          <el-option label="寰呬繚鍏�" :value="0"></el-option>
-          <el-option label="瀹岀粨" :value="1"></el-option>
-          <el-option label="澶辫触" :value="2"></el-option>
+      <el-form-item label="淇濆吇缁撴灉">
+        <el-select v-model="form.maintenanceResult" placeholder="璇烽�夋嫨淇濆吇缁撴灉">
+          <el-option label="缁翠慨" value="0" />
+          <el-option label="瀹屽ソ" value="1" />
         </el-select>
       </el-form-item>
-      <el-form-item label="淇濆吇缁撴灉">
-        <el-input
-          v-model="form.maintenanceResult"
-          placeholder="璇疯緭鍏ヤ繚鍏荤粨鏋�"
-          type="text" />
+      <el-form-item label="璁惧澶囦欢">
+        <el-select v-model="form.sparePartsIds" :loading="loadingSparePartOptions" placeholder="璇烽�夋嫨璁惧澶囦欢" multiple filterable>
+          <el-option
+              v-for="item in sparePartOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="selectedSpareParts.length" label="棰嗙敤鏁伴噺">
+        <div style="width: 100%">
+          <div
+              v-for="item in selectedSpareParts"
+              :key="item.id"
+              style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px;"
+          >
+            <div style="flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+              {{ item.name }}
+              <span v-if="item.quantity !== null && item.quantity !== undefined" style="color: #909399;">
+                锛堝簱瀛橈細{{ item.quantity }}锛�
+              </span>
+            </div>
+            <el-input-number
+                v-model="sparePartQtyMap[item.id]"
+                :min="1"
+                :max="item.quantity !== null && item.quantity !== undefined ? Number(item.quantity) : undefined"
+                :step="1"
+                controls-position="right"
+                style="width: 180px"
+            />
+          </div>
+        </div>
       </el-form-item>
     </el-form>
   </FormDialog>
@@ -49,12 +77,15 @@
 import dayjs from "dayjs";
 import useUserStore from "@/store/modules/user";
 import { ElMessage } from "element-plus";
+import {computed, getCurrentInstance, ref} from "vue";
+import {getSparePartsList} from "@/api/equipmentManagement/spareParts.js";
 
 defineOptions({
   name: "淇濆吇妯℃�佹",
 });
 
 const emits = defineEmits(["ok"]);
+const { proxy } = getCurrentInstance();
 
 // 淇濆瓨璁″垝淇濆吇璁板綍鐨刬d
 const planId = ref();
@@ -63,21 +94,42 @@
 const userStore = useUserStore();
 
 const { form, resetForm } = useFormData({
-  maintenanceActuallyName: undefined, // 瀹為檯淇濆吇浜�
-  maintenanceActuallyTime: undefined, // 瀹為檯淇濆吇鏃ユ湡
-  maintenanceResult: undefined, // 淇濆吇缁撴灉
-  status: 0, // 淇濆吇鐘舵��
+  maintenanceActuallyName: undefined,
+  maintenanceActuallyTime: undefined,
+  maintenanceResult: undefined,
+  sparePartsIds: [],
+});
+
+const sparePartOptions = ref([])
+const loadingSparePartOptions = ref(true)
+const sparePartQtyMap = ref({})
+
+const selectedSpareParts = computed(() => {
+  const ids = Array.isArray(form.sparePartsIds) ? form.sparePartsIds : [];
+  const set = new Set(ids.map((i) => String(i)));
+  return (sparePartOptions.value || []).filter((p) => set.has(String(p.id)));
 });
 
 const setForm = (data) => {
   form.maintenanceActuallyName =
     data.maintenanceActuallyName ?? userStore.nickName;
   form.maintenanceActuallyTime =
-    data.maintenanceActuallyTime 
+    data.maintenanceActuallyTime
       ? dayjs(data.maintenanceActuallyTime).format("YYYY-MM-DD HH:mm:ss")
       : dayjs().format("YYYY-MM-DD HH:mm:ss");
   form.maintenanceResult = data.maintenanceResult;
-  form.status = 1; // 榛樿鐘舵�佷负瀹岀粨
+  if (Array.isArray(data?.sparePartsIds)) {
+    form.sparePartsIds = data.sparePartsIds.map((v) => Number(v)).filter((v) => Number.isFinite(v));
+  } else if (typeof data?.sparePartsIds === "string") {
+    form.sparePartsIds = data.sparePartsIds
+        .split(",")
+        .map((s) => Number(String(s).trim()))
+        .filter((v) => Number.isFinite(v));
+  } else if (typeof data?.sparePartsIds === "number") {
+    form.sparePartsIds = [data.sparePartsIds];
+  } else {
+    form.sparePartsIds = [];
+  }
 };
 
 /**
@@ -86,11 +138,41 @@
 const sendForm = async () => {
   loading.value = true;
   try {
-    const { code } = await addMaintenance({ id: planId.value, ...form });
+    // 棰嗙敤鏁伴噺鏍¢獙
+    if (Array.isArray(form.sparePartsIds) && form.sparePartsIds.length > 0) {
+      for (const partId of form.sparePartsIds) {
+        const qty = Number(sparePartQtyMap.value?.[partId]);
+        if (!Number.isFinite(qty) || qty <= 0) {
+          proxy?.$modal?.msgError?.("璇峰~鍐欏浠堕鐢ㄦ暟閲�");
+          return;
+        }
+        const part = sparePartOptions.value.find((p) => String(p.id) === String(partId));
+        const stock = part?.quantity;
+        if (stock !== null && stock !== undefined && Number.isFinite(Number(stock))) {
+          if (qty > Number(stock)) {
+            proxy?.$modal?.msgError?.(`澶囦欢銆�${part?.name || ""}銆嶉鐢ㄦ暟閲忎笉鑳借秴杩囧簱瀛橈紙${stock}锛塦);
+            return;
+          }
+        }
+      }
+    }
+    const data = {
+      id: planId.value,
+      ...form,
+      sparePartsIds: form.sparePartsIds ? form.sparePartsIds.join(",") : "",
+      sparePartsQty: form.sparePartsIds
+          ? form.sparePartsIds.map((id) => sparePartQtyMap.value?.[id] ?? 1).join(",")
+          : "",
+      sparePartsUseList: form.sparePartsIds
+          ? form.sparePartsIds.map((id) => ({ id, quantity: sparePartQtyMap.value?.[id] ?? 1 }))
+          : [],
+    }
+    const { code } = await addMaintenance(data);
     if (code == 200) {
       ElMessage.success("淇濆吇鎴愬姛");
       emits("ok");
       resetForm();
+      sparePartQtyMap.value = {};
       visible.value = false;
     }
   } finally {
@@ -98,13 +180,34 @@
   }
 };
 
+const fetchSparePartOptions = () => {
+  loadingSparePartOptions.value = true;
+  // 鍜屽浠剁鐞嗛〉涓�鑷达細/spareParts/listPage 鈫� res.data.records
+  getSparePartsList({ current: 1, size: 1000 })
+      .then((res) => {
+        if (res.code === 200) {
+          sparePartOptions.value = res?.data?.records || [];
+        } else {
+          sparePartOptions.value = [];
+        }
+      })
+      .catch(() => {
+        sparePartOptions.value = [];
+      })
+      .finally(() => {
+        loadingSparePartOptions.value = false;
+      });
+}
+
 const handleCancel = () => {
   resetForm();
+  sparePartQtyMap.value = {};
   visible.value = false;
 };
 
 const handleClose = () => {
   resetForm();
+  sparePartQtyMap.value = {};
   visible.value = false;
 };
 
@@ -112,6 +215,7 @@
   planId.value = id; // 淇濆瓨璁″垝淇濆吇璁板綍鐨刬d
   visible.value = true;
   await nextTick();
+  fetchSparePartOptions()
   setForm(row);
 };
 

--
Gitblit v1.9.3